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

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

@@ -1,2 +1,63 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material"),t=require("./_svg/SparkleIcon.js");exports.default=function(o){var a=o.isLoading,l=o.mainText,x=o.subText;return a?r.jsx(i.Box,e.__assign({sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"var(--il-overlay, rgba(241, 245, 249, 0.7))",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e4}},{children:r.jsxs(i.Box,e.__assign({sx:{width:"85%",maxWidth:"800px",bgcolor:"var(--il-surface,#ffffff)",borderRadius:"16px",boxShadow:"0px 10px 40px rgba(0,0,0,0.08)",display:"flex",p:5,gap:4,border:"1px solid var(--il-border,#e2e8f0)"}},{children:[r.jsxs(i.Box,e.__assign({sx:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:[r.jsx(i.Box,e.__assign({sx:{color:"var(--il-primary,#8B5CF6)",mb:2}},{children:r.jsx(t.default,{})})),r.jsx(i.Typography,e.__assign({variant:"h6",sx:{fontWeight:600,color:"var(--il-foreground,#0F172A)",mb:1,fontSize:"1.1rem"}},{children:l})),x&&r.jsx(i.Typography,e.__assign({variant:"body2",sx:{color:"var(--il-muted,#64748b)",lineHeight:1.5}},{children:x}))]})),r.jsxs(i.Box,e.__assign({sx:{flex:1.2,bgcolor:"var(--il-surface-alt,#F8FAFC)",borderRadius:"12px",p:3,display:"flex",flexDirection:"column",gap:1.5,border:"1px solid var(--il-border,#F1F5F9)"}},{children:[r.jsx(i.Skeleton,{variant:"text",sx:{width:"80%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}}),r.jsx(i.Skeleton,{variant:"text",sx:{width:"100%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}}),r.jsx(i.Skeleton,{variant:"text",sx:{width:"90%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)",mb:1}}),r.jsx(i.Skeleton,{variant:"text",sx:{width:"85%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}}),r.jsx(i.Skeleton,{variant:"text",sx:{width:"95%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}}),r.jsx(i.Skeleton,{variant:"text",sx:{width:"70%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)",mb:1}}),r.jsx(i.Skeleton,{variant:"text",sx:{width:"90%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}}),r.jsx(i.Skeleton,{variant:"text",sx:{width:"60%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}})]}))]}))})):null};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var material = require('@mui/material');
+var SparkleIcon = require('./_svg/SparkleIcon.js');
+
+const VariantLoadingOverlay = ({ isLoading, mainText, subText }) => {
+  if (!isLoading) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "var(--il-overlay, rgba(241, 245, 249, 0.7))",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: 1e4
+    // backdropFilter: 'blur(1px)'
+  }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: {
+    width: "85%",
+    maxWidth: "800px",
+    bgcolor: "var(--il-surface,#ffffff)",
+    borderRadius: "16px",
+    boxShadow: "0px 10px 40px rgba(0,0,0,0.08)",
+    display: "flex",
+    p: 5,
+    gap: 4,
+    border: "1px solid var(--il-border,#e2e8f0)"
+  }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { color: "var(--il-primary,#8B5CF6)", mb: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(SparkleIcon["default"], {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", sx: { fontWeight: 600, color: "var(--il-foreground,#0F172A)", mb: 1, fontSize: "1.1rem" }, children: mainText }),
+      subText && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { color: "var(--il-muted,#64748b)", lineHeight: 1.5 }, children: subText })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: {
+      flex: 1.2,
+      bgcolor: "var(--il-surface-alt,#F8FAFC)",
+      borderRadius: "12px",
+      p: 3,
+      display: "flex",
+      flexDirection: "column",
+      gap: 1.5,
+      border: "1px solid var(--il-border,#F1F5F9)"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "80%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "100%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "90%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)", mb: 1 } }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "85%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "95%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "70%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)", mb: 1 } }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "90%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "text", sx: { width: "60%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } })
+    ] })
+  ] }) });
+};
+var VariantLoadingOverlay$1 = VariantLoadingOverlay;
+
+exports["default"] = VariantLoadingOverlay$1;
 //# sourceMappingURL=VariantLoadingOverlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VariantLoadingOverlay.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"VariantLoadingOverlay.js","sources":["../../../../../src/features/IL-OTJ/_components/VariantLoadingOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Typography, Skeleton } from \"@mui/material\";\nimport SparkleIcon from \"./_svg/SparkleIcon\"; \n\ninterface VariantLoadingOverlayProps {\n    isLoading: boolean;\n    mainText: string;\n    subText?: string\n}\n\nconst VariantLoadingOverlay: React.FC<VariantLoadingOverlayProps> = ({ isLoading, mainText, subText }) => {\n    if (!isLoading) return null;\n\n    return (\n        <Box sx={{\n            position: 'absolute',\n            top: 0, left: 0, right: 0, bottom: 0,\n            backgroundColor: 'var(--il-overlay, rgba(241, 245, 249, 0.7))',\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n            zIndex: 10000,\n            // backdropFilter: 'blur(1px)'\n        }}>\n            {/* Main Loading Card */}\n            <Box sx={{\n                width: '85%',\n                maxWidth: '800px',\n                bgcolor: 'var(--il-surface,#ffffff)',\n                borderRadius: '16px',\n                boxShadow: '0px 10px 40px rgba(0,0,0,0.08)',\n                display: 'flex',\n                p: 5,\n                gap: 4,\n                border: '1px solid var(--il-border,#e2e8f0)'\n            }}>\n                {/* LHS: Content */}\n                <Box sx={{ flex: 1, display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>\n                    <Box sx={{ color: 'var(--il-primary,#8B5CF6)', mb: 2 }}>\n                        <SparkleIcon />\n                    </Box>\n                    <Typography variant=\"h6\" sx={{ fontWeight: 600, color: 'var(--il-foreground,#0F172A)', mb: 1, fontSize: '1.1rem' }}>\n                        {mainText}\n                    </Typography>\n                    {subText && <Typography variant=\"body2\" sx={{ color: 'var(--il-muted,#64748b)', lineHeight: 1.5 }}>\n                        {subText}\n                    </Typography>}\n                </Box>\n\n                {/* RHS: Refined Skeleton */}\n                <Box sx={{ \n                    flex: 1.2, \n                    bgcolor: 'var(--il-surface-alt,#F8FAFC)',\n                    borderRadius: '12px', \n                    p: 3, \n                    display: 'flex', \n                    flexDirection: 'column', \n                    gap: 1.5,\n                    border: '1px solid var(--il-border,#F1F5F9)'\n                }}>\n                    {/* Top Group */}\n                    <Skeleton variant=\"text\" sx={{ width: '80%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                    <Skeleton variant=\"text\" sx={{ width: '100%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                    <Skeleton variant=\"text\" sx={{ width: '90%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)', mb: 1 }} />\n                    \n                    {/* Middle Group */}\n                    <Skeleton variant=\"text\" sx={{ width: '85%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                    <Skeleton variant=\"text\" sx={{ width: '95%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                    <Skeleton variant=\"text\" sx={{ width: '70%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)', mb: 1 }} />\n\n                    {/* Bottom Group */}\n                    <Skeleton variant=\"text\" sx={{ width: '90%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                    <Skeleton variant=\"text\" sx={{ width: '60%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                </Box>\n            </Box>\n        </Box>\n    );\n};\n\nexport default VariantLoadingOverlay;\n"],"names":["jsx","Box","jsxs","SparkleIcon","Typography","Skeleton"],"mappings":";;;;;;;;AAUA,MAAM,wBAA8D,CAAC,EAAE,SAAW,EAAA,QAAA,EAAU,SAAc,KAAA;AACtG,EAAI,IAAA,CAAC,WAAkB,OAAA,IAAA,CAAA;AAEvB,EACI,uBAAAA,cAAA,CAACC,gBAAI,EAAI,EAAA;AAAA,IACL,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IAAG,IAAM,EAAA,CAAA;AAAA,IAAG,KAAO,EAAA,CAAA;AAAA,IAAG,MAAQ,EAAA,CAAA;AAAA,IACnC,eAAiB,EAAA,6CAAA;AAAA,IACjB,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,QAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,IACZ,MAAQ,EAAA,GAAA;AAAA;AAAA,GAEZ,EAEI,QAAC,kBAAAC,eAAA,CAAAD,YAAA,EAAA,EAAI,EAAI,EAAA;AAAA,IACL,KAAO,EAAA,KAAA;AAAA,IACP,QAAU,EAAA,OAAA;AAAA,IACV,OAAS,EAAA,2BAAA;AAAA,IACT,YAAc,EAAA,MAAA;AAAA,IACd,SAAW,EAAA,gCAAA;AAAA,IACX,OAAS,EAAA,MAAA;AAAA,IACT,CAAG,EAAA,CAAA;AAAA,IACH,GAAK,EAAA,CAAA;AAAA,IACL,MAAQ,EAAA,oCAAA;AAAA,GAGR,EAAA,QAAA,EAAA;AAAA,oBAACC,eAAA,CAAAD,YAAA,EAAA,EAAI,EAAI,EAAA,EAAE,IAAM,EAAA,CAAA,EAAG,OAAS,EAAA,MAAA,EAAQ,aAAe,EAAA,QAAA,EAAU,cAAgB,EAAA,QAAA,EAC1E,EAAA,QAAA,EAAA;AAAA,sBAACD,cAAA,CAAAC,YAAA,EAAA,EAAI,EAAI,EAAA,EAAE,KAAO,EAAA,2BAAA,EAA6B,IAAI,CAAE,EAAA,EACjD,QAAC,kBAAAD,cAAA,CAAAG,sBAAA,EAAA,EAAY,CACjB,EAAA,CAAA;AAAA,sBACCH,cAAA,CAAAI,mBAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAK,IAAI,EAAE,UAAA,EAAY,GAAK,EAAA,KAAA,EAAO,gCAAgC,EAAI,EAAA,CAAA,EAAG,QAAU,EAAA,QAAA,IACnG,QACL,EAAA,QAAA,EAAA,CAAA;AAAA,MACC,OAAW,oBAAAJ,cAAA,CAACI,mBAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,EAAA,EAAI,EAAE,KAAA,EAAO,yBAA2B,EAAA,UAAA,EAAY,GAAI,EAAA,EAC3F,QACL,EAAA,OAAA,EAAA,CAAA;AAAA,KACJ,EAAA,CAAA;AAAA,oBAGAF,eAAA,CAACD,gBAAI,EAAI,EAAA;AAAA,MACL,IAAM,EAAA,GAAA;AAAA,MACN,OAAS,EAAA,+BAAA;AAAA,MACT,YAAc,EAAA,MAAA;AAAA,MACd,CAAG,EAAA,CAAA;AAAA,MACH,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,QAAA;AAAA,MACf,GAAK,EAAA,GAAA;AAAA,MACL,MAAQ,EAAA,oCAAA;AAAA,KAGR,EAAA,QAAA,EAAA;AAAA,sBAACD,cAAA,CAAAK,iBAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,EAAI,EAAA,EAAE,KAAO,EAAA,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,OAAS,EAAA,0BAAA,EAA8B,EAAA,CAAA;AAAA,sBACnGL,cAAA,CAAAK,iBAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,EAAI,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,MAAQ,EAAA,MAAA,EAAQ,OAAS,EAAA,0BAAA,EAA8B,EAAA,CAAA;AAAA,sBACpGL,cAAA,CAAAK,iBAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,IAAI,EAAE,KAAA,EAAO,KAAO,EAAA,MAAA,EAAQ,MAAQ,EAAA,OAAA,EAAS,0BAA4B,EAAA,EAAA,EAAI,GAAK,EAAA,CAAA;AAAA,sBAG1GL,cAAA,CAAAK,iBAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,EAAI,EAAA,EAAE,KAAO,EAAA,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,OAAS,EAAA,0BAAA,EAA8B,EAAA,CAAA;AAAA,sBACnGL,cAAA,CAAAK,iBAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,EAAI,EAAA,EAAE,KAAO,EAAA,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,OAAS,EAAA,0BAAA,EAA8B,EAAA,CAAA;AAAA,sBACnGL,cAAA,CAAAK,iBAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,IAAI,EAAE,KAAA,EAAO,KAAO,EAAA,MAAA,EAAQ,MAAQ,EAAA,OAAA,EAAS,0BAA4B,EAAA,EAAA,EAAI,GAAK,EAAA,CAAA;AAAA,sBAG1GL,cAAA,CAAAK,iBAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,EAAI,EAAA,EAAE,KAAO,EAAA,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,OAAS,EAAA,0BAAA,EAA8B,EAAA,CAAA;AAAA,sBACnGL,cAAA,CAAAK,iBAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,EAAI,EAAA,EAAE,KAAO,EAAA,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,OAAS,EAAA,0BAAA,EAA8B,EAAA,CAAA;AAAA,KACxG,EAAA,CAAA;AAAA,GAAA,EACJ,CACJ,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,8BAAe,qBAAA;;;;"}

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

