npm - @e-llm-studio/instant-learning - Versions diffs - 1.3.1 → 1.3.3 - Mend

@e-llm-studio/instant-learning 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1994) hide show

package/dist/features/IL-OTJ/_components/CitationLink.js CHANGED Viewed

@@ -1,2 +1,365 @@
-import{__assign as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{CitationRenderer as o}from"@e-llm-studio/citation";import t,{useRef as n,useCallback as a,useEffect as l}from"react";import d from"./_svg/ChevronDown.js";import c from"./_svg/ChevronUp.js";import s from"./_svg/BookIcon.js";import{CitationLinkSparkleIcon as p}from"./_svg/CitationLinkSparkleIcon.js";import f from"./MarkdownRenderer.js";var u=t.memo(function(i){var o=i.text,t=i.highlights,n=(null!=t?t:[]).filter(function(e){return"string"==typeof e&&e.length>0});if(0===n.length||!o)return r("span",{children:o});var a=n.map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}),l=new RegExp("(".concat(a.join("|"),")"),"gi"),d=o.split(l);return r("span",{children:d.map(function(i,o){var t=n.some(function(e){return e.toLowerCase()===i.toLowerCase()});return r("span",t?e({style:{backgroundColor:"var(--il-warning-subtle, #fef08a)",color:"var(--il-foreground, #000)"}},{children:i}):{children:i},o)})})}),h=t.memo(function(o){var t,n,a=o.citation,l=o.headerTitle,d=o.score,c=o.footerText,h=o.userPreferences,g=o.hasUserPreferences;return i("div",e({className:"citation-card-layout",style:{display:"flex",flexDirection:"column",gap:"8px",padding:"10px",height:"auto",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden",backgroundColor:"var(--il-surface-alt, #fbfaff)",color:"var(--il-foreground, #19213D)"}},{children:[d&&i("div",e({style:{display:"flex",alignItems:"center",borderRadius:"9999px",border:"1.5px solid var(--il-primary, #c4b6fc)",backgroundColor:"var(--il-surface, #FFF)",padding:"4px 8px",fontSize:"12px",fontWeight:600,color:"var(--il-foreground, #1E293B)",gap:"4px",cursor:"pointer",width:"fit-content"}},{children:[r(p,{width:13,height:13}),i("span",{children:["Citation Relevance ",d,"%"]})]})),i("div",e({style:{flex:"1 1 auto",display:"flex",gap:g?"12px":"0px",overflow:"hidden",alignItems:"stretch",width:"100%",flexWrap:"wrap"}},{children:[i("div",e({style:{display:"flex",flexDirection:"column",flex:g?"1 1 170px":"1 1 100%",minWidth:g?"100px":"100%",width:g?"auto":"100%",border:"1px solid var(--il-border, #E3E6EA)",borderRadius:"8px"}},{children:[i("div",e({style:{display:"flex",alignItems:"center",gap:"4px",borderBottom:"1px solid var(--il-border, #E5E7EB)",backgroundColor:"var(--il-surface-alt, #F7F8FA)",padding:"12px",fontSize:"14px",fontWeight:"500",color:"var(--il-foreground, #19213D)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",borderTopLeftRadius:"8px",borderTopRightRadius:"8px"}},{children:[r(s,{})," ",l]})),r("div",e({className:"citation-markdown-wrapper",style:{flex:g?"1 1 60%":"1 1 auto",overflowY:"auto",backgroundColor:"var(--il-surface, #fff)",minWidth:"0"}},{children:r(f,{value:(null===(t=a.customMetaData)||void 0===t?void 0:t.content)||"",highlightedText:null===(n=a.customMetaData)||void 0===n?void 0:n.highlighted_text,styles:{mainCard:{border:"none",padding:"8px"},list:{fontSize:"13px"}}})})),r("div",e({style:{display:"flex",backgroundColor:"var(--il-surface, #ffffff)",padding:"12px",justifyContent:"flex-end",borderTop:"1px solid var(--il-border, #E6DDFE)",fontSize:"12px",fontStyle:"italic",color:"var(--il-muted, #666F8D)",fontWeight:"400",textTransform:"capitalize",whiteSpace:"nowrap",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px"}},{children:c}))]})),g&&i("div",e({style:{flex:"1 1 170px",minWidth:"100px",display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid var(--il-border, #E5E7EB)",backgroundColor:"var(--il-surface, #fff)",overflowY:"visible",boxShadow:"0 1px 3px rgba(0,0,0,0.1)"}},{children:[r("div",e({style:{backgroundColor:"var(--il-surface, #fff)"}},{children:r("div",e({style:{padding:"12px",backgroundColor:"var(--il-surface-alt, #F7F8FA)",borderBottom:"1px solid var(--il-border, #E5E7EB)"}},{children:r("h3",e({style:{margin:0,fontSize:"14px",fontWeight:"700",color:"var(--il-foreground, #19213D)"}},{children:"Your Preference"}))}))})),r("div",e({style:{padding:"16px",display:"flex",flexDirection:"column",gap:"6px"}},{children:h.slice(0,3).map(function(o,t){return r("div",e({style:{fontSize:"13px",lineHeight:"1.5",color:"var(--il-secondary-fg, #374151)"}},{children:i("div",e({style:{display:"flex",alignItems:"flex-start",gap:"4px"}},{children:[i("div",e({style:{minWidth:"18px",fontSize:"13px",fontWeight:"600",color:"var(--il-secondary-fg, #374151)",flexShrink:0}},{children:[t+1,"."]})),i("div",e({style:{fontSize:"13px"}},{children:[r("span",{children:o.question}),r("span",e({style:{fontWeight:"600",margin:"0 4px"}},{children:":"})),r("br",{}),i("span",e({style:{fontWeight:"700",color:"var(--il-foreground, #111827)"}},{children:['"',r(u,{text:o.answer,highlights:o.highlighted_text}),'"']}))]}))]}))}),t)})}))]}))]})),r("style",{children:"\n            .citation-markdown-wrapper p:last-child { margin-bottom: 0 !important; }\n            .citation-markdown-wrapper hr { display: none; }\n            .citation-markdown-wrapper::-webkit-scrollbar, .citation-card-layout div::-webkit-scrollbar { width: 4px; }\n            .citation-markdown-wrapper::-webkit-scrollbar-thumb, .citation-card-layout div::-webkit-scrollbar-thumb { background-color: var(--il-border, #cbd5e1); border-radius: 4px; }\n          "})]}))}),g=function(t){var s,p,f,u,g=t.citation,x=t.linkTitle,m=t.isOpen,v=t.onToggle,b=t.fontSize,y=n(null),w=a(function(){v&&v()},[v]);l(function(){m&&y.current&&setTimeout(function(){var e;null===(e=y.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"center"})},50)},[m]);var k=(null===(s=g.customMetaData)||void 0===s?void 0:s.citation_title)||"",C=(null===(p=g.customMetaData)||void 0===p?void 0:p.citation_relevance_score)||null,F="Referenced from ".concat(null===(f=g.customMetaData)||void 0===f?void 0:f.citation_reference)||"",S=(null===(u=g.customMetaData)||void 0===u?void 0:u.user_preference)||[],D=S.length>0;return i("span",e({className:"citation-container",ref:y,onClick:function(e){return e.stopPropagation()}},{children:[r(o,{inLineCitation:!0,citationTitle:x,citationComponent:r(h,{citation:g,headerTitle:k,score:C,footerText:F,userPreferences:S,hasUserPreferences:D}),chevronDownComponent:r(d,{}),chevronUpComponent:r(c,{}),additionalCallbackForPillButton:w,isOpen:m,onToggle:v,styles:{citationWrapper:{maxHeight:"none",overflow:"visible",display:"flex",justifyContent:"center",marginBottom:"4px"},pillButton:{fontFamily:'"Inter", sans-serif',background:"transparent",padding:"2px 6px",margin:0,fontSize:b?"".concat(b,"px"):"1rem",fontWeight:500,color:"var(--il-primary, rgb(109, 40, 217))",cursor:"pointer",whiteSpace:"nowrap",border:m?"1px solid var(--il-primary, #A78BFA)":"none",borderRadius:"6px",marginBottom:"3px",display:"inline-flex",alignItems:"center",gap:"2px",verticalAlign:"middle"},citationContent:{backgroundColor:"var(--il-primary-subtle, #F5F3FF)",border:"1px solid var(--il-primary, #A78BFA)",borderRadius:"6px",padding:"0rem",fontFamily:'"Inter", sans-serif',fontSize:"12px",textAlign:"justify",textJustify:"inter-word",hyphens:"auto",fontWeight:400,lineHeight:"140%",color:"var(--il-foreground, #1e293b)",boxShadow:"none",width:"100%",minHeight:"auto",height:"auto",overflowY:"auto",scrollbarWidth:"none",msOverflowStyle:"none"}}}),r("style",{children:"\n          .citation-container ::-webkit-scrollbar {\n            display: none !important;\n          }\n        "})]}))};export{g as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CitationRenderer } from '@e-llm-studio/citation';
+import React__default, { useRef, useCallback, useEffect } from 'react';
+import ChevronDownIcon from './_svg/ChevronDown.js';
+import ChevronUpIcon from './_svg/ChevronUp.js';
+import BookIcon from './_svg/BookIcon.js';
+import { CitationLinkSparkleIcon } from './_svg/CitationLinkSparkleIcon.js';
+import MarkdownRenderer from './MarkdownRenderer.js';
+const HighlightedAnswer = React__default.memo(
+  ({ text, highlights }) => {
+    const stringHighlights = (highlights != null ? highlights : []).filter(
+      (h) => typeof h === "string" && h.length > 0
+    );
+    if (stringHighlights.length === 0 || !text) return /* @__PURE__ */ jsx("span", { children: text });
+    const escapedHighlights = stringHighlights.map((h) => h.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+    const pattern = new RegExp(`(${escapedHighlights.join("|")})`, "gi");
+    const parts = text.split(pattern);
+    return /* @__PURE__ */ jsx("span", { children: parts.map((part, i) => {
+      const isMatch = stringHighlights.some((h) => h.toLowerCase() === part.toLowerCase());
+      return isMatch ? /* @__PURE__ */ jsx("span", { style: { backgroundColor: "var(--il-warning-subtle, #fef08a)", color: "var(--il-foreground, #000)" }, children: part }, i) : /* @__PURE__ */ jsx("span", { children: part }, i);
+    }) });
+  }
+);
+const CitationContent = React__default.memo(
+  ({ citation, headerTitle, score, footerText, userPreferences, hasUserPreferences }) => {
+    var _a, _b;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "citation-card-layout",
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "8px",
+          padding: "10px",
+          height: "auto",
+          fontFamily: '"Plus Jakarta Sans", sans-serif',
+          overflow: "hidden",
+          backgroundColor: "var(--il-surface-alt, #fbfaff)",
+          color: "var(--il-foreground, #19213D)"
+        },
+        children: [
+          score && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                borderRadius: "9999px",
+                border: "1.5px solid var(--il-primary, #c4b6fc)",
+                backgroundColor: "var(--il-surface, #FFF)",
+                padding: "4px 8px",
+                fontSize: "12px",
+                fontWeight: 600,
+                color: "var(--il-foreground, #1E293B)",
+                gap: "4px",
+                cursor: "pointer",
+                width: "fit-content"
+              },
+              children: [
+                /* @__PURE__ */ jsx(CitationLinkSparkleIcon, { width: 13, height: 13 }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "Citation Relevance ",
+                  score,
+                  "%"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                flex: "1 1 auto",
+                display: "flex",
+                gap: hasUserPreferences ? "12px" : "0px",
+                overflow: "hidden",
+                alignItems: "stretch",
+                width: "100%",
+                flexWrap: "wrap"
+              },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      flex: hasUserPreferences ? "1 1 170px" : "1 1 100%",
+                      minWidth: hasUserPreferences ? "100px" : "100%",
+                      width: hasUserPreferences ? "auto" : "100%",
+                      border: "1px solid var(--il-border, #E3E6EA)",
+                      borderRadius: "8px"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "4px",
+                            borderBottom: "1px solid var(--il-border, #E5E7EB)",
+                            backgroundColor: "var(--il-surface-alt, #F7F8FA)",
+                            padding: "12px",
+                            fontSize: "14px",
+                            fontWeight: "500",
+                            color: "var(--il-foreground, #19213D)",
+                            whiteSpace: "nowrap",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            borderTopLeftRadius: "8px",
+                            borderTopRightRadius: "8px"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(BookIcon, {}),
+                            " ",
+                            headerTitle
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: "citation-markdown-wrapper",
+                          style: {
+                            flex: hasUserPreferences ? "1 1 60%" : "1 1 auto",
+                            overflowY: "auto",
+                            backgroundColor: "var(--il-surface, #fff)",
+                            minWidth: "0"
+                          },
+                          children: /* @__PURE__ */ jsx(
+                            MarkdownRenderer,
+                            {
+                              value: ((_a = citation.customMetaData) == null ? void 0 : _a.content) || "",
+                              highlightedText: (_b = citation.customMetaData) == null ? void 0 : _b.highlighted_text,
+                              styles: {
+                                mainCard: {
+                                  border: "none",
+                                  padding: "8px"
+                                },
+                                list: {
+                                  fontSize: "13px"
+                                }
+                              }
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            backgroundColor: "var(--il-surface, #ffffff)",
+                            padding: "12px",
+                            justifyContent: "flex-end",
+                            borderTop: "1px solid var(--il-border, #E6DDFE)",
+                            fontSize: "12px",
+                            fontStyle: "italic",
+                            color: "var(--il-muted, #666F8D)",
+                            fontWeight: "400",
+                            textTransform: "capitalize",
+                            whiteSpace: "nowrap",
+                            borderBottomLeftRadius: "8px",
+                            borderBottomRightRadius: "8px"
+                          },
+                          children: footerText
+                        }
+                      )
+                    ]
+                  }
+                ),
+                hasUserPreferences && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      flex: "1 1 170px",
+                      minWidth: "100px",
+                      display: "flex",
+                      flexDirection: "column",
+                      borderRadius: "8px",
+                      border: "1px solid var(--il-border, #E5E7EB)",
+                      backgroundColor: "var(--il-surface, #fff)",
+                      overflowY: "visible",
+                      boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx("div", { style: { backgroundColor: "var(--il-surface, #fff)" }, children: /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          style: {
+                            padding: "12px",
+                            backgroundColor: "var(--il-surface-alt, #F7F8FA)",
+                            borderBottom: "1px solid var(--il-border, #E5E7EB)"
+                          },
+                          children: /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "14px", fontWeight: "700", color: "var(--il-foreground, #19213D)" }, children: "Your Preference" })
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          style: { padding: "16px", display: "flex", flexDirection: "column", gap: "6px" },
+                          children: userPreferences.slice(0, 3).map((pref, idx) => /* @__PURE__ */ jsx("div", { style: { fontSize: "13px", lineHeight: "1.5", color: "var(--il-secondary-fg, #374151)" }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "4px" }, children: [
+                            /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                style: {
+                                  minWidth: "18px",
+                                  fontSize: "13px",
+                                  fontWeight: "600",
+                                  color: "var(--il-secondary-fg, #374151)",
+                                  flexShrink: 0
+                                },
+                                children: [
+                                  idx + 1,
+                                  "."
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs("div", { style: { fontSize: "13px" }, children: [
+                              /* @__PURE__ */ jsx("span", { children: pref.question }),
+                              /* @__PURE__ */ jsx("span", { style: { fontWeight: "600", margin: "0 4px" }, children: ":" }),
+                              /* @__PURE__ */ jsx("br", {}),
+                              /* @__PURE__ */ jsxs("span", { style: { fontWeight: "700", color: "var(--il-foreground, #111827)" }, children: [
+                                '"',
+                                /* @__PURE__ */ jsx(
+                                  HighlightedAnswer,
+                                  {
+                                    text: pref.answer,
+                                    highlights: pref.highlighted_text
+                                  }
+                                ),
+                                '"'
+                              ] })
+                            ] })
+                          ] }) }, idx))
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("style", { children: `
+            .citation-markdown-wrapper p:last-child { margin-bottom: 0 !important; }
+            .citation-markdown-wrapper hr { display: none; }
+            .citation-markdown-wrapper::-webkit-scrollbar, .citation-card-layout div::-webkit-scrollbar { width: 4px; }
+            .citation-markdown-wrapper::-webkit-scrollbar-thumb, .citation-card-layout div::-webkit-scrollbar-thumb { background-color: var(--il-border, #cbd5e1); border-radius: 4px; }
+          ` })
+        ]
+      }
+    );
+  }
+);
+const CitationLink = ({
+  citation,
+  linkTitle,
+  isOpen,
+  onToggle,
+  fontSize
+}) => {
+  var _a, _b, _c, _d;
+  const citationRef = useRef(null);
+  const handleToggle = useCallback(() => {
+    if (onToggle) onToggle();
+  }, [onToggle]);
+  useEffect(() => {
+    if (isOpen && citationRef.current) {
+      setTimeout(() => {
+        var _a2;
+        (_a2 = citationRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
+      }, 50);
+    }
+  }, [isOpen]);
+  const headerTitle = ((_a = citation.customMetaData) == null ? void 0 : _a.citation_title) || "";
+  const aiRelevenceScore = ((_b = citation.customMetaData) == null ? void 0 : _b.citation_relevance_score) || null;
+  const footerText = `Referenced from ${(_c = citation.customMetaData) == null ? void 0 : _c.citation_reference}` || "";
+  const userPreferences = ((_d = citation.customMetaData) == null ? void 0 : _d.user_preference) || [];
+  const hasUserPreferences = userPreferences.length > 0;
+  return /* @__PURE__ */ jsxs("span", { className: "citation-container", ref: citationRef, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsx(
+      CitationRenderer,
+      {
+        inLineCitation: true,
+        citationTitle: linkTitle,
+        citationComponent: /* @__PURE__ */ jsx(
+          CitationContent,
+          {
+            citation,
+            headerTitle,
+            score: aiRelevenceScore,
+            footerText,
+            userPreferences,
+            hasUserPreferences
+          }
+        ),
+        chevronDownComponent: /* @__PURE__ */ jsx(ChevronDownIcon, {}),
+        chevronUpComponent: /* @__PURE__ */ jsx(ChevronUpIcon, {}),
+        additionalCallbackForPillButton: handleToggle,
+        isOpen,
+        onToggle,
+        styles: {
+          citationWrapper: {
+            maxHeight: "none",
+            overflow: "visible",
+            display: "flex",
+            justifyContent: "center",
+            marginBottom: "4px"
+          },
+          pillButton: {
+            fontFamily: '"Inter", sans-serif',
+            background: "transparent",
+            padding: "2px 6px",
+            margin: 0,
+            fontSize: fontSize ? `${fontSize}px` : "1rem",
+            fontWeight: 500,
+            color: "var(--il-primary, rgb(109, 40, 217))",
+            cursor: "pointer",
+            whiteSpace: "nowrap",
+            border: isOpen ? "1px solid var(--il-primary, #A78BFA)" : "none",
+            borderRadius: "6px",
+            marginBottom: "3px",
+            display: "inline-flex",
+            alignItems: "center",
+            gap: "2px",
+            verticalAlign: "middle"
+          },
+          citationContent: {
+            backgroundColor: "var(--il-primary-subtle, #F5F3FF)",
+            border: "1px solid var(--il-primary, #A78BFA)",
+            borderRadius: "6px",
+            padding: "0rem",
+            fontFamily: '"Inter", sans-serif',
+            fontSize: "12px",
+            textAlign: "justify",
+            textJustify: "inter-word",
+            hyphens: "auto",
+            fontWeight: 400,
+            lineHeight: "140%",
+            color: "var(--il-foreground, #1e293b)",
+            boxShadow: "none",
+            width: "100%",
+            minHeight: "auto",
+            height: "auto",
+            overflowY: "auto",
+            scrollbarWidth: "none",
+            msOverflowStyle: "none"
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("style", { children: `
+          .citation-container ::-webkit-scrollbar {
+            display: none !important;
+          }
+        ` })
+  ] });
+};
+var CitationLink$1 = CitationLink;
+export { CitationLink$1 as default };
 //# sourceMappingURL=CitationLink.js.map

package/dist/features/IL-OTJ/_components/CitationLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CitationLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"CitationLink.js","sources":["../../../../src/features/IL-OTJ/_components/CitationLink.tsx"],"sourcesContent":["import { CitationRenderer } from '@e-llm-studio/citation';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport ChevronDownIcon from './_svg/ChevronDown';\nimport ChevronUpIcon from './_svg/ChevronUp';\nimport BookIcon from './_svg/BookIcon';\nimport {CitationLinkSparkleIcon} from '../../IL-OTJ/_components/_svg/CitationLinkSparkleIcon';\nimport MarkdownRenderer from './MarkdownRenderer';\n\nexport type UserPreferenceItem = {\n question: string;\n answer: string;\n // API may include non-string entries (e.g. { tier: 2 }); rendering filters to strings.\n highlighted_text?: unknown[];\n};\n\ntype CitationLinkProps = {\n citation: any;\n linkTitle: string;\n setChatSize?: (size: number) => void;\n chatSize?: number;\n isOpen?: boolean;\n onToggle?: () => void;\n fontSize?: number;\n};\n\nconst HighlightedAnswer = React.memo(\n ({ text, highlights }: { text: string; highlights?: unknown[] }) => {\n const stringHighlights = (highlights ?? []).filter(\n (h): h is string => typeof h === 'string' && h.length > 0\n );\n if (stringHighlights.length === 0 \|\| !text) return <span>{text}</span>;\n\n const escapedHighlights = stringHighlights.map((h) => h.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&'));\n const pattern = new RegExp(`(${escapedHighlights.join('\|')})`, 'gi');\n\n const parts = text.split(pattern);\n\n return (\n <span>\n {parts.map((part, i) => {\n const isMatch = stringHighlights.some((h) => h.toLowerCase() === part.toLowerCase());\n return isMatch ? (\n <span key={i} style={{ backgroundColor: 'var(--il-warning-subtle, #fef08a)', color: 'var(--il-foreground, #000)' }}>\n {part}\n </span>\n ) : (\n <span key={i}>{part}</span>\n );\n })}\n </span>\n );\n }\n);\n\nconst CitationContent = React.memo(\n ({ citation, headerTitle, score, footerText, userPreferences, hasUserPreferences }: any) => {\n return (\n <div\n className=\"citation-card-layout\"\n style={{\n display: 'flex',\n flexDirection: 'column',\n gap: '8px',\n padding: '10px',\n height: 'auto',\n fontFamily: '\"Plus Jakarta Sans\", sans-serif',\n overflow: 'hidden',\n backgroundColor: 'var(--il-surface-alt, #fbfaff)',\n color: 'var(--il-foreground, #19213D)',\n }}\n >\n {score && (\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n borderRadius: '9999px',\n border: '1.5px solid var(--il-primary, #c4b6fc)',\n backgroundColor: 'var(--il-surface, #FFF)',\n padding: '4px 8px',\n fontSize: '12px',\n fontWeight: 600,\n color: 'var(--il-foreground, #1E293B)',\n gap: '4px',\n cursor: 'pointer',\n width: 'fit-content',\n }}\n >\n <CitationLinkSparkleIcon width={13} height={13} />\n\n <span>Citation Relevance {score}%</span>\n </div>\n )}\n {/ Container /}\n <div\n style={{\n flex: '1 1 auto',\n display: 'flex',\n gap: hasUserPreferences ? '12px' : '0px',\n overflow: 'hidden',\n alignItems: 'stretch',\n width: '100%',\n flexWrap: 'wrap',\n }}\n >\n {/ Left Container /}\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n flex: hasUserPreferences ? '1 1 170px' : '1 1 100%',\n minWidth: hasUserPreferences ? '100px' : '100%',\n width: hasUserPreferences ? 'auto' : '100%',\n border: '1px solid var(--il-border, #E3E6EA)',\n borderRadius: '8px',\n }}\n >\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: '4px',\n borderBottom: '1px solid var(--il-border, #E5E7EB)',\n backgroundColor: 'var(--il-surface-alt, #F7F8FA)',\n padding: '12px',\n fontSize: '14px',\n fontWeight: '500',\n color: 'var(--il-foreground, #19213D)',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n borderTopLeftRadius: '8px',\n borderTopRightRadius: '8px',\n }}\n >\n <BookIcon /> {headerTitle}\n </div>\n {/ Markdown Content /}\n <div\n className=\"citation-markdown-wrapper\"\n style={{\n flex: hasUserPreferences ? '1 1 60%' : '1 1 auto',\n overflowY: 'auto',\n backgroundColor: 'var(--il-surface, #fff)',\n minWidth: '0',\n }}\n >\n <MarkdownRenderer\n value={citation.customMetaData?.content \|\| ''}\n highlightedText={citation.customMetaData?.highlighted_text}\n styles={{\n mainCard: {\n border: 'none',\n padding: '8px',\n },\n list: {\n fontSize: '13px',\n },\n }}\n />\n </div>\n <div\n style={{\n display: 'flex',\n backgroundColor: 'var(--il-surface, #ffffff)',\n padding: '12px',\n justifyContent: 'flex-end',\n borderTop: '1px solid var(--il-border, #E6DDFE)',\n fontSize: '12px',\n fontStyle: 'italic',\n color: 'var(--il-muted, #666F8D)',\n fontWeight: '400',\n textTransform: 'capitalize',\n whiteSpace: 'nowrap',\n borderBottomLeftRadius: '8px',\n borderBottomRightRadius: '8px',\n }}\n >\n {footerText}\n </div>\n </div>\n\n {/ Right Container */}\n {hasUserPreferences && (\n <div\n style={{\n flex: '1 1 170px',\n minWidth: '100px',\n display: 'flex',\n flexDirection: 'column',\n borderRadius: '8px',\n border: '1px solid var(--il-border, #E5E7EB)',\n backgroundColor: 'var(--il-surface, #fff)',\n overflowY: 'visible',\n boxShadow: '0 1px 3px rgba(0,0,0,0.1)',\n }}\n >\n <div style={{ backgroundColor: 'var(--il-surface, #fff)' }}>\n <div\n style={{\n padding: '12px',\n backgroundColor: 'var(--il-surface-alt, #F7F8FA)',\n borderBottom: '1px solid var(--il-border, #E5E7EB)',\n }}\n >\n <h3 style={{ margin: 0, fontSize: '14px', fontWeight: '700', color: 'var(--il-foreground, #19213D)' }}>\n Your Preference\n </h3>\n </div>\n </div>\n\n <div\n style={{ padding: '16px', display: 'flex', flexDirection: 'column', gap: '6px' }}\n >\n {userPreferences.slice(0, 3).map((pref: any, idx: number) => (\n <div key={idx} style={{ fontSize: '13px', lineHeight: '1.5', color: 'var(--il-secondary-fg, #374151)' }}>\n <div style={{ display: 'flex', alignItems: 'flex-start', gap: '4px' }}>\n <div\n style={{\n minWidth: '18px',\n fontSize: '13px',\n fontWeight: '600',\n color: 'var(--il-secondary-fg, #374151)',\n flexShrink: 0,\n }}\n >\n {idx + 1}.\n </div>\n <div style={{ fontSize: '13px' }}>\n <span>{pref.question}</span>\n <span style={{ fontWeight: '600', margin: '0 4px' }}>:</span>\n <br />\n <span style={{ fontWeight: '700', color: 'var(--il-foreground, #111827)' }}>\n \"\n <HighlightedAnswer\n text={pref.answer}\n highlights={pref.highlighted_text}\n />\n \"\n </span>\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n\n <style>{`\n .citation-markdown-wrapper p:last-child { margin-bottom: 0 !important; }\n .citation-markdown-wrapper hr { display: none; }\n .citation-markdown-wrapper::-webkit-scrollbar, .citation-card-layout div::-webkit-scrollbar { width: 4px; }\n .citation-markdown-wrapper::-webkit-scrollbar-thumb, .citation-card-layout div::-webkit-scrollbar-thumb { background-color: var(--il-border, #cbd5e1); border-radius: 4px; }\n `}</style>\n </div>\n );\n }\n);\n\nconst CitationLink: React.FC<CitationLinkProps> = ({\n citation,\n linkTitle,\n isOpen,\n onToggle,\n fontSize,\n}) => {\n const citationRef = useRef<HTMLSpanElement>(null);\n\n const handleToggle = useCallback(() => {\n if (onToggle) onToggle();\n }, [onToggle]);\n\n // Manual scroll logic: Only scroll when newly opened\n useEffect(() => {\n if (isOpen && citationRef.current) {\n setTimeout(() => {\n citationRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }, 50);\n }\n }, [isOpen]);\n\n const headerTitle: String = citation.customMetaData?.citation_title \|\| '';\n const aiRelevenceScore: number \| null = citation.customMetaData?.citation_relevance_score \|\| null;\n const footerText: String = `Referenced from ${citation.customMetaData?.citation_reference}` \|\| '';\n const userPreferences: UserPreferenceItem[] = citation.customMetaData?.user_preference \|\| [];\n const hasUserPreferences = userPreferences.length > 0;\n\n return (\n <span className=\"citation-container\" ref={citationRef} onClick={(e) => e.stopPropagation()}>\n <CitationRenderer\n inLineCitation={true}\n citationTitle={linkTitle}\n citationComponent={\n <CitationContent\n citation={citation}\n headerTitle={headerTitle}\n score={aiRelevenceScore}\n footerText={footerText}\n userPreferences={userPreferences}\n hasUserPreferences={hasUserPreferences}\n />\n }\n chevronDownComponent={<ChevronDownIcon />}\n chevronUpComponent={<ChevronUpIcon />}\n additionalCallbackForPillButton={handleToggle}\n isOpen={isOpen}\n onToggle={onToggle}\n styles={{\n citationWrapper: {\n maxHeight: 'none',\n overflow: 'visible',\n display: 'flex',\n justifyContent: 'center',\n marginBottom: '4px',\n },\n pillButton: {\n fontFamily: '\"Inter\", sans-serif',\n background: 'transparent',\n padding: '2px 6px',\n margin: 0,\n fontSize: fontSize ? `${fontSize}px` : '1rem',\n fontWeight: 500,\n color: 'var(--il-primary, rgb(109, 40, 217))',\n cursor: 'pointer',\n whiteSpace: 'nowrap',\n border: isOpen ? '1px solid var(--il-primary, #A78BFA)' : 'none',\n borderRadius: '6px',\n marginBottom: '3px',\n display: 'inline-flex',\n alignItems: 'center',\n gap: '2px',\n verticalAlign: 'middle',\n },\n citationContent: {\n backgroundColor: 'var(--il-primary-subtle, #F5F3FF)',\n border: '1px solid var(--il-primary, #A78BFA)',\n borderRadius: '6px',\n padding: '0rem',\n fontFamily: '\"Inter\", sans-serif',\n fontSize: '12px',\n textAlign: 'justify',\n textJustify: 'inter-word',\n hyphens: 'auto',\n fontWeight: 400,\n lineHeight: '140%',\n color: 'var(--il-foreground, #1e293b)',\n boxShadow: 'none',\n width: '100%',\n minHeight: 'auto',\n height: 'auto',\n overflowY: 'auto',\n scrollbarWidth: 'none',\n msOverflowStyle: 'none',\n },\n }}\n />\n <style>{`\n .citation-container ::-webkit-scrollbar {\n display: none !important;\n }\n `}</style>\n </span>\n );\n};\n\nexport default CitationLink;\n"],"names":["React","_a"],"mappings":"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"}

package/dist/features/IL-OTJ/_components/ConflictingReasoningCard.js CHANGED Viewed

@@ -1,2 +1,174 @@
-import{__rest as e,__assign as n}from"tslib";import{jsx as i,jsxs as t}from"react/jsx-runtime";import{memo as r,useState as o,useMemo as l,useCallback as a}from"react";import{ChevronDownIcon as s}from"lucide-react";import c from"react-markdown";import d from"remark-gfm";import p from"rehype-raw";import{CitationLinkSparkleIcon as f}from"./_svg/CitationLinkSparkleIcon.js";import{GapIcon as g}from"./_svg/GapIcon.js";import{LightbulbIcon as m}from"./_svg/Lightbulb.js";import{ButtonCognitiveIcon as h}from"./_svg/ButtonCognitiveIcon.js";import{getSourceFromUrl as u}from"./MarkdownComponents/MarkdownElements.js";import x from"./CitationLink.js";var y=r(function(r){var y=r.isVisible,b=r.decisionStrength,v=r.reasoning,k=r.gap,C=r.citations,S=o({reasoning:!0,gap:!0}),w=S[0],F=S[1];console.log("ConflictReasoningCard rendered with props:",{isVisible:y,decisionStrength:b,reasoning:v,gap:k,citations:C});var z=l(function(){return[p]},[]),I=l(function(){return[d]},[]),B=a(function(e,n){return console.log("getCitationByNumber called with:",{citationNumber:e,source:n},"and citations :",C),C&&C.find(function(i){return i.customMetaData.citation_number&&"Cognitive Decisioning"!==i.customMetaData.citation_title&&i.customMetaData.source===n&&String(i.customMetaData.citation_number)===String(e)})||null},[C]),j=l(function(){return{p:function(t){t.node;var r=e(t,["node"]);return i("p",n({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},li:function(r){r.node;var o=r.index,l=e(r,["node","index"]);return t("div",n({style:{display:"flex",alignItems:"flex-start",marginBottom:"6px"}},{children:[i("span",n({style:{fontSize:"12px",fontWeight:400,color:"#55585fff",flexShrink:0,minWidth:"18px"}},{children:"number"==typeof o?"".concat(o+1,"."):"•"})),i("span",n({style:{fontSize:"12px",color:"#4B5563",lineHeight:"1.5",flex:1}},{children:l.children}))]}))},a:function(t){t.node;var r=t.href,o=t.children,l=e(t,["node","href","children"]);if(!r)return i("a",n({},l,{children:o}));var a=r.match(/citationNumber=([^&]+)/),s=a?a[1]:null;if(console.log("Processing link:",{match:a,href:r,citationNumber:s}),s){var c=u(r),d=B(s,c);if(console.log("check source and citation here pls :",c,d),console.log("Found citation for link:",{href:r,citationNumber:s,source:c,citation:d}),d)return i("span",n({style:{display:"inline",alignItems:"center",fontSize:"14px !important",gap:"3px",color:"#2563EB",verticalAlign:"middle"}},{children:i(x,{citation:d,linkTitle:o,fontSize:12})}))}return i("a",n({href:r,target:"_blank",rel:"noopener noreferrer",style:{color:"#2563EB",textDecoration:"none"}},l,{children:o}))}}},[]);if(!y||!v&&!k&&!b)return null;var A=function(e){F(function(i){var t;return n(n({},i),((t={})[e]=!i[e],t))})};return t("div",n({style:{width:"100%",marginTop:"8px",overflow:"hidden",borderRadius:"8px",border:"1.5px solid #cacdfa",backgroundColor:"#FFFFFF",boxShadow:"0 2px 4px -1px rgba(0, 0, 0, 0.05)",fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:[t("div",n({style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",backgroundColor:"#f4f2ff",borderBottom:"1px solid #fee2e2"}},{children:[t("div",n({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[i(h,{}),i("span",n({style:{fontSize:"13px",fontWeight:600,color:"black"}},{children:"Cognitive Decisioning AI"}))]})),b&&t("div",n({style:{display:"flex",alignItems:"center",borderRadius:"9999px",border:"1.3px solid #bb97f9ff",backgroundColor:"#FFFFFF",padding:"2px 8px",fontSize:"12px",fontWeight:500,color:"#000",gap:"4px"}},{children:[i(f,{}),"Decision Strength: ",b,"%"]}))]})),v&&t("div",n({style:{borderBottom:k?"1px solid #f3f4f6":"none"}},{children:[t("button",n({onClick:function(){return A("reasoning")},style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:"12px 16px",border:"none",background:"none",cursor:"pointer"}},{children:[t("div",n({style:{display:"flex",gap:"12px",alignItems:"center"}},{children:[i(m,{}),t("div",n({style:{textAlign:"left"}},{children:[i("h4",n({style:{margin:0,fontSize:"13px",fontWeight:600,color:"#111827"}},{children:"Why this is a conflict?"})),i("p",n({style:{margin:0,fontSize:"11px",color:"#6B7280"}},{children:"Here is why this was picked"}))]}))]})),i(s,{size:16,style:{transform:w.reasoning?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s",color:"#9CA3AF"}})]})),w.reasoning&&i("div",n({style:{padding:"0 16px 16px 60px",fontSize:"12px",color:"#4B5563",lineHeight:"1.5"}},{children:i(c,n({components:j,rehypePlugins:z,remarkPlugins:I},{children:v}))}))]})),k&&t("div",{children:[t("button",n({onClick:function(){return A("gap")},style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:"12px 16px",border:"none",background:"none",cursor:"pointer"}},{children:[t("div",n({style:{display:"flex",gap:"12px",alignItems:"center"}},{children:[i(g,{}),t("div",n({style:{textAlign:"left"}},{children:[i("h4",n({style:{margin:0,fontSize:"13px",fontWeight:600,color:"#111827"}},{children:"Gap"})),i("p",n({style:{margin:0,fontSize:"11px",color:"#6B7280"}},{children:"Here is what’s missing or needs clarification"}))]}))]})),i(s,{size:16,style:{transform:w.gap?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s",color:"#9CA3AF"}})]})),w.gap&&i("div",n({style:{padding:"0 16px 16px 60px",fontSize:"12px",color:"#4B5563",lineHeight:"1.5"}},{children:i(c,n({components:j,rehypePlugins:z,remarkPlugins:I},{children:k}))}))]})]}))});y.displayName="ConflictReasoningCard";export{y as ConflictReasoningCard};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo, useState, useMemo, useCallback } from 'react';
+import { ChevronDownIcon } from 'lucide-react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeRaw from 'rehype-raw';
+import { CitationLinkSparkleIcon } from './_svg/CitationLinkSparkleIcon.js';
+import { GapIcon } from './_svg/GapIcon.js';
+import { LightbulbIcon } from './_svg/Lightbulb.js';
+import { ButtonCognitiveIcon } from './_svg/ButtonCognitiveIcon.js';
+import { getSourceFromUrl } from './MarkdownComponents/MarkdownElements.js';
+import CitationLink from './CitationLink.js';
+const ConflictReasoningCard = memo(({
+  isVisible,
+  decisionStrength,
+  reasoning,
+  gap,
+  citations
+}) => {
+  const [openSections, setOpenSections] = useState({ reasoning: true, gap: true });
+  console.log("ConflictReasoningCard rendered with props:", { isVisible, decisionStrength, reasoning, gap, citations });
+  const REHYPE_PLUGINS = useMemo(() => [rehypeRaw], []);
+  const REMARK_PLUGINS = useMemo(() => [remarkGfm], []);
+  const getCitationByNumber = useCallback((citationNumber, source) => {
+    console.log("getCitationByNumber called with:", { citationNumber, source }, "and citations :", citations);
+    if (!citations) return null;
+    return citations.find(
+      (c) => c.customMetaData.citation_number && c.customMetaData.citation_title !== "Cognitive Decisioning" && c.customMetaData.source === source && String(c.customMetaData.citation_number) === String(citationNumber)
+    ) || null;
+  }, [citations]);
+  const markdownComponents = useMemo(() => ({
+    p: ({ node, ...props }) => /* @__PURE__ */ jsx("p", { ...props, style: { margin: 0 }, children: props == null ? void 0 : props.children }),
+    li: ({ node, index, ...props }) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-start", marginBottom: "6px" }, children: [
+      /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", fontWeight: 400, color: "#55585fff", flexShrink: 0, minWidth: "18px" }, children: typeof index === "number" ? `${index + 1}.` : "\u2022" }),
+      /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", color: "#4B5563", lineHeight: "1.5", flex: 1 }, children: props.children })
+    ] }),
+    a: ({ node, href, children, ...props }) => {
+      if (!href) return /* @__PURE__ */ jsx("a", { ...props, children });
+      const match = href.match(/citationNumber=([^&]+)/);
+      const citationNumber = match ? match[1] : null;
+      console.log("Processing link:", { match, href, citationNumber });
+      if (citationNumber) {
+        const source = getSourceFromUrl(href);
+        const citation = getCitationByNumber(citationNumber, source);
+        console.log("check source and citation here pls :", source, citation);
+        console.log("Found citation for link:", { href, citationNumber, source, citation });
+        if (citation) {
+          return /* @__PURE__ */ jsx("span", { style: { display: "inline", alignItems: "center", fontSize: "14px !important", gap: "3px", color: "#2563EB", verticalAlign: "middle" }, children: /* @__PURE__ */ jsx(CitationLink, { citation, linkTitle: children, fontSize: 12 }) });
+        }
+      }
+      return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", style: { color: "#2563EB", textDecoration: "none" }, ...props, children });
+    }
+  }), []);
+  if (!isVisible || !reasoning && !gap && !decisionStrength) return null;
+  const toggleSection = (id) => {
+    setOpenSections((prev) => ({ ...prev, [id]: !prev[id] }));
+  };
+  return /* @__PURE__ */ jsxs("div", { style: {
+    width: "100%",
+    marginTop: "8px",
+    overflow: "hidden",
+    borderRadius: "8px",
+    border: "1.5px solid #cacdfa",
+    backgroundColor: "#FFFFFF",
+    boxShadow: "0 2px 4px -1px rgba(0, 0, 0, 0.05)",
+    fontFamily: '"Plus Jakarta Sans", sans-serif'
+  }, children: [
+    /* @__PURE__ */ jsxs("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      padding: "8px 16px",
+      backgroundColor: "#f4f2ff",
+      borderBottom: "1px solid #fee2e2"
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+        /* @__PURE__ */ jsx(ButtonCognitiveIcon, {}),
+        /* @__PURE__ */ jsx("span", { style: { fontSize: "13px", fontWeight: 600, color: "black" }, children: "Cognitive Decisioning AI" })
+      ] }),
+      decisionStrength && /* @__PURE__ */ jsxs("div", { style: {
+        display: "flex",
+        alignItems: "center",
+        borderRadius: "9999px",
+        border: "1.3px solid #bb97f9ff",
+        backgroundColor: "#FFFFFF",
+        padding: "2px 8px",
+        fontSize: "12px",
+        fontWeight: 500,
+        color: "#000",
+        gap: "4px"
+      }, children: [
+        /* @__PURE__ */ jsx(CitationLinkSparkleIcon, {}),
+        "Decision Strength: ",
+        decisionStrength,
+        "%"
+      ] })
+    ] }),
+    reasoning && /* @__PURE__ */ jsxs("div", { style: { borderBottom: gap ? "1px solid #f3f4f6" : "none" }, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => toggleSection("reasoning"),
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            width: "100%",
+            padding: "12px 16px",
+            border: "none",
+            background: "none",
+            cursor: "pointer"
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+              /* @__PURE__ */ jsx(LightbulbIcon, {}),
+              /* @__PURE__ */ jsxs("div", { style: { textAlign: "left" }, children: [
+                /* @__PURE__ */ jsx("h4", { style: { margin: 0, fontSize: "13px", fontWeight: 600, color: "#111827" }, children: "Why this is a conflict?" }),
+                /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "11px", color: "#6B7280" }, children: "Here is why this was picked" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              ChevronDownIcon,
+              {
+                size: 16,
+                style: { transform: openSections.reasoning ? "rotate(180deg)" : "rotate(0deg)", transition: "transform 0.2s", color: "#9CA3AF" }
+              }
+            )
+          ]
+        }
+      ),
+      openSections.reasoning && /* @__PURE__ */ jsx("div", { style: { padding: "0 16px 16px 60px", fontSize: "12px", color: "#4B5563", lineHeight: "1.5" }, children: /* @__PURE__ */ jsx(ReactMarkdown, { components: markdownComponents, rehypePlugins: REHYPE_PLUGINS, remarkPlugins: REMARK_PLUGINS, children: reasoning }) })
+    ] }),
+    gap && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => toggleSection("gap"),
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            width: "100%",
+            padding: "12px 16px",
+            border: "none",
+            background: "none",
+            cursor: "pointer"
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+              /* @__PURE__ */ jsx(GapIcon, {}),
+              /* @__PURE__ */ jsxs("div", { style: { textAlign: "left" }, children: [
+                /* @__PURE__ */ jsx("h4", { style: { margin: 0, fontSize: "13px", fontWeight: 600, color: "#111827" }, children: "Gap" }),
+                /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "11px", color: "#6B7280" }, children: "Here is what\u2019s missing or needs clarification" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              ChevronDownIcon,
+              {
+                size: 16,
+                style: { transform: openSections.gap ? "rotate(180deg)" : "rotate(0deg)", transition: "transform 0.2s", color: "#9CA3AF" }
+              }
+            )
+          ]
+        }
+      ),
+      openSections.gap && /* @__PURE__ */ jsx("div", { style: { padding: "0 16px 16px 60px", fontSize: "12px", color: "#4B5563", lineHeight: "1.5" }, children: /* @__PURE__ */ jsx(ReactMarkdown, { components: markdownComponents, rehypePlugins: REHYPE_PLUGINS, remarkPlugins: REMARK_PLUGINS, children: gap }) })
+    ] })
+  ] });
+});
+ConflictReasoningCard.displayName = "ConflictReasoningCard";
+export { ConflictReasoningCard };
 //# sourceMappingURL=ConflictingReasoningCard.js.map