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

package/dist/cjs/features/IL-OTJ/_components/MarkdownComponents/MarkdownElements.js

@@ -1,2 +1,555 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),i=require("../atoms/SkeletonLoader/SkeletonLoader.js"),r=require("@e-llm-studio/citation"),a=require("../CitationLink.js"),o=require("../../helpers/utils.js"),l=require("../MessageRendering/RuleValidationCard.js"),s=require("./MarkdownSelect.js"),d=require("../CriticalGaps.js"),c=require("../_svg/ButtonCognitiveIcon.js"),u=require("../ViewFormUpdateCard.js"),p=require("../ViewIdentifiedFieldsCard.js"),g=require("../cognitiveDecisioningThemeStyles.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=m(t),f=function(e,n){var t,i="";if(!(i="string"==typeof n?n:(null===(t=null==n?void 0:n.customMetaData)||void 0===t?void 0:t.content)?n.customMetaData.content:String(n)))return null;var r=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),a=i.match(r);return a?a[1].replace(/\\n/g,"\n"):null},x=function(e){return e?e.replace(/(\[[^\]]+\]\()([^)]+)(\))/g,function(e,n,t,i){var r=t.replace(/\s/g,"%20");return"".concat(n).concat(r).concat(i)}):""},v={val:"validation_agent",validate_wta_wnta:"validate_wta_wnta",lhs:"lhs",rhs:"rhs"},_=function(e){var n,t=e.match(/[?&]source=([^&?]+)/),i=t?t[1]:"lhs";return null!==(n=v[i])&&void 0!==n?n:i},y=h.default.memo(function(a){var l=a.children;a.cardId;var s=a.isOpen,d=a.isStreamEnd,u=a.handleToggle,p=a.cardMdComponents,m=t.useRef(null);t.useEffect(function(){if(s&&m.current){var e=setTimeout(function(){var e;null===(e=m.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"nearest"})},100);return function(){return clearTimeout(e)}}},[s]);var h=o.extractTextFromChildren(l),v=f("reason",h)||"",_=f("gap",h)||"",y=f("relevance_score",h),S=x(v),w=x(_),k=t.useMemo(function(){return g.getCognitiveDecisioningThemeStyles({header:{padding:"8px 16px"},sectionButton:{paddingLeft:"24px",paddingRight:"24px",paddingBottom:"12px"},textContent:{fontSize:"12px",paddingLeft:"24px",paddingRight:"24px",paddingBottom:"20px"},pill:{}})},[]);return n.jsx("span",e.__assign({style:{display:"inline",marginTop:"3px",marginLeft:"6px",verticalAlign:"middle"}},{children:d?n.jsx(r.CognitiveDecisioningCard,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:n.jsx(c.ButtonCognitiveIcon,{}),ref:m,reasoning:S,gap:w,score:y,mdComponents:p,isOpen:s,onToggle:u,styles:k}):n.jsx(i.Skeleton,{width:"2.2rem",height:"1.2rem"})}))}),S=h.default.memo(function(r){var c,u=r.className,p=r.children,g=r.openCardIds,m=r.citations,f=r.handleToggleState,x=r.isStreamEnd,v=r.isLastMessage,_=r.handleStream,S=r.onGapValidation,w=r.isGapsSubmitted,k=r.onViewComparison,j=r.onTypeResponseClick,C=r.onComparisonLinkClick,b=r.isGlobalEditActive,T=e.__rest(r,["className","children","openCardIds","citations","handleToggleState","isStreamEnd","isLastMessage","handleStream","onGapValidation","isGapsSubmitted","onViewComparison","onTypeResponseClick","onComparisonLinkClick","isGlobalEditActive"]),M=t.useCallback(function(e){return m&&m.find(function(n){return n.customMetaData.citation_number&&"Cognitive Decisioning"!==n.customMetaData.citation_title&&String(n.customMetaData.citation_number)===String(e)})||null},[m]),D=t.useMemo(function(){return{img:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("img",e.__assign({},i,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==i?void 0:i.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("p",e.__assign({},i,{style:{margin:0}},{children:null==i?void 0:i.children}))},code:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("span",e.__assign({},i,{style:{maxWidth:"100%",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",fontSize:"1rem",lineHeight:"1.625rem"}},{children:null==i?void 0:i.children}))},ol:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("ol",e.__assign({},i,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==i?void 0:i.children}))},ul:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("ol",e.__assign({},i,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("li",e.__assign({},i,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:i.children}))},a:function(t){var i=t.href,r=t.children,o=e.__rest(t,["href","children"]);if(!i)return n.jsx("a",e.__assign({},o,{children:r}));var l=i||"",s=l;try{s=decodeURIComponent(l)}catch(e){console.error("Error decoding href",e)}if(s.includes("citation_type=comparison")){var d="",c="",u=s.match(/variant_id=([^?&]+)/);u&&(d=u[1]);var p=s.match(/field_name=([^&]+)/);return p&&(c=p[1]),n.jsx("button",e.__assign({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),console.log("Rule Comparison Triggered:",{variantId:d,fieldName:c}),C&&C(d,c)},style:{background:"var(--il-primary-subtle, #EFF6FF)",border:"1px solid var(--il-primary, #BFDBFE)",borderRadius:"6px",padding:"2px 8px",color:"var(--il-primary, #2563EB)",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",margin:"0 4px",verticalAlign:"baseline",transition:"background-color 0.2s ease",textDecoration:"none"},title:"View Comparison"},{children:r}))}var g=s.match(/citationNumber=([^&]+)/);if(g&&a.default){var m=M(g[1]);if(m)return n.jsx(a.default,{citation:m,linkTitle:r,fontSize:12})}return n.jsx("a",e.__assign({href:l,target:"_blank",rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline",style:{color:"var(--il-primary, #7C3AED)"}},o,{children:r}))}}},[M]);if("cognitive-card-trigger"===u){var E=T["data-card-id"],I=g.has(E);return n.jsx(y,e.__assign({cardId:E,isOpen:I,isStreamEnd:x,handleToggle:function(){return f(E,!I,"card")},cardMdComponents:D},{children:p}))}if("rule-validation-card-trigger"===u){console.log("🎯 rule-validation-card-trigger div rendered, isStreamEnd:",x);var R=T,L=function(e){return e?e.replace(/&quot;/g,'"').replace(/&#039;/g,"'").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&"):""};return!x&&v?(console.log("Rendering Rule Validation Skeleton for:",R["data-title"]),n.jsxs("div",e.__assign({style:{border:"1px solid var(--il-border, #E2E8F0)",backgroundColor:"var(--il-surface, #ffffff)",borderRadius:"12px",padding:"16px",display:"flex",flexDirection:"column",gap:"12px",marginTop:"8px",marginBottom:"8px"}},{children:[n.jsxs("div",e.__assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[n.jsx(i.Skeleton,{variant:"text",width:140,height:28}),n.jsx(i.Skeleton,{variant:"text",width:100,height:28})]})),n.jsx(i.Skeleton,{variant:"title",width:"50%",height:20}),n.jsx(i.Skeleton,{variant:"text",width:"90%",height:16}),n.jsx(i.Skeleton,{variant:"text",width:"60%",height:16}),n.jsx(i.Skeleton,{variant:"text",width:120,height:40})]}))):n.jsx(l.default,{validationType:"duplicate"===R["data-type"]?"duplicate":"similar"===R["data-type"]?"similar":"conflicting",decisionStrength:R["data-decision-strength"]||R.dataDecisionStrength,title:L(R["data-title"]||R.dataTitle),tier:L(R["data-tier"]||R.dataTier),descriptionText:L(R["data-description"]||R.dataDescription),reasoningNode:p,onViewComparison:k||function(){},disabled:!v||!!b})}if("markdown-select-trigger"===u){R=T;var N=(null===(c=h.default.Children.map(p,function(e){var n;if("select-option-item"===(null===(n=null==e?void 0:e.props)||void 0===n?void 0:n.className)){var t=o.extractTextFromChildren(e.props.children),i=function(e,n){var t=new RegExp("<".concat(e,">([\\s\\S]*?)<\\/").concat(e,">"),"i"),i=n.match(t);return i?i[1].trim():null},r=i("reason",t),a=i("gap",t),l=i("relevance_score",t),s=t.replace(/<ai_reasoning>[\s\S]*?<\/ai_reasoning>/gi,"").replace(/<[^>]+>[\s\S]*?<\/[^>]+>/gi,"").replace(/\s+/g," ").trim();return{id:e.props["data-id"],label:s,cd:!(!r&&!a),reasoning:r,gap:a,score:l}}return null}))||void 0===c?void 0:c.filter(Boolean))||[];return n.jsx(s.MarkdownSelect,{type:R["data-type"],options:N,selectedIds:[],disabled:!x||!v||!!b,citations:m,onTypeResponseClick:j,onProceed:function(e,n){console.log("Proceeding with label:",n),_&&_(new KeyboardEvent("keydown",{key:"Enter"}),!1,n)}})}if("critical-gaps-trigger"===u){var F=T["data-payload"];R=void 0;try{R=JSON.parse(F)}catch(e){return console.error("Failed to parse critical gaps payload",e),null}return!x&&v?n.jsxs("div",e.__assign({style:{border:"1px solid var(--il-border, #E2E8F0)",backgroundColor:"var(--il-surface, #ffffff)",borderRadius:"12px",padding:"16px",display:"flex",flexDirection:"column",gap:"12px",marginTop:"8px",marginBottom:"8px"}},{children:[n.jsx(i.Skeleton,{variant:"title",width:"40%",height:20}),n.jsx(i.Skeleton,{variant:"text",width:"80%",height:16}),n.jsx(i.Skeleton,{variant:"text",width:"70%",height:16}),n.jsx(i.Skeleton,{variant:"text",width:120,height:40})]})):n.jsx(d.CriticalGaps,{data:R,isLastMessage:v,onValidationChange:S,isSubmitted:w,citations:m,onTypeResponseClick:j,isGlobalEditActive:b})}return n.jsx("div",e.__assign({className:u},T,{children:p}))}),w=h.default.memo(function(i){var r=i.className,o=i.children,l=i.openCardIds,s=i.citations,d=i.handleToggleState,c=i.isStreamEnd;i.onTypeResponseClick;var g=i.onComparisonLinkClick,m=e.__rest(i,["className","children","openCardIds","citations","handleToggleState","isStreamEnd","onTypeResponseClick","onComparisonLinkClick"]),h=t.useCallback(function(e,n){return s&&s.find(function(t){return t.customMetaData.citation_number&&"Cognitive Decisioning"!==t.customMetaData.citation_title&&t.customMetaData.source===n&&String(t.customMetaData.citation_number)===String(e)})||null},[s]),f=t.useMemo(function(){return{img:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("img",e.__assign({},i,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==i?void 0:i.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("p",e.__assign({},i,{style:{margin:0}},{children:null==i?void 0:i.children}))},code:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("span",e.__assign({},i,{style:{maxWidth:"100%",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",fontSize:"1rem",lineHeight:"1.625rem"}},{children:null==i?void 0:i.children}))},ol:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("ol",e.__assign({},i,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==i?void 0:i.children}))},ul:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("ol",e.__assign({},i,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("li",e.__assign({},i,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:i.children}))},a:function(t){var i=t.href,r=t.children,o=e.__rest(t,["href","children"]);if(!i)return n.jsx("a",e.__assign({},o,{children:r}));var l=i||"",s=l;try{s=decodeURIComponent(l)}catch(e){console.error("Error decoding href",e)}if(s.includes("citation_type=comparison")){var d="",c="",u=s.match(/variant_id=([^?&]+)/);u&&(d=u[1]);var p=s.match(/field_name=([^&]+)/);return p&&(c=p[1]),n.jsxs("button",e.__assign({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),console.log("Rule Comparison Triggered (span):",{variantId:d,fieldName:c}),g&&g(d,c)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1x 4px",color:"var(--il-foreground, #0F172A)",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1  px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[r,n.jsx("svg",e.__assign({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:n.jsx("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"var(--il-foreground, #0F172A)",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}var m=s.match(/citationNumber=([^&]+)/);if(m&&a.default){var f=_(s),x=h(m[1],f);if(x)return n.jsx(a.default,{citation:x,linkTitle:r,fontSize:12})}return n.jsx("a",e.__assign({href:l,target:"_blank",rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline",style:{color:"var(--il-primary, #7C3AED)"}},o,{children:r}))}}},[h]);if("cognitive-card-trigger"===r){var x=m["data-card-id"],v=l.has(x);return n.jsx(y,e.__assign({cardId:x,isOpen:v,isStreamEnd:c,handleToggle:function(){return d(x,!v,"card")},cardMdComponents:f},{children:o}))}if("view-form-update-trigger"===r){var S=m["data-payload"],w=void 0;try{w=JSON.parse(S)}catch(e){return null}return n.jsx(u.ViewFormUpdateCard,{data:w,openCardIds:l,handleToggleState:d,isStreamEnd:c,cardMdComponents:f})}if("view-identified-fields-trigger"===r){S=m["data-payload"],w=void 0;try{w=JSON.parse(S)}catch(e){return null}return n.jsx(p.ViewIdentifiedFieldsCard,{data:w,openCardIds:l,handleToggleState:d,isStreamEnd:c,cardMdComponents:f})}return n.jsx("span",e.__assign({className:r},m,{children:o}))}),k=h.default.memo(function(t){var i=t.href,r=t.children,o=t.chatSize,l=t.openCitationIds,s=t.getCitationByNumber,d=t.handleToggleState,c=e.__rest(t,["href","children","chatSize","openCitationIds","getCitationByNumber","handleToggleState"]);if(!i)return n.jsx("a",e.__assign({},c,{children:r}));var u=i.match(/citationNumber=([^&]+)/),p=u?u[1]:null,g=i.match(/uiUniqueId=([^&]+)/),m=g?g[1]:null;if(p){var h=s(p,_(i));if(h){var f=m?"citation-ui-".concat(m):"citation-".concat(h.id||p),x=l.has(f);return n.jsx(a.default,{citation:h,linkTitle:r,chatSize:o,isOpen:x,onToggle:function(){return d(f,!x,"citation")}},f)}}return n.jsx("a",e.__assign({href:i,target:"_blank",style:{color:"inherit",textDecoration:"none"},rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline"},c,{children:r}))});exports.MarkdownDivRenderer=S,exports.MarkdownLinkRenderer=k,exports.MarkdownSpanRenderer=w,exports.getSourceFromUrl=_;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var SkeletonLoader = require('../atoms/SkeletonLoader/SkeletonLoader.js');
+var citation = require('@e-llm-studio/citation');
+var CitationLink = require('../CitationLink.js');
+var RuleValidationCard = require('../MessageRendering/RuleValidationCard.js');
+var MarkdownSelect = require('./MarkdownSelect.js');
+var CriticalGaps = require('../CriticalGaps.js');
+var ButtonCognitiveIcon = require('../_svg/ButtonCognitiveIcon.js');
+var ViewFormUpdateCard = require('../ViewFormUpdateCard.js');
+var ViewIdentifiedFieldsCard = require('../ViewIdentifiedFieldsCard.js');
+var cognitiveDecisioningThemeStyles = require('../cognitiveDecisioningThemeStyles.js');
+var utils = require('../../helpers/utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const extractTag = (tag, content) => {
+  var _a;
+  let textToSearch = "";
+  if (typeof content === "string") {
+    textToSearch = content;
+  } else if ((_a = content == null ? void 0 : content.customMetaData) == null ? void 0 : _a.content) {
+    textToSearch = content.customMetaData.content;
+  } else {
+    textToSearch = String(content);
+  }
+  if (!textToSearch) return null;
+  const regex = new RegExp(`<${tag}[^>]*>([\\s\\S]*?)<\\/${tag}>`, "i");
+  const match = textToSearch.match(regex);
+  if (match) {
+    return match[1].replace(/\\n/g, "\n");
+  }
+  return null;
+};
+const sanitizeMarkdownContent = (content) => {
+  if (!content) return "";
+  return content.replace(
+    /(\[[^\]]+\]\()([^)]+)(\))/g,
+    (match, prefix, url, suffix) => {
+      const fixedUrl = url.replace(/\s/g, "%20");
+      return `${prefix}${fixedUrl}${suffix}`;
+    }
+  );
+};
+const SOURCE_MAP = {
+  val: "validation_agent",
+  validate_wta_wnta: "validate_wta_wnta",
+  lhs: "lhs",
+  rhs: "rhs"
+};
+const getSourceFromUrl = (href) => {
+  var _a;
+  const match = href.match(/[?&]source=([^&?]+)/);
+  const raw = match ? match[1] : "lhs";
+  return (_a = SOURCE_MAP[raw]) != null ? _a : raw;
+};
+const CognitiveTriggerWrapper = React__default["default"].memo(({
+  children,
+  cardId,
+  isOpen,
+  isStreamEnd,
+  handleToggle,
+  cardMdComponents
+}) => {
+  const cardRef = React.useRef(null);
+  React.useEffect(() => {
+    if (isOpen && cardRef.current) {
+      const timer = setTimeout(() => {
+        var _a;
+        (_a = cardRef.current) == null ? void 0 : _a.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest"
+        });
+      }, 100);
+      return () => clearTimeout(timer);
+    }
+  }, [isOpen]);
+  const rawXml = utils.extractTextFromChildren(children);
+  const rawReasoning = extractTag("reason", rawXml) || "";
+  const rawGap = extractTag("gap", rawXml) || "";
+  const score = extractTag("relevance_score", rawXml);
+  const reasoning = sanitizeMarkdownContent(rawReasoning);
+  const gap = sanitizeMarkdownContent(rawGap);
+  const styleOverrides = React.useMemo(() => cognitiveDecisioningThemeStyles.getCognitiveDecisioningThemeStyles({
+    header: { padding: "8px 16px" },
+    sectionButton: {
+      paddingLeft: "24px",
+      paddingRight: "24px",
+      paddingBottom: "12px"
+    },
+    textContent: {
+      fontSize: "12px",
+      paddingLeft: "24px",
+      paddingRight: "24px",
+      paddingBottom: "20px"
+    },
+    pill: {}
+  }), []);
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline", marginTop: "3px", marginLeft: "6px", verticalAlign: "middle" }, children: isStreamEnd ? /* @__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, {}),
+      ref: cardRef,
+      reasoning,
+      gap,
+      score,
+      mdComponents: cardMdComponents,
+      isOpen,
+      onToggle: handleToggle,
+      styles: styleOverrides
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { width: "2.2rem", height: "1.2rem" }) });
+});
+const MarkdownDivRenderer = React__default["default"].memo(({
+  className,
+  children,
+  openCardIds,
+  citations,
+  handleToggleState,
+  isStreamEnd,
+  isLastMessage,
+  handleStream,
+  onGapValidation,
+  isGapsSubmitted,
+  onViewComparison,
+  onTypeResponseClick,
+  onComparisonLinkClick,
+  isGlobalEditActive,
+  ...props
+}) => {
+  var _a;
+  const getCitationByNumber = React.useCallback((num) => {
+    if (!citations) return null;
+    return citations.find(
+      (c) => c.customMetaData.citation_number && c.customMetaData.citation_title !== "Cognitive Decisioning" && String(c.customMetaData.citation_number) === String(num)
+    ) || null;
+  }, [citations]);
+  const cardMdComponents = React.useMemo(() => ({
+    img: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("img", { ...props2, style: { height: "100%", width: "100%", objectFit: "contain" }, alt: (props2 == null ? void 0 : props2.alt) || "", className: "w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto" }),
+    p: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("p", { ...props2, style: { margin: 0 }, children: props2 == null ? void 0 : props2.children }),
+    code: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props2, style: { maxWidth: "100%", wordWrap: "break-word", overflowWrap: "break-word", wordBreak: "break-word", whiteSpace: "normal", overflow: "hidden", display: "inline-flex", fontSize: "1rem", lineHeight: "1.625rem" }, children: props2 == null ? void 0 : props2.children }),
+    ol: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props2, style: { display: "flex", flexDirection: "column", gap: "1rem", listStyle: "decimal", paddingLeft: "2.5rem" }, children: props2 == null ? void 0 : props2.children }),
+    ul: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props2, style: { paddingLeft: "1.25rem", listStyleType: "decimal" } }),
+    li: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("li", { ...props2, style: { marginBottom: "4px", listStyle: "decimal" }, children: props2.children }),
+    a: ({ href, children: children2, ...props2 }) => {
+      if (!href) return /* @__PURE__ */ jsxRuntime.jsx("a", { ...props2, children: children2 });
+      const rawHref = href || "";
+      let decodedHref = rawHref;
+      try {
+        decodedHref = decodeURIComponent(rawHref);
+      } catch (e) {
+        console.error("Error decoding href", e);
+      }
+      if (decodedHref.includes("citation_type=comparison")) {
+        let variantId = "";
+        let fieldName = "";
+        const variantMatch = decodedHref.match(/variant_id=([^?&]+)/);
+        if (variantMatch) variantId = variantMatch[1];
+        const fieldMatch = decodedHref.match(/field_name=([^&]+)/);
+        if (fieldMatch) fieldName = fieldMatch[1];
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              console.log("Rule Comparison Triggered:", { variantId, fieldName });
+              if (onComparisonLinkClick) {
+                onComparisonLinkClick(variantId, fieldName);
+              }
+            },
+            style: {
+              background: "var(--il-primary-subtle, #EFF6FF)",
+              border: "1px solid var(--il-primary, #BFDBFE)",
+              borderRadius: "6px",
+              padding: "2px 8px",
+              color: "var(--il-primary, #2563EB)",
+              cursor: "pointer",
+              fontSize: "13px",
+              fontWeight: 500,
+              display: "inline-flex",
+              alignItems: "center",
+              margin: "0 4px",
+              verticalAlign: "baseline",
+              transition: "background-color 0.2s ease",
+              textDecoration: "none"
+            },
+            title: "View Comparison",
+            children: children2
+          }
+        );
+      }
+      const match = decodedHref.match(/citationNumber=([^&]+)/);
+      if (match && CitationLink["default"]) {
+        const cit = getCitationByNumber(match[1]);
+        if (cit) return /* @__PURE__ */ jsxRuntime.jsx(CitationLink["default"], { citation: cit, linkTitle: children2, fontSize: 12 });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: rawHref, target: "_blank", rel: "noopener noreferrer", className: "md-link inline-flex items-center gap-1 text-purple-700 hover:underline", style: { color: "var(--il-primary, #7C3AED)" }, ...props2, children: children2 });
+    }
+  }), [getCitationByNumber]);
+  if (className === "cognitive-card-trigger") {
+    const cardId = props["data-card-id"];
+    const isOpen = openCardIds.has(cardId);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CognitiveTriggerWrapper,
+      {
+        cardId,
+        isOpen,
+        isStreamEnd,
+        handleToggle: () => handleToggleState(cardId, !isOpen, "card"),
+        cardMdComponents,
+        children
+      }
+    );
+  }
+  if (className === "rule-validation-card-trigger") {
+    console.log("\u{1F3AF} rule-validation-card-trigger div rendered, isStreamEnd:", isStreamEnd);
+    const data = props;
+    const decode = (str) => {
+      if (!str) return "";
+      return str.replace(/&quot;/g, '"').replace(/&#039;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
+    };
+    if (!isStreamEnd && isLastMessage) {
+      console.log("Rendering Rule Validation Skeleton for:", data["data-title"]);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        border: "1px solid var(--il-border, #E2E8F0)",
+        backgroundColor: "var(--il-surface, #ffffff)",
+        borderRadius: "12px",
+        padding: "16px",
+        display: "flex",
+        flexDirection: "column",
+        gap: "12px",
+        marginTop: "8px",
+        marginBottom: "8px"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "text", width: 140, height: 28 }),
+          /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "text", width: 100, height: 28 })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "title", width: "50%", height: 20 }),
+        /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "text", width: "90%", height: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "text", width: "60%", height: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "text", width: 120, height: 40 })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RuleValidationCard["default"],
+      {
+        validationType: data["data-type"] === "duplicate" ? "duplicate" : data["data-type"] === "similar" ? "similar" : "conflicting",
+        decisionStrength: data["data-decision-strength"] || data["dataDecisionStrength"],
+        title: decode(data["data-title"] || data["dataTitle"]),
+        tier: decode(data["data-tier"] || data["dataTier"]),
+        descriptionText: decode(data["data-description"] || data["dataDescription"]),
+        reasoningNode: children,
+        onViewComparison: onViewComparison || (() => {
+        }),
+        disabled: !isLastMessage || !!isGlobalEditActive
+      }
+    );
+  }
+  if (className === "markdown-select-trigger") {
+    const data = props;
+    const options = ((_a = React__default["default"].Children.map(children, (child) => {
+      var _a2;
+      if (((_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.className) === "select-option-item") {
+        const rawContent = utils.extractTextFromChildren(child.props.children);
+        const extractNested = (tag, text) => {
+          const reg = new RegExp(`<${tag}>([\\s\\S]*?)<\\/${tag}>`, "i");
+          const match = text.match(reg);
+          return match ? match[1].trim() : null;
+        };
+        const reasoningBlock = extractNested("reason", rawContent);
+        const gapBlock = extractNested("gap", rawContent);
+        const scoreBlock = extractNested("relevance_score", rawContent);
+        const cleanLabel = rawContent.replace(/<ai_reasoning>[\s\S]*?<\/ai_reasoning>/gi, "").replace(/<[^>]+>[\s\S]*?<\/[^>]+>/gi, "").replace(/\s+/g, " ").trim();
+        return {
+          id: child.props["data-id"],
+          label: cleanLabel,
+          cd: !!(reasoningBlock || gapBlock),
+          reasoning: reasoningBlock,
+          gap: gapBlock,
+          score: scoreBlock
+        };
+      }
+      return null;
+    })) == null ? void 0 : _a.filter(Boolean)) || [];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      MarkdownSelect.MarkdownSelect,
+      {
+        type: data["data-type"],
+        options,
+        selectedIds: [],
+        disabled: !isStreamEnd || !isLastMessage || !!isGlobalEditActive,
+        citations,
+        onTypeResponseClick,
+        onProceed: (ids, label) => {
+          console.log("Proceeding with label:", label);
+          if (handleStream) {
+            handleStream(new KeyboardEvent("keydown", { key: "Enter" }), false, label);
+          }
+        }
+      }
+    );
+  }
+  if (className === "critical-gaps-trigger") {
+    const dataPayload = props["data-payload"];
+    let data;
+    try {
+      data = JSON.parse(dataPayload);
+    } catch (e) {
+      console.error("Failed to parse critical gaps payload", e);
+      return null;
+    }
+    if (!isStreamEnd && isLastMessage) {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        border: "1px solid var(--il-border, #E2E8F0)",
+        backgroundColor: "var(--il-surface, #ffffff)",
+        borderRadius: "12px",
+        padding: "16px",
+        display: "flex",
+        flexDirection: "column",
+        gap: "12px",
+        marginTop: "8px",
+        marginBottom: "8px"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "title", width: "40%", height: 20 }),
+        /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "text", width: "80%", height: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "text", width: "70%", height: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(SkeletonLoader.Skeleton, { variant: "text", width: 120, height: 40 })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CriticalGaps.CriticalGaps,
+      {
+        data,
+        isLastMessage,
+        onValidationChange: onGapValidation,
+        isSubmitted: isGapsSubmitted,
+        citations,
+        onTypeResponseClick,
+        isGlobalEditActive
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, ...props, children });
+});
+const MarkdownSpanRenderer = React__default["default"].memo(
+  ({
+    className,
+    children,
+    openCardIds,
+    citations,
+    handleToggleState,
+    isStreamEnd,
+    onTypeResponseClick,
+    onComparisonLinkClick,
+    ...props
+  }) => {
+    const getCitationByNumber = React.useCallback((citationNumber, source) => {
+      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 cardMdComponents = React.useMemo(() => ({
+      img: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("img", { ...props2, style: { height: "100%", width: "100%", objectFit: "contain" }, alt: (props2 == null ? void 0 : props2.alt) || "", className: "w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto" }),
+      p: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("p", { ...props2, style: { margin: 0 }, children: props2 == null ? void 0 : props2.children }),
+      code: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props2, style: { maxWidth: "100%", wordWrap: "break-word", overflowWrap: "break-word", wordBreak: "break-word", whiteSpace: "normal", overflow: "hidden", display: "inline-flex", fontSize: "1rem", lineHeight: "1.625rem" }, children: props2 == null ? void 0 : props2.children }),
+      ol: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props2, style: { display: "flex", flexDirection: "column", gap: "1rem", listStyle: "decimal", paddingLeft: "2.5rem" }, children: props2 == null ? void 0 : props2.children }),
+      ul: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props2, style: { paddingLeft: "1.25rem", listStyleType: "decimal" } }),
+      li: ({ node, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("li", { ...props2, style: { marginBottom: "4px", listStyle: "decimal" }, children: props2.children }),
+      a: ({ href, children: children2, ...props2 }) => {
+        if (!href) return /* @__PURE__ */ jsxRuntime.jsx("a", { ...props2, children: children2 });
+        const rawHref = href || "";
+        let decodedHref = rawHref;
+        try {
+          decodedHref = decodeURIComponent(rawHref);
+        } catch (e) {
+          console.error("Error decoding href", e);
+        }
+        if (decodedHref.includes("citation_type=comparison")) {
+          let variantId = "";
+          let fieldName = "";
+          const variantMatch = decodedHref.match(/variant_id=([^?&]+)/);
+          if (variantMatch) variantId = variantMatch[1];
+          const fieldMatch = decodedHref.match(/field_name=([^&]+)/);
+          if (fieldMatch) fieldName = fieldMatch[1];
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                console.log("Rule Comparison Triggered (span):", { variantId, fieldName });
+                if (onComparisonLinkClick) {
+                  onComparisonLinkClick(variantId, fieldName);
+                }
+              },
+              style: {
+                background: "none",
+                border: "none",
+                outline: "none",
+                borderRadius: "6px",
+                padding: "1x 4px",
+                color: "var(--il-foreground, #0F172A)",
+                cursor: "pointer",
+                fontSize: "13px",
+                fontWeight: 500,
+                display: "inline-flex",
+                alignItems: "center",
+                gap: "2px",
+                margin: "0 1  px",
+                verticalAlign: "baseline",
+                textDecoration: "none",
+                boxShadow: "none",
+                WebkitAppearance: "none",
+                MozAppearance: "none"
+              },
+              title: "View Comparison",
+              children: [
+                children2,
+                /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458", stroke: "var(--il-foreground, #0F172A)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+              ]
+            }
+          );
+        }
+        const match = decodedHref.match(/citationNumber=([^&]+)/);
+        if (match && CitationLink["default"]) {
+          const source = getSourceFromUrl(decodedHref);
+          const cit = getCitationByNumber(match[1], source);
+          if (cit) return /* @__PURE__ */ jsxRuntime.jsx(CitationLink["default"], { citation: cit, linkTitle: children2, fontSize: 12 });
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx("a", { href: rawHref, target: "_blank", rel: "noopener noreferrer", className: "md-link inline-flex items-center gap-1 text-purple-700 hover:underline", style: { color: "var(--il-primary, #7C3AED)" }, ...props2, children: children2 });
+      }
+    }), [getCitationByNumber]);
+    if (className === "cognitive-card-trigger") {
+      const cardId = props["data-card-id"];
+      const isOpen = openCardIds.has(cardId);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        CognitiveTriggerWrapper,
+        {
+          cardId,
+          isOpen,
+          isStreamEnd,
+          handleToggle: () => handleToggleState(cardId, !isOpen, "card"),
+          cardMdComponents,
+          children
+        }
+      );
+    }
+    if (className === "view-form-update-trigger") {
+      const dataPayload = props["data-payload"];
+      let data;
+      try {
+        data = JSON.parse(dataPayload);
+      } catch (e) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ViewFormUpdateCard.ViewFormUpdateCard,
+        {
+          data,
+          openCardIds,
+          handleToggleState,
+          isStreamEnd,
+          cardMdComponents
+        }
+      );
+    }
+    if (className === "view-identified-fields-trigger") {
+      const dataPayload = props["data-payload"];
+      let data;
+      try {
+        data = JSON.parse(dataPayload);
+      } catch (e) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ViewIdentifiedFieldsCard.ViewIdentifiedFieldsCard,
+        {
+          data,
+          openCardIds,
+          handleToggleState,
+          isStreamEnd,
+          cardMdComponents
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, ...props, children });
+  }
+);
+const MarkdownLinkRenderer = React__default["default"].memo(({
+  href,
+  children,
+  chatSize,
+  openCitationIds,
+  getCitationByNumber,
+  handleToggleState,
+  ...props
+}) => {
+  if (!href) return /* @__PURE__ */ jsxRuntime.jsx("a", { ...props, children });
+  const match = href.match(/citationNumber=([^&]+)/);
+  const citationNumber = match ? match[1] : null;
+  const matchUnique = href.match(/uiUniqueId=([^&]+)/);
+  const uniqueId = matchUnique ? matchUnique[1] : null;
+  if (citationNumber) {
+    const source = getSourceFromUrl(href);
+    const citation = getCitationByNumber(citationNumber, source);
+    if (citation) {
+      const citationId = uniqueId ? `citation-ui-${uniqueId}` : `citation-${citation.id || citationNumber}`;
+      const isOpen = openCitationIds.has(citationId);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        CitationLink["default"],
+        {
+          citation,
+          linkTitle: children,
+          chatSize,
+          isOpen,
+          onToggle: () => handleToggleState(citationId, !isOpen, "citation")
+        },
+        citationId
+      );
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href,
+      target: "_blank",
+      style: { color: "inherit", textDecoration: "none" },
+      rel: "noopener noreferrer",
+      className: "md-link inline-flex items-center gap-1 text-purple-700 hover:underline",
+      ...props,
+      children
+    }
+  );
+});
+
+exports.MarkdownDivRenderer = MarkdownDivRenderer;
+exports.MarkdownLinkRenderer = MarkdownLinkRenderer;
+exports.MarkdownSpanRenderer = MarkdownSpanRenderer;
+exports.getSourceFromUrl = getSourceFromUrl;
 //# sourceMappingURL=MarkdownElements.js.map