@@ -1,2 +1,195 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),r=require("lucide-react"),s=require("@e-llm-studio/citation"),t=require("./_svg/ButtonCognitiveIcon.js"),a=require("./cognitiveDecisioningThemeStyles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(n);exports.ViewFormUpdateCard=function(n){var o=n.data,d=n.cardMdComponents,c=l.default.useState(!0),g=c[0],p=c[1],u=l.default.useState({}),x=u[0],v=u[1];return o&&o.fields&&Array.isArray(o.fields)?i.jsxs("span",e.__assign({style:{display:"inline",verticalAlign:"middle",marginLeft:"4px"}},{children:[i.jsxs("button",e.__assign({onClick:function(){return p(!g)},style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"6px 4px",borderRadius:"8px",border:"none",backgroundColor:"var(--il-updated-details-bg, var(--il-primary-subtle, #F5F3FF))",color:"var(--il-updated-details-fg, var(--il-primary, #6D28D9))",fontWeight:500,fontSize:"14px",cursor:"pointer"}},{children:[i.jsx(r.FileText,{size:15}),i.jsx("span",{children:"View Updated Details"}),g?i.jsx(r.ChevronUp,{size:16}):i.jsx(r.ChevronDown,{size:16})]})),g&&i.jsxs("div",e.__assign({style:{position:"relative",zIndex:10,marginTop:"8px",width:"100%",minWidth:"300px",border:"1px solid var(--il-border, #F1F5F9)",borderRadius:"8px",backgroundColor:"var(--il-surface, #FFFFFF)",color:"var(--il-foreground, #1E293B)",padding:"12px",boxShadow:"0 4px 6px -1px rgb(0 0 0 / 0.1)"}},{children:[i.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:600,color:"var(--il-secondary-fg, #475569)",marginBottom:"4px"}},{children:o.title})),i.jsx("div",e.__assign({style:{backgroundColor:"var(--il-surface-alt, #F8FAFC)",borderRadius:"8px",padding:"12px",display:"flex",flexDirection:"column",gap:"12px"}},{children:o.fields.map(function(n,o){var l=n.segments&&n.segments.length>0?n.segments:[{type:"text",content:n.label}];return i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:[i.jsxs("div",e.__assign({style:{fontSize:"14px",color:"var(--il-foreground, #1E293B)",lineHeight:"1.6",fontWeight:400}},{children:[i.jsxs("span",{children:[o+1,"."]}),l.map(function(n,s){if("text"===n.type)return i.jsx("span",e.__assign({style:{whiteSpace:"pre-wrap"}},{children:n.content}),s);if("reasoning"===n.type){var a="".concat(o,"-").concat(s),l=x[a];return i.jsxs("span",e.__assign({onClick:function(i){i.stopPropagation(),v(function(i){var n;return e.__assign(e.__assign({},i),((n={})[a]=!i[a],n))})},style:{display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 4px",cursor:"pointer",verticalAlign:"middle"}},{children:[i.jsx(t.ButtonCognitiveIcon,{size:18}),l?i.jsx(r.ChevronUp,{size:12,color:"var(--il-muted, #667085)"}):i.jsx(r.ChevronDown,{size:12,color:"var(--il-muted, #667085)"})]}),s)}return null})]})),l.map(function(n,r){var l,c="".concat(o,"-").concat(r);return"reasoning"===n.type&&x[c]?i.jsx("div",e.__assign({style:{width:"100%",marginTop:"4px"}},{children:i.jsx(s.CognitiveDecisioningCard,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:i.jsx(t.ButtonCognitiveIcon,{}),reasoning:null===(l=n.reasoning.reason)||void 0===l?void 0:l.replace(/\\n/g,"\n"),gap:n.reasoning.gap,score:n.reasoning.score,isOpen:!0,onToggle:function(){return v(function(i){var n;return e.__assign(e.__assign({},i),((n={})[c]=!1,n))})},hideTrigger:!0,mdComponents:d,styles:a.getCognitiveDecisioningThemeStyles()})}),"card-".concat(r)):null})]}),o)})}))]}))]})):null};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var citation = require('@e-llm-studio/citation');
+var ButtonCognitiveIcon = require('./_svg/ButtonCognitiveIcon.js');
+var cognitiveDecisioningThemeStyles = require('./cognitiveDecisioningThemeStyles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const ViewFormUpdateCard = ({
+  data,
+  cardMdComponents
+}) => {
+  const [isExpanded, setIsExpanded] = React__default["default"].useState(true);
+  const [openReasoningState, setOpenReasoningState] = React__default["default"].useState({});
+  if (!data || !data.fields || !Array.isArray(data.fields)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline", verticalAlign: "middle", marginLeft: "4px" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: () => setIsExpanded(!isExpanded),
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "4px",
+          padding: "6px 4px",
+          borderRadius: "8px",
+          border: "none",
+          backgroundColor: "var(--il-updated-details-bg, var(--il-primary-subtle, #F5F3FF))",
+          color: "var(--il-updated-details-fg, var(--il-primary, #6D28D9))",
+          fontWeight: 500,
+          fontSize: "14px",
+          cursor: "pointer"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { size: 15 }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "View Updated Details" }),
+          isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 16 })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          position: "relative",
+          zIndex: 10,
+          marginTop: "8px",
+          width: "100%",
+          minWidth: "300px",
+          border: "1px solid var(--il-border, #F1F5F9)",
+          borderRadius: "8px",
+          backgroundColor: "var(--il-surface, #FFFFFF)",
+          color: "var(--il-foreground, #1E293B)",
+          padding: "12px",
+          boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                fontSize: "14px",
+                fontWeight: 600,
+                color: "var(--il-secondary-fg, #475569)",
+                marginBottom: "4px"
+              },
+              children: data.title
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                backgroundColor: "var(--il-surface-alt, #F8FAFC)",
+                borderRadius: "8px",
+                padding: "12px",
+                display: "flex",
+                flexDirection: "column",
+                gap: "12px"
+              },
+              children: data.fields.map((field, idx) => {
+                const segments = field.segments && field.segments.length > 0 ? field.segments : [{ type: "text", content: field.label }];
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "6px"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          style: {
+                            fontSize: "14px",
+                            color: "var(--il-foreground, #1E293B)",
+                            lineHeight: "1.6",
+                            fontWeight: 400
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                              idx + 1,
+                              "."
+                            ] }),
+                            segments.map((seg, sIdx) => {
+                              if (seg.type === "text") {
+                                return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { whiteSpace: "pre-wrap" }, children: seg.content }, sIdx);
+                              }
+                              if (seg.type === "reasoning") {
+                                const stateId = `${idx}-${sIdx}`;
+                                const isOpen = openReasoningState[stateId];
+                                return /* @__PURE__ */ jsxRuntime.jsxs(
+                                  "span",
+                                  {
+                                    onClick: (e) => {
+                                      e.stopPropagation();
+                                      setOpenReasoningState((prev) => ({
+                                        ...prev,
+                                        [stateId]: !prev[stateId]
+                                      }));
+                                    },
+                                    style: {
+                                      display: "inline-flex",
+                                      alignItems: "center",
+                                      gap: "2px",
+                                      margin: "0 4px",
+                                      cursor: "pointer",
+                                      verticalAlign: "middle"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(ButtonCognitiveIcon.ButtonCognitiveIcon, { size: 18 }),
+                                      isOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 12, color: "var(--il-muted, #667085)" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 12, color: "var(--il-muted, #667085)" })
+                                    ]
+                                  },
+                                  sIdx
+                                );
+                              }
+                              return null;
+                            })
+                          ]
+                        }
+                      ),
+                      segments.map((seg, sIdx) => {
+                        var _a;
+                        const stateId = `${idx}-${sIdx}`;
+                        if (seg.type === "reasoning" && openReasoningState[stateId]) {
+                          return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "4px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                            citation.CognitiveDecisioningCard,
+                            {
+                              reasoningTitle: "Decision Making Factors",
+                              reasoningSubtitle: "Why is this Suggested?",
+                              gapTitle: "Gaps in Decision",
+                              gapSubtitle: "What's missing or unclear?",
+                              headerIcon: /* @__PURE__ */ jsxRuntime.jsx(ButtonCognitiveIcon.ButtonCognitiveIcon, {}),
+                              reasoning: (_a = seg.reasoning.reason) == null ? void 0 : _a.replace(/\\n/g, "\n"),
+                              gap: seg.reasoning.gap,
+                              score: seg.reasoning.score,
+                              isOpen: true,
+                              onToggle: () => setOpenReasoningState((prev) => ({
+                                ...prev,
+                                [stateId]: false
+                              })),
+                              hideTrigger: true,
+                              mdComponents: cardMdComponents,
+                              styles: cognitiveDecisioningThemeStyles.getCognitiveDecisioningThemeStyles()
+                            }
+                          ) }, `card-${sIdx}`);
+                        }
+                        return null;
+                      })
+                    ]
+                  },
+                  idx
+                );
+              })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+exports.ViewFormUpdateCard = ViewFormUpdateCard;
 //# sourceMappingURL=ViewFormUpdateCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewFormUpdateCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ViewFormUpdateCard.js","sources":["../../../../../src/features/IL-OTJ/_components/ViewFormUpdateCard.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDown, ChevronUp, FileText } from 'lucide-react';\nimport { CognitiveDecisioningCard } from '@e-llm-studio/citation';\nimport { ButtonCognitiveIcon } from './_svg/ButtonCognitiveIcon';\nimport { getCognitiveDecisioningThemeStyles } from './cognitiveDecisioningThemeStyles';\n\nexport const ViewFormUpdateCard = ({\n  data,\n  cardMdComponents\n}: any) => {\n  const [isExpanded, setIsExpanded] = React.useState(true);\n  // Track open state using compound id \"idx-sIdx\"\n  const [openReasoningState, setOpenReasoningState] = React.useState<Record<string, boolean>>({});\n\n  // Safety check for malformed data payload\n  if (!data || !data.fields || !Array.isArray(data.fields)) {\n    return null; \n  }\n\n  return (\n    <span style={{ display: 'inline', verticalAlign: 'middle', marginLeft: '4px' }}>\n      {/* Trigger Button */}\n      <button\n        onClick={() => setIsExpanded(!isExpanded)}\n        style={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: '4px',\n          padding: '6px 4px',\n          borderRadius: '8px',\n          border: 'none',\n          backgroundColor: 'var(--il-updated-details-bg, var(--il-primary-subtle, #F5F3FF))',\n          color: 'var(--il-updated-details-fg, var(--il-primary, #6D28D9))',\n          fontWeight: 500,\n          fontSize: '14px',\n          cursor: 'pointer'\n        }}\n      >\n        <FileText size={15} />\n        <span>View Updated Details</span>\n        {isExpanded ? <ChevronUp size={16} /> : <ChevronDown size={16} />}\n      </button>\n      {/* Expanded Section */}\n      {isExpanded && (\n        <div\n          style={{\n            position: 'relative',\n            zIndex: 10,\n            marginTop: '8px',\n            width: '100%',\n            minWidth: '300px',\n            border: '1px solid var(--il-border, #F1F5F9)',\n            borderRadius: '8px',\n            backgroundColor: 'var(--il-surface, #FFFFFF)',\n            color: 'var(--il-foreground, #1E293B)',\n            padding: '12px',\n            boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1)'\n          }}\n        >\n          <div\n            style={{\n              fontSize: '14px',\n              fontWeight: 600,\n              color: 'var(--il-secondary-fg, #475569)',\n              marginBottom: '4px',\n            }}\n          >\n            {data.title}\n          </div>\n\n          <div\n            style={{\n              backgroundColor: 'var(--il-surface-alt, #F8FAFC)',\n              borderRadius: '8px',\n              padding: '12px',\n              display: 'flex',\n              flexDirection: 'column',\n              gap: '12px'\n            }}\n          >\n            {data.fields.map((field: any, idx: number) => {\n              // Segments are guaranteed from utils, but we supply a minimal fallback just in case\n              const segments = field.segments && field.segments.length > 0 \n                ? field.segments \n                : [{ type: 'text', content: field.label }];\n\n              return (\n                <div\n                  key={idx}\n                  style={{\n                    display: 'flex',\n                    flexDirection: 'column',\n                    gap: '6px'\n                  }}\n                >\n                  {/* Row: Text + Inline Icon */}\n                  <div\n                    style={{\n                      fontSize: '14px',\n                      color: 'var(--il-foreground, #1E293B)',\n                      lineHeight: '1.6',\n                      fontWeight: 400,\n                    }}\n                  >\n                    <span>\n                      {idx + 1}. \n                    </span>\n                    \n                    {/* Map through inline segments (text and reasoning icons) */}\n                    {segments.map((seg: any, sIdx: number) => {\n                      if (seg.type === 'text') {\n                        return <span key={sIdx} style={{ whiteSpace: 'pre-wrap' }}>{seg.content}</span>;\n                      } \n                      \n                      if (seg.type === 'reasoning') {\n                        const stateId = `${idx}-${sIdx}`;\n                        const isOpen = openReasoningState[stateId];\n                        return (\n                          <span\n                            key={sIdx}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              setOpenReasoningState(prev => ({\n                                ...prev,\n                                [stateId]: !prev[stateId]\n                              }));\n                            }}\n                            style={{\n                              display: 'inline-flex',\n                              alignItems: 'center',\n                              gap: '2px',\n                              margin: '0 4px',\n                              cursor: 'pointer',\n                              verticalAlign: 'middle'\n                            }}\n                          >\n                            <ButtonCognitiveIcon size={18}/>\n                            {isOpen ? (\n                          <ChevronUp size={12} color=\"var(--il-muted, #667085)\" />\n                        ) : (\n                          <ChevronDown size={12} color=\"var(--il-muted, #667085)\" />\n                        )}\n                          </span>\n                        );\n                      }\n                      return null;\n                    })}\n                  </div>\n\n                  {/* Render Expanded Cognitive Decisioning Cards Below the Text */}\n                  {segments.map((seg: any, sIdx: number) => {\n                    const stateId = `${idx}-${sIdx}`;\n                    if (seg.type === 'reasoning' && openReasoningState[stateId]) {\n                      return (\n                        <div key={`card-${sIdx}`} style={{ width: '100%', marginTop: '4px' }}>\n                          <CognitiveDecisioningCard\n                           reasoningTitle = \"Decision Making Factors\"\n                            reasoningSubtitle = \"Why is this Suggested?\"\n                            gapTitle = \"Gaps in Decision\"\n                            gapSubtitle = \"What's missing or unclear?\"\n                            headerIcon={<ButtonCognitiveIcon />}\n                            reasoning={seg.reasoning.reason?.replace(/\\\\n/g, '\\n')}\n                            gap={seg.reasoning.gap}\n                            score={seg.reasoning.score}\n                            isOpen={true}\n                            onToggle={() =>\n                              setOpenReasoningState(prev => ({\n                              ...prev,\n                              [stateId]: false \n                            }))}\n                            hideTrigger\n                            mdComponents={cardMdComponents}\n                            styles={getCognitiveDecisioningThemeStyles()}\n                          />\n                        </div>\n                      );\n                    }\n                    return null;\n                  })}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </span>\n  );\n};"],"names":["React","jsxs","jsx","FileText","ChevronUp","ChevronDown","ButtonCognitiveIcon","CognitiveDecisioningCard","getCognitiveDecisioningThemeStyles"],"mappings":"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"}

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

