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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ConflictingReasoningCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ConflictingReasoningCard.js","sources":["../../../../../src/features/IL-OTJ/_components/ConflictingReasoningCard.tsx"],"sourcesContent":["import React, { memo, useState, useMemo, useCallback } from 'react';\nimport { ChevronUpIcon, ChevronDownIcon } from \"lucide-react\";\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport rehypeRaw from 'rehype-raw';\nimport { HumanWithBrainIcon } from './_svg/HumanWithBrainIcon';\nimport { CitationLinkSparkleIcon } from './_svg/CitationLinkSparkleIcon';\nimport { GapIcon } from './_svg/GapIcon';\nimport { LightbulbIcon } from './_svg/Lightbulb';\nimport { ButtonCognitiveIcon } from './_svg/ButtonCognitiveIcon';\nimport { getSourceFromUrl } from './MarkdownComponents/MarkdownElements';\nimport CitationLink from './CitationLink';\n\ninterface ConflictReasoningCardProps {\n  isVisible: boolean;\n  decisionStrength?: string | null;\n  reasoning?: string | null;\n  gap?: string | null;\n  citations?: any[];\n}\n\nexport const ConflictReasoningCard = memo(({ \n  isVisible, \n  decisionStrength, \n  reasoning, \n  gap,\n  citations\n}: ConflictReasoningCardProps) => {\n  const [openSections, setOpenSections] = useState<Record<string, boolean>>({ reasoning: true, gap: true });\n console.log(\"ConflictReasoningCard rendered with props:\", { isVisible, decisionStrength, reasoning, gap, citations });\n  const REHYPE_PLUGINS = useMemo(() => [rehypeRaw] as any[], []);\n  const REMARK_PLUGINS = useMemo(() => [remarkGfm] as any[], []);\n\n    const getCitationByNumber = useCallback((citationNumber: string, source: string) => {\n        console.log(\"getCitationByNumber called with:\", { citationNumber, source }, \"and citations :\", citations);\n        if (!citations) return null;\n        return (\n        citations.find(\n            (c: any) =>\n            c.customMetaData.citation_number &&\n            c.customMetaData.citation_title !== 'Cognitive Decisioning' &&\n            c.customMetaData.source === source &&\n            String(c.customMetaData.citation_number) === String(citationNumber)\n        ) || null\n        );\n    }, [citations]);\n\n    const markdownComponents = useMemo(() => ({\n        p: ({ node, ...props }: any) => <p {...props} style={{ margin: 0 }}>{props?.children}</p>,\n        li: ({ node, index, ...props }: any) => (\n            <div style={{ display: 'flex', alignItems: 'flex-start', marginBottom: '6px' }}>\n                <span style={{ fontSize: '12px', fontWeight: 400, color: '#55585fff', flexShrink: 0, minWidth: '18px' }}>\n                    {typeof index === 'number' ? `${index + 1}.` : '•'}\n                </span>\n                <span style={{ fontSize: '12px', color: '#4B5563', lineHeight: '1.5', flex: 1 }}>\n                    {props.children}\n                </span>\n            </div>\n        ),\n        a: ({ node, href, children, ...props }: any) => {\n            if (!href) return <a {...props}>{children}</a>;\n            const match = href.match(/citationNumber=([^&]+)/);\n            const citationNumber = match ? match[1] : null;\n            console.log(\"Processing link:\", {match , href, citationNumber });\n\n            if (citationNumber) {\n                const source = getSourceFromUrl(href);\n                const citation = getCitationByNumber(citationNumber, source);//\n                console.log(\"check source and citation here pls :\", source, citation);\n                console.log(\"Found citation for link:\", { href, citationNumber, source, citation });\n                if (citation) {\n                    return (\n                        <span style={{ display: \"inline\", alignItems: \"center\", fontSize: \"14px !important\",gap: \"3px\", color: \"#2563EB\", verticalAlign: 'middle' }}>\n                            <CitationLink citation={citation} linkTitle={children as string} fontSize={12} />\n                        </span>\n                    );\n                }\n            }\n            return <a href={href} target='_blank' rel='noopener noreferrer' style={{ color: '#2563EB', textDecoration: 'none' }} {...props}>{children}</a>;\n        },\n    }), []);\n\n  if (!isVisible || (!reasoning && !gap && !decisionStrength)) return null;\n\n  const toggleSection = (id: string) => {\n    setOpenSections(prev => ({ ...prev, [id]: !prev[id] }));\n  };\n\n  return (\n    <div style={{ \n        width: '100%',\n        marginTop: '8px',\n        overflow: 'hidden',\n        borderRadius: '8px',\n        border: '1.5px solid #cacdfa',\n        backgroundColor: '#FFFFFF',\n        boxShadow: '0 2px 4px -1px rgba(0, 0, 0, 0.05)',\n        fontFamily: '\"Plus Jakarta Sans\", sans-serif',\n    }}>\n        {/* Main Card Header - Mirroring CognitiveDecisioningCard */}\n        <div style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            padding: '8px 16px',\n            backgroundColor: '#f4f2ff',\n            borderBottom: '1px solid #fee2e2'\n        }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                <ButtonCognitiveIcon />\n                <span style={{ fontSize: '13px', fontWeight: 600, color: 'black' }}>Cognitive Decisioning AI</span>\n            </div>\n            \n            {decisionStrength && (\n              <div style={{ \n                display: 'flex',\n                alignItems: 'center',\n                borderRadius: '9999px',\n                border: '1.3px solid #bb97f9ff',\n                backgroundColor: '#FFFFFF',\n                padding: '2px 8px',\n                fontSize: '12px',\n                fontWeight: 500,\n                color: '#000',\n                gap: '4px'\n              }}>\n                <CitationLinkSparkleIcon />\n                Decision Strength: {decisionStrength}%\n              </div>\n            )}\n        </div>\n\n        {/* Reasoning Section */}\n        {reasoning && (\n            <div style={{ borderBottom: gap ? '1px solid #f3f4f6' : 'none' }}>\n                <button \n                    onClick={() => toggleSection('reasoning')}\n                    style={{\n                        display: 'flex', alignItems: 'center', justifyContent: 'space-between',\n                        width: '100%', padding: '12px 16px', border: 'none', background: 'none', cursor: 'pointer'\n                    }}\n                >\n                    <div style={{ display: 'flex', gap: '12px', alignItems: 'center' }}>\n                        <LightbulbIcon />\n                        <div style={{ textAlign: 'left' }}>\n                            <h4 style={{ margin: 0, fontSize: '13px', fontWeight: 600, color: '#111827' }}>Why this is a conflict?</h4>\n                            <p style={{ margin: 0, fontSize: '11px', color: '#6B7280' }}>Here is why this was picked</p>\n                        </div>\n                    </div>\n                    <ChevronDownIcon \n                        size={16} \n                        style={{ transform: openSections.reasoning ? 'rotate(180deg)' : 'rotate(0deg)', transition: 'transform 0.2s', color: '#9CA3AF' }} \n                    />\n                </button>\n                {openSections.reasoning && (\n                    <div style={{ padding: '0 16px 16px 60px', fontSize: '12px', color: '#4B5563', lineHeight: '1.5' }}>\n                        <ReactMarkdown components={markdownComponents} rehypePlugins={REHYPE_PLUGINS} remarkPlugins={REMARK_PLUGINS}>\n                            {reasoning}\n                        </ReactMarkdown>\n                    </div>\n                )}\n            </div>\n        )}\n\n        {/* Gap Section */}\n        {gap && (\n            <div>\n                <button \n                    onClick={() => toggleSection('gap')}\n                    style={{\n                        display: 'flex', alignItems: 'center', justifyContent: 'space-between',\n                        width: '100%', padding: '12px 16px', border: 'none', background: 'none', cursor: 'pointer'\n                    }}\n                >\n                    <div style={{ display: 'flex', gap: '12px', alignItems: 'center' }}>\n                        <GapIcon />\n                        <div style={{ textAlign: 'left' }}>\n                            <h4 style={{ margin: 0, fontSize: '13px', fontWeight: 600, color: '#111827' }}>Gap</h4>\n                            <p style={{ margin: 0, fontSize: '11px', color: '#6B7280' }}>Here is what’s missing or needs clarification</p>\n                        </div>\n                    </div>\n                    <ChevronDownIcon \n                        size={16} \n                        style={{ transform: openSections.gap ? 'rotate(180deg)' : 'rotate(0deg)', transition: 'transform 0.2s', color: '#9CA3AF' }} \n                    />\n                </button>\n                {openSections.gap && (\n                    <div style={{ padding: '0 16px 16px 60px', fontSize: '12px', color: '#4B5563', lineHeight: '1.5' }}>\n                        <ReactMarkdown components={markdownComponents} rehypePlugins={REHYPE_PLUGINS} remarkPlugins={REMARK_PLUGINS}>\n                            {gap}\n                        </ReactMarkdown>\n                    </div>\n                )}\n            </div>\n        )}\n    </div>\n  );\n});\n\nConflictReasoningCard.displayName = 'ConflictReasoningCard';"],"names":["memo","useState","useMemo","rehypeRaw","remarkGfm","useCallback","jsx","jsxs","getSourceFromUrl","CitationLink","ButtonCognitiveIcon","CitationLinkSparkleIcon","LightbulbIcon","ChevronDownIcon","ReactMarkdown","GapIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqBa,MAAA,qBAAA,GAAwBA,WAAK,CAAC;AAAA,EACzC,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA;AACF,CAAkC,KAAA;AAChC,EAAM,MAAA,CAAC,YAAc,EAAA,eAAe,CAAI,GAAAC,cAAA,CAAkC,EAAE,SAAW,EAAA,IAAA,EAAM,GAAK,EAAA,IAAA,EAAM,CAAA,CAAA;AACzG,EAAQ,OAAA,CAAA,GAAA,CAAI,8CAA8C,EAAE,SAAA,EAAW,kBAAkB,SAAW,EAAA,GAAA,EAAK,WAAW,CAAA,CAAA;AACnH,EAAA,MAAM,iBAAiBC,aAAQ,CAAA,MAAM,CAACC,6BAAS,CAAA,EAAY,EAAE,CAAA,CAAA;AAC7D,EAAA,MAAM,iBAAiBD,aAAQ,CAAA,MAAM,CAACE,6BAAS,CAAA,EAAY,EAAE,CAAA,CAAA;AAE3D,EAAA,MAAM,mBAAsB,GAAAC,iBAAA,CAAY,CAAC,cAAA,EAAwB,MAAmB,KAAA;AAChF,IAAA,OAAA,CAAQ,IAAI,kCAAoC,EAAA,EAAE,gBAAgB,MAAO,EAAA,EAAG,mBAAmB,SAAS,CAAA,CAAA;AACxG,IAAI,IAAA,CAAC,WAAkB,OAAA,IAAA,CAAA;AACvB,IAAA,OACA,SAAU,CAAA,IAAA;AAAA,MACN,CAAC,CACD,KAAA,CAAA,CAAE,eAAe,eACjB,IAAA,CAAA,CAAE,eAAe,cAAmB,KAAA,uBAAA,IACpC,EAAE,cAAe,CAAA,MAAA,KAAW,UAC5B,MAAO,CAAA,CAAA,CAAE,eAAe,eAAe,CAAA,KAAM,OAAO,cAAc,CAAA;AAAA,KACjE,IAAA,IAAA,CAAA;AAAA,GAET,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EAAM,MAAA,kBAAA,GAAqBH,cAAQ,OAAO;AAAA,IACtC,GAAG,CAAC,EAAE,IAAM,EAAA,GAAG,OAAiB,qBAAAI,cAAA,CAAC,GAAG,EAAA,EAAA,GAAG,OAAO,KAAO,EAAA,EAAE,QAAQ,CAAE,EAAA,EAAI,yCAAO,QAAS,EAAA,CAAA;AAAA,IACrF,IAAI,CAAC,EAAE,MAAM,KAAO,EAAA,GAAG,OACnB,qBAAAC,eAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,MAAA,EAAQ,YAAY,YAAc,EAAA,YAAA,EAAc,OACnE,EAAA,QAAA,EAAA;AAAA,sBAACD,cAAA,CAAA,MAAA,EAAA,EAAK,OAAO,EAAE,QAAA,EAAU,QAAQ,UAAY,EAAA,GAAA,EAAK,OAAO,WAAa,EAAA,UAAA,EAAY,GAAG,QAAU,EAAA,MAAA,IAC1F,QAAO,EAAA,OAAA,KAAA,KAAU,WAAW,CAAG,EAAA,KAAA,GAAQ,CAAC,CAAA,CAAA,CAAA,GAAM,QACnD,EAAA,CAAA;AAAA,sBACCA,cAAA,CAAA,MAAA,EAAA,EAAK,KAAO,EAAA,EAAE,UAAU,MAAQ,EAAA,KAAA,EAAO,SAAW,EAAA,UAAA,EAAY,KAAO,EAAA,IAAA,EAAM,CAAE,EAAA,EACzE,gBAAM,QACX,EAAA,CAAA;AAAA,KACJ,EAAA,CAAA;AAAA,IAEJ,CAAA,EAAG,CAAC,EAAE,IAAA,EAAM,MAAM,QAAU,EAAA,GAAG,OAAiB,KAAA;AAC5C,MAAA,IAAI,CAAC,IAAM,EAAA,sCAAQ,GAAG,EAAA,EAAA,GAAG,OAAQ,QAAS,EAAA,CAAA,CAAA;AAC1C,MAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,KAAA,CAAM,wBAAwB,CAAA,CAAA;AACjD,MAAA,MAAM,cAAiB,GAAA,KAAA,GAAQ,KAAM,CAAA,CAAC,CAAI,GAAA,IAAA,CAAA;AAC1C,MAAA,OAAA,CAAQ,IAAI,kBAAoB,EAAA,EAAC,KAAQ,EAAA,IAAA,EAAM,gBAAgB,CAAA,CAAA;AAE/D,MAAA,IAAI,cAAgB,EAAA;AAChB,QAAM,MAAA,MAAA,GAASE,kCAAiB,IAAI,CAAA,CAAA;AACpC,QAAM,MAAA,QAAA,GAAW,mBAAoB,CAAA,cAAA,EAAgB,MAAM,CAAA,CAAA;AAC3D,QAAQ,OAAA,CAAA,GAAA,CAAI,sCAAwC,EAAA,MAAA,EAAQ,QAAQ,CAAA,CAAA;AACpE,QAAA,OAAA,CAAQ,IAAI,0BAA4B,EAAA,EAAE,MAAM,cAAgB,EAAA,MAAA,EAAQ,UAAU,CAAA,CAAA;AAClF,QAAA,IAAI,QAAU,EAAA;AACV,UACI,uBAAAF,cAAA,CAAC,MAAK,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,UAAU,UAAY,EAAA,QAAA,EAAU,QAAU,EAAA,iBAAA,EAAkB,GAAK,EAAA,KAAA,EAAO,OAAO,SAAW,EAAA,aAAA,EAAe,QAAS,EAAA,EACtI,QAAC,kBAAAA,cAAA,CAAAG,uBAAA,EAAA,EAAa,UAAoB,SAAW,EAAA,QAAA,EAAoB,QAAU,EAAA,EAAA,EAAI,CACnF,EAAA,CAAA,CAAA;AAAA,SAER;AAAA,OACJ;AACA,MAAA,sCAAQ,GAAE,EAAA,EAAA,IAAA,EAAY,MAAO,EAAA,QAAA,EAAS,KAAI,qBAAsB,EAAA,KAAA,EAAO,EAAE,KAAA,EAAO,WAAW,cAAgB,EAAA,MAAA,EAAW,EAAA,GAAG,OAAQ,QAAS,EAAA,CAAA,CAAA;AAAA,KAC9I;AAAA,GACJ,CAAA,EAAI,EAAE,CAAA,CAAA;AAER,EAAI,IAAA,CAAC,aAAc,CAAC,SAAA,IAAa,CAAC,GAAO,IAAA,CAAC,kBAA0B,OAAA,IAAA,CAAA;AAEpE,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAe,KAAA;AACpC,IAAgB,eAAA,CAAA,CAAA,IAAA,MAAS,EAAE,GAAG,IAAM,EAAA,CAAC,EAAE,GAAG,CAAC,IAAA,CAAK,EAAE,CAAA,EAAI,CAAA,CAAA,CAAA;AAAA,GACxD,CAAA;AAEA,EACE,uBAAAF,eAAA,CAAC,SAAI,KAAO,EAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,SAAW,EAAA,KAAA;AAAA,IACX,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,KAAA;AAAA,IACd,MAAQ,EAAA,qBAAA;AAAA,IACR,eAAiB,EAAA,SAAA;AAAA,IACjB,SAAW,EAAA,oCAAA;AAAA,IACX,UAAY,EAAA,iCAAA;AAAA,GAGZ,EAAA,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,SAAI,KAAO,EAAA;AAAA,MACR,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,eAAA;AAAA,MAChB,OAAS,EAAA,UAAA;AAAA,MACT,eAAiB,EAAA,SAAA;AAAA,MACjB,YAAc,EAAA,mBAAA;AAAA,KAEd,EAAA,QAAA,EAAA;AAAA,sBAACA,eAAA,CAAA,KAAA,EAAA,EAAI,OAAO,EAAE,OAAA,EAAS,QAAQ,UAAY,EAAA,QAAA,EAAU,GAAK,EAAA,KAAA,EACtD,EAAA,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAACI,uCAAoB,EAAA,EAAA,CAAA;AAAA,wBACrBJ,cAAA,CAAC,MAAK,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,MAAQ,EAAA,UAAA,EAAY,GAAK,EAAA,KAAA,EAAO,OAAQ,EAAA,EAAG,QAAwB,EAAA,0BAAA,EAAA,CAAA;AAAA,OAChG,EAAA,CAAA;AAAA,MAEC,gBAAA,oBACEC,eAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA;AAAA,QACV,OAAS,EAAA,MAAA;AAAA,QACT,UAAY,EAAA,QAAA;AAAA,QACZ,YAAc,EAAA,QAAA;AAAA,QACd,MAAQ,EAAA,uBAAA;AAAA,QACR,eAAiB,EAAA,SAAA;AAAA,QACjB,OAAS,EAAA,SAAA;AAAA,QACT,QAAU,EAAA,MAAA;AAAA,QACV,UAAY,EAAA,GAAA;AAAA,QACZ,KAAO,EAAA,MAAA;AAAA,QACP,GAAK,EAAA,KAAA;AAAA,OAEL,EAAA,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAACK,+CAAwB,EAAA,EAAA,CAAA;AAAA,QAAE,qBAAA;AAAA,QACP,gBAAA;AAAA,QAAiB,GAAA;AAAA,OACvC,EAAA,CAAA;AAAA,KAEN,EAAA,CAAA;AAAA,IAGC,SAAA,oCACI,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,YAAc,EAAA,GAAA,GAAM,mBAAsB,GAAA,MAAA,EACpD,EAAA,QAAA,EAAA;AAAA,sBAAAJ,eAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACG,OAAA,EAAS,MAAM,aAAA,CAAc,WAAW,CAAA;AAAA,UACxC,KAAO,EAAA;AAAA,YACH,OAAS,EAAA,MAAA;AAAA,YAAQ,UAAY,EAAA,QAAA;AAAA,YAAU,cAAgB,EAAA,eAAA;AAAA,YACvD,KAAO,EAAA,MAAA;AAAA,YAAQ,OAAS,EAAA,WAAA;AAAA,YAAa,MAAQ,EAAA,MAAA;AAAA,YAAQ,UAAY,EAAA,MAAA;AAAA,YAAQ,MAAQ,EAAA,SAAA;AAAA,WACrF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAACA,eAAA,CAAA,KAAA,EAAA,EAAI,OAAO,EAAE,OAAA,EAAS,QAAQ,GAAK,EAAA,MAAA,EAAQ,UAAY,EAAA,QAAA,EACpD,EAAA,QAAA,EAAA;AAAA,8BAAAD,cAAA,CAACM,uBAAc,EAAA,EAAA,CAAA;AAAA,8CACd,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,SAAA,EAAW,QACrB,EAAA,QAAA,EAAA;AAAA,gCAAAN,cAAA,CAAC,IAAG,EAAA,EAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAG,EAAA,QAAA,EAAU,MAAQ,EAAA,UAAA,EAAY,GAAK,EAAA,KAAA,EAAO,SAAU,EAAA,EAAG,QAAuB,EAAA,yBAAA,EAAA,CAAA;AAAA,gCACtGA,cAAA,CAAC,GAAE,EAAA,EAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAG,EAAA,QAAA,EAAU,MAAQ,EAAA,KAAA,EAAO,SAAU,EAAA,EAAG,QAA2B,EAAA,6BAAA,EAAA,CAAA;AAAA,eAC5F,EAAA,CAAA;AAAA,aACJ,EAAA,CAAA;AAAA,4BACAA,cAAA;AAAA,cAACO,2BAAA;AAAA,cAAA;AAAA,gBACG,IAAM,EAAA,EAAA;AAAA,gBACN,KAAA,EAAO,EAAE,SAAA,EAAW,YAAa,CAAA,SAAA,GAAY,mBAAmB,cAAgB,EAAA,UAAA,EAAY,gBAAkB,EAAA,KAAA,EAAO,SAAU,EAAA;AAAA,eAAA;AAAA,aACnI;AAAA,WAAA;AAAA,SAAA;AAAA,OACJ;AAAA,MACC,YAAA,CAAa,SACV,oBAAAP,cAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,kBAAA,EAAoB,QAAU,EAAA,MAAA,EAAQ,KAAO,EAAA,SAAA,EAAW,YAAY,KAAM,EAAA,EAC7F,QAAC,kBAAAA,cAAA,CAAAQ,iCAAA,EAAA,EAAc,UAAY,EAAA,kBAAA,EAAoB,eAAe,cAAgB,EAAA,aAAA,EAAe,cACxF,EAAA,QAAA,EAAA,SAAA,EACL,CACJ,EAAA,CAAA;AAAA,KAER,EAAA,CAAA;AAAA,IAIH,GAAA,oCACI,KACG,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAP,eAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACG,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,UAClC,KAAO,EAAA;AAAA,YACH,OAAS,EAAA,MAAA;AAAA,YAAQ,UAAY,EAAA,QAAA;AAAA,YAAU,cAAgB,EAAA,eAAA;AAAA,YACvD,KAAO,EAAA,MAAA;AAAA,YAAQ,OAAS,EAAA,WAAA;AAAA,YAAa,MAAQ,EAAA,MAAA;AAAA,YAAQ,UAAY,EAAA,MAAA;AAAA,YAAQ,MAAQ,EAAA,SAAA;AAAA,WACrF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAACA,eAAA,CAAA,KAAA,EAAA,EAAI,OAAO,EAAE,OAAA,EAAS,QAAQ,GAAK,EAAA,MAAA,EAAQ,UAAY,EAAA,QAAA,EACpD,EAAA,QAAA,EAAA;AAAA,8BAAAD,cAAA,CAACS,eAAQ,EAAA,EAAA,CAAA;AAAA,8CACR,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,SAAA,EAAW,QACrB,EAAA,QAAA,EAAA;AAAA,gCAAAT,cAAA,CAAC,IAAG,EAAA,EAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAG,EAAA,QAAA,EAAU,MAAQ,EAAA,UAAA,EAAY,GAAK,EAAA,KAAA,EAAO,SAAU,EAAA,EAAG,QAAG,EAAA,KAAA,EAAA,CAAA;AAAA,gCAClFA,cAAA,CAAC,GAAE,EAAA,EAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAG,EAAA,QAAA,EAAU,MAAQ,EAAA,KAAA,EAAO,SAAU,EAAA,EAAG,QAA6C,EAAA,oDAAA,EAAA,CAAA;AAAA,eAC9G,EAAA,CAAA;AAAA,aACJ,EAAA,CAAA;AAAA,4BACAA,cAAA;AAAA,cAACO,2BAAA;AAAA,cAAA;AAAA,gBACG,IAAM,EAAA,EAAA;AAAA,gBACN,KAAA,EAAO,EAAE,SAAA,EAAW,YAAa,CAAA,GAAA,GAAM,mBAAmB,cAAgB,EAAA,UAAA,EAAY,gBAAkB,EAAA,KAAA,EAAO,SAAU,EAAA;AAAA,eAAA;AAAA,aAC7H;AAAA,WAAA;AAAA,SAAA;AAAA,OACJ;AAAA,MACC,YAAA,CAAa,GACV,oBAAAP,cAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,kBAAA,EAAoB,QAAU,EAAA,MAAA,EAAQ,KAAO,EAAA,SAAA,EAAW,YAAY,KAAM,EAAA,EAC7F,QAAC,kBAAAA,cAAA,CAAAQ,iCAAA,EAAA,EAAc,UAAY,EAAA,kBAAA,EAAoB,eAAe,cAAgB,EAAA,aAAA,EAAe,cACxF,EAAA,QAAA,EAAA,GAAA,EACL,CACJ,EAAA,CAAA;AAAA,KAER,EAAA,CAAA;AAAA,GAER,EAAA,CAAA,CAAA;AAEJ,CAAC,EAAA;AAED,qBAAA,CAAsB,WAAc,GAAA,uBAAA;;;;"}