[Fix] Removed tooltip message for highlight not supported (#1070)

removed tooltip for highlight not supported Co-authored-by: Gayathri <[email protected]>
Zipstack · Jan 20, 2025 · 538a83d · 538a83d
1 parent dd7cdf7
commit 538a83d
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 8 deletions.
diff --git a/frontend/src/components/custom-tools/document-manager/DocumentManager.jsx b/frontend/src/components/custom-tools/document-manager/DocumentManager.jsx
@@ -380,7 +380,7 @@ function DocumentManager({ generateIndex, handleUpdateTool, handleDocChange }) {
               ) : null}
             </div>
             <div>
-              <Tooltip title="Manage Documents">
+              <Tooltip title="Manage Document Variants">
                 <Button
                   className="doc-manager-btn"
                   onClick={() => setOpenManageDocsModal(true)}

diff --git a/frontend/src/components/custom-tools/manage-docs-modal/ManageDocsModal.jsx b/frontend/src/components/custom-tools/manage-docs-modal/ManageDocsModal.jsx
@@ -307,7 +307,7 @@ function ManageDocsModal({
 
   const columns = [
     {
-      title: "Document",
+      title: "Document Variants",
       dataIndex: "document",
       key: "document",
     },
@@ -663,7 +663,7 @@ function ManageDocsModal({
           <SpaceWrapper>
             <Space>
               <Typography.Text className="add-cus-tool-header">
-                Manage Documents
+                Manage Document Variants
               </Typography.Text>
             </Space>
             <div>

diff --git a/frontend/src/components/custom-tools/output-for-doc-modal/OutputForDocModal.jsx b/frontend/src/components/custom-tools/output-for-doc-modal/OutputForDocModal.jsx
@@ -300,7 +300,7 @@ function OutputForDocModal({
 
   const columns = [
     {
-      title: "Document",
+      title: "Document Variants",
       dataIndex: "document",
       key: "document",
     },

diff --git a/frontend/src/components/custom-tools/prompt-card/PromptCardItems.jsx b/frontend/src/components/custom-tools/prompt-card/PromptCardItems.jsx
@@ -8,6 +8,7 @@ import {
   Row,
   Select,
   Space,
+  Tag,
   Typography,
 } from "antd";
 import { useEffect, useRef, useState } from "react";
@@ -251,6 +252,22 @@ function PromptCardItems({
                         </Space>
                       </Button>
                     </Space>
+                    <Space>
+                      {details?.enable_highlight &&
+                        ["json", "table", "record"].includes(enforceType) && (
+                          <Tag
+                            color="red"
+                            style={{
+                              whiteSpace: "normal",
+                              wordWrap: "break-word",
+                              minWidth: "200px",
+                            }}
+                          >
+                            Highlighting is not supported when enforce type is{" "}
+                            {enforceType}
+                          </Tag>
+                        )}
+                    </Space>
                     <Space>
                       {(enforceType === TABLE_ENFORCE_TYPE ||
                         enforceType === RECORD_ENFORCE_TYPE) &&

diff --git a/frontend/src/components/custom-tools/prompt-card/PromptOutput.jsx b/frontend/src/components/custom-tools/prompt-card/PromptOutput.jsx
@@ -84,6 +84,9 @@ function PromptOutput({
   const { generatePromptOutputKey } = usePromptOutput();
   const isTableExtraction =
     enforceType === TABLE_ENFORCE_TYPE || enforceType === RECORD_ENFORCE_TYPE;
+  const noHighlightEnforceType = !["json", "table", "record"].includes(
+    enforceType
+  );
   const tooltipContent = (adapterConf) => (
     <div>
       {Object.entries(adapterConf)?.map(([key, value]) => (
@@ -204,17 +207,17 @@ function PromptOutput({
               transition={{ duration: 0.5, ease: "linear" }}
               className={`prompt-card-llm ${
                 details?.enable_highlight &&
-                enforceType !== "json" &&
+                noHighlightEnforceType &&
                 selectedHighlight?.highlightedPrompt === promptId &&
                 selectedHighlight?.highlightedProfile === profileId &&
                 "highlighted-prompt-cell"
               }`}
             >
               <Tooltip
                 title={
-                  details?.enable_highlight && enforceType !== "json"
-                    ? "Click to highlight"
-                    : "Highlighting is not supported when enforce type is JSON"
+                  details?.enable_highlight &&
+                  noHighlightEnforceType &&
+                  "Click to highlight"
                 }
               >
                 <Col