@@ -1,2 +1,176 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),r=require("lucide-react"),s=require("@e-llm-studio/citation"),t=require("./_svg/ButtonCognitiveIcon.js"),o=require("./cognitiveDecisioningThemeStyles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(n);exports.ViewIdentifiedFieldsCard=function(n){var a=n.data,d=n.cardMdComponents,g=l.default.useState(!0),c=g[0],p=g[1],u=l.default.useState({}),x=u[0],f=u[1];return i.jsxs("span",e.__assign({style:{display:"inline",verticalAlign:"middle",marginLeft:"4px"}},{children:[i.jsxs("button",e.__assign({onClick:function(){return p(!c)},style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"6px 4px",borderRadius:"8px",border:"none",backgroundColor:"var(--il-identified-details-bg, var(--il-primary-subtle, #F5F3FF))",color:"var(--il-identified-details-fg, var(--il-primary, #6D28D9))",fontWeight:500,fontSize:"14px",cursor:"pointer"}},{children:[i.jsx(r.FileText,{size:15}),i.jsx("span",{children:"View Identified Details"}),c?i.jsx(r.ChevronUp,{size:16}):i.jsx(r.ChevronDown,{size:16})]})),c&&i.jsxs("div",e.__assign({style:{position:"relative",zIndex:10,marginTop:"8px",marginBottom:"8px",width:"100%",minWidth:"300px",border:"1px solid var(--il-border, #F1F5F9)",borderRadius:"8px",backgroundColor:"var(--il-surface, #FFFFFF)",color:"var(--il-foreground, #1E293B)",padding:"12px",boxShadow:"0 4px 6px -1px rgb(0 0 0 / 0.1)"}},{children:[i.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:600,color:"var(--il-secondary-fg, #475569)",marginBottom:"4px"}},{children:a.title})),i.jsx("div",e.__assign({style:{backgroundColor:"var(--il-surface-alt, #F8FAFC)",borderRadius:"8px",padding:"12px",display:"flex",flexDirection:"column",gap:"12px"}},{children:a.fields.map(function(n,a){var l=x[a];return i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:[i.jsxs("div",e.__assign({style:{fontSize:"14px",color:"var(--il-foreground, #1E293B)",lineHeight:"1.6",fontWeight:400}},{children:[i.jsxs("span",{children:[a+1,". ",n.label]}),n.reasoning&&i.jsxs("span",e.__assign({onClick:function(i){i.stopPropagation(),f(function(i){var n;return e.__assign(e.__assign({},i),((n={})[a]=!i[a],n))})},style:{display:"inline-flex",alignItems:"center",gap:"2px",marginLeft:"6px",cursor:"pointer",verticalAlign:"middle"}},{children:[i.jsx(t.ButtonCognitiveIcon,{size:18}),l?i.jsx(r.ChevronUp,{size:12,color:"var(--il-muted, #667085)"}):i.jsx(r.ChevronDown,{size:12,color:"var(--il-muted, #667085)"})]}))]})),n.reasoning&&l&&i.jsx("div",e.__assign({style:{width:"100%"}},{children:i.jsx(s.CognitiveDecisioningCard,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:i.jsx(t.ButtonCognitiveIcon,{}),reasoning:n.reasoning.reason.replace(/\\n/g,"\n"),gap:n.reasoning.gap,score:n.reasoning.score,isOpen:!0,onToggle:function(){return f(function(i){var n;return e.__assign(e.__assign({},i),((n={})[a]=!1,n))})},hideTrigger:!0,mdComponents:d,styles:o.getCognitiveDecisioningThemeStyles()})}))]}),a)})}))]}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var citation = require('@e-llm-studio/citation');
+var ButtonCognitiveIcon = require('./_svg/ButtonCognitiveIcon.js');
+var cognitiveDecisioningThemeStyles = require('./cognitiveDecisioningThemeStyles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const ViewIdentifiedFieldsCard = ({
+  data,
+  cardMdComponents
+}) => {
+  const [isExpanded, setIsExpanded] = React__default["default"].useState(true);
+  const [openReasoningState, setOpenReasoningState] = React__default["default"].useState({});
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline", verticalAlign: "middle", marginLeft: "4px" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: () => setIsExpanded(!isExpanded),
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "4px",
+          padding: "6px 4px",
+          borderRadius: "8px",
+          border: "none",
+          backgroundColor: "var(--il-identified-details-bg, var(--il-primary-subtle, #F5F3FF))",
+          color: "var(--il-identified-details-fg, var(--il-primary, #6D28D9))",
+          fontWeight: 500,
+          fontSize: "14px",
+          cursor: "pointer"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { size: 15 }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "View Identified Details" }),
+          isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 16 })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          position: "relative",
+          zIndex: 10,
+          marginTop: "8px",
+          marginBottom: "8px",
+          width: "100%",
+          minWidth: "300px",
+          border: "1px solid var(--il-border, #F1F5F9)",
+          borderRadius: "8px",
+          backgroundColor: "var(--il-surface, #FFFFFF)",
+          color: "var(--il-foreground, #1E293B)",
+          padding: "12px",
+          boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                fontSize: "14px",
+                fontWeight: 600,
+                color: "var(--il-secondary-fg, #475569)",
+                marginBottom: "4px"
+              },
+              children: data.title
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                backgroundColor: "var(--il-surface-alt, #F8FAFC)",
+                borderRadius: "8px",
+                padding: "12px",
+                display: "flex",
+                flexDirection: "column",
+                gap: "12px"
+              },
+              children: data.fields.map((field, idx) => {
+                const isOpen = openReasoningState[idx];
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "6px"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          style: {
+                            fontSize: "14px",
+                            color: "var(--il-foreground, #1E293B)",
+                            lineHeight: "1.6",
+                            fontWeight: 400
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                              idx + 1,
+                              ". ",
+                              field.label
+                            ] }),
+                            field.reasoning && /* @__PURE__ */ jsxRuntime.jsxs(
+                              "span",
+                              {
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  setOpenReasoningState((prev) => ({
+                                    ...prev,
+                                    [idx]: !prev[idx]
+                                  }));
+                                },
+                                style: {
+                                  display: "inline-flex",
+                                  alignItems: "center",
+                                  gap: "2px",
+                                  marginLeft: "6px",
+                                  cursor: "pointer",
+                                  verticalAlign: "middle"
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(ButtonCognitiveIcon.ButtonCognitiveIcon, { size: 18 }),
+                                  isOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 12, color: "var(--il-muted, #667085)" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 12, color: "var(--il-muted, #667085)" })
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      field.reasoning && isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                        citation.CognitiveDecisioningCard,
+                        {
+                          reasoningTitle: "Decision Making Factors",
+                          reasoningSubtitle: "Why is this Suggested?",
+                          gapTitle: "Gaps in Decision",
+                          gapSubtitle: "What's missing or unclear?",
+                          headerIcon: /* @__PURE__ */ jsxRuntime.jsx(ButtonCognitiveIcon.ButtonCognitiveIcon, {}),
+                          reasoning: field.reasoning.reason.replace(/\\n/g, "\n"),
+                          gap: field.reasoning.gap,
+                          score: field.reasoning.score,
+                          isOpen: true,
+                          onToggle: () => setOpenReasoningState((prev) => ({
+                            ...prev,
+                            [idx]: false
+                          })),
+                          hideTrigger: true,
+                          mdComponents: cardMdComponents,
+                          styles: cognitiveDecisioningThemeStyles.getCognitiveDecisioningThemeStyles()
+                        }
+                      ) })
+                    ]
+                  },
+                  idx
+                );
+              })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+exports.ViewIdentifiedFieldsCard = ViewIdentifiedFieldsCard;
 //# sourceMappingURL=ViewIdentifiedFieldsCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewIdentifiedFieldsCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ViewIdentifiedFieldsCard.js","sources":["../../../../../src/features/IL-OTJ/_components/ViewIdentifiedFieldsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDown, ChevronUp, FileText } from 'lucide-react';\nimport { CognitiveDecisioningCard } from '@e-llm-studio/citation';\nimport { ButtonCognitiveIcon } from './_svg/ButtonCognitiveIcon';\nimport { getCognitiveDecisioningThemeStyles } from './cognitiveDecisioningThemeStyles';\n\nexport const ViewIdentifiedFieldsCard = ({\n  data,\n  cardMdComponents\n}: any) => {\n  const [isExpanded, setIsExpanded] = React.useState(true);\n  const [openReasoningState, setOpenReasoningState] = React.useState<Record<number, boolean>>({});\n\n  return (\n    <span style={{ display: 'inline', verticalAlign: 'middle', marginLeft: '4px' }}>\n      {/* Trigger Button */}\n      <button\n        onClick={() => setIsExpanded(!isExpanded)}\n        style={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: '4px',\n          padding: '6px 4px',\n          borderRadius: '8px',\n          border: 'none',\n          backgroundColor: 'var(--il-identified-details-bg, var(--il-primary-subtle, #F5F3FF))',\n          color: 'var(--il-identified-details-fg, var(--il-primary, #6D28D9))',\n          fontWeight: 500,\n          fontSize: '14px',\n          cursor: 'pointer'\n        }}\n      >\n        <FileText size={15} />\n        <span>View Identified Details</span>\n        {isExpanded ? <ChevronUp size={16} /> : <ChevronDown size={16} />}\n      </button>\n      {/* Expanded Section */}\n      {isExpanded && (\n        <div\n          style={{\n            position: 'relative',\n            zIndex: 10,\n            marginTop: '8px',\n            marginBottom: '8px',\n            width: '100%',\n            minWidth: '300px',\n            border: '1px solid var(--il-border, #F1F5F9)',\n            borderRadius: '8px',\n            backgroundColor: 'var(--il-surface, #FFFFFF)',\n            color: 'var(--il-foreground, #1E293B)',\n            padding: '12px',\n            boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1)'\n          }}\n        >\n          <div\n            style={{\n              fontSize: '14px',\n              fontWeight: 600,\n              color: 'var(--il-secondary-fg, #475569)',\n              marginBottom: '4px',\n            }}\n          >\n            {data.title}\n          </div>\n\n          <div\n            style={{\n              backgroundColor: 'var(--il-surface-alt, #F8FAFC)',\n              borderRadius: '8px',\n              padding: '12px',\n              display: 'flex',\n              flexDirection: 'column',\n              gap: '12px'\n            }}\n          >\n            {data.fields.map((field: any, idx: number) => {\n              const isOpen = openReasoningState[idx];\n\n              return (\n                <div\n                  key={idx}\n                  style={{\n                    display: 'flex',\n                    flexDirection: 'column',\n                    gap: '6px'\n                  }}\n                >\n                  {/* Row: Text + Inline Icon */}\n                  <div\n                    style={{\n                      fontSize: '14px',\n                      color: 'var(--il-foreground, #1E293B)',\n                      lineHeight: '1.6',\n                      fontWeight: 400,\n                    }}\n                  >\n                    <span>\n                      {idx + 1}. {field.label}\n                    </span>\n\n                    {field.reasoning && (\n                      <span\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          setOpenReasoningState(prev => ({\n                            ...prev,\n                            [idx]: !prev[idx]\n                          }));\n                        }}\n                        style={{\n                          display: 'inline-flex',\n                          alignItems: 'center',\n                          gap: '2px',\n                          marginLeft: '6px',\n                          cursor: 'pointer',\n                          verticalAlign: 'middle'\n                        }}\n                      >\n                        <ButtonCognitiveIcon size={18}/>\n                        {isOpen ? (\n                          <ChevronUp size={12} color=\"var(--il-muted, #667085)\" />\n                        ) : (\n                          <ChevronDown size={12} color=\"var(--il-muted, #667085)\" />\n                        )}\n                      </span>\n                    )}\n                  </div>\n                  {/* Card BELOW */}\n                  {field.reasoning && isOpen && (\n                    <div style={{ width: '100%' }}>\n                      <CognitiveDecisioningCard\n                       reasoningTitle = \"Decision Making Factors\"\n                      reasoningSubtitle = \"Why is this Suggested?\"\n                      gapTitle = \"Gaps in Decision\"\n                      gapSubtitle = \"What's missing or unclear?\"\n                        headerIcon={<ButtonCognitiveIcon />}\n                        reasoning={field.reasoning.reason.replace(/\\\\n/g, '\\n')}\n                        gap={field.reasoning.gap}\n                        score={field.reasoning.score}\n                        isOpen={true}\n                        onToggle={() =>\n                          setOpenReasoningState(prev => ({\n                            ...prev,\n                            [idx]: false\n                          }))\n                        }\n                        hideTrigger\n                        mdComponents={cardMdComponents}\n                        styles={getCognitiveDecisioningThemeStyles()}\n                      />\n                    </div>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </span>\n  );\n};"],"names":["React","jsxs","jsx","FileText","ChevronUp","ChevronDown","ButtonCognitiveIcon","CognitiveDecisioningCard","getCognitiveDecisioningThemeStyles"],"mappings":"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"}

