@seed-ship/mcp-ui-solid 6.19.1 → 6.21.0

package/dist/components/VerifiedText.cjs

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const web = require("solid-js/web");
 const solidJs = require("solid-js");
-var _tmpl$ = /* @__PURE__ */ web.template(`<div class="verified-text text-sm leading-relaxed"><!$><!/><!$><!/>`), _tmpl$2 = /* @__PURE__ */ web.template(`<span>`), _tmpl$3 = /* @__PURE__ */ web.template(`<span class="inline-flex items-center gap-0.5 px-0.5 rounded bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300"title="Verified against source data"><!$><!/><span class="text-xs opacity-70"aria-label=verified>&#x2705;`), _tmpl$4 = /* @__PURE__ */ web.template(`<span class="inline-flex items-center px-1 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-700 dark:text-amber-300 italic text-xs">[non v&eacute;rifi&eacute;]`), _tmpl$5 = /* @__PURE__ */ web.template(`<span class="inline-flex items-center gap-0.5 px-0.5 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-800 dark:text-amber-300 cursor-help"><!$><!/><span class=text-xs aria-label=unverified>&#x26A0;&#xFE0F;`), _tmpl$6 = /* @__PURE__ */ web.template(`<div class="mt-2 flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><div class="flex-1 h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden"><div class="h-full rounded-full transition-all"></div></div><span><!$><!/>% verified (<!$><!/> unverified)`);
+const MCPUIStringsContext = require("../context/MCPUIStringsContext.cjs");
+const formatString = require("../utils/format-string.cjs");
+var _tmpl$ = /* @__PURE__ */ web.template(`<div class="verified-text text-sm leading-relaxed"><!$><!/><!$><!/>`), _tmpl$2 = /* @__PURE__ */ web.template(`<span>`), _tmpl$3 = /* @__PURE__ */ web.template(`<span class="inline-flex items-center gap-0.5 px-0.5 rounded bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300"><!$><!/><span class="text-xs opacity-70">&#x2705;`), _tmpl$4 = /* @__PURE__ */ web.template(`<span class="inline-flex items-center px-1 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-700 dark:text-amber-300 italic text-xs">`), _tmpl$5 = /* @__PURE__ */ web.template(`<span class="inline-flex items-center gap-0.5 px-0.5 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-800 dark:text-amber-300 cursor-help"><!$><!/><span class=text-xs>&#x26A0;&#xFE0F;`), _tmpl$6 = /* @__PURE__ */ web.template(`<div class="mt-2 flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><div class="flex-1 h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden"><div class="h-full rounded-full transition-all"></div></div><span><!$><!/> <!$><!/>`);
 function buildAnnotatedSegments(text, validation) {
   const hallucinatedPositions = /* @__PURE__ */ new Map();
   for (const h of validation.hallucinated) {
@@ -63,6 +65,7 @@ function buildAnnotatedSegments(text, validation) {
   return segments;
 }
 function VerifiedText(props) {
+  const strings = MCPUIStringsContext.useMCPUIStrings();
   const mode = () => props.mode || "highlight";
   const segments = solidJs.createMemo(() => {
     if (!props.validation || props.validation.valid) {
@@ -89,42 +92,55 @@ function VerifiedText(props) {
         }
         if (seg.type === "verified") {
           return (() => {
-            var _el$7 = web.getNextElement(_tmpl$3), _el$9 = _el$7.firstChild, [_el$0, _co$3] = web.getNextMarker(_el$9.nextSibling);
-            _el$0.nextSibling;
+            var _el$7 = web.getNextElement(_tmpl$3), _el$9 = _el$7.firstChild, [_el$0, _co$3] = web.getNextMarker(_el$9.nextSibling), _el$8 = _el$0.nextSibling;
             web.insert(_el$7, () => seg.content, _el$0, _co$3);
+            web.effect((_p$) => {
+              var _v$ = strings.verifiedTitle, _v$2 = strings.verifiedAria;
+              _v$ !== _p$.e && web.setAttribute(_el$7, "title", _p$.e = _v$);
+              _v$2 !== _p$.t && web.setAttribute(_el$8, "aria-label", _p$.t = _v$2);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0
+            });
             return _el$7;
           })();
         }
         const h = seg.item;
         const tooltipText = () => {
           if (h.closest != null && h.distance != null) {
-            return `Not found in source data. Closest: ${h.closest} (${Math.round(h.distance * 100)}% off)`;
+            return formatString.formatMCPUIString(strings.verifiedNotFoundClosest, {
+              closest: h.closest,
+              pct: Math.round(h.distance * 100)
+            });
           }
-          return "Not found in source data";
+          return strings.verifiedNotFound;
         };
         if (mode() === "strip") {
           return (() => {
             var _el$1 = web.getNextElement(_tmpl$4);
+            web.insert(_el$1, () => strings.verifiedStripLabel);
             web.effect(() => web.setAttribute(_el$1, "title", tooltipText()));
             return _el$1;
           })();
         }
         return (() => {
-          var _el$10 = web.getNextElement(_tmpl$5), _el$12 = _el$10.firstChild, [_el$13, _co$4] = web.getNextMarker(_el$12.nextSibling);
-          _el$13.nextSibling;
+          var _el$10 = web.getNextElement(_tmpl$5), _el$12 = _el$10.firstChild, [_el$13, _co$4] = web.getNextMarker(_el$12.nextSibling), _el$11 = _el$13.nextSibling;
           _el$10.$$click = () => {
             var _a;
             return (_a = props.onHallucinationClick) == null ? void 0 : _a.call(props, h);
           };
           web.insert(_el$10, () => seg.content, _el$13, _co$4);
           web.effect((_p$) => {
-            var _v$ = tooltipText(), _v$2 = props.onHallucinationClick ? "button" : void 0;
-            _v$ !== _p$.e && web.setAttribute(_el$10, "title", _p$.e = _v$);
-            _v$2 !== _p$.t && web.setAttribute(_el$10, "role", _p$.t = _v$2);
+            var _v$3 = tooltipText(), _v$4 = props.onHallucinationClick ? "button" : void 0, _v$5 = strings.unverifiedAria;
+            _v$3 !== _p$.e && web.setAttribute(_el$10, "title", _p$.e = _v$3);
+            _v$4 !== _p$.t && web.setAttribute(_el$10, "role", _p$.t = _v$4);
+            _v$5 !== _p$.a && web.setAttribute(_el$11, "aria-label", _p$.a = _v$5);
             return _p$;
           }, {
             e: void 0,
-            t: void 0
+            t: void 0,
+            a: void 0
           });
           web.runHydrationEvents();
           return _el$10;
@@ -134,16 +150,19 @@ function VerifiedText(props) {
     web.insert(_el$, (() => {
       var _c$ = web.memo(() => !!(props.validation && !props.validation.valid));
       return () => _c$() && (() => {
-        var _el$14 = web.getNextElement(_tmpl$6), _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$15.nextSibling, _el$20 = _el$17.firstChild, [_el$21, _co$5] = web.getNextMarker(_el$20.nextSibling), _el$18 = _el$21.nextSibling, _el$22 = _el$18.nextSibling, [_el$23, _co$6] = web.getNextMarker(_el$22.nextSibling);
-        _el$23.nextSibling;
-        web.insert(_el$17, () => Math.round(props.validation.confidence * 100), _el$21, _co$5);
-        web.insert(_el$17, () => props.validation.hallucinated.length, _el$23, _co$6);
+        var _el$14 = web.getNextElement(_tmpl$6), _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$15.nextSibling, _el$19 = _el$17.firstChild, [_el$20, _co$5] = web.getNextMarker(_el$19.nextSibling), _el$18 = _el$20.nextSibling, _el$21 = _el$18.nextSibling, [_el$22, _co$6] = web.getNextMarker(_el$21.nextSibling);
+        web.insert(_el$17, () => formatString.formatMCPUIString(strings.verifiedConfidence, {
+          pct: Math.round(props.validation.confidence * 100)
+        }), _el$20, _co$5);
+        web.insert(_el$17, () => formatString.formatMCPUIString(strings.verifiedUnverifiedCount, {
+          count: props.validation.hallucinated.length
+        }), _el$22, _co$6);
         web.effect((_p$) => {
-          var _v$3 = !!(props.validation.confidence >= 0.8), _v$4 = !!(props.validation.confidence >= 0.5 && props.validation.confidence < 0.8), _v$5 = !!(props.validation.confidence < 0.5), _v$6 = `${Math.round(props.validation.confidence * 100)}%`;
-          _v$3 !== _p$.e && _el$16.classList.toggle("bg-green-500", _p$.e = _v$3);
-          _v$4 !== _p$.t && _el$16.classList.toggle("bg-amber-500", _p$.t = _v$4);
-          _v$5 !== _p$.a && _el$16.classList.toggle("bg-red-500", _p$.a = _v$5);
-          _v$6 !== _p$.o && web.setStyleProperty(_el$16, "width", _p$.o = _v$6);
+          var _v$6 = !!(props.validation.confidence >= 0.8), _v$7 = !!(props.validation.confidence >= 0.5 && props.validation.confidence < 0.8), _v$8 = !!(props.validation.confidence < 0.5), _v$9 = `${Math.round(props.validation.confidence * 100)}%`;
+          _v$6 !== _p$.e && _el$16.classList.toggle("bg-green-500", _p$.e = _v$6);
+          _v$7 !== _p$.t && _el$16.classList.toggle("bg-amber-500", _p$.t = _v$7);
+          _v$8 !== _p$.a && _el$16.classList.toggle("bg-red-500", _p$.a = _v$8);
+          _v$9 !== _p$.o && web.setStyleProperty(_el$16, "width", _p$.o = _v$9);
           return _p$;
         }, {
           e: void 0,

package/dist/components/VerifiedText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VerifiedText.cjs","sources":["../../src/components/VerifiedText.tsx"],"sourcesContent":["/**\n * VerifiedText — renders LLM text with inline verification badges\n * v3.1.0: Highlights verified vs hallucinated numbers\n *\n * @experimental\n *\n * Modes:\n * - highlight: ✅/⚠️ badges next to numbers (default)\n * - strip: replaces hallucinated numbers with [non vérifié]\n * - annotate: tooltip on hover with closest source number\n */\n\nimport { createMemo, For } from 'solid-js'\nimport type { DataValidation, HallucinatedNumber } from '../types/chat-bus'\n\nexport interface VerifiedTextProps {\n  text: string\n  validation: DataValidation\n  /** Display mode (default: 'highlight') */\n  mode?: 'highlight' | 'strip' | 'annotate'\n  /** Callback when a hallucinated number is clicked */\n  onHallucinationClick?: (item: HallucinatedNumber) => void\n}\n\ninterface TextSegment {\n  type: 'text' | 'verified' | 'hallucinated'\n  content: string\n  item?: HallucinatedNumber\n}\n\n/**\n * Build annotated segments by splitting text at number positions.\n * Verified numbers get ✅, hallucinated get ⚠️.\n */\nfunction buildAnnotatedSegments(text: string, validation: DataValidation): TextSegment[] {\n  // Build position maps\n  const hallucinatedPositions = new Map<number, HallucinatedNumber>()\n  for (const h of validation.hallucinated) {\n    hallucinatedPositions.set(h.position, h)\n  }\n\n  const verifiedPositions = new Set<number>()\n  for (const n of validation.llmNumbers) {\n    if (!hallucinatedPositions.has(n.position)) {\n      verifiedPositions.add(n.position)\n    }\n  }\n\n  // Re-extract number lengths from text for precise splitting\n  const numberRegex = /\\d[\\d\\s,.]*\\d|\\d+/g\n  const matches: Array<{ start: number; end: number }> = []\n  let m: RegExpExecArray | null\n  while ((m = numberRegex.exec(text)) !== null) {\n    matches.push({ start: m.index, end: m.index + m[0].length })\n  }\n\n  // Build a lookup from position → match\n  const matchByPosition = new Map<number, { start: number; end: number }>()\n  for (const match of matches) {\n    matchByPosition.set(match.start, match)\n  }\n\n  // Build segments\n  const segments: TextSegment[] = []\n  let cursor = 0\n\n  for (const num of validation.llmNumbers) {\n    const match = matchByPosition.get(num.position)\n    if (!match) continue\n\n    // Text before this number\n    if (match.start > cursor) {\n      segments.push({ type: 'text', content: text.slice(cursor, match.start) })\n    }\n\n    const numberText = text.slice(match.start, match.end)\n    const hallucinated = hallucinatedPositions.get(num.position)\n\n    if (hallucinated) {\n      segments.push({ type: 'hallucinated', content: numberText, item: hallucinated })\n    } else {\n      segments.push({ type: 'verified', content: numberText })\n    }\n\n    cursor = match.end\n  }\n\n  // Remaining text\n  if (cursor < text.length) {\n    segments.push({ type: 'text', content: text.slice(cursor) })\n  }\n\n  return segments\n}\n\nexport function VerifiedText(props: VerifiedTextProps) {\n  const mode = () => props.mode || 'highlight'\n\n  const segments = createMemo<TextSegment[]>(() => {\n    if (!props.validation || props.validation.valid) {\n      return [{ type: 'text' as const, content: props.text }]\n    }\n    return buildAnnotatedSegments(props.text, props.validation)\n  })\n\n  return (\n    <div class=\"verified-text text-sm leading-relaxed\">\n      <For each={segments()}>\n        {(seg) => {\n          if (seg.type === 'text') {\n            return <span>{seg.content}</span>\n          }\n\n          if (seg.type === 'verified') {\n            return (\n              <span\n                class=\"inline-flex items-center gap-0.5 px-0.5 rounded bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300\"\n                title=\"Verified against source data\"\n              >\n                {seg.content}\n                <span class=\"text-xs opacity-70\" aria-label=\"verified\">&#x2705;</span>\n              </span>\n            )\n          }\n\n          // hallucinated\n          const h = seg.item!\n          const tooltipText = () => {\n            if (h.closest != null && h.distance != null) {\n              return `Not found in source data. Closest: ${h.closest} (${Math.round(h.distance * 100)}% off)`\n            }\n            return 'Not found in source data'\n          }\n\n          if (mode() === 'strip') {\n            return (\n              <span\n                class=\"inline-flex items-center px-1 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-700 dark:text-amber-300 italic text-xs\"\n                title={tooltipText()}\n              >\n                [non v&eacute;rifi&eacute;]\n              </span>\n            )\n          }\n\n          return (\n            <span\n              class=\"inline-flex items-center gap-0.5 px-0.5 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-800 dark:text-amber-300 cursor-help\"\n              title={tooltipText()}\n              onClick={() => props.onHallucinationClick?.(h)}\n              role={props.onHallucinationClick ? 'button' : undefined}\n            >\n              {seg.content}\n              <span class=\"text-xs\" aria-label=\"unverified\">&#x26A0;&#xFE0F;</span>\n            </span>\n          )\n        }}\n      </For>\n\n      {/* Confidence bar */}\n      {props.validation && !props.validation.valid && (\n        <div class=\"mt-2 flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400\">\n          <div class=\"flex-1 h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden\">\n            <div\n              class=\"h-full rounded-full transition-all\"\n              classList={{\n                'bg-green-500': props.validation.confidence >= 0.8,\n                'bg-amber-500': props.validation.confidence >= 0.5 && props.validation.confidence < 0.8,\n                'bg-red-500': props.validation.confidence < 0.5,\n              }}\n              style={{ width: `${Math.round(props.validation.confidence * 100)}%` }}\n            />\n          </div>\n          <span>\n            {Math.round(props.validation.confidence * 100)}% verified\n            ({props.validation.hallucinated.length} unverified)\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["buildAnnotatedSegments","text","validation","hallucinatedPositions","Map","h","hallucinated","set","position","verifiedPositions","Set","n","llmNumbers","has","add","numberRegex","matches","m","exec","push","start","index","end","length","matchByPosition","match","segments","cursor","num","get","type","content","slice","numberText","item","VerifiedText","props","mode","createMemo","valid","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_co$","_$getNextMarker","nextSibling","_el$4","_el$5","_co$2","_$insert","_$createComponent","For","each","children","seg","_el$6","_tmpl$2","_el$7","_tmpl$3","_el$9","_el$0","_co$3","tooltipText","closest","distance","Math","round","_el$1","_tmpl$4","_$effect","_$setAttribute","_el$10","_tmpl$5","_el$12","_el$13","_co$4","$$click","onHallucinationClick","_p$","_v$","_v$2","undefined","e","t","_$runHydrationEvents","_c$","_$memo","_el$14","_tmpl$6","_el$15","_el$16","_el$17","_el$20","_el$21","_co$5","_el$18","_el$22","_el$23","_co$6","confidence","_v$3","_v$4","_v$5","_v$6","classList","toggle","a","o","_$setStyleProperty","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"VerifiedText.cjs","sources":["../../src/components/VerifiedText.tsx"],"sourcesContent":["/**\n * VerifiedText — renders LLM text with inline verification badges\n * v3.1.0: Highlights verified vs hallucinated numbers\n *\n * @experimental\n *\n * Modes:\n * - highlight: ✅/⚠️ badges next to numbers (default)\n * - strip: replaces hallucinated numbers with the `verifiedStripLabel`\n *   chrome string ('[unverified]' by default)\n * - annotate: tooltip on hover with closest source number\n */\n\nimport { createMemo, For } from 'solid-js'\nimport type { DataValidation, HallucinatedNumber } from '../types/chat-bus'\nimport { formatMCPUIString, useMCPUIStrings } from '../context/MCPUIStringsContext'\n\nexport interface VerifiedTextProps {\n  text: string\n  validation: DataValidation\n  /** Display mode (default: 'highlight') */\n  mode?: 'highlight' | 'strip' | 'annotate'\n  /** Callback when a hallucinated number is clicked */\n  onHallucinationClick?: (item: HallucinatedNumber) => void\n}\n\ninterface TextSegment {\n  type: 'text' | 'verified' | 'hallucinated'\n  content: string\n  item?: HallucinatedNumber\n}\n\n/**\n * Build annotated segments by splitting text at number positions.\n * Verified numbers get ✅, hallucinated get ⚠️.\n */\nfunction buildAnnotatedSegments(text: string, validation: DataValidation): TextSegment[] {\n  // Build position maps\n  const hallucinatedPositions = new Map<number, HallucinatedNumber>()\n  for (const h of validation.hallucinated) {\n    hallucinatedPositions.set(h.position, h)\n  }\n\n  const verifiedPositions = new Set<number>()\n  for (const n of validation.llmNumbers) {\n    if (!hallucinatedPositions.has(n.position)) {\n      verifiedPositions.add(n.position)\n    }\n  }\n\n  // Re-extract number lengths from text for precise splitting\n  const numberRegex = /\\d[\\d\\s,.]*\\d|\\d+/g\n  const matches: Array<{ start: number; end: number }> = []\n  let m: RegExpExecArray | null\n  while ((m = numberRegex.exec(text)) !== null) {\n    matches.push({ start: m.index, end: m.index + m[0].length })\n  }\n\n  // Build a lookup from position → match\n  const matchByPosition = new Map<number, { start: number; end: number }>()\n  for (const match of matches) {\n    matchByPosition.set(match.start, match)\n  }\n\n  // Build segments\n  const segments: TextSegment[] = []\n  let cursor = 0\n\n  for (const num of validation.llmNumbers) {\n    const match = matchByPosition.get(num.position)\n    if (!match) continue\n\n    // Text before this number\n    if (match.start > cursor) {\n      segments.push({ type: 'text', content: text.slice(cursor, match.start) })\n    }\n\n    const numberText = text.slice(match.start, match.end)\n    const hallucinated = hallucinatedPositions.get(num.position)\n\n    if (hallucinated) {\n      segments.push({ type: 'hallucinated', content: numberText, item: hallucinated })\n    } else {\n      segments.push({ type: 'verified', content: numberText })\n    }\n\n    cursor = match.end\n  }\n\n  // Remaining text\n  if (cursor < text.length) {\n    segments.push({ type: 'text', content: text.slice(cursor) })\n  }\n\n  return segments\n}\n\nexport function VerifiedText(props: VerifiedTextProps) {\n  const strings = useMCPUIStrings()\n  const mode = () => props.mode || 'highlight'\n\n  const segments = createMemo<TextSegment[]>(() => {\n    if (!props.validation || props.validation.valid) {\n      return [{ type: 'text' as const, content: props.text }]\n    }\n    return buildAnnotatedSegments(props.text, props.validation)\n  })\n\n  return (\n    <div class=\"verified-text text-sm leading-relaxed\">\n      <For each={segments()}>\n        {(seg) => {\n          if (seg.type === 'text') {\n            return <span>{seg.content}</span>\n          }\n\n          if (seg.type === 'verified') {\n            return (\n              <span\n                class=\"inline-flex items-center gap-0.5 px-0.5 rounded bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300\"\n                title={strings.verifiedTitle}\n              >\n                {seg.content}\n                <span class=\"text-xs opacity-70\" aria-label={strings.verifiedAria}>&#x2705;</span>\n              </span>\n            )\n          }\n\n          // hallucinated\n          const h = seg.item!\n          const tooltipText = () => {\n            if (h.closest != null && h.distance != null) {\n              return formatMCPUIString(strings.verifiedNotFoundClosest, {\n                closest: h.closest,\n                pct: Math.round(h.distance * 100),\n              })\n            }\n            return strings.verifiedNotFound\n          }\n\n          if (mode() === 'strip') {\n            return (\n              <span\n                class=\"inline-flex items-center px-1 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-700 dark:text-amber-300 italic text-xs\"\n                title={tooltipText()}\n              >\n                {strings.verifiedStripLabel}\n              </span>\n            )\n          }\n\n          return (\n            <span\n              class=\"inline-flex items-center gap-0.5 px-0.5 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-800 dark:text-amber-300 cursor-help\"\n              title={tooltipText()}\n              onClick={() => props.onHallucinationClick?.(h)}\n              role={props.onHallucinationClick ? 'button' : undefined}\n            >\n              {seg.content}\n              <span class=\"text-xs\" aria-label={strings.unverifiedAria}>&#x26A0;&#xFE0F;</span>\n            </span>\n          )\n        }}\n      </For>\n\n      {/* Confidence bar */}\n      {props.validation && !props.validation.valid && (\n        <div class=\"mt-2 flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400\">\n          <div class=\"flex-1 h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden\">\n            <div\n              class=\"h-full rounded-full transition-all\"\n              classList={{\n                'bg-green-500': props.validation.confidence >= 0.8,\n                'bg-amber-500': props.validation.confidence >= 0.5 && props.validation.confidence < 0.8,\n                'bg-red-500': props.validation.confidence < 0.5,\n              }}\n              style={{ width: `${Math.round(props.validation.confidence * 100)}%` }}\n            />\n          </div>\n          <span>\n            {formatMCPUIString(strings.verifiedConfidence, {\n              pct: Math.round(props.validation.confidence * 100),\n            })}{' '}\n            {formatMCPUIString(strings.verifiedUnverifiedCount, {\n              count: props.validation.hallucinated.length,\n            })}\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["buildAnnotatedSegments","text","validation","hallucinatedPositions","Map","h","hallucinated","set","position","verifiedPositions","Set","n","llmNumbers","has","add","numberRegex","matches","m","exec","push","start","index","end","length","matchByPosition","match","segments","cursor","num","get","type","content","slice","numberText","item","VerifiedText","props","strings","useMCPUIStrings","mode","createMemo","valid","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_co$","_$getNextMarker","nextSibling","_el$4","_el$5","_co$2","_$insert","_$createComponent","For","each","children","seg","_el$6","_tmpl$2","_el$7","_tmpl$3","_el$9","_el$0","_co$3","_el$8","_$effect","_p$","_v$","verifiedTitle","_v$2","verifiedAria","e","_$setAttribute","t","undefined","tooltipText","closest","distance","formatMCPUIString","verifiedNotFoundClosest","pct","Math","round","verifiedNotFound","_el$1","_tmpl$4","verifiedStripLabel","_el$10","_tmpl$5","_el$12","_el$13","_co$4","_el$11","$$click","onHallucinationClick","_v$3","_v$4","_v$5","unverifiedAria","a","_$runHydrationEvents","_c$","_$memo","_el$14","_tmpl$6","_el$15","_el$16","_el$17","_el$19","_el$20","_co$5","_el$18","_el$21","_el$22","_co$6","verifiedConfidence","confidence","verifiedUnverifiedCount","count","_v$6","_v$7","_v$8","_v$9","classList","toggle","o","_$setStyleProperty","_$delegateEvents"],"mappings":"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"}

package/dist/components/VerifiedText.d.ts

@@ -6,7 +6,8 @@
  *
  * Modes:
  * - highlight: ✅/⚠️ badges next to numbers (default)
- * - strip: replaces hallucinated numbers with [non vérifié]
+ * - strip: replaces hallucinated numbers with the `verifiedStripLabel`
+ *   chrome string ('[unverified]' by default)
  * - annotate: tooltip on hover with closest source number
  */
 import type { DataValidation, HallucinatedNumber } from '../types/chat-bus';

package/dist/components/VerifiedText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerifiedText.d.ts","sourceRoot":"","sources":["../../src/components/VerifiedText.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3E,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,cAAc,CAAA;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAA;IACzC,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC1D;AAyED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kCAsFpD"}
+{"version":3,"file":"VerifiedText.d.ts","sourceRoot":"","sources":["../../src/components/VerifiedText.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAG3E,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,cAAc,CAAA;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAA;IACzC,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC1D;AAyED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kCA8FpD"}

package/dist/components/VerifiedText.js

@@ -1,6 +1,8 @@
 import { getNextElement, getNextMarker, insert, createComponent, effect, setAttribute, runHydrationEvents, memo, setStyleProperty, template, delegateEvents } from "solid-js/web";
 import { createMemo, For } from "solid-js";
-var _tmpl$ = /* @__PURE__ */ template(`<div class="verified-text text-sm leading-relaxed"><!$><!/><!$><!/>`), _tmpl$2 = /* @__PURE__ */ template(`<span>`), _tmpl$3 = /* @__PURE__ */ template(`<span class="inline-flex items-center gap-0.5 px-0.5 rounded bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300"title="Verified against source data"><!$><!/><span class="text-xs opacity-70"aria-label=verified>&#x2705;`), _tmpl$4 = /* @__PURE__ */ template(`<span class="inline-flex items-center px-1 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-700 dark:text-amber-300 italic text-xs">[non v&eacute;rifi&eacute;]`), _tmpl$5 = /* @__PURE__ */ template(`<span class="inline-flex items-center gap-0.5 px-0.5 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-800 dark:text-amber-300 cursor-help"><!$><!/><span class=text-xs aria-label=unverified>&#x26A0;&#xFE0F;`), _tmpl$6 = /* @__PURE__ */ template(`<div class="mt-2 flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><div class="flex-1 h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden"><div class="h-full rounded-full transition-all"></div></div><span><!$><!/>% verified (<!$><!/> unverified)`);
+import { useMCPUIStrings } from "../context/MCPUIStringsContext.js";
+import { formatMCPUIString } from "../utils/format-string.js";
+var _tmpl$ = /* @__PURE__ */ template(`<div class="verified-text text-sm leading-relaxed"><!$><!/><!$><!/>`), _tmpl$2 = /* @__PURE__ */ template(`<span>`), _tmpl$3 = /* @__PURE__ */ template(`<span class="inline-flex items-center gap-0.5 px-0.5 rounded bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300"><!$><!/><span class="text-xs opacity-70">&#x2705;`), _tmpl$4 = /* @__PURE__ */ template(`<span class="inline-flex items-center px-1 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-700 dark:text-amber-300 italic text-xs">`), _tmpl$5 = /* @__PURE__ */ template(`<span class="inline-flex items-center gap-0.5 px-0.5 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-800 dark:text-amber-300 cursor-help"><!$><!/><span class=text-xs>&#x26A0;&#xFE0F;`), _tmpl$6 = /* @__PURE__ */ template(`<div class="mt-2 flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><div class="flex-1 h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden"><div class="h-full rounded-full transition-all"></div></div><span><!$><!/> <!$><!/>`);
 function buildAnnotatedSegments(text, validation) {
   const hallucinatedPositions = /* @__PURE__ */ new Map();
   for (const h of validation.hallucinated) {
@@ -61,6 +63,7 @@ function buildAnnotatedSegments(text, validation) {
   return segments;
 }
 function VerifiedText(props) {
+  const strings = useMCPUIStrings();
   const mode = () => props.mode || "highlight";
   const segments = createMemo(() => {
     if (!props.validation || props.validation.valid) {
@@ -87,42 +90,55 @@ function VerifiedText(props) {
         }
         if (seg.type === "verified") {
           return (() => {
-            var _el$7 = getNextElement(_tmpl$3), _el$9 = _el$7.firstChild, [_el$0, _co$3] = getNextMarker(_el$9.nextSibling);
-            _el$0.nextSibling;
+            var _el$7 = getNextElement(_tmpl$3), _el$9 = _el$7.firstChild, [_el$0, _co$3] = getNextMarker(_el$9.nextSibling), _el$8 = _el$0.nextSibling;
             insert(_el$7, () => seg.content, _el$0, _co$3);
+            effect((_p$) => {
+              var _v$ = strings.verifiedTitle, _v$2 = strings.verifiedAria;
+              _v$ !== _p$.e && setAttribute(_el$7, "title", _p$.e = _v$);
+              _v$2 !== _p$.t && setAttribute(_el$8, "aria-label", _p$.t = _v$2);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0
+            });
             return _el$7;
           })();
         }
         const h = seg.item;
         const tooltipText = () => {
           if (h.closest != null && h.distance != null) {
-            return `Not found in source data. Closest: ${h.closest} (${Math.round(h.distance * 100)}% off)`;
+            return formatMCPUIString(strings.verifiedNotFoundClosest, {
+              closest: h.closest,
+              pct: Math.round(h.distance * 100)
+            });
           }
-          return "Not found in source data";
+          return strings.verifiedNotFound;
         };
         if (mode() === "strip") {
           return (() => {
             var _el$1 = getNextElement(_tmpl$4);
+            insert(_el$1, () => strings.verifiedStripLabel);
             effect(() => setAttribute(_el$1, "title", tooltipText()));
             return _el$1;
           })();
         }
         return (() => {
-          var _el$10 = getNextElement(_tmpl$5), _el$12 = _el$10.firstChild, [_el$13, _co$4] = getNextMarker(_el$12.nextSibling);
-          _el$13.nextSibling;
+          var _el$10 = getNextElement(_tmpl$5), _el$12 = _el$10.firstChild, [_el$13, _co$4] = getNextMarker(_el$12.nextSibling), _el$11 = _el$13.nextSibling;
           _el$10.$$click = () => {
             var _a;
             return (_a = props.onHallucinationClick) == null ? void 0 : _a.call(props, h);
           };
           insert(_el$10, () => seg.content, _el$13, _co$4);
           effect((_p$) => {
-            var _v$ = tooltipText(), _v$2 = props.onHallucinationClick ? "button" : void 0;
-            _v$ !== _p$.e && setAttribute(_el$10, "title", _p$.e = _v$);
-            _v$2 !== _p$.t && setAttribute(_el$10, "role", _p$.t = _v$2);
+            var _v$3 = tooltipText(), _v$4 = props.onHallucinationClick ? "button" : void 0, _v$5 = strings.unverifiedAria;
+            _v$3 !== _p$.e && setAttribute(_el$10, "title", _p$.e = _v$3);
+            _v$4 !== _p$.t && setAttribute(_el$10, "role", _p$.t = _v$4);
+            _v$5 !== _p$.a && setAttribute(_el$11, "aria-label", _p$.a = _v$5);
             return _p$;
           }, {
             e: void 0,
-            t: void 0
+            t: void 0,
+            a: void 0
           });
           runHydrationEvents();
           return _el$10;
@@ -132,16 +148,19 @@ function VerifiedText(props) {
     insert(_el$, (() => {
       var _c$ = memo(() => !!(props.validation && !props.validation.valid));
       return () => _c$() && (() => {
-        var _el$14 = getNextElement(_tmpl$6), _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$15.nextSibling, _el$20 = _el$17.firstChild, [_el$21, _co$5] = getNextMarker(_el$20.nextSibling), _el$18 = _el$21.nextSibling, _el$22 = _el$18.nextSibling, [_el$23, _co$6] = getNextMarker(_el$22.nextSibling);
-        _el$23.nextSibling;
-        insert(_el$17, () => Math.round(props.validation.confidence * 100), _el$21, _co$5);
-        insert(_el$17, () => props.validation.hallucinated.length, _el$23, _co$6);
+        var _el$14 = getNextElement(_tmpl$6), _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$15.nextSibling, _el$19 = _el$17.firstChild, [_el$20, _co$5] = getNextMarker(_el$19.nextSibling), _el$18 = _el$20.nextSibling, _el$21 = _el$18.nextSibling, [_el$22, _co$6] = getNextMarker(_el$21.nextSibling);
+        insert(_el$17, () => formatMCPUIString(strings.verifiedConfidence, {
+          pct: Math.round(props.validation.confidence * 100)
+        }), _el$20, _co$5);
+        insert(_el$17, () => formatMCPUIString(strings.verifiedUnverifiedCount, {
+          count: props.validation.hallucinated.length
+        }), _el$22, _co$6);
         effect((_p$) => {
-          var _v$3 = !!(props.validation.confidence >= 0.8), _v$4 = !!(props.validation.confidence >= 0.5 && props.validation.confidence < 0.8), _v$5 = !!(props.validation.confidence < 0.5), _v$6 = `${Math.round(props.validation.confidence * 100)}%`;
-          _v$3 !== _p$.e && _el$16.classList.toggle("bg-green-500", _p$.e = _v$3);
-          _v$4 !== _p$.t && _el$16.classList.toggle("bg-amber-500", _p$.t = _v$4);
-          _v$5 !== _p$.a && _el$16.classList.toggle("bg-red-500", _p$.a = _v$5);
-          _v$6 !== _p$.o && setStyleProperty(_el$16, "width", _p$.o = _v$6);
+          var _v$6 = !!(props.validation.confidence >= 0.8), _v$7 = !!(props.validation.confidence >= 0.5 && props.validation.confidence < 0.8), _v$8 = !!(props.validation.confidence < 0.5), _v$9 = `${Math.round(props.validation.confidence * 100)}%`;
+          _v$6 !== _p$.e && _el$16.classList.toggle("bg-green-500", _p$.e = _v$6);
+          _v$7 !== _p$.t && _el$16.classList.toggle("bg-amber-500", _p$.t = _v$7);
+          _v$8 !== _p$.a && _el$16.classList.toggle("bg-red-500", _p$.a = _v$8);
+          _v$9 !== _p$.o && setStyleProperty(_el$16, "width", _p$.o = _v$9);
           return _p$;
         }, {
           e: void 0,

package/dist/components/VerifiedText.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerifiedText.js","sources":["../../src/components/VerifiedText.tsx"],"sourcesContent":["/**\n * VerifiedText — renders LLM text with inline verification badges\n * v3.1.0: Highlights verified vs hallucinated numbers\n *\n * @experimental\n *\n * Modes:\n * - highlight: ✅/⚠️ badges next to numbers (default)\n * - strip: replaces hallucinated numbers with [non vérifié]\n * - annotate: tooltip on hover with closest source number\n */\n\nimport { createMemo, For } from 'solid-js'\nimport type { DataValidation, HallucinatedNumber } from '../types/chat-bus'\n\nexport interface VerifiedTextProps {\n  text: string\n  validation: DataValidation\n  /** Display mode (default: 'highlight') */\n  mode?: 'highlight' | 'strip' | 'annotate'\n  /** Callback when a hallucinated number is clicked */\n  onHallucinationClick?: (item: HallucinatedNumber) => void\n}\n\ninterface TextSegment {\n  type: 'text' | 'verified' | 'hallucinated'\n  content: string\n  item?: HallucinatedNumber\n}\n\n/**\n * Build annotated segments by splitting text at number positions.\n * Verified numbers get ✅, hallucinated get ⚠️.\n */\nfunction buildAnnotatedSegments(text: string, validation: DataValidation): TextSegment[] {\n  // Build position maps\n  const hallucinatedPositions = new Map<number, HallucinatedNumber>()\n  for (const h of validation.hallucinated) {\n    hallucinatedPositions.set(h.position, h)\n  }\n\n  const verifiedPositions = new Set<number>()\n  for (const n of validation.llmNumbers) {\n    if (!hallucinatedPositions.has(n.position)) {\n      verifiedPositions.add(n.position)\n    }\n  }\n\n  // Re-extract number lengths from text for precise splitting\n  const numberRegex = /\\d[\\d\\s,.]*\\d|\\d+/g\n  const matches: Array<{ start: number; end: number }> = []\n  let m: RegExpExecArray | null\n  while ((m = numberRegex.exec(text)) !== null) {\n    matches.push({ start: m.index, end: m.index + m[0].length })\n  }\n\n  // Build a lookup from position → match\n  const matchByPosition = new Map<number, { start: number; end: number }>()\n  for (const match of matches) {\n    matchByPosition.set(match.start, match)\n  }\n\n  // Build segments\n  const segments: TextSegment[] = []\n  let cursor = 0\n\n  for (const num of validation.llmNumbers) {\n    const match = matchByPosition.get(num.position)\n    if (!match) continue\n\n    // Text before this number\n    if (match.start > cursor) {\n      segments.push({ type: 'text', content: text.slice(cursor, match.start) })\n    }\n\n    const numberText = text.slice(match.start, match.end)\n    const hallucinated = hallucinatedPositions.get(num.position)\n\n    if (hallucinated) {\n      segments.push({ type: 'hallucinated', content: numberText, item: hallucinated })\n    } else {\n      segments.push({ type: 'verified', content: numberText })\n    }\n\n    cursor = match.end\n  }\n\n  // Remaining text\n  if (cursor < text.length) {\n    segments.push({ type: 'text', content: text.slice(cursor) })\n  }\n\n  return segments\n}\n\nexport function VerifiedText(props: VerifiedTextProps) {\n  const mode = () => props.mode || 'highlight'\n\n  const segments = createMemo<TextSegment[]>(() => {\n    if (!props.validation || props.validation.valid) {\n      return [{ type: 'text' as const, content: props.text }]\n    }\n    return buildAnnotatedSegments(props.text, props.validation)\n  })\n\n  return (\n    <div class=\"verified-text text-sm leading-relaxed\">\n      <For each={segments()}>\n        {(seg) => {\n          if (seg.type === 'text') {\n            return <span>{seg.content}</span>\n          }\n\n          if (seg.type === 'verified') {\n            return (\n              <span\n                class=\"inline-flex items-center gap-0.5 px-0.5 rounded bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300\"\n                title=\"Verified against source data\"\n              >\n                {seg.content}\n                <span class=\"text-xs opacity-70\" aria-label=\"verified\">&#x2705;</span>\n              </span>\n            )\n          }\n\n          // hallucinated\n          const h = seg.item!\n          const tooltipText = () => {\n            if (h.closest != null && h.distance != null) {\n              return `Not found in source data. Closest: ${h.closest} (${Math.round(h.distance * 100)}% off)`\n            }\n            return 'Not found in source data'\n          }\n\n          if (mode() === 'strip') {\n            return (\n              <span\n                class=\"inline-flex items-center px-1 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-700 dark:text-amber-300 italic text-xs\"\n                title={tooltipText()}\n              >\n                [non v&eacute;rifi&eacute;]\n              </span>\n            )\n          }\n\n          return (\n            <span\n              class=\"inline-flex items-center gap-0.5 px-0.5 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-800 dark:text-amber-300 cursor-help\"\n              title={tooltipText()}\n              onClick={() => props.onHallucinationClick?.(h)}\n              role={props.onHallucinationClick ? 'button' : undefined}\n            >\n              {seg.content}\n              <span class=\"text-xs\" aria-label=\"unverified\">&#x26A0;&#xFE0F;</span>\n            </span>\n          )\n        }}\n      </For>\n\n      {/* Confidence bar */}\n      {props.validation && !props.validation.valid && (\n        <div class=\"mt-2 flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400\">\n          <div class=\"flex-1 h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden\">\n            <div\n              class=\"h-full rounded-full transition-all\"\n              classList={{\n                'bg-green-500': props.validation.confidence >= 0.8,\n                'bg-amber-500': props.validation.confidence >= 0.5 && props.validation.confidence < 0.8,\n                'bg-red-500': props.validation.confidence < 0.5,\n              }}\n              style={{ width: `${Math.round(props.validation.confidence * 100)}%` }}\n            />\n          </div>\n          <span>\n            {Math.round(props.validation.confidence * 100)}% verified\n            ({props.validation.hallucinated.length} unverified)\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["buildAnnotatedSegments","text","validation","hallucinatedPositions","Map","h","hallucinated","set","position","verifiedPositions","Set","n","llmNumbers","has","add","numberRegex","matches","m","exec","push","start","index","end","length","matchByPosition","match","segments","cursor","num","get","type","content","slice","numberText","item","VerifiedText","props","mode","createMemo","valid","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_co$","_$getNextMarker","nextSibling","_el$4","_el$5","_co$2","_$insert","_$createComponent","For","each","children","seg","_el$6","_tmpl$2","_el$7","_tmpl$3","_el$9","_el$0","_co$3","tooltipText","closest","distance","Math","round","_el$1","_tmpl$4","_$effect","_$setAttribute","_el$10","_tmpl$5","_el$12","_el$13","_co$4","$$click","onHallucinationClick","_p$","_v$","_v$2","undefined","e","t","_$runHydrationEvents","_c$","_$memo","_el$14","_tmpl$6","_el$15","_el$16","_el$17","_el$20","_el$21","_co$5","_el$18","_el$22","_el$23","_co$6","confidence","_v$3","_v$4","_v$5","_v$6","classList","toggle","a","o","_$setStyleProperty","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"VerifiedText.js","sources":["../../src/components/VerifiedText.tsx"],"sourcesContent":["/**\n * VerifiedText — renders LLM text with inline verification badges\n * v3.1.0: Highlights verified vs hallucinated numbers\n *\n * @experimental\n *\n * Modes:\n * - highlight: ✅/⚠️ badges next to numbers (default)\n * - strip: replaces hallucinated numbers with the `verifiedStripLabel`\n *   chrome string ('[unverified]' by default)\n * - annotate: tooltip on hover with closest source number\n */\n\nimport { createMemo, For } from 'solid-js'\nimport type { DataValidation, HallucinatedNumber } from '../types/chat-bus'\nimport { formatMCPUIString, useMCPUIStrings } from '../context/MCPUIStringsContext'\n\nexport interface VerifiedTextProps {\n  text: string\n  validation: DataValidation\n  /** Display mode (default: 'highlight') */\n  mode?: 'highlight' | 'strip' | 'annotate'\n  /** Callback when a hallucinated number is clicked */\n  onHallucinationClick?: (item: HallucinatedNumber) => void\n}\n\ninterface TextSegment {\n  type: 'text' | 'verified' | 'hallucinated'\n  content: string\n  item?: HallucinatedNumber\n}\n\n/**\n * Build annotated segments by splitting text at number positions.\n * Verified numbers get ✅, hallucinated get ⚠️.\n */\nfunction buildAnnotatedSegments(text: string, validation: DataValidation): TextSegment[] {\n  // Build position maps\n  const hallucinatedPositions = new Map<number, HallucinatedNumber>()\n  for (const h of validation.hallucinated) {\n    hallucinatedPositions.set(h.position, h)\n  }\n\n  const verifiedPositions = new Set<number>()\n  for (const n of validation.llmNumbers) {\n    if (!hallucinatedPositions.has(n.position)) {\n      verifiedPositions.add(n.position)\n    }\n  }\n\n  // Re-extract number lengths from text for precise splitting\n  const numberRegex = /\\d[\\d\\s,.]*\\d|\\d+/g\n  const matches: Array<{ start: number; end: number }> = []\n  let m: RegExpExecArray | null\n  while ((m = numberRegex.exec(text)) !== null) {\n    matches.push({ start: m.index, end: m.index + m[0].length })\n  }\n\n  // Build a lookup from position → match\n  const matchByPosition = new Map<number, { start: number; end: number }>()\n  for (const match of matches) {\n    matchByPosition.set(match.start, match)\n  }\n\n  // Build segments\n  const segments: TextSegment[] = []\n  let cursor = 0\n\n  for (const num of validation.llmNumbers) {\n    const match = matchByPosition.get(num.position)\n    if (!match) continue\n\n    // Text before this number\n    if (match.start > cursor) {\n      segments.push({ type: 'text', content: text.slice(cursor, match.start) })\n    }\n\n    const numberText = text.slice(match.start, match.end)\n    const hallucinated = hallucinatedPositions.get(num.position)\n\n    if (hallucinated) {\n      segments.push({ type: 'hallucinated', content: numberText, item: hallucinated })\n    } else {\n      segments.push({ type: 'verified', content: numberText })\n    }\n\n    cursor = match.end\n  }\n\n  // Remaining text\n  if (cursor < text.length) {\n    segments.push({ type: 'text', content: text.slice(cursor) })\n  }\n\n  return segments\n}\n\nexport function VerifiedText(props: VerifiedTextProps) {\n  const strings = useMCPUIStrings()\n  const mode = () => props.mode || 'highlight'\n\n  const segments = createMemo<TextSegment[]>(() => {\n    if (!props.validation || props.validation.valid) {\n      return [{ type: 'text' as const, content: props.text }]\n    }\n    return buildAnnotatedSegments(props.text, props.validation)\n  })\n\n  return (\n    <div class=\"verified-text text-sm leading-relaxed\">\n      <For each={segments()}>\n        {(seg) => {\n          if (seg.type === 'text') {\n            return <span>{seg.content}</span>\n          }\n\n          if (seg.type === 'verified') {\n            return (\n              <span\n                class=\"inline-flex items-center gap-0.5 px-0.5 rounded bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300\"\n                title={strings.verifiedTitle}\n              >\n                {seg.content}\n                <span class=\"text-xs opacity-70\" aria-label={strings.verifiedAria}>&#x2705;</span>\n              </span>\n            )\n          }\n\n          // hallucinated\n          const h = seg.item!\n          const tooltipText = () => {\n            if (h.closest != null && h.distance != null) {\n              return formatMCPUIString(strings.verifiedNotFoundClosest, {\n                closest: h.closest,\n                pct: Math.round(h.distance * 100),\n              })\n            }\n            return strings.verifiedNotFound\n          }\n\n          if (mode() === 'strip') {\n            return (\n              <span\n                class=\"inline-flex items-center px-1 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-700 dark:text-amber-300 italic text-xs\"\n                title={tooltipText()}\n              >\n                {strings.verifiedStripLabel}\n              </span>\n            )\n          }\n\n          return (\n            <span\n              class=\"inline-flex items-center gap-0.5 px-0.5 rounded bg-amber-50 dark:bg-amber-900/20 text-amber-800 dark:text-amber-300 cursor-help\"\n              title={tooltipText()}\n              onClick={() => props.onHallucinationClick?.(h)}\n              role={props.onHallucinationClick ? 'button' : undefined}\n            >\n              {seg.content}\n              <span class=\"text-xs\" aria-label={strings.unverifiedAria}>&#x26A0;&#xFE0F;</span>\n            </span>\n          )\n        }}\n      </For>\n\n      {/* Confidence bar */}\n      {props.validation && !props.validation.valid && (\n        <div class=\"mt-2 flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400\">\n          <div class=\"flex-1 h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden\">\n            <div\n              class=\"h-full rounded-full transition-all\"\n              classList={{\n                'bg-green-500': props.validation.confidence >= 0.8,\n                'bg-amber-500': props.validation.confidence >= 0.5 && props.validation.confidence < 0.8,\n                'bg-red-500': props.validation.confidence < 0.5,\n              }}\n              style={{ width: `${Math.round(props.validation.confidence * 100)}%` }}\n            />\n          </div>\n          <span>\n            {formatMCPUIString(strings.verifiedConfidence, {\n              pct: Math.round(props.validation.confidence * 100),\n            })}{' '}\n            {formatMCPUIString(strings.verifiedUnverifiedCount, {\n              count: props.validation.hallucinated.length,\n            })}\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["buildAnnotatedSegments","text","validation","hallucinatedPositions","Map","h","hallucinated","set","position","verifiedPositions","Set","n","llmNumbers","has","add","numberRegex","matches","m","exec","push","start","index","end","length","matchByPosition","match","segments","cursor","num","get","type","content","slice","numberText","item","VerifiedText","props","strings","useMCPUIStrings","mode","createMemo","valid","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_co$","_$getNextMarker","nextSibling","_el$4","_el$5","_co$2","_$insert","_$createComponent","For","each","children","seg","_el$6","_tmpl$2","_el$7","_tmpl$3","_el$9","_el$0","_co$3","_el$8","_$effect","_p$","_v$","verifiedTitle","_v$2","verifiedAria","e","_$setAttribute","t","undefined","tooltipText","closest","distance","formatMCPUIString","verifiedNotFoundClosest","pct","Math","round","verifiedNotFound","_el$1","_tmpl$4","verifiedStripLabel","_el$10","_tmpl$5","_el$12","_el$13","_co$4","_el$11","$$click","onHallucinationClick","_v$3","_v$4","_v$5","unverifiedAria","a","_$runHydrationEvents","_c$","_$memo","_el$14","_tmpl$6","_el$15","_el$16","_el$17","_el$19","_el$20","_co$5","_el$18","_el$21","_el$22","_co$6","verifiedConfidence","confidence","verifiedUnverifiedCount","count","_v$6","_v$7","_v$8","_v$9","classList","toggle","o","_$setStyleProperty","_$delegateEvents"],"mappings":"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"}

package/dist/components/VideoRenderer.cjs

@@ -3,7 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const web = require("solid-js/web");
 const solidJs = require("solid-js");
 const ExpandableWrapper = require("./ExpandableWrapper.cjs");
-var _tmpl$ = /* @__PURE__ */ web.template(`<div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700"><h3 class="text-sm font-semibold text-gray-900 dark:text-white">`), _tmpl$2 = /* @__PURE__ */ web.template(`<iframe class="absolute inset-0 w-full h-full"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"allowfullscreen loading=lazy>`, true, false, false), _tmpl$3 = /* @__PURE__ */ web.template(`<div class="px-4 py-3 border-t border-gray-200 dark:border-gray-700 flex-shrink-0"><p class="text-sm text-gray-600 dark:text-gray-400">`), _tmpl$4 = /* @__PURE__ */ web.template(`<div><!$><!/><div></div><!$><!/>`), _tmpl$5 = /* @__PURE__ */ web.template(`<video playsinline class="absolute inset-0 w-full h-full object-contain"><track kind=captions>Your browser does not support the video tag.`);
+const MCPUIStringsContext = require("../context/MCPUIStringsContext.cjs");
+const MCPUIConfigContext = require("../context/MCPUIConfigContext.cjs");
+const iframeCoep = require("../utils/iframe-coep.cjs");
+const IframeFallbackLink = require("./IframeFallbackLink.cjs");
+var _tmpl$ = /* @__PURE__ */ web.template(`<div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700"><h3 class="text-sm font-semibold text-gray-900 dark:text-white">`), _tmpl$2 = /* @__PURE__ */ web.template(`<iframe class="absolute inset-0 w-full h-full"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"allowfullscreen loading=lazy>`, true, false, false), _tmpl$3 = /* @__PURE__ */ web.template(`<div class="px-4 py-3 border-t border-gray-200 dark:border-gray-700 flex-shrink-0"><p class="text-sm text-gray-600 dark:text-gray-400">`), _tmpl$4 = /* @__PURE__ */ web.template(`<div><!$><!/><div></div><!$><!/><!$><!/>`), _tmpl$5 = /* @__PURE__ */ web.template(`<video playsinline class="absolute inset-0 w-full h-full object-contain"><track kind=captions><!$><!/>`);
 function parseVideoUrl(url) {
   const youtubeMatch = url.match(/(?:youtube\.com\/(?:watch\?v=|embed\/|v\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
   if (youtubeMatch) {
@@ -24,6 +28,8 @@ function parseVideoUrl(url) {
   };
 }
 const VideoRenderer = (props) => {
+  const strings = MCPUIStringsContext.useMCPUIStrings();
+  const config = MCPUIConfigContext.useMCPUIConfig();
   const params = () => {
     var _a;
     return props.params || ((_a = props.component) == null ? void 0 : _a.params);
@@ -84,18 +90,20 @@ const VideoRenderer = (props) => {
   return web.createComponent(ExpandableWrapper.ExpandableWrapper, {
     get title() {
       var _a;
-      return ((_a = params()) == null ? void 0 : _a.title) || "Video";
+      return ((_a = params()) == null ? void 0 : _a.title) || strings.videoTitle;
     },
     get copyData() {
       var _a;
       return ((_a = params()) == null ? void 0 : _a.url) || "";
     },
-    copyLabel: "Copy video URL",
+    get copyLabel() {
+      return strings.videoCopy;
+    },
     get toolbarVariant() {
       return props.toolbarVariant;
     },
     get children() {
-      var _el$ = web.getNextElement(_tmpl$4), _el$8 = _el$.firstChild, [_el$9, _co$] = web.getNextMarker(_el$8.nextSibling), _el$4 = _el$9.nextSibling, _el$0 = _el$4.nextSibling, [_el$1, _co$2] = web.getNextMarker(_el$0.nextSibling);
+      var _el$ = web.getNextElement(_tmpl$4), _el$8 = _el$.firstChild, [_el$9, _co$] = web.getNextMarker(_el$8.nextSibling), _el$4 = _el$9.nextSibling, _el$0 = _el$4.nextSibling, [_el$1, _co$2] = web.getNextMarker(_el$0.nextSibling), _el$10 = _el$1.nextSibling, [_el$11, _co$3] = web.getNextMarker(_el$10.nextSibling);
       web.insert(_el$, web.createComponent(solidJs.Show, {
         get when() {
           var _a;
@@ -115,17 +123,18 @@ const VideoRenderer = (props) => {
           return (
             // Direct video file
             (() => {
-              var _el$10 = web.getNextElement(_tmpl$5);
-              _el$10.addEventListener("error", handleVideoError);
+              var _el$12 = web.getNextElement(_tmpl$5), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, [_el$15, _co$4] = web.getNextMarker(_el$14.nextSibling);
+              _el$12.addEventListener("error", handleVideoError);
+              web.insert(_el$12, () => strings.videoUnsupported, _el$15, _co$4);
               web.effect((_p$) => {
                 var _a, _b, _c, _d, _e, _f;
-                var _v$5 = (_a = params()) == null ? void 0 : _a.url, _v$6 = (_b = params()) == null ? void 0 : _b.poster, _v$7 = (_c = params()) == null ? void 0 : _c.autoplay, _v$8 = ((_d = params()) == null ? void 0 : _d.controls) !== false, _v$9 = (_e = params()) == null ? void 0 : _e.loop, _v$0 = (_f = params()) == null ? void 0 : _f.muted;
-                _v$5 !== _p$.e && web.setAttribute(_el$10, "src", _p$.e = _v$5);
-                _v$6 !== _p$.t && web.setAttribute(_el$10, "poster", _p$.t = _v$6);
-                _v$7 !== _p$.a && web.setProperty(_el$10, "autoplay", _p$.a = _v$7);
-                _v$8 !== _p$.o && web.setProperty(_el$10, "controls", _p$.o = _v$8);
-                _v$9 !== _p$.i && web.setProperty(_el$10, "loop", _p$.i = _v$9);
-                _v$0 !== _p$.n && web.setProperty(_el$10, "muted", _p$.n = _v$0);
+                var _v$6 = (_a = params()) == null ? void 0 : _a.url, _v$7 = (_b = params()) == null ? void 0 : _b.poster, _v$8 = (_c = params()) == null ? void 0 : _c.autoplay, _v$9 = ((_d = params()) == null ? void 0 : _d.controls) !== false, _v$0 = (_e = params()) == null ? void 0 : _e.loop, _v$1 = (_f = params()) == null ? void 0 : _f.muted;
+                _v$6 !== _p$.e && web.setAttribute(_el$12, "src", _p$.e = _v$6);
+                _v$7 !== _p$.t && web.setAttribute(_el$12, "poster", _p$.t = _v$7);
+                _v$8 !== _p$.a && web.setProperty(_el$12, "autoplay", _p$.a = _v$8);
+                _v$9 !== _p$.o && web.setProperty(_el$12, "controls", _p$.o = _v$9);
+                _v$0 !== _p$.i && web.setProperty(_el$12, "loop", _p$.i = _v$0);
+                _v$1 !== _p$.n && web.setProperty(_el$12, "muted", _p$.n = _v$1);
                 return _p$;
               }, {
                 e: void 0,
@@ -135,7 +144,7 @@ const VideoRenderer = (props) => {
                 i: void 0,
                 n: void 0
               });
-              return _el$10;
+              return _el$12;
             })()
           );
         },
@@ -143,17 +152,39 @@ const VideoRenderer = (props) => {
           var _el$5 = web.getNextElement(_tmpl$2);
           web.effect((_p$) => {
             var _a;
-            var _v$ = embedUrl(), _v$2 = ((_a = params()) == null ? void 0 : _a.title) || "Video";
+            var _v$ = embedUrl(), _v$2 = ((_a = params()) == null ? void 0 : _a.title) || strings.videoTitle, _v$3 = (
+              // No sandbox here: a YouTube/Vimeo embed keeps its provider
+              // cookies, so `'auto'` leaves it alone and a COEP host opts in
+              // with `iframeCredentialless: 'always'`.
+              iframeCoep.shouldSetCredentialless(embedUrl(), config, {
+                sandboxedWithoutSameOrigin: false
+              }) || void 0
+            );
             _v$ !== _p$.e && web.setAttribute(_el$5, "src", _p$.e = _v$);
             _v$2 !== _p$.t && web.setAttribute(_el$5, "title", _p$.t = _v$2);
+            _v$3 !== _p$.a && web.setAttribute(_el$5, "credentialless", _p$.a = _v$3);
             return _p$;
           }, {
             e: void 0,
-            t: void 0
+            t: void 0,
+            a: void 0
           });
           return _el$5;
         }
       }));
+      web.insert(_el$, web.createComponent(solidJs.Show, {
+        get when() {
+          return embedUrl();
+        },
+        get children() {
+          return web.createComponent(IframeFallbackLink.IframeFallbackLink, {
+            get url() {
+              var _a;
+              return ((_a = params()) == null ? void 0 : _a.url) || "";
+            }
+          });
+        }
+      }), _el$1, _co$2);
       web.insert(_el$, web.createComponent(solidJs.Show, {
         get when() {
           var _a;
@@ -164,11 +195,11 @@ const VideoRenderer = (props) => {
           web.insert(_el$7, () => params().caption);
           return _el$6;
         }
-      }), _el$1, _co$2);
+      }), _el$11, _co$3);
       web.effect((_p$) => {
-        var _v$3 = `w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden ${isExpanded() ? "flex-1 min-h-0 flex flex-col" : ""}`, _v$4 = `relative bg-black ${isExpanded() ? "flex-1 min-h-0" : aspectClass()}`;
-        _v$3 !== _p$.e && web.className(_el$, _p$.e = _v$3);
-        _v$4 !== _p$.t && web.className(_el$4, _p$.t = _v$4);
+        var _v$4 = `w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden ${isExpanded() ? "flex-1 min-h-0 flex flex-col" : ""}`, _v$5 = `relative bg-black ${isExpanded() ? "flex-1 min-h-0" : aspectClass()}`;
+        _v$4 !== _p$.e && web.className(_el$, _p$.e = _v$4);
+        _v$5 !== _p$.t && web.className(_el$4, _p$.t = _v$5);
         return _p$;
       }, {
         e: void 0,