@e-llm-studio/instant-learning 1.3.2 → 1.3.4

package/dist/cjs/features/IL-OTJ/_components/CitationLink.js

@@ -1,2 +1,373 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@e-llm-studio/citation"),t=require("react"),n=require("./_svg/ChevronDown.js"),o=require("./_svg/ChevronUp.js"),a=require("./_svg/BookIcon.js"),l=require("./_svg/CitationLinkSparkleIcon.js"),s=require("./MarkdownRenderer.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t),p=c.default.memo(function(r){var t=r.text,n=r.highlights,o=(null!=n?n:[]).filter(function(e){return"string"==typeof e&&e.length>0});if(0===o.length||!t)return i.jsx("span",{children:t});var a=o.map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}),l=new RegExp("(".concat(a.join("|"),")"),"gi"),s=t.split(l);return i.jsx("span",{children:s.map(function(r,t){return o.some(function(e){return e.toLowerCase()===r.toLowerCase()})?i.jsx("span",e.__assign({style:{backgroundColor:"var(--il-warning-subtle, #fef08a)",color:"var(--il-foreground, #000)"}},{children:r}),t):i.jsx("span",{children:r},t)})})}),f=c.default.memo(function(r){var t,n,o=r.citation,d=r.headerTitle,c=r.score,f=r.footerText,u=r.userPreferences,x=r.hasUserPreferences;return i.jsxs("div",e.__assign({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:[c&&i.jsxs("div",e.__assign({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:[i.jsx(l.CitationLinkSparkleIcon,{width:13,height:13}),i.jsxs("span",{children:["Citation Relevance ",c,"%"]})]})),i.jsxs("div",e.__assign({style:{flex:"1 1 auto",display:"flex",gap:x?"12px":"0px",overflow:"hidden",alignItems:"stretch",width:"100%",flexWrap:"wrap"}},{children:[i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",flex:x?"1 1 170px":"1 1 100%",minWidth:x?"100px":"100%",width:x?"auto":"100%",border:"1px solid var(--il-border, #E3E6EA)",borderRadius:"8px"}},{children:[i.jsxs("div",e.__assign({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:[i.jsx(a.default,{})," ",d]})),i.jsx("div",e.__assign({className:"citation-markdown-wrapper",style:{flex:x?"1 1 60%":"1 1 auto",overflowY:"auto",backgroundColor:"var(--il-surface, #fff)",minWidth:"0"}},{children:i.jsx(s.default,{value:(null===(t=o.customMetaData)||void 0===t?void 0:t.content)||"",highlightedText:null===(n=o.customMetaData)||void 0===n?void 0:n.highlighted_text,styles:{mainCard:{border:"none",padding:"8px"},list:{fontSize:"13px"}}})})),i.jsx("div",e.__assign({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:f}))]})),x&&i.jsxs("div",e.__assign({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:[i.jsx("div",e.__assign({style:{backgroundColor:"var(--il-surface, #fff)"}},{children:i.jsx("div",e.__assign({style:{padding:"12px",backgroundColor:"var(--il-surface-alt, #F7F8FA)",borderBottom:"1px solid var(--il-border, #E5E7EB)"}},{children:i.jsx("h3",e.__assign({style:{margin:0,fontSize:"14px",fontWeight:"700",color:"var(--il-foreground, #19213D)"}},{children:"Your Preference"}))}))})),i.jsx("div",e.__assign({style:{padding:"16px",display:"flex",flexDirection:"column",gap:"6px"}},{children:u.slice(0,3).map(function(r,t){return i.jsx("div",e.__assign({style:{fontSize:"13px",lineHeight:"1.5",color:"var(--il-secondary-fg, #374151)"}},{children:i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"flex-start",gap:"4px"}},{children:[i.jsxs("div",e.__assign({style:{minWidth:"18px",fontSize:"13px",fontWeight:"600",color:"var(--il-secondary-fg, #374151)",flexShrink:0}},{children:[t+1,"."]})),i.jsxs("div",e.__assign({style:{fontSize:"13px"}},{children:[i.jsx("span",{children:r.question}),i.jsx("span",e.__assign({style:{fontWeight:"600",margin:"0 4px"}},{children:":"})),i.jsx("br",{}),i.jsxs("span",e.__assign({style:{fontWeight:"700",color:"var(--il-foreground, #111827)"}},{children:['"',i.jsx(p,{text:r.answer,highlights:r.highlighted_text}),'"']}))]}))]}))}),t)})}))]}))]})),i.jsx("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          "})]}))});exports.default=function(a){var l,s,d,c,p=a.citation,u=a.linkTitle,x=a.isOpen,g=a.onToggle,h=a.fontSize,v=t.useRef(null),m=t.useCallback(function(){g&&g()},[g]);t.useEffect(function(){x&&v.current&&setTimeout(function(){var e;null===(e=v.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"center"})},50)},[x]);var b=(null===(l=p.customMetaData)||void 0===l?void 0:l.citation_title)||"",y=(null===(s=p.customMetaData)||void 0===s?void 0:s.citation_relevance_score)||null,_="Referenced from ".concat(null===(d=p.customMetaData)||void 0===d?void 0:d.citation_reference)||"",w=(null===(c=p.customMetaData)||void 0===c?void 0:c.user_preference)||[],j=w.length>0;return i.jsxs("span",e.__assign({className:"citation-container",ref:v,onClick:function(e){return e.stopPropagation()}},{children:[i.jsx(r.CitationRenderer,{inLineCitation:!0,citationTitle:u,citationComponent:i.jsx(f,{citation:p,headerTitle:b,score:y,footerText:_,userPreferences:w,hasUserPreferences:j}),chevronDownComponent:i.jsx(n.default,{}),chevronUpComponent:i.jsx(o.default,{}),additionalCallbackForPillButton:m,isOpen:x,onToggle:g,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:h?"".concat(h,"px"):"1rem",fontWeight:500,color:"var(--il-primary, rgb(109, 40, 217))",cursor:"pointer",whiteSpace:"nowrap",border:x?"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"}}}),i.jsx("style",{children:"\n          .citation-container ::-webkit-scrollbar {\n            display: none !important;\n          }\n        "})]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var citation = require('@e-llm-studio/citation');
+var React = require('react');
+var ChevronDown = require('./_svg/ChevronDown.js');
+var ChevronUp = require('./_svg/ChevronUp.js');
+var BookIcon = require('./_svg/BookIcon.js');
+var CitationLinkSparkleIcon = require('./_svg/CitationLinkSparkleIcon.js');
+var MarkdownRenderer = require('./MarkdownRenderer.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const HighlightedAnswer = React__default["default"].memo(
+  ({ text, highlights }) => {
+    const stringHighlights = (highlights != null ? highlights : []).filter(
+      (h) => typeof h === "string" && h.length > 0
+    );
+    if (stringHighlights.length === 0 || !text) return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { children: parts.map((part, i) => {
+      const isMatch = stringHighlights.some((h) => h.toLowerCase() === part.toLowerCase());
+      return isMatch ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { backgroundColor: "var(--il-warning-subtle, #fef08a)", color: "var(--il-foreground, #000)" }, children: part }, i) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: part }, i);
+    }) });
+  }
+);
+const CitationContent = React__default["default"].memo(
+  ({ citation, headerTitle, score, footerText, userPreferences, hasUserPreferences }) => {
+    var _a, _b;
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CitationLinkSparkleIcon.CitationLinkSparkleIcon, { width: 13, height: 13 }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  "Citation Relevance ",
+                  score,
+                  "%"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                flex: "1 1 auto",
+                display: "flex",
+                gap: hasUserPreferences ? "12px" : "0px",
+                overflow: "hidden",
+                alignItems: "stretch",
+                width: "100%",
+                flexWrap: "wrap"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(BookIcon["default"], {}),
+                            " ",
+                            headerTitle
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                            MarkdownRenderer["default"],
+                            {
+                              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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: { backgroundColor: "var(--il-surface, #fff)" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          style: {
+                            padding: "12px",
+                            backgroundColor: "var(--il-surface-alt, #F7F8FA)",
+                            borderBottom: "1px solid var(--il-border, #E5E7EB)"
+                          },
+                          children: /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { margin: 0, fontSize: "14px", fontWeight: "700", color: "var(--il-foreground, #19213D)" }, children: "Your Preference" })
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          style: { padding: "16px", display: "flex", flexDirection: "column", gap: "6px" },
+                          children: userPreferences.slice(0, 3).map((pref, idx) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "13px", lineHeight: "1.5", color: "var(--il-secondary-fg, #374151)" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "4px" }, children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(
+                              "div",
+                              {
+                                style: {
+                                  minWidth: "18px",
+                                  fontSize: "13px",
+                                  fontWeight: "600",
+                                  color: "var(--il-secondary-fg, #374151)",
+                                  flexShrink: 0
+                                },
+                                children: [
+                                  idx + 1,
+                                  "."
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "13px" }, children: [
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { children: pref.question }),
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: "600", margin: "0 4px" }, children: ":" }),
+                              /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+                              /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontWeight: "700", color: "var(--il-foreground, #111827)" }, children: [
+                                '"',
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  HighlightedAnswer,
+                                  {
+                                    text: pref.answer,
+                                    highlights: pref.highlighted_text
+                                  }
+                                ),
+                                '"'
+                              ] })
+                            ] })
+                          ] }) }, idx))
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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: citation$1,
+  linkTitle,
+  isOpen,
+  onToggle,
+  fontSize
+}) => {
+  var _a, _b, _c, _d;
+  const citationRef = React.useRef(null);
+  const handleToggle = React.useCallback(() => {
+    if (onToggle) onToggle();
+  }, [onToggle]);
+  React.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$1.customMetaData) == null ? void 0 : _a.citation_title) || "";
+  const aiRelevenceScore = ((_b = citation$1.customMetaData) == null ? void 0 : _b.citation_relevance_score) || null;
+  const footerText = `Referenced from ${(_c = citation$1.customMetaData) == null ? void 0 : _c.citation_reference}` || "";
+  const userPreferences = ((_d = citation$1.customMetaData) == null ? void 0 : _d.user_preference) || [];
+  const hasUserPreferences = userPreferences.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "citation-container", ref: citationRef, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      citation.CitationRenderer,
+      {
+        inLineCitation: true,
+        citationTitle: linkTitle,
+        citationComponent: /* @__PURE__ */ jsxRuntime.jsx(
+          CitationContent,
+          {
+            citation: citation$1,
+            headerTitle,
+            score: aiRelevenceScore,
+            footerText,
+            userPreferences,
+            hasUserPreferences
+          }
+        ),
+        chevronDownComponent: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown["default"], {}),
+        chevronUpComponent: /* @__PURE__ */ jsxRuntime.jsx(ChevronUp["default"], {}),
+        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__ */ jsxRuntime.jsx("style", { children: `
+          .citation-container ::-webkit-scrollbar {
+            display: none !important;
+          }
+        ` })
+  ] });
+};
+var CitationLink$1 = CitationLink;
+
+exports["default"] = CitationLink$1;
 //# sourceMappingURL=CitationLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CitationLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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","jsx","jsxs","CitationLinkSparkleIcon","BookIcon","MarkdownRenderer","citation","useRef","useCallback","useEffect","_a","CitationRenderer","ChevronDownIcon","ChevronUpIcon"],"mappings":"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"}