package/dist/cjs/features/IL-OTJ/_components/_svg/BookIcon.js

@@ -1,2 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),C=require("react/jsx-runtime");exports.default=function(){return C.jsx("svg",e.__assign({width:"13",height:"13",viewBox:"0 0 12 11",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:C.jsx("path",{d:"M5.65039 9.65039L5.60036 9.57535C5.25304 9.05437 5.07938 8.79388 4.84994 8.6053C4.64682 8.43835 4.41277 8.31309 4.16119 8.23669C3.87702 8.15039 3.56394 8.15039 2.9378 8.15039H2.25039C1.69034 8.15039 1.41031 8.15039 1.1964 8.0414C1.00824 7.94552 0.855257 7.79254 0.759384 7.60438C0.650391 7.39047 0.650391 7.11044 0.650391 6.55039V2.25039C0.650391 1.69034 0.650391 1.41031 0.759384 1.1964C0.855257 1.00824 1.00824 0.855257 1.1964 0.759384C1.41031 0.650391 1.69034 0.650391 2.25039 0.650391H2.45039C3.5705 0.650391 4.13055 0.650391 4.55837 0.868378C4.9347 1.06012 5.24066 1.36609 5.4324 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039M5.65039 9.65039V3.85039M5.65039 9.65039L5.70042 9.57535C6.04774 9.05437 6.2214 8.79388 6.45084 8.6053C6.65396 8.43835 6.88801 8.31309 7.13959 8.23669C7.42377 8.15039 7.73684 8.15039 8.36298 8.15039H9.05039C9.61044 8.15039 9.89047 8.15039 10.1044 8.0414C10.2925 7.94552 10.4455 7.79254 10.5414 7.60438C10.6504 7.39047 10.6504 7.11044 10.6504 6.55039V2.25039C10.6504 1.69034 10.6504 1.41031 10.5414 1.1964C10.4455 1.00824 10.2925 0.855257 10.1044 0.759384C9.89047 0.650391 9.61044 0.650391 9.05039 0.650391H8.85039C7.73029 0.650391 7.17023 0.650391 6.74241 0.868378C6.36609 1.06012 6.06012 1.36609 5.86838 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039",stroke:"#19213D","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"})}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const BookIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "13", height: "13", viewBox: "0 0 12 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.65039 9.65039L5.60036 9.57535C5.25304 9.05437 5.07938 8.79388 4.84994 8.6053C4.64682 8.43835 4.41277 8.31309 4.16119 8.23669C3.87702 8.15039 3.56394 8.15039 2.9378 8.15039H2.25039C1.69034 8.15039 1.41031 8.15039 1.1964 8.0414C1.00824 7.94552 0.855257 7.79254 0.759384 7.60438C0.650391 7.39047 0.650391 7.11044 0.650391 6.55039V2.25039C0.650391 1.69034 0.650391 1.41031 0.759384 1.1964C0.855257 1.00824 1.00824 0.855257 1.1964 0.759384C1.41031 0.650391 1.69034 0.650391 2.25039 0.650391H2.45039C3.5705 0.650391 4.13055 0.650391 4.55837 0.868378C4.9347 1.06012 5.24066 1.36609 5.4324 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039M5.65039 9.65039V3.85039M5.65039 9.65039L5.70042 9.57535C6.04774 9.05437 6.2214 8.79388 6.45084 8.6053C6.65396 8.43835 6.88801 8.31309 7.13959 8.23669C7.42377 8.15039 7.73684 8.15039 8.36298 8.15039H9.05039C9.61044 8.15039 9.89047 8.15039 10.1044 8.0414C10.2925 7.94552 10.4455 7.79254 10.5414 7.60438C10.6504 7.39047 10.6504 7.11044 10.6504 6.55039V2.25039C10.6504 1.69034 10.6504 1.41031 10.5414 1.1964C10.4455 1.00824 10.2925 0.855257 10.1044 0.759384C9.89047 0.650391 9.61044 0.650391 9.05039 0.650391H8.85039C7.73029 0.650391 7.17023 0.650391 6.74241 0.868378C6.36609 1.06012 6.06012 1.36609 5.86838 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039", stroke: "#19213D", "stroke-width": "1.3", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
+var BookIcon$1 = BookIcon;
+
+exports["default"] = BookIcon$1;
 //# sourceMappingURL=BookIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookIcon.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BookIcon.js","sources":["../../../../../../src/features/IL-OTJ/_components/_svg/BookIcon.tsx"],"sourcesContent":["const BookIcon = () => (\n    <svg width=\"13\" height=\"13\" viewBox=\"0 0 12 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5.65039 9.65039L5.60036 9.57535C5.25304 9.05437 5.07938 8.79388 4.84994 8.6053C4.64682 8.43835 4.41277 8.31309 4.16119 8.23669C3.87702 8.15039 3.56394 8.15039 2.9378 8.15039H2.25039C1.69034 8.15039 1.41031 8.15039 1.1964 8.0414C1.00824 7.94552 0.855257 7.79254 0.759384 7.60438C0.650391 7.39047 0.650391 7.11044 0.650391 6.55039V2.25039C0.650391 1.69034 0.650391 1.41031 0.759384 1.1964C0.855257 1.00824 1.00824 0.855257 1.1964 0.759384C1.41031 0.650391 1.69034 0.650391 2.25039 0.650391H2.45039C3.5705 0.650391 4.13055 0.650391 4.55837 0.868378C4.9347 1.06012 5.24066 1.36609 5.4324 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039M5.65039 9.65039V3.85039M5.65039 9.65039L5.70042 9.57535C6.04774 9.05437 6.2214 8.79388 6.45084 8.6053C6.65396 8.43835 6.88801 8.31309 7.13959 8.23669C7.42377 8.15039 7.73684 8.15039 8.36298 8.15039H9.05039C9.61044 8.15039 9.89047 8.15039 10.1044 8.0414C10.2925 7.94552 10.4455 7.79254 10.5414 7.60438C10.6504 7.39047 10.6504 7.11044 10.6504 6.55039V2.25039C10.6504 1.69034 10.6504 1.41031 10.5414 1.1964C10.4455 1.00824 10.2925 0.855257 10.1044 0.759384C9.89047 0.650391 9.61044 0.650391 9.05039 0.650391H8.85039C7.73029 0.650391 7.17023 0.650391 6.74241 0.868378C6.36609 1.06012 6.06012 1.36609 5.86838 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039\" stroke=\"#19213D\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n);\n\nexport default BookIcon;"],"names":["jsx"],"mappings":";;;;;;AAAA,MAAM,QAAA,GAAW,sBACbA,cAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAM,IAAK,EAAA,MAAA,EAAO,IAAK,EAAA,OAAA,EAAQ,WAAY,EAAA,IAAA,EAAK,MAAO,EAAA,KAAA,EAAM,8BAC9D,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,sxCAAA,EAAuxC,MAAO,EAAA,SAAA,EAAU,cAAa,EAAA,KAAA,EAAM,gBAAe,EAAA,OAAA,EAAQ,iBAAgB,EAAA,OAAA,EAAO,CACr3C,EAAA,CAAA,CAAA;AAGJ,iBAAe,QAAA;;;;"}

package/dist/cjs/features/IL-OTJ/_components/_svg/ButtonCognitiveIcon.js

@@ -1,2 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var C=require("tslib"),e=require("react/jsx-runtime");exports.ButtonCognitiveIcon=function(i){var r=i.size,l=void 0===r?20:r,s=i.color,t=void 0===s?"#344054":s,o=C.__rest(i,["size","color"]);return e.jsxs("svg",C.__assign({width:l,height:l,viewBox:"0 0 13 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:t},o,{children:[e.jsxs("g",C.__assign({"clip-path":"url(#clip0_7146_59770)"},{children:[e.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.870143 7.4728C1.05898 7.12852 1.27464 6.8046 1.51383 6.50373L1.18293 7.96614C0.979942 8.80183 0.898342 9.61402 1.17775 10.2711C1.21942 10.3691 1.26815 10.4612 1.32333 10.5469C1.31329 10.7241 1.31151 10.9023 1.31813 11.0806C1.35384 12.0427 1.63248 12.9774 2.12537 13.7883C2.61826 14.5994 3.30759 15.2574 4.12238 15.6948C4.23255 15.7549 4.32499 15.8457 4.38965 15.9572C4.45431 16.0686 4.48873 16.1966 4.48918 16.3274V19.2231C4.48918 19.3163 4.47174 19.4086 4.43785 19.4947C4.40397 19.5808 4.3543 19.6591 4.29169 19.7249C4.22908 19.7908 4.15475 19.8432 4.07294 19.8788C3.99114 19.9145 3.90346 19.9328 3.81492 19.9328C3.72637 19.9328 3.63869 19.9145 3.55689 19.8788C3.47508 19.8432 3.40075 19.7908 3.33814 19.7249C3.27553 19.6591 3.22587 19.5808 3.19198 19.4947C3.1581 19.4086 3.14066 19.3163 3.14066 19.2231V16.7453C1.68401 15.8205 0.630139 14.3313 0.205569 12.5974C-0.219001 10.8635 0.0196202 9.02345 0.870143 7.4728ZM2.90096 5.19659C2.88899 5.25028 2.87501 5.30914 2.85914 5.37342L2.35372 7.6047C2.74036 7.06579 3.22081 6.60571 3.77188 6.25032C3.86004 6.19348 3.94964 6.13953 4.04056 6.08854L4.37488 4.7326C4.4043 4.6181 4.42962 4.50778 4.45073 4.40202C3.89913 4.59451 3.3785 4.86265 2.90096 5.19659ZM5.56585 4.12493C5.53444 4.42314 5.47335 4.72393 5.39987 5.0116L5.25401 5.6033C5.6147 5.51175 5.98526 5.46115 6.35938 5.45343C7.27383 5.43458 8.17653 5.67261 8.97455 6.14302C9.77256 6.61343 10.437 7.29923 10.8996 8.1298C11.3621 8.96038 11.606 9.90572 11.6062 10.8685V15.3246C11.6062 15.4318 11.5657 15.5346 11.4937 15.6104C11.4216 15.6863 11.324 15.7288 11.2221 15.7288H9.10545C8.92662 15.7288 8.75512 15.8037 8.62867 15.9367C8.50223 16.0699 8.43119 16.2504 8.43119 16.4386V19.2231C8.43119 19.4114 8.50223 19.5919 8.62867 19.7249C8.75512 19.8581 8.92662 19.9328 9.10545 19.9328C9.28428 19.9328 9.45578 19.8581 9.58223 19.7249C9.70867 19.5919 9.77971 19.4114 9.77971 19.2231V17.1483H11.2221C11.4496 17.1483 11.6749 17.1012 11.8851 17.0096C12.0953 16.9179 12.2863 16.7836 12.4472 16.6142C12.6081 16.4448 12.7357 16.2438 12.8228 16.0225C12.9099 15.8013 12.9547 15.5641 12.9547 15.3246V10.8696C12.9545 9.65475 12.6467 8.46189 12.0631 7.4138C11.4794 6.36573 10.641 5.50029 9.63407 4.90657C8.38865 4.18261 6.95913 3.91301 5.56585 4.12493ZM3.70049 8.44134C3.42465 8.78904 3.20515 9.1864 3.05432 9.61774C2.98799 9.80743 2.93585 10.0011 2.89791 10.1971C3.31428 10.1882 3.71718 10.1018 4.57574 9.3851L5.00851 9.00583C5.17133 8.85685 5.2371 8.62777 5.20005 8.40752L5.17831 8.31379C5.07205 8.04339 4.74203 7.96266 4.50119 8.1089C4.25222 8.26007 3.98261 8.37306 3.70049 8.44134ZM6.15774 7.88766C6.02755 7.55613 5.82305 7.3186 5.58321 7.1627C6.10638 7.00991 6.65842 6.97659 7.20161 7.07001C8.06073 7.21777 8.84495 7.67345 9.42154 8.35994C9.80992 8.82213 9.70204 9.48646 9.30287 9.86461C8.12912 10.9809 6.18401 12.4277 4.25076 12.9671C3.75882 13.1034 3.21941 12.8535 3.03925 12.3198C2.92908 11.9929 2.86081 11.6548 2.8344 11.314C3.15405 11.3123 3.55309 11.2871 4.0591 11.0503C4.53459 10.8279 5.0516 10.4444 5.70426 9.84718C6.24535 9.35195 6.37813 8.59572 6.18673 7.97158L6.1743 7.92908L6.15774 7.88766Z",fill:"currentColor"}),e.jsx("path",{d:"M2.78566 10.2017C2.21589 10.2017 1.79754 9.83133 2.19656 8.2028L2.85082 5.3137C2.96495 4.85111 2.98338 4.66616 2.85082 4.66616C2.36416 4.7953 2.60848 4.71503 2.19651 4.89983L1.91211 4.39986C3.29881 3.15966 3.32335 2.83187 4.00636 2.83187C4.57614 2.83187 4.6714 3.55367 4.38607 4.66428L3.63745 7.70142C3.50444 8.23827 3.56196 8.42321 3.69406 8.42321C3.98316 8.35428 4.2596 8.24005 4.5145 8.08528C4.75852 7.93711 5.09207 8.01872 5.19962 8.29281C5.27637 8.54288 5.21676 8.82053 5.02834 8.99293C3.76206 10.1516 3.31404 10.2017 2.78566 10.2017ZM4.0972 0.00281947C4.22705 -0.00766091 4.35753 0.0111517 4.47993 0.0580007C4.60232 0.10485 4.71381 0.178656 4.80694 0.274487C4.90007 0.370319 4.97269 0.485969 5.01996 0.61371C5.06723 0.74145 5.08806 0.878339 5.08105 1.01523V1.01265C5.06571 1.36127 4.9234 1.69028 4.68365 1.93134C4.44391 2.17242 4.12517 2.30702 3.79362 2.3072L3.76707 2.30677C3.63546 2.32186 3.50354 2.30544 3.3788 2.25874C3.25407 2.21205 3.14097 2.13628 3.04797 2.0371C2.95497 1.93792 2.88447 1.8179 2.84174 1.68601C2.79934 1.55514 2.78536 1.41595 2.80082 1.27867C2.81343 0.928866 2.95678 0.598439 3.1997 0.359319C3.44286 0.119957 3.76606 -0.00849914 4.09883 0.00195941L4.0972 0.00281947Z",fill:"currentColor"})]})),e.jsx("defs",{children:e.jsx("clipPath",C.__assign({id:"clip0_7146_59770"},{children:e.jsx("rect",{width:"13",height:"20",fill:"white"})}))})]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const ButtonCognitiveIcon = ({
+  size = 20,
+  color = "#344054",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 13 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { "clip-path": "url(#clip0_7146_59770)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.870143 7.4728C1.05898 7.12852 1.27464 6.8046 1.51383 6.50373L1.18293 7.96614C0.979942 8.80183 0.898342 9.61402 1.17775 10.2711C1.21942 10.3691 1.26815 10.4612 1.32333 10.5469C1.31329 10.7241 1.31151 10.9023 1.31813 11.0806C1.35384 12.0427 1.63248 12.9774 2.12537 13.7883C2.61826 14.5994 3.30759 15.2574 4.12238 15.6948C4.23255 15.7549 4.32499 15.8457 4.38965 15.9572C4.45431 16.0686 4.48873 16.1966 4.48918 16.3274V19.2231C4.48918 19.3163 4.47174 19.4086 4.43785 19.4947C4.40397 19.5808 4.3543 19.6591 4.29169 19.7249C4.22908 19.7908 4.15475 19.8432 4.07294 19.8788C3.99114 19.9145 3.90346 19.9328 3.81492 19.9328C3.72637 19.9328 3.63869 19.9145 3.55689 19.8788C3.47508 19.8432 3.40075 19.7908 3.33814 19.7249C3.27553 19.6591 3.22587 19.5808 3.19198 19.4947C3.1581 19.4086 3.14066 19.3163 3.14066 19.2231V16.7453C1.68401 15.8205 0.630139 14.3313 0.205569 12.5974C-0.219001 10.8635 0.0196202 9.02345 0.870143 7.4728ZM2.90096 5.19659C2.88899 5.25028 2.87501 5.30914 2.85914 5.37342L2.35372 7.6047C2.74036 7.06579 3.22081 6.60571 3.77188 6.25032C3.86004 6.19348 3.94964 6.13953 4.04056 6.08854L4.37488 4.7326C4.4043 4.6181 4.42962 4.50778 4.45073 4.40202C3.89913 4.59451 3.3785 4.86265 2.90096 5.19659ZM5.56585 4.12493C5.53444 4.42314 5.47335 4.72393 5.39987 5.0116L5.25401 5.6033C5.6147 5.51175 5.98526 5.46115 6.35938 5.45343C7.27383 5.43458 8.17653 5.67261 8.97455 6.14302C9.77256 6.61343 10.437 7.29923 10.8996 8.1298C11.3621 8.96038 11.606 9.90572 11.6062 10.8685V15.3246C11.6062 15.4318 11.5657 15.5346 11.4937 15.6104C11.4216 15.6863 11.324 15.7288 11.2221 15.7288H9.10545C8.92662 15.7288 8.75512 15.8037 8.62867 15.9367C8.50223 16.0699 8.43119 16.2504 8.43119 16.4386V19.2231C8.43119 19.4114 8.50223 19.5919 8.62867 19.7249C8.75512 19.8581 8.92662 19.9328 9.10545 19.9328C9.28428 19.9328 9.45578 19.8581 9.58223 19.7249C9.70867 19.5919 9.77971 19.4114 9.77971 19.2231V17.1483H11.2221C11.4496 17.1483 11.6749 17.1012 11.8851 17.0096C12.0953 16.9179 12.2863 16.7836 12.4472 16.6142C12.6081 16.4448 12.7357 16.2438 12.8228 16.0225C12.9099 15.8013 12.9547 15.5641 12.9547 15.3246V10.8696C12.9545 9.65475 12.6467 8.46189 12.0631 7.4138C11.4794 6.36573 10.641 5.50029 9.63407 4.90657C8.38865 4.18261 6.95913 3.91301 5.56585 4.12493ZM3.70049 8.44134C3.42465 8.78904 3.20515 9.1864 3.05432 9.61774C2.98799 9.80743 2.93585 10.0011 2.89791 10.1971C3.31428 10.1882 3.71718 10.1018 4.57574 9.3851L5.00851 9.00583C5.17133 8.85685 5.2371 8.62777 5.20005 8.40752L5.17831 8.31379C5.07205 8.04339 4.74203 7.96266 4.50119 8.1089C4.25222 8.26007 3.98261 8.37306 3.70049 8.44134ZM6.15774 7.88766C6.02755 7.55613 5.82305 7.3186 5.58321 7.1627C6.10638 7.00991 6.65842 6.97659 7.20161 7.07001C8.06073 7.21777 8.84495 7.67345 9.42154 8.35994C9.80992 8.82213 9.70204 9.48646 9.30287 9.86461C8.12912 10.9809 6.18401 12.4277 4.25076 12.9671C3.75882 13.1034 3.21941 12.8535 3.03925 12.3198C2.92908 11.9929 2.86081 11.6548 2.8344 11.314C3.15405 11.3123 3.55309 11.2871 4.0591 11.0503C4.53459 10.8279 5.0516 10.4444 5.70426 9.84718C6.24535 9.35195 6.37813 8.59572 6.18673 7.97158L6.1743 7.92908L6.15774 7.88766Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.78566 10.2017C2.21589 10.2017 1.79754 9.83133 2.19656 8.2028L2.85082 5.3137C2.96495 4.85111 2.98338 4.66616 2.85082 4.66616C2.36416 4.7953 2.60848 4.71503 2.19651 4.89983L1.91211 4.39986C3.29881 3.15966 3.32335 2.83187 4.00636 2.83187C4.57614 2.83187 4.6714 3.55367 4.38607 4.66428L3.63745 7.70142C3.50444 8.23827 3.56196 8.42321 3.69406 8.42321C3.98316 8.35428 4.2596 8.24005 4.5145 8.08528C4.75852 7.93711 5.09207 8.01872 5.19962 8.29281C5.27637 8.54288 5.21676 8.82053 5.02834 8.99293C3.76206 10.1516 3.31404 10.2017 2.78566 10.2017ZM4.0972 0.00281947C4.22705 -0.00766091 4.35753 0.0111517 4.47993 0.0580007C4.60232 0.10485 4.71381 0.178656 4.80694 0.274487C4.90007 0.370319 4.97269 0.485969 5.01996 0.61371C5.06723 0.74145 5.08806 0.878339 5.08105 1.01523V1.01265C5.06571 1.36127 4.9234 1.69028 4.68365 1.93134C4.44391 2.17242 4.12517 2.30702 3.79362 2.3072L3.76707 2.30677C3.63546 2.32186 3.50354 2.30544 3.3788 2.25874C3.25407 2.21205 3.14097 2.13628 3.04797 2.0371C2.95497 1.93792 2.88447 1.8179 2.84174 1.68601C2.79934 1.55514 2.78536 1.41595 2.80082 1.27867C2.81343 0.928866 2.95678 0.598439 3.1997 0.359319C3.44286 0.119957 3.76606 -0.00849914 4.09883 0.00195941L4.0972 0.00281947Z", fill: "currentColor" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_7146_59770", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "13", height: "20", fill: "white" }) }) })
+  ] });
+};
+
+exports.ButtonCognitiveIcon = ButtonCognitiveIcon;
 //# sourceMappingURL=ButtonCognitiveIcon.js.map