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

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

@@ -1,2 +1,874 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react-markdown"),i=require("rehype-raw"),a=require("remark-gfm"),r=require("react"),s=require("./ClickableChatComponents.js"),o=require("../MarkdownComponents/MarkdownElements.js"),c=require("../../helpers/utils.js"),l=require("./RuleVariantCard.js"),d=require("../MarkdownComponents/MarkdownSelect.js"),u=require("./ChatFeedback.js"),p=require("../../helpers/message-rendering-utils.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=g(t),m=g(i),f=g(a);exports.default=function(t){var i=t.index,a=t.content,g=t.role,h=t.messages,_=t.handleStream,S=t.scrollToBottom,b=t.isLastMessage,y=t.onSave,x=t.citations,k=t.setChatSize,w=t.chatSize,C=t.isStreamEnd,T=t.messageIsEnd,j=t.onViewComparison,E=t.onTypeResponseClick,R=t.onComparisonLinkClick,A=t.baseURL,M=t.onFeedbackSubmit,L=t.isGlobalEditActive,I=t.feedbackConfig,B=t.fieldLabelMap,N=r.useState(a),q=N[0],D=N[1],z=r.useState([]),W=z[0],F=z[1],O=r.useState(!1),J=O[0],V=O[1],G=r.useState(!1),U=G[0],P=G[1],H=r.useState(!1),K=H[0],$=H[1],Y=r.useState(null),Q=Y[0],X=Y[1],Z=r.useState(null),ee=Z[0],ne=Z[1],te=r.useState([]),ie=te[0],ae=te[1],re=r.useState(!1),se=re[0],oe=re[1],ce=r.useState(!1),le=ce[0],de=ce[1],ue=r.useState(new Set),pe=ue[0],ge=ue[1],ve=r.useState(new Set),me=ve[0],fe=ve[1],he=r.useRef({handleStream:_,onSave:y,selectedTiers:W,tiersSubmitted:U,citations:x,openCardIds:pe,openCitationIds:me,chatSize:w,isLastMessage:b,scrollToBottom:S,isStreamEnd:C,selectedVariant:ee,messageIsEnd:T,isCommitted:K,clickedAction:Q,gapSelections:ie,gapsSubmitted:le,onTypeResponseClick:E,isGlobalEditActive:L});he.current={handleStream:_,onSave:y,selectedTiers:W,tiersSubmitted:U,citations:x,openCardIds:pe,openCitationIds:me,chatSize:w,isLastMessage:b,scrollToBottom:S,isStreamEnd:C,selectedVariant:ee,messageIsEnd:T,isCommitted:K,clickedAction:Q,gapSelections:ie,gapsSubmitted:le,onTypeResponseClick:E,isGlobalEditActive:L},r.useEffect(function(){ne(null),$(!1),X(null),oe(!1),de(!1),ae([])},[i]),r.useEffect(function(){if(T&&!K&&!ee){var e=Re(q).match(/<variant-card[^>]*isselected=["']true["'][^>]*>/i);if(e){var n=e[0].match(/id=["']([^"']+)["']/),t=e[0].match(/variantname=["']([^"']+)["']/),i=e[0].match(/decisionstrength=["']([^"']+)["']/);n&&t&&ne({id:n[1],variantName:t[1],decisionStrength:parseInt((null==i?void 0:i[1])||"0")})}}},[q,T,K,ee]);var _e=r.useCallback(function(e,n,t){var i=function(t){var i=new Set(t);return n?i.add(e):i.delete(e),i};"card"===t?ge(function(e){return i(e)}):fe(function(e){return i(e)})},[]),Se=r.useCallback(function(e,n,t){void 0===n&&(n=!1);var i=he.current,a=i.handleStream;i.onSave;var r=e.trim();a&&(a(new KeyboardEvent("keydown",{key:"Enter"}),!1,r),n&&t&&($(!0),X(t))),n||D(function(e){return e.replace(/<button([^>]*)class=["']clickable-button["']([^>]*)>([\s\S]*?)<\/button>/gi,function(e,n,t,i){var a=i.trim(),s='data-selected="'.concat(a===r,'"');return"<button".concat(n,'class="clickable-button" ').concat(s).concat(t,">").concat(i,"</button>")})})},[]),be=r.useCallback(function(e,n){var t;oe(e),ae(n),console.info("[IL-OTJ][critical-gaps] validation update",{isValid:e,selectionCount:null!==(t=null==n?void 0:n.length)&&void 0!==t?t:0,isLastMessage:b,messageIsEnd:T,rawSelections:n})},[b,T]),ye=r.useCallback(function(){var e=he.current,n=e.handleStream,t=e.gapSelections;console.info("[IL-OTJ][critical-gaps] proceed clicked",{isLastMessage:b,messageIsEnd:T,gapsSubmitted:le,gapSelections:t});var i,a=t.map(function(e){var n=Array.isArray(e.userSelection)?e.userSelection.join(", "):e.userSelection;return""===e.name?n||"Skipped":"".concat(e.name,": ").concat(n||"Skipped")});if(1===t.length&&""===t[0].name){var r=Array.isArray(t[0].userSelection)?t[0].userSelection.join(", "):t[0].userSelection;i="Here is my response for the critical gap(s): ".concat(r||"Skipped")}else i="Here is my response for the critical gap(s):\n".concat(a.join(","));console.info("[IL-OTJ][critical-gaps] sending finalMessage",{finalMessage:i}),n(new KeyboardEvent("keydown",{key:"Enter"}),!1,i),de(!0)},[le,b,T]),xe=r.useCallback(function(e,n){var t=he.current.citations;return t&&t.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},[]),ke=r.useCallback(function(n,t){var i=he.current.scrollToBottom,a=Array.isArray(n)?n[0].trim():n.trim();V(!0),F(function(n){var i=e.__spreadArray([],n,!0);if(["both tiers","all tiers"].includes(a.toLowerCase()))i=t?["Both Tiers","Tier 1","Tier 2"]:[];else{t?i.includes(a)||i.push(a):i=i.filter(function(e){return e!==a});var r=i.includes("Tier 1"),s=i.includes("Tier 2");r&&s?i.includes("Both Tiers")||i.push("Both Tiers"):i=i.filter(function(e){return!["Both Tiers","All tiers"].includes(e)})}return i.filter(function(e,n){return i.indexOf(e)===n})}),null==i||i()},[]),we=r.useCallback(function(e,n,t,i){he.current.isCommitted||n&&ne({id:e,variantName:t,decisionStrength:i})},[]),Ce=function(){if(!he.current.isCommitted){var e="Edit ".concat((null==ee?void 0:ee.variantName)||"Selected Behavior");Se(e,!0,"edit")}},Te=r.useCallback(function(){var e=he.current,n=e.handleStream,t=e.selectedTiers,i=t.join(" and ");t.some(function(e){return"both tiers"===e.toLowerCase()||"all tiers"===e.toLowerCase()})&&(i="Both Tiers"),n(new KeyboardEvent("keydown",{key:"Enter"}),!1,"".concat(i)),P(!0),V(!1),D(function(e){return e.replace(/<checkbox\s+class=["']clickable-box["'][^>]*>([\s\S]*?)<\/checkbox>/gi,function(e,n){var i=n.trim();return t.includes(i)?e:""})})},[]),je=r.useMemo(function(){return{p: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:"block",fontSize:"1rem",lineHeight:"1.625rem",marginBottom:"user"===g?"0":"0.4rem"}},{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("ul",e.__assign({},i,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==i?void 0:i.children}))},rule:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx(s.RuleDisplay,{content:c.extractTextFromChildren(i.children)})},button:function(t){var i=t.node,a=t.className,r=e.__rest(t,["node","className"]),o=he.current,c=o.isLastMessage,l=o.handleStream,d=o.isStreamEnd;return n.jsx(s.ActionableButton,e.__assign({node:i,className:a||r.class,handleStream:l,onAction:Se,disabled:!c||!!L,isStreamEnd:d,isLastMessage:c,onTypeResponseClick:E,baseURL:A},r))},checkbox:function(t){var i=t.node,a=t.className,r=e.__rest(t,["node","className"]),o=he.current,c=o.selectedTiers,l=o.tiersSubmitted,d=o.isLastMessage;return n.jsx(s.ActionableCheckbox,e.__assign({node:i,className:a||r.class,selectedItems:c,onToggle:ke,isSubmitted:l,disabled:!d||!!L},r))},a:function(t){var i=he.current,a=i.chatSize,r=i.openCitationIds;return n.jsx(o.MarkdownLinkRenderer,e.__assign({},t,{chatSize:a,openCitationIds:r,getCitationByNumber:xe,handleToggleState:_e,isStreamEnd:he.current.isStreamEnd}))},div:function(t){var i=he.current,a=i.openCardIds,r=i.citations,s=i.isLastMessage,c=i.isStreamEnd,l=i.gapsSubmitted,d=i.onTypeResponseClick,u=i.handleStream;return n.jsx(o.MarkdownDivRenderer,e.__assign({},t,{openCardIds:a,citations:r,handleToggleState:_e,isStreamEnd:c,isLastMessage:s,handleStream:u,onGapValidation:be,isGapsSubmitted:l,onViewComparison:j,onComparisonLinkClick:R,onTypeResponseClick:d,isGlobalEditActive:L}))},span:function(t){var i,a,r;if((null===(i=t.className)||void 0===i?void 0:i.includes("cognitive-card-trigger"))||(null===(a=t.className)||void 0===a?void 0:a.includes("view-form-update-trigger"))||(null===(r=t.className)||void 0===r?void 0:r.includes("view-identified-fields-trigger"))){var s=he.current,c=s.openCardIds,l=s.citations,d=s.isLastMessage,u=s.isStreamEnd,p=!d||u;return n.jsx(o.MarkdownSpanRenderer,e.__assign({},t,{openCardIds:c,citations:l,handleToggleState:_e,onComparisonLinkClick:R,isStreamEnd:p}))}return n.jsx("span",e.__assign({},t))},"variant-card":function(t){t.node;var i=e.__rest(t,["node"]),a=i.variantname,r=i.decisionstrength,s=i.id,o=he.current,c=o.isCommitted,d=o.isLastMessage,u=o.selectedVariant;if(!T)return null;var p=(null==u?void 0:u.id)===s,g=parseInt(r||"0"),v=!c&&d&&!L;return n.jsx(l.RuleVariantCard,e.__assign({variantName:a,decisionStrength:g,isEditable:v,isSelected:p,onToggle:function(e){return we(s,e,a,g)},onEdit:function(){return Ce()}},{children:i.children}))},br:function(t){return n.jsx("p",e.__assign({style:{marginBottom:"0.75rem"}},t))}}},[Se,ke,xe,_e,g,ee,K,T,be,we,L]);r.useEffect(function(){U||(D(a),setTimeout(function(){null==S||S()},50))},[a,U,S]);var Ee=r.useRef(0);r.useEffect(function(){var e=pe.size+me.size;e>0&&0===Ee.current?null==k||k(50):0===e&&Ee.current>0&&(null==k||k(40)),Ee.current=e},[pe,me,k]);var Re=function(n){if(!n)return"";for(var t=n,i=function(n){if("critical_gaps"===n.property){var i=n.data,a=(null==i?void 0:i.critical_gaps)||i,r=(null==a?void 0:a.gap_cards)||(null==a?void 0:a.gaps)||[],s=Array.isArray(r)?r:r&&"object"==typeof r?[r]:[],o={count:String((null==a?void 0:a.count)||0),decisionStrength:(null==a?void 0:a.critical_gaps_decision_strength)||(null==a?void 0:a.decisionStrength)||"0",value:(null==a?void 0:a.value)||"",gaps:s.map(function(e,n){var t,i,a,r,s,o,c=p.extractReasoningFromText((null==e?void 0:e.gap_value)||(null==e?void 0:e.value)||""),l=c.text,d=c.aiReasoning,u=(null==e?void 0:e.ai_reasoning)||(null==e?void 0:e.aiReasoning)||d,g=(null===(t=null==e?void 0:e.interaction)||void 0===t?void 0:t.options)||(null==e?void 0:e.options)||[],v=(Array.isArray(g)?g:[g].filter(Boolean)).map(function(e){var n,t=p.extractReasoningFromText((null==e?void 0:e.label)||(null==e?void 0:e.text)||""),i=t.text,a=t.aiReasoning,r=(null==e?void 0:e.ai_reasoning)||(null==e?void 0:e.aiReasoning)||a,s=null!==(n=e.explanation)&&void 0!==n?n:null;if("string"==typeof s)try{s=s.startsWith("[")&&s.endsWith("]")?JSON.parse(s.replace(/&quot;/g,'"')):s?[s]:null}catch(e){s=s?[s]:null}return{id:null==e?void 0:e.id,text:i,explanation:s,aiReasoning:p.buildAiReasoning(r),is_recommended:(null==e?void 0:e.is_recommended)||(null==e?void 0:e.isRecommended)||!1}});return{id:(null==e?void 0:e.id)||"gap-".concat(n),name:void 0!==(null==e?void 0:e.gap_name)&&null!==(null==e?void 0:e.gap_name)?e.gap_name:(null==e?void 0:e.name)||"Gap",decisionStrength:(null==e?void 0:e.gap_decision_strength)||(null==e?void 0:e.decisionStrength)||"0",impact:(null==e?void 0:e.impact)||"Medium",value:l,aiReasoning:p.buildAiReasoning(u),inputType:"textfield"===(null===(i=null==e?void 0:e.interaction)||void 0===i?void 0:i.interaction_type)||"text"===(null==e?void 0:e.inputType)?"text":"radioselect"===(null===(a=null==e?void 0:e.interaction)||void 0===a?void 0:a.interaction_type)||"radio"===(null===(r=null==e?void 0:e.interaction)||void 0===r?void 0:r.interaction_type)||"radio"===(null==e?void 0:e.inputType)?"radio":"checkbox"===(null===(s=null==e?void 0:e.interaction)||void 0===s?void 0:s.interaction_type)||"checkbox"===(null==e?void 0:e.inputType)?"checkbox":"text",options:v,userSelection:"checkbox"===(null===(o=null==e?void 0:e.interaction)||void 0===o?void 0:o.interaction_type)||"checkbox"===(null==e?void 0:e.inputType)?[]:""}})},c=JSON.stringify(o).replace(/"/g,"&quot;");t=t.replace(n.rawMatch,'\n\n<div class="critical-gaps-trigger" data-payload="'.concat(c,'"></div>\n\n'))}else if("updated_fields"===n.property||"identified_fields"===n.property){var l=(null==n?void 0:n.data)&&"object"==typeof n.data?n.data:{},d=e.__assign({title:"Rule Title",description:"Description",rule_description:"Description",wta:"When to Apply",wnta:"When NOT to Apply",scope:"Tier Information",rule_type:"Rule Type"},B||{}),u=["ai_reasoning","scheduling_config","is_user_accepted_risk"],g=[];Object.keys(l).forEach(function(n){var t;try{var i=l[n];if(u.includes(n)||null==i)return;if("learning_metadata"===n&&"object"==typeof i&&!Array.isArray(i)){var a=null!==(t=i.properties)&&void 0!==t?t:i,r=(a.scheduling_config,e.__rest(a,["scheduling_config"]));if(0===Object.keys(r).length)return;i=i.properties?e.__assign(e.__assign({},i),{properties:r}):r}if(u.includes(n)||null==i)return;var s=d[n]||n.replace(/_/g," ").replace(/\b\w/g,function(e){return e.toUpperCase()}),o=p.extractReasoningFromText(i),c=o.text,v=o.aiReasoning,m=o.segments;(c||m.length>0)&&(m.length>0?"text"===m[0].type?m[0].content="".concat(s,": ").concat(m[0].content):m.unshift({type:"text",content:"".concat(s,": ")}):m=[{type:"text",content:"".concat(s,": ").concat(c)}],g.push({label:"".concat(s,": ").concat(c),reasoning:v,segments:m}))}catch(e){console.error('Error processing field "'.concat(n,'":'),e)}});var v="updated_fields"===n.property?"Updated Details":"Identified Details";if(0===g.length)t=t.replace(n.rawMatch,"");else try{var m={title:v,fields:g},f=(c=JSON.stringify(m).replace(/"/g,"&quot;"),"updated_fields"===n.property?"view-form-update-trigger":"view-identified-fields-trigger");t=t.replace(n.rawMatch,'<span class="'.concat(f,'" data-payload="').concat(c,'"></span>'))}catch(e){t=t.replace(n.rawMatch,"")}}else if("variant_card"===n.property){var h=n.data.variants.map(function(e){var n,t,i,a;return'<variant-card id="'.concat(e.id||"",'" variantname="').concat(e.variant_name||e.variantname||"",'" decisionstrength="').concat(null!==(t=null!==(n=e.decision_strength)&&void 0!==n?n:e.decisionstrength)&&void 0!==t?t:"0",'" iseditable="').concat(e.iseditable||"false",'" isselected="').concat(null!==(a=null!==(i=e.is_selected)&&void 0!==i?i:e.isselected)&&void 0!==a?a:"false",'">').concat(e.description||e.innerContent||"","</variant-card>")}).join("\n\n");t=t.replace(n.rawMatch,"\n\n".concat(h,"\n\n"))}else if("rule_validation_card"===n.property){var _=n.data,S=function(e){return String(null!=e?e:"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")};h=(Array.isArray(null==_?void 0:_.validated_rules)?_.validated_rules:[_]).map(function(e){var n=p.extractReasoningFromText(e.rule_description||e.ruleDescription||""),t=n.text,i=n.aiReasoning,a=p.extractReasoningFromText(e.rule_title||e.ruleTitle||""),r=a.text,s=a.aiReasoning,o=i||s,c="";return o&&(c="<ai_reasoning>\n            <id>".concat(o.id||"","</id>\n            <reason>").concat(o.reason||"","</reason>\n            <gap>").concat(o.gap||"","</gap>\n            <relevance_score>").concat(o.score||"","</relevance_score>\n          </ai_reasoning>")),'<div class="rule-validation-card-trigger"\n          data-type="'.concat(S(e.validation_type||e.validationType),'"\n          data-decision-strength="').concat(S(e.decision_strength||e.decisionStrength),'"\n          data-title="').concat(S(r),'"\n          data-tier="').concat(S(e.tier),'"\n          data-rule-id="').concat(S(e.rule_id||e.ruleId),'"\n          data-description="').concat(S(t),'">\n          ').concat(c,"\n        </div>")}).join("\n\n");t=t.replace(n.rawMatch,"\n\n".concat(h,"\n\n"))}},a=0,r=p.parseJsonBlocks(t);a<r.length;a++){i(r[a])}t=(t=(t=(t=(t=(t=t.replace(/\\"/g,'"').replace(/\\'/g,"'").replace(/\u00A0/g," ").replace(/\r\n/g,"\n")).replace(/```(?:\w+)?\n?([\s\S]*?)```/gi,"$1")).replace(/<br\s*\/?>/gi,"\n\n")).replace(/<(singleselect|multiselect|instantselect)>([\s\S]*?)<\/\1>/gi,function(e,n,t){var i="multi";return"singleselect"===n?i="single":"instantselect"===n&&(i="instant"),'\n\n<div class="markdown-select-trigger" data-type="'.concat(i,'">').concat(t,"</div>\n\n")})).replace(/<selectoption\s+([\s\S]*?)>([\s\S]*?)<\/selectoption>/gi,function(e,n,t){for(var i,a={},r=/([a-z0-9-]+)\s*=\s*(["'])([\s\S]*?)\2/gi;null!==(i=r.exec(n));)a[i[1]]=i[3];return'<div class="select-option-item" data-id="'.concat(a.id||"",'" data-cd="').concat(a.cd||"false",'">').concat(t,"</div>")})).replace(/<!--<ai_reasoning>(?![\s\S]*?<\/ai_reasoning>-->)[\s\S]*$/gi,"");["ai_reasoning"].forEach(function(e){var n=new RegExp("\x3c!--\\s*(<".concat(e,">[\\s\\S]*?<\\/").concat(e,">)\\s*--\x3e"),"gi");t=t.replace(n,"$1")});var s=0;t=t.replace(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/gi,function(e,n){var t=n.replace(/\[([^\]]+)\]\(([^)]+)\)/g,function(e,n,t){return'<a href="'.concat(t,'" data-shielded="true">').concat(n,"</a>")});return t=t.replace(/</g,"&lt;").replace(/>/g,"&gt;"),s++,'<span class="cognitive-card-trigger" data-card-id="card-'.concat(s,'">').concat(t,"</span>")});var o=0;return t.replace(/(\[[^\]]+\]\()([^)]+)(\))/g,function(e,n,t,i){var a=t.replace(/\s/g,"%20");if(a.includes("citationNumber=")){o++;var r=a.includes("?")?"&":"?";return"".concat(n).concat(a).concat(r,"uiUniqueId=").concat(o).concat(i)}return"".concat(n).concat(a).concat(i)})},Ae=r.useMemo(function(){return[m.default]},[]),Me=r.useMemo(function(){return[f.default]},[]),Le=(null==ee?void 0:ee.variantName)||"Selected Behavior",Ie=ie.some(function(e){return!(!e.userSelection||!e.options)&&(Array.isArray(e.userSelection)?e.userSelection:[e.userSelection]).some(function(n){var t=e.options.find(function(e){return e.text===n});return"typeYourAnswer"===(null==t?void 0:t.id)||"type your response"===n.trim().toLowerCase()})});r.useEffect(function(){console.info("[IL-OTJ][critical-gaps] button visibility",{isGapsReady:se,isLastMessage:b,messageIsEnd:T,gapsSubmitted:le,hasTypeResponseSelected:Ie,gapSelections:ie})},[se,b,T,le,Ie,ie]);var Be=se&&(b||le)&&!Ie,Ne=r.useMemo(function(){return p.parseJsonBlocks(q).some(function(e){return"variant_card"===e.property})},[q]);return n.jsxs(n.Fragment,{children:[n.jsxs("div",e.__assign({style:{lineHeight:"1.625rem",fontSize:"1rem",marginTop:"0.5rem",marginBottom:"".concat("assistant"===g?"0.3rem":"0rem"),fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[n.jsx(v.default,e.__assign({components:je,rehypePlugins:Ae,remarkPlugins:Me},{children:Re(q)}),i),T&&Ne&&n.jsxs("div",e.__assign({style:{gap:"8px"}},{children:[n.jsxs(s.ActionableButton,e.__assign({className:"clickable-button",handleStream:_,disabled:!b||!ee&&!K||K&&"add"!==Q||L,isStreamEnd:C,onAction:function(){return Se("Add ".concat(Le),!0,"add")},"data-selected":"add"===Q?"true":K?"false":void 0,baseURL:A},{children:["Add ",Le]})),n.jsxs(s.ActionableButton,e.__assign({className:"clickable-button",handleStream:_,disabled:!b||!ee&&!K||K&&"edit"!==Q||L,isStreamEnd:C,onAction:function(){return Se("Edit ".concat(Le),!0,"edit")},"data-selected":"edit"===Q?"true":K?"false":void 0,baseURL:A},{children:["Edit ",Le]})),n.jsx(s.ActionableButton,e.__assign({className:"clickable-button",handleStream:_,disabled:!b||K&&"skip"!==Q||L,isStreamEnd:C,onAction:function(){return Se("Skip for now",!0,"skip")},"data-selected":"skip"===Q?"true":K?"false":void 0,baseURL:A},{children:"Skip for now"}))]})),Be&&n.jsx("div",e.__assign({style:{marginTop:"12px",display:"flex",justifyContent:"flex-start"}},{children:n.jsx(d.MarkdownSelect,{type:"instant",options:[{id:"proceed-gaps",label:"Proceed"}],selectedIds:le?["proceed-gaps"]:[],disabled:le,citations:[],onProceed:ye})}))]})),n.jsx("div",e.__assign({style:{display:"flex",maxWidth:"100%"}},{children:n.jsx("div",e.__assign({style:{width:"100%"}},{children:(null==W?void 0:W.length)>0&&J&&!U?n.jsxs("div",e.__assign({style:{marginTop:"10px"}},{children:[n.jsxs("span",{children:["It looks like you've chosen ",W&&0!==W.length?W.some(function(e){return"both tiers"===e.toLowerCase()||"all tiers"===e.toLowerCase()})?"Both Tiers":W.join(", "):"",". Would you like me to proceed?"]}),n.jsx("p",{children:n.jsx("button",e.__assign({style:{padding:"0.5rem 1rem",margin:"0.5rem 0",backgroundColor:"#2661eb",color:"white",border:"none",borderRadius:"8px",cursor:"pointer",fontSize:"0.75rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif"},onClick:Te},{children:"Yes"}))})]})):null}))})),n.jsx(u.default,{isLastMessage:b,isStreamEnd:C,role:g,content:a,messages:h,index:i,onFeedbackSubmit:M,feedbackConfig:I})]})};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ReactMarkdown = require('react-markdown');
+var rehypeRaw = require('rehype-raw');
+var remarkGfm = require('remark-gfm');
+var React = require('react');
+var ClickableChatComponents = require('./ClickableChatComponents.js');
+var MarkdownElements = require('../MarkdownComponents/MarkdownElements.js');
+var RuleVariantCard = require('./RuleVariantCard.js');
+var MarkdownSelect = require('../MarkdownComponents/MarkdownSelect.js');
+var ChatFeedback = require('./ChatFeedback.js');
+var messageRenderingUtils = require('../../helpers/message-rendering-utils.js');
+var utils = require('../../helpers/utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var ReactMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactMarkdown);
+var rehypeRaw__default = /*#__PURE__*/_interopDefaultLegacy(rehypeRaw);
+var remarkGfm__default = /*#__PURE__*/_interopDefaultLegacy(remarkGfm);
+
+const MessageRendering = ({
+  index,
+  content,
+  role,
+  messages,
+  handleStream,
+  scrollToBottom,
+  isLastMessage,
+  onSave,
+  citations,
+  setChatSize,
+  chatSize,
+  isStreamEnd,
+  messageIsEnd,
+  onViewComparison,
+  onTypeResponseClick,
+  onComparisonLinkClick,
+  baseURL,
+  onFeedbackSubmit,
+  isGlobalEditActive,
+  feedbackConfig,
+  fieldLabelMap
+}) => {
+  const [currentContent, setCurrentContent] = React.useState(content);
+  const [selectedTiers, setSelectedTiers] = React.useState([]);
+  const [showSelectedTiers, setShowSelectedTiers] = React.useState(false);
+  const [tiersSubmitted, setTiersSubmitted] = React.useState(false);
+  const [isCommitted, setIsCommitted] = React.useState(false);
+  const [clickedAction, setClickedAction] = React.useState(null);
+  const [selectedVariant, setSelectedVariant] = React.useState(null);
+  const [gapSelections, setGapSelections] = React.useState([]);
+  const [isGapsReady, setIsGapsReady] = React.useState(false);
+  const [gapsSubmitted, setGapsSubmitted] = React.useState(false);
+  const [openCardIds, setOpenCardIds] = React.useState(/* @__PURE__ */ new Set());
+  const [openCitationIds, setOpenCitationIds] = React.useState(/* @__PURE__ */ new Set());
+  const latestStateRef = React.useRef({
+    handleStream,
+    onSave,
+    selectedTiers,
+    tiersSubmitted,
+    citations,
+    openCardIds,
+    openCitationIds,
+    chatSize,
+    isLastMessage,
+    scrollToBottom,
+    isStreamEnd,
+    selectedVariant,
+    messageIsEnd,
+    isCommitted,
+    clickedAction,
+    gapSelections,
+    gapsSubmitted,
+    onTypeResponseClick,
+    isGlobalEditActive
+  });
+  latestStateRef.current = {
+    handleStream,
+    onSave,
+    selectedTiers,
+    tiersSubmitted,
+    citations,
+    openCardIds,
+    openCitationIds,
+    chatSize,
+    isLastMessage,
+    scrollToBottom,
+    isStreamEnd,
+    selectedVariant,
+    messageIsEnd,
+    isCommitted,
+    clickedAction,
+    gapSelections,
+    gapsSubmitted,
+    onTypeResponseClick,
+    isGlobalEditActive
+  };
+  React.useEffect(() => {
+    setSelectedVariant(null);
+    setIsCommitted(false);
+    setClickedAction(null);
+    setIsGapsReady(false);
+    setGapsSubmitted(false);
+    setGapSelections([]);
+  }, [index]);
+  React.useEffect(() => {
+    if (!messageIsEnd || isCommitted || selectedVariant) return;
+    const processedContent = sanitizeMarkdownContent(currentContent);
+    const variantMatch = processedContent.match(/<variant-card[^>]*isselected=["']true["'][^>]*>/i);
+    if (variantMatch) {
+      const idMatch = variantMatch[0].match(/id=["']([^"']+)["']/);
+      const nameMatch = variantMatch[0].match(/variantname=["']([^"']+)["']/);
+      const strengthMatch = variantMatch[0].match(/decisionstrength=["']([^"']+)["']/);
+      if (idMatch && nameMatch) {
+        setSelectedVariant({
+          id: idMatch[1],
+          variantName: nameMatch[1],
+          decisionStrength: parseInt((strengthMatch == null ? void 0 : strengthMatch[1]) || "0")
+        });
+      }
+    }
+  }, [currentContent, messageIsEnd, isCommitted, selectedVariant]);
+  const handleToggleState = React.useCallback(
+    (id, isOpen, type) => {
+      const updateSet = (prev) => {
+        const next = new Set(prev);
+        if (isOpen) next.add(id);
+        else next.delete(id);
+        return next;
+      };
+      if (type === "card") setOpenCardIds((prev) => updateSet(prev));
+      else setOpenCitationIds((prev) => updateSet(prev));
+    },
+    []
+  );
+  const handleButtonAction = React.useCallback((label, isVariantAction = false, actionType) => {
+    const { handleStream: handleStream2, onSave: onSave2 } = latestStateRef.current;
+    const cleanLabel = label.trim();
+    if (handleStream2) {
+      handleStream2(new KeyboardEvent("keydown", { key: "Enter" }), false, cleanLabel);
+      if (isVariantAction && actionType) {
+        setIsCommitted(true);
+        setClickedAction(actionType);
+      }
+    }
+    if (!isVariantAction) {
+      setCurrentContent((prevContent) => {
+        const buttonRegex = /<button([^>]*)class=["']clickable-button["']([^>]*)>([\s\S]*?)<\/button>/gi;
+        return prevContent.replace(buttonRegex, (match, beforeAttrs, afterAttrs, buttonContent) => {
+          const cleanButtonContent = buttonContent.trim();
+          const isSelected = cleanButtonContent === cleanLabel;
+          const selectedAttr = `data-selected="${isSelected}"`;
+          return `<button${beforeAttrs}class="clickable-button" ${selectedAttr}${afterAttrs}>${buttonContent}</button>`;
+        });
+      });
+    }
+  }, []);
+  const handleGapValidation = React.useCallback((isValid, currentSelections) => {
+    var _a;
+    setIsGapsReady(isValid);
+    setGapSelections(currentSelections);
+    console.info("[IL-OTJ][critical-gaps] validation update", {
+      isValid,
+      selectionCount: (_a = currentSelections == null ? void 0 : currentSelections.length) != null ? _a : 0,
+      isLastMessage,
+      messageIsEnd,
+      rawSelections: currentSelections
+    });
+  }, [isLastMessage, messageIsEnd]);
+  const handleProceedGaps = React.useCallback(() => {
+    const { handleStream: handleStream2, gapSelections: gapSelections2 } = latestStateRef.current;
+    console.info("[IL-OTJ][critical-gaps] proceed clicked", {
+      isLastMessage,
+      messageIsEnd,
+      gapsSubmitted,
+      gapSelections: gapSelections2
+    });
+    const responses = gapSelections2.map((g) => {
+      const selection = Array.isArray(g.userSelection) ? g.userSelection.join(", ") : g.userSelection;
+      if (g.name === "") {
+        return selection || "Skipped";
+      }
+      return `${g.name}: ${selection || "Skipped"}`;
+    });
+    let finalMessage;
+    if (gapSelections2.length === 1 && gapSelections2[0].name === "") {
+      const selection = Array.isArray(gapSelections2[0].userSelection) ? gapSelections2[0].userSelection.join(", ") : gapSelections2[0].userSelection;
+      finalMessage = `Here is my response for the critical gap(s): ${selection || "Skipped"}`;
+    } else {
+      finalMessage = `Here is my response for the critical gap(s):
+${responses.join(",")}`;
+    }
+    console.info("[IL-OTJ][critical-gaps] sending finalMessage", { finalMessage });
+    handleStream2(new KeyboardEvent("keydown", { key: "Enter" }), false, finalMessage);
+    setGapsSubmitted(true);
+  }, [gapsSubmitted, isLastMessage, messageIsEnd]);
+  const getCitationByNumber = React.useCallback((citationNumber, source) => {
+    const { citations: citations2 } = latestStateRef.current;
+    if (!citations2) return null;
+    return citations2.find(
+      (c) => c.customMetaData.citation_number && c.customMetaData.citation_title !== "Cognitive Decisioning" && c.customMetaData.source === source && String(c.customMetaData.citation_number) === String(citationNumber)
+    ) || null;
+  }, []);
+  const handleTierToggle = React.useCallback((text, isToggleOn) => {
+    const { scrollToBottom: scrollToBottom2 } = latestStateRef.current;
+    const cleanText = Array.isArray(text) ? text[0].trim() : text.trim();
+    setShowSelectedTiers(true);
+    setSelectedTiers((prev) => {
+      let newSelection = [...prev];
+      const isAllOption = ["both tiers", "all tiers"].includes(cleanText.toLowerCase());
+      if (isAllOption) {
+        newSelection = isToggleOn ? ["Both Tiers", "Tier 1", "Tier 2"] : [];
+      } else {
+        if (isToggleOn) {
+          if (!newSelection.includes(cleanText)) newSelection.push(cleanText);
+        } else {
+          newSelection = newSelection.filter((t) => t !== cleanText);
+        }
+        const hasTier1 = newSelection.includes("Tier 1");
+        const hasTier2 = newSelection.includes("Tier 2");
+        if (hasTier1 && hasTier2) {
+          if (!newSelection.includes("Both Tiers")) newSelection.push("Both Tiers");
+        } else {
+          newSelection = newSelection.filter((t) => !["Both Tiers", "All tiers"].includes(t));
+        }
+      }
+      return newSelection.filter((item, index2) => newSelection.indexOf(item) === index2);
+    });
+    scrollToBottom2 == null ? void 0 : scrollToBottom2();
+  }, []);
+  const handleVariantToggle = React.useCallback((id, newVal, variantName, decisionStrength) => {
+    const { isCommitted: isCommitted2 } = latestStateRef.current;
+    if (isCommitted2) return;
+    if (newVal) {
+      setSelectedVariant({
+        id,
+        variantName,
+        decisionStrength
+      });
+    }
+  }, []);
+  const handleVariantEdit = () => {
+    const { isCommitted: isCommitted2 } = latestStateRef.current;
+    if (isCommitted2) return;
+    const label = `Edit ${(selectedVariant == null ? void 0 : selectedVariant.variantName) || "Selected Behavior"}`;
+    handleButtonAction(label, true, "edit");
+  };
+  const handleTierConfirmation = React.useCallback(() => {
+    const { handleStream: handleStream2, selectedTiers: selectedTiers2 } = latestStateRef.current;
+    const currentTiers = selectedTiers2;
+    let scopeText = currentTiers.join(" and ");
+    const hasBothTiers = currentTiers.some(
+      (t) => t.toLowerCase() === "both tiers" || t.toLowerCase() === "all tiers"
+    );
+    if (hasBothTiers) scopeText = "Both Tiers";
+    handleStream2(new KeyboardEvent("keydown", { key: "Enter" }), false, `${scopeText}`);
+    setTiersSubmitted(true);
+    setShowSelectedTiers(false);
+    setCurrentContent((prev) => {
+      return prev.replace(
+        /<checkbox\s+class=["']clickable-box["'][^>]*>([\s\S]*?)<\/checkbox>/gi,
+        (match, labelContent) => {
+          const cleanLabel = labelContent.trim();
+          if (currentTiers.includes(cleanLabel)) return match;
+          return "";
+        }
+      );
+    });
+  }, []);
+  const markdownComponents = React.useMemo(
+    () => ({
+      // ... [existing simple components p, code, ol, ul]
+      p: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          ...props,
+          style: {
+            maxWidth: "100%",
+            wordWrap: "break-word",
+            overflowWrap: "break-word",
+            wordBreak: "break-word",
+            whiteSpace: "normal",
+            overflow: "hidden",
+            display: "block",
+            fontSize: "1rem",
+            lineHeight: "1.625rem",
+            marginBottom: role === "user" ? "0" : "0.4rem"
+          },
+          children: props == null ? void 0 : props.children
+        }
+      ),
+      code: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          ...props,
+          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: props == null ? void 0 : props.children
+        }
+      ),
+      ol: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "ol",
+        {
+          ...props,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "1rem",
+            listStyle: "decimal",
+            paddingLeft: "2.5rem"
+          },
+          children: props == null ? void 0 : props.children
+        }
+      ),
+      ul: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "ul",
+        {
+          ...props,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "1rem",
+            listStyle: "decimal",
+            paddingLeft: "2.5rem"
+          },
+          children: props == null ? void 0 : props.children
+        }
+      ),
+      rule: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(ClickableChatComponents.RuleDisplay, { content: utils.extractTextFromChildren(props.children) }),
+      button: ({ node, className, ...props }) => {
+        const { isLastMessage: isLastMessage2, handleStream: handleStream2, isStreamEnd: isStreamEnd2 } = latestStateRef.current;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ClickableChatComponents.ActionableButton,
+          {
+            node,
+            className: className || props.class,
+            handleStream: handleStream2,
+            onAction: handleButtonAction,
+            disabled: !isLastMessage2 || !!isGlobalEditActive,
+            isStreamEnd: isStreamEnd2,
+            isLastMessage: isLastMessage2,
+            onTypeResponseClick,
+            baseURL,
+            ...props
+          }
+        );
+      },
+      checkbox: ({ node, className, ...props }) => {
+        const { selectedTiers: selectedTiers2, tiersSubmitted: tiersSubmitted2, isLastMessage: isLastMessage2 } = latestStateRef.current;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ClickableChatComponents.ActionableCheckbox,
+          {
+            node,
+            className: className || props.class,
+            selectedItems: selectedTiers2,
+            onToggle: handleTierToggle,
+            isSubmitted: tiersSubmitted2,
+            disabled: !isLastMessage2 || !!isGlobalEditActive,
+            ...props
+          }
+        );
+      },
+      a: (props) => {
+        const { chatSize: chatSize2, openCitationIds: openCitationIds2 } = latestStateRef.current;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MarkdownElements.MarkdownLinkRenderer,
+          {
+            ...props,
+            chatSize: chatSize2,
+            openCitationIds: openCitationIds2,
+            getCitationByNumber,
+            handleToggleState,
+            isStreamEnd: latestStateRef.current.isStreamEnd
+          }
+        );
+      },
+      div: (props) => {
+        const { openCardIds: openCardIds2, citations: citations2, isLastMessage: isLastMessage2, isStreamEnd: isStreamEnd2, gapsSubmitted: gapsSubmitted2, onTypeResponseClick: onTypeResponseClick2, handleStream: handleStream2 } = latestStateRef.current;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MarkdownElements.MarkdownDivRenderer,
+          {
+            ...props,
+            openCardIds: openCardIds2,
+            citations: citations2,
+            handleToggleState,
+            isStreamEnd: isStreamEnd2,
+            isLastMessage: isLastMessage2,
+            handleStream: handleStream2,
+            onGapValidation: handleGapValidation,
+            isGapsSubmitted: gapsSubmitted2,
+            onViewComparison,
+            onComparisonLinkClick,
+            onTypeResponseClick: onTypeResponseClick2,
+            isGlobalEditActive
+          }
+        );
+      },
+      span: (props) => {
+        var _a, _b, _c;
+        if (((_a = props.className) == null ? void 0 : _a.includes("cognitive-card-trigger")) || ((_b = props.className) == null ? void 0 : _b.includes("view-form-update-trigger")) || ((_c = props.className) == null ? void 0 : _c.includes("view-identified-fields-trigger"))) {
+          const { openCardIds: openCardIds2, citations: citations2, isLastMessage: isLastMessage2, isStreamEnd: isStreamEnd2 } = latestStateRef.current;
+          const shouldShowFinishedState = !isLastMessage2 || isStreamEnd2;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            MarkdownElements.MarkdownSpanRenderer,
+            {
+              ...props,
+              openCardIds: openCardIds2,
+              citations: citations2,
+              handleToggleState,
+              onComparisonLinkClick,
+              isStreamEnd: shouldShowFinishedState
+            }
+          );
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props });
+      },
+      "variant-card": ({ node, ...props }) => {
+        const { variantname, decisionstrength, id } = props;
+        const { isCommitted: isCommitted2, isLastMessage: isLastMessage2, selectedVariant: selectedVariant2 } = latestStateRef.current;
+        if (!messageIsEnd) {
+          return null;
+        }
+        const isSelectedBool = (selectedVariant2 == null ? void 0 : selectedVariant2.id) === id;
+        const strengthNum = parseInt(decisionstrength || "0");
+        const shouldBeEditable = !isCommitted2 && isLastMessage2 && !isGlobalEditActive;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          RuleVariantCard.RuleVariantCard,
+          {
+            variantName: variantname,
+            decisionStrength: strengthNum,
+            isEditable: shouldBeEditable,
+            isSelected: isSelectedBool,
+            onToggle: (val) => handleVariantToggle(id, val, variantname, strengthNum),
+            onEdit: () => handleVariantEdit(),
+            children: props.children
+          }
+        );
+      },
+      br: (props) => /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "0.75rem" }, ...props })
+    }),
+    [handleButtonAction, handleTierToggle, getCitationByNumber, handleToggleState, role, selectedVariant, isCommitted, messageIsEnd, handleGapValidation, handleVariantToggle, isGlobalEditActive]
+  );
+  React.useEffect(() => {
+    if (!tiersSubmitted) {
+      setCurrentContent(content);
+      setTimeout(() => {
+        scrollToBottom == null ? void 0 : scrollToBottom();
+      }, 50);
+    }
+  }, [content, tiersSubmitted, scrollToBottom]);
+  const prevOpenCountRef = React.useRef(0);
+  React.useEffect(() => {
+    const currentCount = openCardIds.size + openCitationIds.size;
+    if (currentCount > 0 && prevOpenCountRef.current === 0) {
+      setChatSize == null ? void 0 : setChatSize(50);
+    } else if (currentCount === 0 && prevOpenCountRef.current > 0) {
+      setChatSize == null ? void 0 : setChatSize(40);
+    }
+    prevOpenCountRef.current = currentCount;
+  }, [openCardIds, openCitationIds, setChatSize]);
+  const escapeHtml = (unsafe) => {
+    return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+  };
+  const sanitizeMarkdownContent = (content2) => {
+    if (!content2) return "";
+    let sanitized = content2;
+    const jsonBlocks = messageRenderingUtils.parseJsonBlocks(sanitized);
+    for (const block of jsonBlocks) {
+      if (block.property === "critical_gaps") {
+        const data = block.data;
+        const newData = (data == null ? void 0 : data.critical_gaps) || data;
+        const rawGaps = (newData == null ? void 0 : newData.gap_cards) || (newData == null ? void 0 : newData.gaps) || [];
+        const safeGapsArray = Array.isArray(rawGaps) ? rawGaps : rawGaps && typeof rawGaps === "object" ? [rawGaps] : [];
+        const actualData = {
+          count: String((newData == null ? void 0 : newData.count) || 0),
+          decisionStrength: (newData == null ? void 0 : newData.critical_gaps_decision_strength) || (newData == null ? void 0 : newData.decisionStrength) || "0",
+          value: (newData == null ? void 0 : newData.value) || "",
+          // Use the safe array for mapping
+          gaps: safeGapsArray.map((gap, index2) => {
+            var _a, _b, _c, _d, _e, _f;
+            const { text: gapValue, aiReasoning: gapAiReasoningFromText } = messageRenderingUtils.extractReasoningFromText((gap == null ? void 0 : gap.gap_value) || (gap == null ? void 0 : gap.value) || "");
+            const gapAiReasoning = (gap == null ? void 0 : gap.ai_reasoning) || (gap == null ? void 0 : gap.aiReasoning) || gapAiReasoningFromText;
+            const rawOptions = ((_a = gap == null ? void 0 : gap.interaction) == null ? void 0 : _a.options) || (gap == null ? void 0 : gap.options) || [];
+            const safeOptionsArray = Array.isArray(rawOptions) ? rawOptions : [rawOptions].filter(Boolean);
+            const options = safeOptionsArray.map((opt) => {
+              var _a2;
+              const { text: optLabel, aiReasoning: optAiReasoningFromText } = messageRenderingUtils.extractReasoningFromText((opt == null ? void 0 : opt.label) || (opt == null ? void 0 : opt.text) || "");
+              const optAiReasoning = (opt == null ? void 0 : opt.ai_reasoning) || (opt == null ? void 0 : opt.aiReasoning) || optAiReasoningFromText;
+              let explanation = (_a2 = opt.explanation) != null ? _a2 : null;
+              if (typeof explanation === "string") {
+                try {
+                  if (explanation.startsWith("[") && explanation.endsWith("]")) {
+                    explanation = JSON.parse(explanation.replace(/&quot;/g, '"'));
+                  } else {
+                    explanation = explanation ? [explanation] : null;
+                  }
+                } catch (e) {
+                  explanation = explanation ? [explanation] : null;
+                }
+              }
+              return {
+                id: opt == null ? void 0 : opt.id,
+                text: optLabel,
+                explanation,
+                aiReasoning: messageRenderingUtils.buildAiReasoning(optAiReasoning),
+                is_recommended: (opt == null ? void 0 : opt.is_recommended) || (opt == null ? void 0 : opt.isRecommended) || false
+              };
+            });
+            return {
+              id: (gap == null ? void 0 : gap.id) || `gap-${index2}`,
+              name: (gap == null ? void 0 : gap.gap_name) !== void 0 && (gap == null ? void 0 : gap.gap_name) !== null ? gap.gap_name : (gap == null ? void 0 : gap.name) || "Gap",
+              decisionStrength: (gap == null ? void 0 : gap.gap_decision_strength) || (gap == null ? void 0 : gap.decisionStrength) || "0",
+              impact: (gap == null ? void 0 : gap.impact) || "Medium",
+              value: gapValue,
+              aiReasoning: messageRenderingUtils.buildAiReasoning(gapAiReasoning),
+              inputType: ((_b = gap == null ? void 0 : gap.interaction) == null ? void 0 : _b.interaction_type) === "textfield" || (gap == null ? void 0 : gap.inputType) === "text" ? "text" : ((_c = gap == null ? void 0 : gap.interaction) == null ? void 0 : _c.interaction_type) === "radioselect" || ((_d = gap == null ? void 0 : gap.interaction) == null ? void 0 : _d.interaction_type) === "radio" || (gap == null ? void 0 : gap.inputType) === "radio" ? "radio" : ((_e = gap == null ? void 0 : gap.interaction) == null ? void 0 : _e.interaction_type) === "checkbox" || (gap == null ? void 0 : gap.inputType) === "checkbox" ? "checkbox" : "text",
+              options,
+              userSelection: ((_f = gap == null ? void 0 : gap.interaction) == null ? void 0 : _f.interaction_type) === "checkbox" || (gap == null ? void 0 : gap.inputType) === "checkbox" ? [] : ""
+            };
+          })
+        };
+        const jsonStr = JSON.stringify(actualData).replace(/"/g, "&quot;");
+        sanitized = sanitized.replace(block.rawMatch, `
+
+<div class="critical-gaps-trigger" data-payload="${jsonStr}"></div>
+
+`);
+      } else if (block.property === "updated_fields" || block.property === "identified_fields") {
+        const data = (block == null ? void 0 : block.data) && typeof block.data === "object" ? block.data : {};
+        const labelMap = {
+          title: "Rule Title",
+          description: "Description",
+          rule_description: "Description",
+          wta: "When to Apply",
+          wnta: "When NOT to Apply",
+          scope: "Tier Information",
+          rule_type: "Rule Type",
+          ...fieldLabelMap || {}
+        };
+        const ignoredFields = ["ai_reasoning", "scheduling_config", "is_user_accepted_risk"];
+        const fields = [];
+        Object.keys(data).forEach((key) => {
+          var _a;
+          try {
+            let rawValue = data[key];
+            if (ignoredFields.includes(key) || rawValue == null) {
+              return;
+            }
+            if (key === "learning_metadata" && typeof rawValue === "object" && !Array.isArray(rawValue)) {
+              const metadata = (_a = rawValue.properties) != null ? _a : rawValue;
+              const { scheduling_config, ...visibleMetadata } = metadata;
+              if (Object.keys(visibleMetadata).length === 0) return;
+              rawValue = rawValue.properties ? { ...rawValue, properties: visibleMetadata } : visibleMetadata;
+            }
+            if (ignoredFields.includes(key) || rawValue === null || rawValue === void 0) {
+              return;
+            }
+            const displayLabel = labelMap[key] || key.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+            const { text: cleanValue, aiReasoning, segments } = messageRenderingUtils.extractReasoningFromText(rawValue);
+            let safeSegments = segments;
+            if (cleanValue || safeSegments.length > 0) {
+              if (safeSegments.length > 0) {
+                if (safeSegments[0].type === "text") {
+                  safeSegments[0].content = `${displayLabel}: ${safeSegments[0].content}`;
+                } else {
+                  safeSegments.unshift({ type: "text", content: `${displayLabel}: ` });
+                }
+              } else {
+                safeSegments = [{ type: "text", content: `${displayLabel}: ${cleanValue}` }];
+              }
+              fields.push({
+                label: `${displayLabel}: ${cleanValue}`,
+                reasoning: aiReasoning,
+                segments: safeSegments
+              });
+            }
+          } catch (fieldError) {
+            console.error(`Error processing field "${key}":`, fieldError);
+          }
+        });
+        const safeTitle = block.property === "updated_fields" ? "Updated Details" : "Identified Details";
+        if (fields.length === 0) {
+          sanitized = sanitized.replace(block.rawMatch, "");
+        } else {
+          try {
+            const payload = { title: safeTitle, fields };
+            const jsonStr = JSON.stringify(payload).replace(/"/g, "&quot;");
+            const triggerClass = block.property === "updated_fields" ? "view-form-update-trigger" : "view-identified-fields-trigger";
+            sanitized = sanitized.replace(block.rawMatch, `<span class="${triggerClass}" data-payload="${jsonStr}"></span>`);
+          } catch (stringifyError) {
+            sanitized = sanitized.replace(block.rawMatch, "");
+          }
+        }
+      } else if (block.property === "variant_card") {
+        const variants = block.data.variants;
+        const cards = variants.map(
+          (v) => {
+            var _a, _b, _c, _d;
+            return `<variant-card id="${v.id || ""}" variantname="${v.variant_name || v.variantname || ""}" decisionstrength="${(_b = (_a = v.decision_strength) != null ? _a : v.decisionstrength) != null ? _b : "0"}" iseditable="${v.iseditable || "false"}" isselected="${(_d = (_c = v.is_selected) != null ? _c : v.isselected) != null ? _d : "false"}">${v.description || v.innerContent || ""}</variant-card>`;
+          }
+        ).join("\n\n");
+        sanitized = sanitized.replace(block.rawMatch, `
+
+${cards}
+
+`);
+      } else if (block.property === "rule_validation_card") {
+        const rvData = block.data;
+        const getSafeAttr = (val) => escapeHtml(String(val != null ? val : ""));
+        const rules = Array.isArray(rvData == null ? void 0 : rvData.validated_rules) ? rvData.validated_rules : [rvData];
+        const cards = rules.map((rule) => {
+          const { text: cleanDescription, aiReasoning: descReasoning } = messageRenderingUtils.extractReasoningFromText(rule.rule_description || rule.ruleDescription || "");
+          const { text: cleanTitle, aiReasoning: titleReasoning } = messageRenderingUtils.extractReasoningFromText(rule.rule_title || rule.ruleTitle || "");
+          const finalReasoning = descReasoning || titleReasoning;
+          let innerContent = "";
+          if (finalReasoning) {
+            innerContent = `<ai_reasoning>
+            <id>${finalReasoning.id || ""}</id>
+            <reason>${finalReasoning.reason || ""}</reason>
+            <gap>${finalReasoning.gap || ""}</gap>
+            <relevance_score>${finalReasoning.score || ""}</relevance_score>
+          </ai_reasoning>`;
+          }
+          return `<div class="rule-validation-card-trigger"
+          data-type="${getSafeAttr(rule.validation_type || rule.validationType)}"
+          data-decision-strength="${getSafeAttr(rule.decision_strength || rule.decisionStrength)}"
+          data-title="${getSafeAttr(cleanTitle)}"
+          data-tier="${getSafeAttr(rule.tier)}"
+          data-rule-id="${getSafeAttr(rule.rule_id || rule.ruleId)}"
+          data-description="${getSafeAttr(cleanDescription)}">
+          ${innerContent}
+        </div>`;
+        }).join("\n\n");
+        sanitized = sanitized.replace(block.rawMatch, `
+
+${cards}
+
+`);
+      }
+    }
+    sanitized = sanitized.replace(/\\"/g, '"').replace(/\\'/g, "'").replace(/\u00A0/g, " ").replace(/\r\n/g, "\n");
+    sanitized = sanitized.replace(/```(?:\w+)?\n?([\s\S]*?)```/gi, "$1");
+    sanitized = sanitized.replace(/<br\s*\/?>/gi, "\n\n");
+    sanitized = sanitized.replace(
+      /<(singleselect|multiselect|instantselect)>([\s\S]*?)<\/\1>/gi,
+      (match, type, innerContent) => {
+        let selectType = "multi";
+        if (type === "singleselect") selectType = "single";
+        else if (type === "instantselect") selectType = "instant";
+        return `
+
+<div class="markdown-select-trigger" data-type="${selectType}">${innerContent}</div>
+
+`;
+      }
+    );
+    sanitized = sanitized.replace(
+      /<selectoption\s+([\s\S]*?)>([\s\S]*?)<\/selectoption>/gi,
+      (match, attributeString, label) => {
+        const attrMap = {};
+        const attrRegex = /([a-z0-9-]+)\s*=\s*(["'])([\s\S]*?)\2/gi;
+        let attrMatch;
+        while ((attrMatch = attrRegex.exec(attributeString)) !== null) {
+          attrMap[attrMatch[1]] = attrMatch[3];
+        }
+        return `<div class="select-option-item" data-id="${attrMap["id"] || ""}" data-cd="${attrMap["cd"] || "false"}">${label}</div>`;
+      }
+    );
+    sanitized = sanitized.replace(/<!--<ai_reasoning>(?![\s\S]*?<\/ai_reasoning>-->)[\s\S]*$/gi, "");
+    const specialTags = ["ai_reasoning"];
+    specialTags.forEach((tag) => {
+      const regex = new RegExp(
+        `<!--\\s*(<${tag}>[\\s\\S]*?<\\/${tag}>)\\s*-->`,
+        "gi"
+      );
+      sanitized = sanitized.replace(regex, "$1");
+    });
+    let cardCounter = 0;
+    sanitized = sanitized.replace(
+      /<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/gi,
+      (match, innerContent) => {
+        let shieldedContent = innerContent.replace(
+          /\[([^\]]+)\]\(([^)]+)\)/g,
+          (_, text, url) => `<a href="${url}" data-shielded="true">${text}</a>`
+        );
+        shieldedContent = shieldedContent.replace(/</g, "&lt;").replace(/>/g, "&gt;");
+        cardCounter++;
+        return `<span class="cognitive-card-trigger" data-card-id="card-${cardCounter}">${shieldedContent}</span>`;
+      }
+    );
+    let linkCounter = 0;
+    const result = sanitized.replace(/(\[[^\]]+\]\()([^)]+)(\))/g, (match, prefix, url, suffix) => {
+      const fixedUrl = url.replace(/\s/g, "%20");
+      if (fixedUrl.includes("citationNumber=")) {
+        linkCounter++;
+        const separator = fixedUrl.includes("?") ? "&" : "?";
+        return `${prefix}${fixedUrl}${separator}uiUniqueId=${linkCounter}${suffix}`;
+      }
+      return `${prefix}${fixedUrl}${suffix}`;
+    });
+    return result;
+  };
+  const getSelectedTiersDisplay = () => {
+    if (!selectedTiers || selectedTiers.length === 0) return "";
+    const hasBothTiers = selectedTiers.some(
+      (t) => t.toLowerCase() === "both tiers" || t.toLowerCase() === "all tiers"
+    );
+    return hasBothTiers ? "Both Tiers" : selectedTiers.join(", ");
+  };
+  const REHYPE_PLUGINS = React.useMemo(() => [rehypeRaw__default["default"]], []);
+  const REMARK_PLUGINS = React.useMemo(() => [remarkGfm__default["default"]], []);
+  const variantLabel = (selectedVariant == null ? void 0 : selectedVariant.variantName) || "Selected Behavior";
+  const hasTypeResponseSelected = gapSelections.some((g) => {
+    if (!g.userSelection || !g.options) return false;
+    const selections = Array.isArray(g.userSelection) ? g.userSelection : [g.userSelection];
+    return selections.some((selText) => {
+      const selectedOpt = g.options.find((o) => o.text === selText);
+      return (selectedOpt == null ? void 0 : selectedOpt.id) === "typeYourAnswer" || selText.trim().toLowerCase() === "type your response";
+    });
+  });
+  React.useEffect(() => {
+    console.info("[IL-OTJ][critical-gaps] button visibility", {
+      isGapsReady,
+      isLastMessage,
+      messageIsEnd,
+      gapsSubmitted,
+      hasTypeResponseSelected,
+      gapSelections
+    });
+  }, [isGapsReady, isLastMessage, messageIsEnd, gapsSubmitted, hasTypeResponseSelected, gapSelections]);
+  const showGapsButton = isGapsReady && (isLastMessage || gapsSubmitted) && !hasTypeResponseSelected;
+  const isVariantCard = React.useMemo(() => {
+    return messageRenderingUtils.parseJsonBlocks(currentContent).some((item) => item.property === "variant_card");
+  }, [currentContent]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          lineHeight: "1.625rem",
+          fontSize: "1rem",
+          marginTop: "0.5rem",
+          marginBottom: `${role === "assistant" ? "0.3rem" : "0rem"}`,
+          fontFamily: "Plus Jakarta Sans, sans-serif"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ReactMarkdown__default["default"],
+            {
+              components: markdownComponents,
+              rehypePlugins: REHYPE_PLUGINS,
+              remarkPlugins: REMARK_PLUGINS,
+              children: sanitizeMarkdownContent(currentContent)
+            },
+            index
+          ),
+          messageIsEnd && isVariantCard && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { gap: "8px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ClickableChatComponents.ActionableButton,
+              {
+                className: "clickable-button",
+                handleStream,
+                disabled: !isLastMessage || !selectedVariant && !isCommitted || isCommitted && clickedAction !== "add" || isGlobalEditActive,
+                isStreamEnd,
+                onAction: () => handleButtonAction(`Add ${variantLabel}`, true, "add"),
+                "data-selected": clickedAction === "add" ? "true" : isCommitted ? "false" : void 0,
+                baseURL,
+                children: [
+                  "Add ",
+                  variantLabel
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ClickableChatComponents.ActionableButton,
+              {
+                className: "clickable-button",
+                handleStream,
+                disabled: !isLastMessage || !selectedVariant && !isCommitted || isCommitted && clickedAction !== "edit" || isGlobalEditActive,
+                isStreamEnd,
+                onAction: () => handleButtonAction(`Edit ${variantLabel}`, true, "edit"),
+                "data-selected": clickedAction === "edit" ? "true" : isCommitted ? "false" : void 0,
+                baseURL,
+                children: [
+                  "Edit ",
+                  variantLabel
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ClickableChatComponents.ActionableButton,
+              {
+                className: "clickable-button",
+                handleStream,
+                disabled: !isLastMessage || isCommitted && clickedAction !== "skip" || isGlobalEditActive,
+                isStreamEnd,
+                onAction: () => handleButtonAction("Skip for now", true, "skip"),
+                "data-selected": clickedAction === "skip" ? "true" : isCommitted ? "false" : void 0,
+                baseURL,
+                children: "Skip for now"
+              }
+            )
+          ] }),
+          showGapsButton && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "12px", display: "flex", justifyContent: "flex-start" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            MarkdownSelect.MarkdownSelect,
+            {
+              type: "instant",
+              options: [{ id: "proceed-gaps", label: "Proceed" }],
+              selectedIds: gapsSubmitted ? ["proceed-gaps"] : [],
+              disabled: gapsSubmitted,
+              citations: [],
+              onProceed: handleProceedGaps
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", maxWidth: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%" }, children: (selectedTiers == null ? void 0 : selectedTiers.length) > 0 && showSelectedTiers && !tiersSubmitted ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "10px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "It looks like you've chosen ",
+        getSelectedTiersDisplay(),
+        ". Would you like me to proceed?"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          style: {
+            padding: "0.5rem 1rem",
+            margin: "0.5rem 0",
+            backgroundColor: "#2661eb",
+            color: "white",
+            border: "none",
+            borderRadius: "8px",
+            cursor: "pointer",
+            fontSize: "0.75rem",
+            fontWeight: "500",
+            fontFamily: "Plus Jakarta Sans, sans-serif"
+          },
+          onClick: handleTierConfirmation,
+          children: "Yes"
+        }
+      ) })
+    ] }) : null }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ChatFeedback["default"],
+      {
+        isLastMessage,
+        isStreamEnd,
+        role,
+        content,
+        messages,
+        index,
+        onFeedbackSubmit,
+        feedbackConfig
+      }
+    )
+  ] });
+};
+var MessageRendering$1 = MessageRendering;
+
+exports["default"] = MessageRendering$1;
 //# sourceMappingURL=MessageRendering.js.map