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

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

@@ -1,2 +1,544 @@
-import{__assign as e,__rest as n}from"tslib";import{jsx as i,jsxs as t}from"react/jsx-runtime";import r,{useRef as a,useEffect as o,useMemo as l,useCallback as d}from"react";import{Skeleton as c}from"../atoms/SkeletonLoader/SkeletonLoader.js";import{CognitiveDecisioningCard as s}from"@e-llm-studio/citation";import p from"../CitationLink.js";import{extractTextFromChildren as u}from"../../helpers/utils.js";import m from"../MessageRendering/RuleValidationCard.js";import{MarkdownSelect as g}from"./MarkdownSelect.js";import{CriticalGaps as h}from"../CriticalGaps.js";import{ButtonCognitiveIcon as f}from"../_svg/ButtonCognitiveIcon.js";import{ViewFormUpdateCard as v}from"../ViewFormUpdateCard.js";import{ViewIdentifiedFieldsCard as x}from"../ViewIdentifiedFieldsCard.js";import{getCognitiveDecisioningThemeStyles as y}from"../cognitiveDecisioningThemeStyles.js";var w=function(e,n){var i,t="";if(!(t="string"==typeof n?n:(null===(i=null==n?void 0:n.customMetaData)||void 0===i?void 0:i.content)?n.customMetaData.content:String(n)))return null;var r=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),a=t.match(r);return a?a[1].replace(/\\n/g,"\n"):null},S=function(e){return e?e.replace(/(\[[^\]]+\]\()([^)]+)(\))/g,function(e,n,i,t){var r=i.replace(/\s/g,"%20");return"".concat(n).concat(r).concat(t)}):""},b={val:"validation_agent",validate_wta_wnta:"validate_wta_wnta",lhs:"lhs",rhs:"rhs"},C=function(e){var n,i=e.match(/[?&]source=([^&?]+)/),t=i?i[1]:"lhs";return null!==(n=b[t])&&void 0!==n?n:t},k=r.memo(function(n){var t=n.children;n.cardId;var r=n.isOpen,d=n.isStreamEnd,p=n.handleToggle,m=n.cardMdComponents,g=a(null);o(function(){if(r&&g.current){var e=setTimeout(function(){var e;null===(e=g.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"nearest"})},100);return function(){return clearTimeout(e)}}},[r]);var h=u(t),v=w("reason",h)||"",x=w("gap",h)||"",b=w("relevance_score",h),C=S(v),k=S(x),T=l(function(){return y({header:{padding:"8px 16px"},sectionButton:{paddingLeft:"24px",paddingRight:"24px",paddingBottom:"12px"},textContent:{fontSize:"12px",paddingLeft:"24px",paddingRight:"24px",paddingBottom:"20px"},pill:{}})},[]);return i("span",e({style:{display:"inline",marginTop:"3px",marginLeft:"6px",verticalAlign:"middle"}},{children:d?i(s,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:i(f,{}),ref:g,reasoning:C,gap:k,score:b,mdComponents:m,isOpen:r,onToggle:p,styles:T}):i(c,{width:"2.2rem",height:"1.2rem"})}))}),T=r.memo(function(a){var o,s=a.className,f=a.children,v=a.openCardIds,x=a.citations,y=a.handleToggleState,w=a.isStreamEnd,S=a.isLastMessage,b=a.handleStream,C=a.onGapValidation,T=a.isGapsSubmitted,D=a.onViewComparison,E=a.onTypeResponseClick,M=a.onComparisonLinkClick,_=a.isGlobalEditActive,I=n(a,["className","children","openCardIds","citations","handleToggleState","isStreamEnd","isLastMessage","handleStream","onGapValidation","isGapsSubmitted","onViewComparison","onTypeResponseClick","onComparisonLinkClick","isGlobalEditActive"]),L=d(function(e){return x&&x.find(function(n){return n.customMetaData.citation_number&&"Cognitive Decisioning"!==n.customMetaData.citation_title&&String(n.customMetaData.citation_number)===String(e)})||null},[x]),N=l(function(){return{img:function(t){t.node;var r=n(t,["node"]);return i("img",e({},r,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==r?void 0:r.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(t){t.node;var r=n(t,["node"]);return i("p",e({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},code:function(t){t.node;var r=n(t,["node"]);return i("span",e({},r,{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==r?void 0:r.children}))},ol:function(t){t.node;var r=n(t,["node"]);return i("ol",e({},r,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==r?void 0:r.children}))},ul:function(t){t.node;var r=n(t,["node"]);return i("ol",e({},r,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(t){t.node;var r=n(t,["node"]);return i("li",e({},r,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:r.children}))},a:function(t){var r=t.href,a=t.children,o=n(t,["href","children"]);if(!r)return i("a",e({},o,{children:a}));var l=r||"",d=l;try{d=decodeURIComponent(l)}catch(e){console.error("Error decoding href",e)}if(d.includes("citation_type=comparison")){var c="",s="",u=d.match(/variant_id=([^?&]+)/);u&&(c=u[1]);var m=d.match(/field_name=([^&]+)/);return m&&(s=m[1]),i("button",e({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),console.log("Rule Comparison Triggered:",{variantId:c,fieldName:s}),M&&M(c,s)},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:a}))}var g=d.match(/citationNumber=([^&]+)/);if(g&&p){var h=L(g[1]);if(h)return i(p,{citation:h,linkTitle:a,fontSize:12})}return i("a",e({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:a}))}}},[L]);if("cognitive-card-trigger"===s){var R=I["data-card-id"],B=v.has(R);return i(k,e({cardId:R,isOpen:B,isStreamEnd:w,handleToggle:function(){return y(R,!B,"card")},cardMdComponents:N},{children:f}))}if("rule-validation-card-trigger"===s){console.log("🎯 rule-validation-card-trigger div rendered, isStreamEnd:",w);var F=I,j=function(e){return e?e.replace(/&quot;/g,'"').replace(/&#039;/g,"'").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&"):""};return!w&&S?(console.log("Rendering Rule Validation Skeleton for:",F["data-title"]),t("div",e({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:[t("div",e({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[i(c,{variant:"text",width:140,height:28}),i(c,{variant:"text",width:100,height:28})]})),i(c,{variant:"title",width:"50%",height:20}),i(c,{variant:"text",width:"90%",height:16}),i(c,{variant:"text",width:"60%",height:16}),i(c,{variant:"text",width:120,height:40})]}))):i(m,{validationType:"duplicate"===F["data-type"]?"duplicate":"similar"===F["data-type"]?"similar":"conflicting",decisionStrength:F["data-decision-strength"]||F.dataDecisionStrength,title:j(F["data-title"]||F.dataTitle),tier:j(F["data-tier"]||F.dataTier),descriptionText:j(F["data-description"]||F.dataDescription),reasoningNode:f,onViewComparison:D||function(){},disabled:!S||!!_})}if("markdown-select-trigger"===s){F=I;var V=(null===(o=r.Children.map(f,function(e){var n;if("select-option-item"===(null===(n=null==e?void 0:e.props)||void 0===n?void 0:n.className)){var i=u(e.props.children),t=function(e,n){var i=new RegExp("<".concat(e,">([\\s\\S]*?)<\\/").concat(e,">"),"i"),t=n.match(i);return t?t[1].trim():null},r=t("reason",i),a=t("gap",i),o=t("relevance_score",i),l=i.replace(/<ai_reasoning>[\s\S]*?<\/ai_reasoning>/gi,"").replace(/<[^>]+>[\s\S]*?<\/[^>]+>/gi,"").replace(/\s+/g," ").trim();return{id:e.props["data-id"],label:l,cd:!(!r&&!a),reasoning:r,gap:a,score:o}}return null}))||void 0===o?void 0:o.filter(Boolean))||[];return i(g,{type:F["data-type"],options:V,selectedIds:[],disabled:!w||!S||!!_,citations:x,onTypeResponseClick:E,onProceed:function(e,n){console.log("Proceeding with label:",n),b&&b(new KeyboardEvent("keydown",{key:"Enter"}),!1,n)}})}if("critical-gaps-trigger"===s){var A=I["data-payload"];F=void 0;try{F=JSON.parse(A)}catch(e){return console.error("Failed to parse critical gaps payload",e),null}return!w&&S?t("div",e({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:[i(c,{variant:"title",width:"40%",height:20}),i(c,{variant:"text",width:"80%",height:16}),i(c,{variant:"text",width:"70%",height:16}),i(c,{variant:"text",width:120,height:40})]})):i(h,{data:F,isLastMessage:S,onValidationChange:C,isSubmitted:T,citations:x,onTypeResponseClick:E,isGlobalEditActive:_})}return i("div",e({className:s},I,{children:f}))}),D=r.memo(function(r){var a=r.className,o=r.children,c=r.openCardIds,s=r.citations,u=r.handleToggleState,m=r.isStreamEnd;r.onTypeResponseClick;var g=r.onComparisonLinkClick,h=n(r,["className","children","openCardIds","citations","handleToggleState","isStreamEnd","onTypeResponseClick","onComparisonLinkClick"]),f=d(function(e,n){return s&&s.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},[s]),y=l(function(){return{img:function(t){t.node;var r=n(t,["node"]);return i("img",e({},r,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==r?void 0:r.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(t){t.node;var r=n(t,["node"]);return i("p",e({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},code:function(t){t.node;var r=n(t,["node"]);return i("span",e({},r,{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==r?void 0:r.children}))},ol:function(t){t.node;var r=n(t,["node"]);return i("ol",e({},r,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==r?void 0:r.children}))},ul:function(t){t.node;var r=n(t,["node"]);return i("ol",e({},r,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(t){t.node;var r=n(t,["node"]);return i("li",e({},r,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:r.children}))},a:function(r){var a=r.href,o=r.children,l=n(r,["href","children"]);if(!a)return i("a",e({},l,{children:o}));var d=a||"",c=d;try{c=decodeURIComponent(d)}catch(e){console.error("Error decoding href",e)}if(c.includes("citation_type=comparison")){var s="",u="",m=c.match(/variant_id=([^?&]+)/);m&&(s=m[1]);var h=c.match(/field_name=([^&]+)/);return h&&(u=h[1]),t("button",e({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),console.log("Rule Comparison Triggered (span):",{variantId:s,fieldName:u}),g&&g(s,u)},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:[o,i("svg",e({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("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 v=c.match(/citationNumber=([^&]+)/);if(v&&p){var x=C(c),y=f(v[1],x);if(y)return i(p,{citation:y,linkTitle:o,fontSize:12})}return i("a",e({href:d,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)"}},l,{children:o}))}}},[f]);if("cognitive-card-trigger"===a){var w=h["data-card-id"],S=c.has(w);return i(k,e({cardId:w,isOpen:S,isStreamEnd:m,handleToggle:function(){return u(w,!S,"card")},cardMdComponents:y},{children:o}))}if("view-form-update-trigger"===a){var b=h["data-payload"],T=void 0;try{T=JSON.parse(b)}catch(e){return null}return i(v,{data:T,openCardIds:c,handleToggleState:u,isStreamEnd:m,cardMdComponents:y})}if("view-identified-fields-trigger"===a){b=h["data-payload"],T=void 0;try{T=JSON.parse(b)}catch(e){return null}return i(x,{data:T,openCardIds:c,handleToggleState:u,isStreamEnd:m,cardMdComponents:y})}return i("span",e({className:a},h,{children:o}))}),E=r.memo(function(t){var r=t.href,a=t.children,o=t.chatSize,l=t.openCitationIds,d=t.getCitationByNumber,c=t.handleToggleState,s=n(t,["href","children","chatSize","openCitationIds","getCitationByNumber","handleToggleState"]);if(!r)return i("a",e({},s,{children:a}));var u=r.match(/citationNumber=([^&]+)/),m=u?u[1]:null,g=r.match(/uiUniqueId=([^&]+)/),h=g?g[1]:null;if(m){var f=d(m,C(r));if(f){var v=h?"citation-ui-".concat(h):"citation-".concat(f.id||m),x=l.has(v);return i(p,{citation:f,linkTitle:a,chatSize:o,isOpen:x,onToggle:function(){return c(v,!x,"citation")}},v)}}return i("a",e({href:r,target:"_blank",style:{color:"inherit",textDecoration:"none"},rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline"},s,{children:a}))});export{T as MarkdownDivRenderer,E as MarkdownLinkRenderer,D as MarkdownSpanRenderer,C as getSourceFromUrl};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React__default, { useRef, useEffect, useMemo, useCallback } from 'react';
+import { Skeleton } from '../atoms/SkeletonLoader/SkeletonLoader.js';
+import { CognitiveDecisioningCard } from '@e-llm-studio/citation';
+import CitationLink from '../CitationLink.js';
+import RuleValidationCard from '../MessageRendering/RuleValidationCard.js';
+import { MarkdownSelect } from './MarkdownSelect.js';
+import { CriticalGaps } from '../CriticalGaps.js';
+import { ButtonCognitiveIcon } from '../_svg/ButtonCognitiveIcon.js';
+import { ViewFormUpdateCard } from '../ViewFormUpdateCard.js';
+import { ViewIdentifiedFieldsCard } from '../ViewIdentifiedFieldsCard.js';
+import { getCognitiveDecisioningThemeStyles } from '../cognitiveDecisioningThemeStyles.js';
+import { extractTextFromChildren } from '../../helpers/utils.js';
+
+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.memo(({
+  children,
+  cardId,
+  isOpen,
+  isStreamEnd,
+  handleToggle,
+  cardMdComponents
+}) => {
+  const cardRef = useRef(null);
+  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 = 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 = useMemo(() => getCognitiveDecisioningThemeStyles({
+    header: { padding: "8px 16px" },
+    sectionButton: {
+      paddingLeft: "24px",
+      paddingRight: "24px",
+      paddingBottom: "12px"
+    },
+    textContent: {
+      fontSize: "12px",
+      paddingLeft: "24px",
+      paddingRight: "24px",
+      paddingBottom: "20px"
+    },
+    pill: {}
+  }), []);
+  return /* @__PURE__ */ jsx("span", { style: { display: "inline", marginTop: "3px", marginLeft: "6px", verticalAlign: "middle" }, children: isStreamEnd ? /* @__PURE__ */ jsx(
+    CognitiveDecisioningCard,
+    {
+      reasoningTitle: "Decision Making Factors",
+      reasoningSubtitle: "Why is this Suggested?",
+      gapTitle: "Gaps in Decision",
+      gapSubtitle: "What's missing or unclear?",
+      headerIcon: /* @__PURE__ */ jsx(ButtonCognitiveIcon, {}),
+      ref: cardRef,
+      reasoning,
+      gap,
+      score,
+      mdComponents: cardMdComponents,
+      isOpen,
+      onToggle: handleToggle,
+      styles: styleOverrides
+    }
+  ) : /* @__PURE__ */ jsx(Skeleton, { width: "2.2rem", height: "1.2rem" }) });
+});
+const MarkdownDivRenderer = React__default.memo(({
+  className,
+  children,
+  openCardIds,
+  citations,
+  handleToggleState,
+  isStreamEnd,
+  isLastMessage,
+  handleStream,
+  onGapValidation,
+  isGapsSubmitted,
+  onViewComparison,
+  onTypeResponseClick,
+  onComparisonLinkClick,
+  isGlobalEditActive,
+  ...props
+}) => {
+  var _a;
+  const getCitationByNumber = 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 = useMemo(() => ({
+    img: ({ node, ...props2 }) => /* @__PURE__ */ 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__ */ jsx("p", { ...props2, style: { margin: 0 }, children: props2 == null ? void 0 : props2.children }),
+    code: ({ node, ...props2 }) => /* @__PURE__ */ 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__ */ 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__ */ jsx("ol", { ...props2, style: { paddingLeft: "1.25rem", listStyleType: "decimal" } }),
+    li: ({ node, ...props2 }) => /* @__PURE__ */ jsx("li", { ...props2, style: { marginBottom: "4px", listStyle: "decimal" }, children: props2.children }),
+    a: ({ href, children: children2, ...props2 }) => {
+      if (!href) return /* @__PURE__ */ 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__ */ 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) {
+        const cit = getCitationByNumber(match[1]);
+        if (cit) return /* @__PURE__ */ jsx(CitationLink, { citation: cit, linkTitle: children2, fontSize: 12 });
+      }
+      return /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 140, height: 28 }),
+          /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 100, height: 28 })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "title", width: "50%", height: 20 }),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "90%", height: 16 }),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "60%", height: 16 }),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 120, height: 40 })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      RuleValidationCard,
+      {
+        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.Children.map(children, (child) => {
+      var _a2;
+      if (((_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.className) === "select-option-item") {
+        const rawContent = 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__ */ jsx(
+      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__ */ 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__ */ jsx(Skeleton, { variant: "title", width: "40%", height: 20 }),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "80%", height: 16 }),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "70%", height: 16 }),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 120, height: 40 })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      CriticalGaps,
+      {
+        data,
+        isLastMessage,
+        onValidationChange: onGapValidation,
+        isSubmitted: isGapsSubmitted,
+        citations,
+        onTypeResponseClick,
+        isGlobalEditActive
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className, ...props, children });
+});
+const MarkdownSpanRenderer = React__default.memo(
+  ({
+    className,
+    children,
+    openCardIds,
+    citations,
+    handleToggleState,
+    isStreamEnd,
+    onTypeResponseClick,
+    onComparisonLinkClick,
+    ...props
+  }) => {
+    const getCitationByNumber = 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 = useMemo(() => ({
+      img: ({ node, ...props2 }) => /* @__PURE__ */ 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__ */ jsx("p", { ...props2, style: { margin: 0 }, children: props2 == null ? void 0 : props2.children }),
+      code: ({ node, ...props2 }) => /* @__PURE__ */ 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__ */ 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__ */ jsx("ol", { ...props2, style: { paddingLeft: "1.25rem", listStyleType: "decimal" } }),
+      li: ({ node, ...props2 }) => /* @__PURE__ */ jsx("li", { ...props2, style: { marginBottom: "4px", listStyle: "decimal" }, children: props2.children }),
+      a: ({ href, children: children2, ...props2 }) => {
+        if (!href) return /* @__PURE__ */ 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__ */ 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__ */ jsx("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ 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) {
+          const source = getSourceFromUrl(decodedHref);
+          const cit = getCitationByNumber(match[1], source);
+          if (cit) return /* @__PURE__ */ jsx(CitationLink, { citation: cit, linkTitle: children2, fontSize: 12 });
+        }
+        return /* @__PURE__ */ 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__ */ 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__ */ jsx(
+        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__ */ jsx(
+        ViewIdentifiedFieldsCard,
+        {
+          data,
+          openCardIds,
+          handleToggleState,
+          isStreamEnd,
+          cardMdComponents
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("span", { className, ...props, children });
+  }
+);
+const MarkdownLinkRenderer = React__default.memo(({
+  href,
+  children,
+  chatSize,
+  openCitationIds,
+  getCitationByNumber,
+  handleToggleState,
+  ...props
+}) => {
+  if (!href) return /* @__PURE__ */ 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__ */ jsx(
+        CitationLink,
+        {
+          citation,
+          linkTitle: children,
+          chatSize,
+          isOpen,
+          onToggle: () => handleToggleState(citationId, !isOpen, "citation")
+        },
+        citationId
+      );
+    }
+  }
+  return /* @__PURE__ */ 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
+    }
+  );
+});
+
+export { MarkdownDivRenderer, MarkdownLinkRenderer, MarkdownSpanRenderer, getSourceFromUrl };
 //# sourceMappingURL=MarkdownElements.js.map