@seed-ship/mcp-ui-solid 4.3.0 → 4.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/components/ScratchpadPanel.cjs +500 -250
  3. package/dist/components/ScratchpadPanel.cjs.map +1 -1
  4. package/dist/components/ScratchpadPanel.d.ts +2 -0
  5. package/dist/components/ScratchpadPanel.d.ts.map +1 -1
  6. package/dist/components/ScratchpadPanel.js +500 -250
  7. package/dist/components/ScratchpadPanel.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/ScratchpadPanel.tsx +139 -1
  10. package/tsconfig.tsbuildinfo +1 -1
package/dist/components/ScratchpadPanel.js CHANGED
@@ -11,7 +11,7 @@ import { AgentHandoff } from "./AgentHandoff.js";
11
11
  import { BriefingDiff } from "./BriefingDiff.js";
12
12
  var _tmpl$ = /* @__PURE__ */ template(`<svg fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M19 9l-7 7-7-7">`), _tmpl$2 = /* @__PURE__ */ template(`<button class="p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"aria-label=Close><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$3 = /* @__PURE__ */ template(`<div class="px-4 py-2 border-b border-gray-100 dark:border-gray-700 flex flex-wrap items-center gap-1.5">`), _tmpl$4 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700 space-y-2">`), _tmpl$5 = /* @__PURE__ */ template(`<div class="flex flex-col items-center gap-2 py-4 text-center"><span class=text-2xl>&#128269;</span><p class="text-sm text-gray-500 dark:text-gray-400">No results for these filters</p><button type=button class="px-3 py-1.5 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors">Modify filters`), _tmpl$6 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700">`), _tmpl$7 = /* @__PURE__ */ template(`<p class="text-xs text-red-500 dark:text-red-500 mt-0.5">Code: <!$><!/>`), _tmpl$8 = /* @__PURE__ */ template(`<button type=button class="px-3 py-1.5 text-sm font-medium rounded-lg bg-red-600 text-white hover:bg-red-700 transition-colors flex items-center gap-1">&#128260; Retry`), _tmpl$9 = /* @__PURE__ */ template(`<button type=button class="px-3 py-1.5 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">Close`), _tmpl$0 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-red-100 dark:border-red-900/30 bg-red-50 dark:bg-red-900/10"><div class="flex items-start gap-2 text-sm text-red-700 dark:text-red-400"><span class="flex-shrink-0 mt-0.5">⚠️</span><div class=flex-1><p class=font-medium></p><!$><!/></div></div><div class="flex gap-2 mt-2"><!$><!/><!$><!/>`), _tmpl$1 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700"><button type=button class="w-full px-4 py-2.5 text-sm font-semibold rounded-lg text-white bg-blue-600 hover:bg-blue-700 transition-colors flex items-center justify-center gap-2"><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>Search`), _tmpl$10 = /* @__PURE__ */ template(`<div style=overflow-y:auto><!$><!/><div class="divide-y divide-gray-100 dark:divide-gray-700"></div><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$11 = /* @__PURE__ */ template(`<div class="absolute bottom-1 right-1 px-2 py-1 text-[9px] font-mono bg-black/80 text-green-400 rounded z-50 pointer-events-none"><!$><!/> | ev:<!$><!/> | sec:<!$><!/> | <!$><!/> | last:<!$><!/>`), _tmpl$12 = /* @__PURE__ */ template(`<div style="animation:scratchpad-slide-down 0.2s ease-out"><div><div class="flex items-center gap-2"><span class=text-base>&#128221;</span><h3 class="text-sm font-semibold text-gray-900 dark:text-white"></h3><!$><!/><!$><!/></div><div class="flex items-center gap-2"><span></span><!$><!/></div></div><!$><!/><style>
13
13
  @keyframes scratchpad-slide-down { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
14
- </style><!$><!/>`), _tmpl$13 = /* @__PURE__ */ template(`<svg class="w-3 h-3 text-gray-300 dark:text-gray-600 flex-shrink-0"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$14 = /* @__PURE__ */ template(`<span class="ml-1 font-normal opacity-75">— <!$><!/>`), _tmpl$15 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/><!$><!/>`), _tmpl$16 = /* @__PURE__ */ template(`<div><span class="flex-shrink-0 mt-0.5"></span><p>`), _tmpl$17 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 mb-2"><span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide">Preview</span><span class="px-1.5 py-0.5 text-xs font-bold bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded">`), _tmpl$18 = /* @__PURE__ */ template(`<p class="text-sm text-gray-700 dark:text-gray-300">`), _tmpl$19 = /* @__PURE__ */ template(`<div class="mt-2 overflow-x-auto"><table class="min-w-full text-xs"><thead><tr></tr></thead><tbody>`), _tmpl$20 = /* @__PURE__ */ template(`<th class="px-2 py-1 text-left font-medium text-gray-500 dark:text-gray-400">`), _tmpl$21 = /* @__PURE__ */ template(`<tr class="border-t border-gray-100 dark:border-gray-700">`), _tmpl$22 = /* @__PURE__ */ template(`<td class="px-2 py-1 text-gray-700 dark:text-gray-300">`), _tmpl$23 = /* @__PURE__ */ template(`<pre class="text-xs text-gray-500 overflow-auto">`), _tmpl$24 = /* @__PURE__ */ template(`<div class="px-4 py-3 animate-[slideDown_0.2s_ease-out]"><h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-2"></h4><!$><!/>`), _tmpl$25 = /* @__PURE__ */ template(`<div class=space-y-1>`), _tmpl$26 = /* @__PURE__ */ template(`<div class="flex gap-2 text-xs"><span class="text-gray-500 dark:text-gray-400 font-mono min-w-[120px]"><!$><!/>:</span><span class="text-gray-900 dark:text-white">`), _tmpl$27 = /* @__PURE__ */ template(`<p class="text-xs text-gray-400 italic">No filters`), _tmpl$28 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-1.5"><!$><!/><!$><!/>`), _tmpl$29 = /* @__PURE__ */ template(`<button type=button class="ml-0.5 hover:text-blue-900 dark:hover:text-blue-100">&times;`), _tmpl$30 = /* @__PURE__ */ template(`<span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded-full"><button type=button class=hover:underline><span class="text-blue-500 dark:text-blue-400"><!$><!/>:</span> <!$><!/></button><!$><!/>`), _tmpl$31 = /* @__PURE__ */ template(`<div class="max-h-48 overflow-y-auto">`), _tmpl$32 = /* @__PURE__ */ template(`<button type=button class="mt-1 w-full px-2 py-1 text-xs text-gray-500 hover:text-gray-700 text-center">Cancel`), _tmpl$33 = /* @__PURE__ */ template(`<div class="absolute z-50 mt-1 left-0 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg p-2 min-w-[200px]">`), _tmpl$34 = /* @__PURE__ */ template(`<div class=relative><!$><!/><!$><!/>`), _tmpl$35 = /* @__PURE__ */ template(`<button type=button class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium border border-dashed border-gray-300 dark:border-gray-600 text-gray-500 dark:text-gray-400 rounded-full hover:border-blue-400 hover:text-blue-500 transition-colors">+ <!$><!/>`), _tmpl$36 = /* @__PURE__ */ template(`<form class="flex gap-1"><input type=text autofocus class="flex-1 px-2 py-1 text-sm border border-gray-200 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 outline-none"><button type=submit class="px-2 py-1 text-xs bg-blue-600 text-white rounded hover:bg-blue-700">OK</button><button type=button class="px-2 py-1 text-xs text-gray-500 hover:text-gray-700">Cancel`), _tmpl$37 = /* @__PURE__ */ template(`<span class=ml-1>✓`), _tmpl$38 = /* @__PURE__ */ template(`<button type=button><!$><!/><!$><!/>`), _tmpl$39 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400"><!$><!/> champ<!$><!/> pré-rempli<!$><!/> sur <!$><!/>`), _tmpl$40 = /* @__PURE__ */ template(`<div class="flex items-center gap-3 p-2 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-md text-sm"><span class="text-blue-700 dark:text-blue-300"><!$><!/> in <!$><!/>s...</span><button type=button class="text-blue-600 dark:text-blue-400 underline hover:text-blue-800 dark:hover:text-blue-200">Cancel`), _tmpl$41 = /* @__PURE__ */ template(`<form class="flex flex-col gap-3"><!$><!/><!$><!/><!$><!/><div class="flex justify-end"><button type=submit class="px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 transition-colors">`), _tmpl$42 = /* @__PURE__ */ template(`<div class="flex items-center gap-3 p-3 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg text-sm"><span class="flex-1 text-blue-800 dark:text-blue-200 font-medium"></span><span class="text-blue-600 dark:text-blue-300"><!$><!/>s...</span><button type=button class="text-blue-600 dark:text-blue-400 underline text-xs">Modifier</button><button type=button class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">&times;`), _tmpl$43 = /* @__PURE__ */ template(`<div class="flex justify-end"><button type=button class="px-3 py-1.5 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors flex items-center gap-1">Next <svg class="w-3.5 h-3.5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$44 = /* @__PURE__ */ template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$45 = /* @__PURE__ */ template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$46 = /* @__PURE__ */ template(`<div class="mt-2 ml-6">`), _tmpl$47 = /* @__PURE__ */ template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$48 = /* @__PURE__ */ template(`<p class="text-sm font-medium text-gray-800 dark:text-gray-200 mb-2">`), _tmpl$49 = /* @__PURE__ */ template(`<span class=text-amber-600>(<!$><!/> unverified)`), _tmpl$50 = /* @__PURE__ */ template(`<div class="mb-2 flex items-center gap-2 text-xs"><span><!$><!/>% verified</span><!$><!/>`), _tmpl$51 = /* @__PURE__ */ template(`<div><!$><!/><!$><!/><!$><!/><div class="flex flex-wrap gap-2">`), _tmpl$52 = /* @__PURE__ */ template(`<span class="font-medium text-gray-800 dark:text-gray-200">`), _tmpl$53 = /* @__PURE__ */ template(`<span class=ml-1>&mdash; <!$><!/>`), _tmpl$54 = /* @__PURE__ */ template(`<div class="mb-2 p-2 rounded bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-xs text-gray-600 dark:text-gray-400"><!$><!/><!$><!/>`), _tmpl$55 = /* @__PURE__ */ template(`<span class=mr-1>`), _tmpl$56 = /* @__PURE__ */ template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$57 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$58 = /* @__PURE__ */ template(`<div class="flex items-start gap-1.5 text-xs text-amber-600 dark:text-amber-400"><span class=flex-shrink-0>⚠️</span><span>`), _tmpl$59 = /* @__PURE__ */ template(`<span class=italic>&mdash; <!$><!/>`), _tmpl$60 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><span><!$><!/> <!$><!/></span><!$><!/>`), _tmpl$61 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-2">`), _tmpl$62 = /* @__PURE__ */ template(`<div class="flex gap-1"><input type=text class="flex-1 px-3 py-2 text-sm border border-gray-200 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 outline-none"><button type=button class="px-3 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700">Send`), _tmpl$63 = /* @__PURE__ */ template(`<div class=space-y-3><p class="text-sm text-gray-700 dark:text-gray-300"></p><!$><!/><!$><!/>`), _tmpl$64 = /* @__PURE__ */ template(`<span>`), _tmpl$65 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$66 = /* @__PURE__ */ template(`<div class="mt-2 px-3 py-2 bg-blue-50 dark:bg-blue-900/10 rounded-lg text-sm text-blue-700 dark:text-blue-300"><span class=font-medium>Plan:</span> <!$><!/>`), _tmpl$67 = /* @__PURE__ */ template(`<button type=button class="text-xs text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1">&#9998; Modify`), _tmpl$68 = /* @__PURE__ */ template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$69 = /* @__PURE__ */ template(`<div class="flex gap-2 text-sm"><span class="text-gray-500 dark:text-gray-400 font-medium min-w-[80px]"><!$><!/>:</span><span class="text-gray-900 dark:text-white">`), _tmpl$70 = /* @__PURE__ */ template(`<div class="flex items-center gap-1 flex-wrap">`), _tmpl$71 = /* @__PURE__ */ template(`<div class=space-y-2>`), _tmpl$72 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$73 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-400">(<!$><!/>ms)`), _tmpl$74 = /* @__PURE__ */ template(`<div><span class=flex-shrink-0></span><div><span></span><!$><!/><!$><!/>`), _tmpl$75 = /* @__PURE__ */ template(`<span class="text-[10px] opacity-75">`), _tmpl$76 = /* @__PURE__ */ template(`<div><span></span><span></span><!$><!/>`), _tmpl$77 = /* @__PURE__ */ template(`<button type=button>&#128260; <!$><!/>`), _tmpl$78 = /* @__PURE__ */ template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">&#9654; Details`), _tmpl$79 = /* @__PURE__ */ template(`<pre class="mt-2 text-xs opacity-70 overflow-x-auto">`), _tmpl$80 = /* @__PURE__ */ template(`<div><div class="flex items-start gap-2"><span class=flex-shrink-0></span><div class=flex-1><p></p><div class="flex gap-2 mt-2"><!$><!/><!$><!/></div><!$><!/>`), _tmpl$81 = /* @__PURE__ */ template(`<span class="text-xs font-bold text-blue-600 dark:text-blue-400"><!$><!/> results`), _tmpl$82 = /* @__PURE__ */ template(`<p class="text-[10px] text-gray-400">`), _tmpl$83 = /* @__PURE__ */ template(`<div class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2"><div class="flex items-center justify-between mb-1.5"><span class="text-sm font-medium text-gray-900 dark:text-white"><!$><!/> <!$><!/></span><!$><!/></div><div class="flex flex-wrap gap-1.5 mb-1"></div><!$><!/>`), _tmpl$84 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/>`), _tmpl$85 = /* @__PURE__ */ template(`<div class=overflow-x-auto><table class="min-w-full text-xs"><thead><tr><th class="px-2 py-1 text-left text-gray-500 dark:text-gray-400"></th><th class="px-2 py-1 text-left font-medium text-blue-600 dark:text-blue-400"></th><th class="px-2 py-1 text-left font-medium text-purple-600 dark:text-purple-400"></th></tr></thead><tbody>`), _tmpl$86 = /* @__PURE__ */ template(`<tr><td class="px-2 py-1 font-mono text-gray-500 dark:text-gray-400"></td><td class="px-2 py-1 text-gray-900 dark:text-white"></td><td class="px-2 py-1 text-gray-900 dark:text-white">`);
14
+ </style><!$><!/>`), _tmpl$13 = /* @__PURE__ */ template(`<svg class="w-3 h-3 text-gray-300 dark:text-gray-600 flex-shrink-0"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$14 = /* @__PURE__ */ template(`<span class="ml-1 font-normal opacity-75">— <!$><!/>`), _tmpl$15 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/><!$><!/>`), _tmpl$16 = /* @__PURE__ */ template(`<div><span class="flex-shrink-0 mt-0.5"></span><p>`), _tmpl$17 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 mb-2"><span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide">Preview</span><span class="px-1.5 py-0.5 text-xs font-bold bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded">`), _tmpl$18 = /* @__PURE__ */ template(`<p class="text-sm text-gray-700 dark:text-gray-300">`), _tmpl$19 = /* @__PURE__ */ template(`<div class="mt-2 overflow-x-auto"><table class="min-w-full text-xs"><thead><tr></tr></thead><tbody>`), _tmpl$20 = /* @__PURE__ */ template(`<th class="px-2 py-1 text-left font-medium text-gray-500 dark:text-gray-400">`), _tmpl$21 = /* @__PURE__ */ template(`<tr class="border-t border-gray-100 dark:border-gray-700">`), _tmpl$22 = /* @__PURE__ */ template(`<td class="px-2 py-1 text-gray-700 dark:text-gray-300">`), _tmpl$23 = /* @__PURE__ */ template(`<pre class="text-xs text-gray-500 overflow-auto">`), _tmpl$24 = /* @__PURE__ */ template(`<div class="px-4 py-3 animate-[slideDown_0.2s_ease-out]"><h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-2"></h4><!$><!/>`), _tmpl$25 = /* @__PURE__ */ template(`<div class=space-y-1>`), _tmpl$26 = /* @__PURE__ */ template(`<div class="flex gap-2 text-xs"><span class="text-gray-500 dark:text-gray-400 font-mono min-w-[120px]"><!$><!/>:</span><span class="text-gray-900 dark:text-white">`), _tmpl$27 = /* @__PURE__ */ template(`<p class="text-xs text-gray-400 italic">No filters`), _tmpl$28 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-1.5"><!$><!/><!$><!/>`), _tmpl$29 = /* @__PURE__ */ template(`<button type=button class="ml-0.5 hover:text-blue-900 dark:hover:text-blue-100">&times;`), _tmpl$30 = /* @__PURE__ */ template(`<span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded-full"><button type=button class=hover:underline><span class="text-blue-500 dark:text-blue-400"><!$><!/>:</span> <!$><!/></button><!$><!/>`), _tmpl$31 = /* @__PURE__ */ template(`<div class="max-h-48 overflow-y-auto">`), _tmpl$32 = /* @__PURE__ */ template(`<button type=button class="mt-1 w-full px-2 py-1 text-xs text-gray-500 hover:text-gray-700 text-center">Cancel`), _tmpl$33 = /* @__PURE__ */ template(`<div class="absolute z-50 mt-1 left-0 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg p-2 min-w-[200px]">`), _tmpl$34 = /* @__PURE__ */ template(`<div class=relative><!$><!/><!$><!/>`), _tmpl$35 = /* @__PURE__ */ template(`<button type=button class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium border border-dashed border-gray-300 dark:border-gray-600 text-gray-500 dark:text-gray-400 rounded-full hover:border-blue-400 hover:text-blue-500 transition-colors">+ <!$><!/>`), _tmpl$36 = /* @__PURE__ */ template(`<form class="flex gap-1"><input type=text autofocus class="flex-1 px-2 py-1 text-sm border border-gray-200 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 outline-none"><button type=submit class="px-2 py-1 text-xs bg-blue-600 text-white rounded hover:bg-blue-700">OK</button><button type=button class="px-2 py-1 text-xs text-gray-500 hover:text-gray-700">Cancel`), _tmpl$37 = /* @__PURE__ */ template(`<span class=ml-1>✓`), _tmpl$38 = /* @__PURE__ */ template(`<button type=button><!$><!/><!$><!/>`), _tmpl$39 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400"><!$><!/> champ<!$><!/> pré-rempli<!$><!/> sur <!$><!/>`), _tmpl$40 = /* @__PURE__ */ template(`<div class="flex items-center gap-3 p-2 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-md text-sm"><span class="text-blue-700 dark:text-blue-300"><!$><!/> in <!$><!/>s...</span><button type=button class="text-blue-600 dark:text-blue-400 underline hover:text-blue-800 dark:hover:text-blue-200">Cancel`), _tmpl$41 = /* @__PURE__ */ template(`<form class="flex flex-col gap-3"><!$><!/><!$><!/><!$><!/><div class="flex justify-end"><button type=submit class="px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 transition-colors">`), _tmpl$42 = /* @__PURE__ */ template(`<div class="flex items-center gap-3 p-3 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg text-sm"><span class="flex-1 text-blue-800 dark:text-blue-200 font-medium"></span><span class="text-blue-600 dark:text-blue-300"><!$><!/>s...</span><button type=button class="text-blue-600 dark:text-blue-400 underline text-xs">Modifier</button><button type=button class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">&times;`), _tmpl$43 = /* @__PURE__ */ template(`<div class=pl-2>routing: <!$><!/> via <!$><!/> (<!$><!/>ms)`), _tmpl$44 = /* @__PURE__ */ template(`<div class="pl-2 text-amber-500">missing: <!$><!/>`), _tmpl$45 = /* @__PURE__ */ template(`<div class="pt-1 border-t border-gray-200 dark:border-gray-600"><div class="font-medium text-gray-800 dark:text-gray-200">Server _debug:</div><!$><!/><!$><!/><!$><!/>`), _tmpl$46 = /* @__PURE__ */ template(`<pre class="mt-1 p-2 bg-gray-50 dark:bg-gray-900 rounded max-h-48 overflow-auto text-[10px]">`), _tmpl$47 = /* @__PURE__ */ template(`<div class="px-3 pb-3 space-y-2 text-gray-600 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700 pt-2"><div>Fields: <!$><!/> total, <!$><!/> prefilled</div><!$><!/><div class="pt-1 border-t border-gray-200 dark:border-gray-600">autoSubmit: <!$><!/><!$><!/><div> reason: <!$><!/></div></div><!$><!/><div class="pt-1 border-t border-gray-200 dark:border-gray-600"><button type=button class="text-blue-500 hover:text-blue-700 underline"><!$><!/> raw SSE payload</button><!$><!/>`), _tmpl$48 = /* @__PURE__ */ template(`<div class="mt-2 border border-gray-200 dark:border-gray-700 rounded-md text-xs font-mono"><button type=button class="w-full px-3 py-1.5 text-left text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 flex items-center gap-1"><span></span>Debug trace (<!$><!/>/<!$><!/> prefilled)</button><!$><!/>`), _tmpl$49 = /* @__PURE__ */ template(`<div> prefill: <!$><!/>`), _tmpl$50 = /* @__PURE__ */ template(`<div class=text-amber-500> prefill: (none)`), _tmpl$51 = /* @__PURE__ */ template(`<div> source: <!$><!/>`), _tmpl$52 = /* @__PURE__ */ template(`<div> displayHint: "<!$><!/>"`), _tmpl$53 = /* @__PURE__ */ template(`<div> muted: true`), _tmpl$54 = /* @__PURE__ */ template(`<div> prefillMode: <!$><!/>`), _tmpl$55 = /* @__PURE__ */ template(`<div> valueFormat: /<!$><!/>/`), _tmpl$56 = /* @__PURE__ */ template(`<div class="pl-2 border-l-2 border-gray-200 dark:border-gray-600 space-y-0.5"><div class="text-gray-800 dark:text-gray-200 font-medium"><!$><!/>:</div><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$57 = /* @__PURE__ */ template(`<div>→ submitted: <!$><!/>`), _tmpl$58 = /* @__PURE__ */ template(`<div class=pl-2><!$><!/>: <!$><!/> "<!$><!/>" → "<!$><!/>" (<!$><!/>ms)`), _tmpl$59 = /* @__PURE__ */ template(`<div class="flex justify-end"><button type=button class="px-3 py-1.5 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors flex items-center gap-1">Next <svg class="w-3.5 h-3.5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$60 = /* @__PURE__ */ template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$61 = /* @__PURE__ */ template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$62 = /* @__PURE__ */ template(`<div class="mt-2 ml-6">`), _tmpl$63 = /* @__PURE__ */ template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$64 = /* @__PURE__ */ template(`<p class="text-sm font-medium text-gray-800 dark:text-gray-200 mb-2">`), _tmpl$65 = /* @__PURE__ */ template(`<span class=text-amber-600>(<!$><!/> unverified)`), _tmpl$66 = /* @__PURE__ */ template(`<div class="mb-2 flex items-center gap-2 text-xs"><span><!$><!/>% verified</span><!$><!/>`), _tmpl$67 = /* @__PURE__ */ template(`<div><!$><!/><!$><!/><!$><!/><div class="flex flex-wrap gap-2">`), _tmpl$68 = /* @__PURE__ */ template(`<span class="font-medium text-gray-800 dark:text-gray-200">`), _tmpl$69 = /* @__PURE__ */ template(`<span class=ml-1>&mdash; <!$><!/>`), _tmpl$70 = /* @__PURE__ */ template(`<div class="mb-2 p-2 rounded bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-xs text-gray-600 dark:text-gray-400"><!$><!/><!$><!/>`), _tmpl$71 = /* @__PURE__ */ template(`<span class=mr-1>`), _tmpl$72 = /* @__PURE__ */ template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$73 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$74 = /* @__PURE__ */ template(`<div class="flex items-start gap-1.5 text-xs text-amber-600 dark:text-amber-400"><span class=flex-shrink-0>⚠️</span><span>`), _tmpl$75 = /* @__PURE__ */ template(`<span class=italic>&mdash; <!$><!/>`), _tmpl$76 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><span><!$><!/> <!$><!/></span><!$><!/>`), _tmpl$77 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-2">`), _tmpl$78 = /* @__PURE__ */ template(`<div class="flex gap-1"><input type=text class="flex-1 px-3 py-2 text-sm border border-gray-200 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 outline-none"><button type=button class="px-3 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700">Send`), _tmpl$79 = /* @__PURE__ */ template(`<div class=space-y-3><p class="text-sm text-gray-700 dark:text-gray-300"></p><!$><!/><!$><!/>`), _tmpl$80 = /* @__PURE__ */ template(`<span>`), _tmpl$81 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$82 = /* @__PURE__ */ template(`<div class="mt-2 px-3 py-2 bg-blue-50 dark:bg-blue-900/10 rounded-lg text-sm text-blue-700 dark:text-blue-300"><span class=font-medium>Plan:</span> <!$><!/>`), _tmpl$83 = /* @__PURE__ */ template(`<button type=button class="text-xs text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1">&#9998; Modify`), _tmpl$84 = /* @__PURE__ */ template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$85 = /* @__PURE__ */ template(`<div class="flex gap-2 text-sm"><span class="text-gray-500 dark:text-gray-400 font-medium min-w-[80px]"><!$><!/>:</span><span class="text-gray-900 dark:text-white">`), _tmpl$86 = /* @__PURE__ */ template(`<div class="flex items-center gap-1 flex-wrap">`), _tmpl$87 = /* @__PURE__ */ template(`<div class=space-y-2>`), _tmpl$88 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$89 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-400">(<!$><!/>ms)`), _tmpl$90 = /* @__PURE__ */ template(`<div><span class=flex-shrink-0></span><div><span></span><!$><!/><!$><!/>`), _tmpl$91 = /* @__PURE__ */ template(`<span class="text-[10px] opacity-75">`), _tmpl$92 = /* @__PURE__ */ template(`<div><span></span><span></span><!$><!/>`), _tmpl$93 = /* @__PURE__ */ template(`<button type=button>&#128260; <!$><!/>`), _tmpl$94 = /* @__PURE__ */ template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">&#9654; Details`), _tmpl$95 = /* @__PURE__ */ template(`<pre class="mt-2 text-xs opacity-70 overflow-x-auto">`), _tmpl$96 = /* @__PURE__ */ template(`<div><div class="flex items-start gap-2"><span class=flex-shrink-0></span><div class=flex-1><p></p><div class="flex gap-2 mt-2"><!$><!/><!$><!/></div><!$><!/>`), _tmpl$97 = /* @__PURE__ */ template(`<span class="text-xs font-bold text-blue-600 dark:text-blue-400"><!$><!/> results`), _tmpl$98 = /* @__PURE__ */ template(`<p class="text-[10px] text-gray-400">`), _tmpl$99 = /* @__PURE__ */ template(`<div class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2"><div class="flex items-center justify-between mb-1.5"><span class="text-sm font-medium text-gray-900 dark:text-white"><!$><!/> <!$><!/></span><!$><!/></div><div class="flex flex-wrap gap-1.5 mb-1"></div><!$><!/>`), _tmpl$100 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/>`), _tmpl$101 = /* @__PURE__ */ template(`<div class=overflow-x-auto><table class="min-w-full text-xs"><thead><tr><th class="px-2 py-1 text-left text-gray-500 dark:text-gray-400"></th><th class="px-2 py-1 text-left font-medium text-blue-600 dark:text-blue-400"></th><th class="px-2 py-1 text-left font-medium text-purple-600 dark:text-purple-400"></th></tr></thead><tbody>`), _tmpl$102 = /* @__PURE__ */ template(`<tr><td class="px-2 py-1 font-mono text-gray-500 dark:text-gray-400"></td><td class="px-2 py-1 text-gray-900 dark:text-white"></td><td class="px-2 py-1 text-gray-900 dark:text-white">`);
15
15
  const STATUS_BADGES = {
16
16
  loading: {
17
17
  label: "Loading...",
@@ -258,6 +258,9 @@ const ScratchpadPanel = (props) => {
258
258
  },
259
259
  get onSubmit() {
260
260
  return props.onSubmit;
261
+ },
262
+ get debugTrace() {
263
+ return props.debugTrace;
261
264
  }
262
265
  })
263
266
  }));
@@ -554,6 +557,9 @@ const SectionRenderer = (props) => {
554
557
  },
555
558
  get onSubmit() {
556
559
  return props.onSubmit;
560
+ },
561
+ get debugTrace() {
562
+ return props.debugTrace;
557
563
  }
558
564
  });
559
565
  }
@@ -1073,6 +1079,7 @@ const EmbeddedFormSection = (props) => {
1073
1079
  options: dynOpts
1074
1080
  } : field;
1075
1081
  };
1082
+ const [submittedValues, setSubmittedValues] = createSignal(null);
1076
1083
  const handleSubmit = (e) => {
1077
1084
  var _a;
1078
1085
  e.preventDefault();
@@ -1080,6 +1087,7 @@ const EmbeddedFormSection = (props) => {
1080
1087
  const field = config().fields.find((f) => f.name === key);
1081
1088
  return (field == null ? void 0 : field.fieldStatus) !== "unsupported";
1082
1089
  }).filter(([, v]) => v !== void 0 && v !== "" && !(Array.isArray(v) && v.length === 0)));
1090
+ setSubmittedValues(values);
1083
1091
  console.info(`%c[MCP-UI] Form submitted%c section=${props.sectionId} fields=${Object.keys(values).join(",")}`, "color: #8b5cf6; font-weight: bold", "color: inherit");
1084
1092
  if (props.onSubmit) {
1085
1093
  props.onSubmit(props.sectionId, values);
@@ -1105,7 +1113,7 @@ const EmbeddedFormSection = (props) => {
1105
1113
  return fields.length > 0 && fields.every((f) => f.prefill != null);
1106
1114
  };
1107
1115
  const showToast = () => allFieldsPrefilled() && !userInteracted() && !expanded() && countdown() != null;
1108
- return createComponent(Show, {
1116
+ return [createComponent(Show, {
1109
1117
  get when() {
1110
1118
  return !showToast();
1111
1119
  },
@@ -1182,7 +1190,249 @@ const EmbeddedFormSection = (props) => {
1182
1190
  effect(() => setAttribute(_el$154, "id", `scratchpad-form-${props.sectionId}`));
1183
1191
  return _el$154;
1184
1192
  }
1185
- });
1193
+ }), createComponent(Show, {
1194
+ get when() {
1195
+ return props.debugTrace;
1196
+ },
1197
+ get children() {
1198
+ return createComponent(FormDebugTrace, {
1199
+ get fields() {
1200
+ return config().fields;
1201
+ },
1202
+ get formData() {
1203
+ return formData();
1204
+ },
1205
+ get submittedValues() {
1206
+ return submittedValues();
1207
+ },
1208
+ get autoSubmitDelay() {
1209
+ return config().autoSubmitDelay;
1210
+ },
1211
+ get userInteracted() {
1212
+ return userInteracted();
1213
+ },
1214
+ get rawContent() {
1215
+ return props.content;
1216
+ }
1217
+ });
1218
+ }
1219
+ })];
1220
+ };
1221
+ const FormDebugTrace = (props) => {
1222
+ const [open, setOpen] = createSignal(false);
1223
+ const [showRaw, setShowRaw] = createSignal(false);
1224
+ const prefilledCount = () => props.fields.filter((f) => f.prefill != null).length;
1225
+ const requiredFields = () => props.fields.filter((f) => f.required);
1226
+ const missingRequired = () => requiredFields().filter((f) => f.prefill == null);
1227
+ const autoSubmitReason = () => {
1228
+ if (!props.autoSubmitDelay) return "no autoSubmitDelay configured";
1229
+ if (missingRequired().length > 0) return `${missingRequired().length} required field(s) without prefill`;
1230
+ if (props.userInteracted) return "user interacted — cancelled";
1231
+ return "all conditions met";
1232
+ };
1233
+ const serverDebug = () => {
1234
+ var _a;
1235
+ return (_a = props.rawContent) == null ? void 0 : _a._debug;
1236
+ };
1237
+ return (() => {
1238
+ var _el$192 = getNextElement(_tmpl$48), _el$193 = _el$192.firstChild, _el$194 = _el$193.firstChild, _el$195 = _el$194.nextSibling, _el$198 = _el$195.nextSibling, [_el$199, _co$44] = getNextMarker(_el$198.nextSibling), _el$196 = _el$199.nextSibling, _el$200 = _el$196.nextSibling, [_el$201, _co$45] = getNextMarker(_el$200.nextSibling);
1239
+ _el$201.nextSibling;
1240
+ var _el$256 = _el$193.nextSibling, [_el$257, _co$62] = getNextMarker(_el$256.nextSibling);
1241
+ _el$193.$$click = () => setOpen(!open());
1242
+ insert(_el$194, () => open() ? "▾" : "▸");
1243
+ insert(_el$193, prefilledCount, _el$199, _co$44);
1244
+ insert(_el$193, () => props.fields.length, _el$201, _co$45);
1245
+ insert(_el$192, createComponent(Show, {
1246
+ get when() {
1247
+ return open();
1248
+ },
1249
+ get children() {
1250
+ var _el$202 = getNextElement(_tmpl$47), _el$203 = _el$202.firstChild, _el$204 = _el$203.firstChild, _el$207 = _el$204.nextSibling, [_el$208, _co$46] = getNextMarker(_el$207.nextSibling), _el$205 = _el$208.nextSibling, _el$209 = _el$205.nextSibling, [_el$210, _co$47] = getNextMarker(_el$209.nextSibling);
1251
+ _el$210.nextSibling;
1252
+ var _el$252 = _el$203.nextSibling, [_el$253, _co$60] = getNextMarker(_el$252.nextSibling), _el$211 = _el$253.nextSibling, _el$212 = _el$211.firstChild, _el$217 = _el$212.nextSibling, [_el$218, _co$49] = getNextMarker(_el$217.nextSibling), _el$219 = _el$218.nextSibling, [_el$220, _co$50] = getNextMarker(_el$219.nextSibling), _el$213 = _el$220.nextSibling, _el$214 = _el$213.firstChild, _el$215 = _el$214.nextSibling, [_el$216, _co$48] = getNextMarker(_el$215.nextSibling), _el$254 = _el$211.nextSibling, [_el$255, _co$61] = getNextMarker(_el$254.nextSibling), _el$244 = _el$255.nextSibling, _el$245 = _el$244.firstChild, _el$247 = _el$245.firstChild, [_el$248, _co$58] = getNextMarker(_el$247.nextSibling);
1253
+ _el$248.nextSibling;
1254
+ var _el$250 = _el$245.nextSibling, [_el$251, _co$59] = getNextMarker(_el$250.nextSibling);
1255
+ insert(_el$203, () => props.fields.length, _el$208, _co$46);
1256
+ insert(_el$203, prefilledCount, _el$210, _co$47);
1257
+ insert(_el$202, createComponent(For, {
1258
+ get each() {
1259
+ return props.fields;
1260
+ },
1261
+ children: (field) => (() => {
1262
+ var _el$258 = getNextElement(_tmpl$56), _el$259 = _el$258.firstChild, _el$261 = _el$259.firstChild, [_el$262, _co$63] = getNextMarker(_el$261.nextSibling);
1263
+ _el$262.nextSibling;
1264
+ var _el$287 = _el$259.nextSibling, [_el$288, _co$69] = getNextMarker(_el$287.nextSibling), _el$289 = _el$288.nextSibling, [_el$290, _co$70] = getNextMarker(_el$289.nextSibling), _el$291 = _el$290.nextSibling, [_el$292, _co$71] = getNextMarker(_el$291.nextSibling), _el$293 = _el$292.nextSibling, [_el$294, _co$72] = getNextMarker(_el$293.nextSibling), _el$295 = _el$294.nextSibling, [_el$296, _co$73] = getNextMarker(_el$295.nextSibling), _el$297 = _el$296.nextSibling, [_el$298, _co$74] = getNextMarker(_el$297.nextSibling), _el$299 = _el$298.nextSibling, [_el$300, _co$75] = getNextMarker(_el$299.nextSibling), _el$301 = _el$300.nextSibling, [_el$302, _co$76] = getNextMarker(_el$301.nextSibling);
1265
+ insert(_el$259, () => field.name, _el$262, _co$63);
1266
+ insert(_el$258, createComponent(Show, {
1267
+ get when() {
1268
+ return field.prefill != null;
1269
+ },
1270
+ get children() {
1271
+ var _el$263 = getNextElement(_tmpl$49), _el$264 = _el$263.firstChild, _el$265 = _el$264.nextSibling, [_el$266, _co$64] = getNextMarker(_el$265.nextSibling);
1272
+ insert(_el$263, () => JSON.stringify(field.prefill), _el$266, _co$64);
1273
+ return _el$263;
1274
+ }
1275
+ }), _el$288, _co$69);
1276
+ insert(_el$258, createComponent(Show, {
1277
+ get when() {
1278
+ return !field.prefill;
1279
+ },
1280
+ get children() {
1281
+ return getNextElement(_tmpl$50);
1282
+ }
1283
+ }), _el$290, _co$70);
1284
+ insert(_el$258, createComponent(Show, {
1285
+ get when() {
1286
+ return field.source;
1287
+ },
1288
+ get children() {
1289
+ var _el$268 = getNextElement(_tmpl$51), _el$269 = _el$268.firstChild, _el$270 = _el$269.nextSibling, [_el$271, _co$65] = getNextMarker(_el$270.nextSibling);
1290
+ insert(_el$268, () => field.source, _el$271, _co$65);
1291
+ return _el$268;
1292
+ }
1293
+ }), _el$292, _co$71);
1294
+ insert(_el$258, createComponent(Show, {
1295
+ get when() {
1296
+ return field.displayHint;
1297
+ },
1298
+ get children() {
1299
+ var _el$272 = getNextElement(_tmpl$52), _el$273 = _el$272.firstChild, _el$275 = _el$273.nextSibling, [_el$276, _co$66] = getNextMarker(_el$275.nextSibling);
1300
+ _el$276.nextSibling;
1301
+ insert(_el$272, () => field.displayHint, _el$276, _co$66);
1302
+ return _el$272;
1303
+ }
1304
+ }), _el$294, _co$72);
1305
+ insert(_el$258, createComponent(Show, {
1306
+ get when() {
1307
+ return field.muted;
1308
+ },
1309
+ get children() {
1310
+ return getNextElement(_tmpl$53);
1311
+ }
1312
+ }), _el$296, _co$73);
1313
+ insert(_el$258, createComponent(Show, {
1314
+ get when() {
1315
+ return field.prefillMode;
1316
+ },
1317
+ get children() {
1318
+ var _el$278 = getNextElement(_tmpl$54), _el$279 = _el$278.firstChild, _el$280 = _el$279.nextSibling, [_el$281, _co$67] = getNextMarker(_el$280.nextSibling);
1319
+ insert(_el$278, () => field.prefillMode, _el$281, _co$67);
1320
+ return _el$278;
1321
+ }
1322
+ }), _el$298, _co$74);
1323
+ insert(_el$258, createComponent(Show, {
1324
+ get when() {
1325
+ return field.valueFormat;
1326
+ },
1327
+ get children() {
1328
+ var _el$282 = getNextElement(_tmpl$55), _el$283 = _el$282.firstChild, _el$285 = _el$283.nextSibling, [_el$286, _co$68] = getNextMarker(_el$285.nextSibling);
1329
+ _el$286.nextSibling;
1330
+ insert(_el$282, () => field.valueFormat, _el$286, _co$68);
1331
+ return _el$282;
1332
+ }
1333
+ }), _el$300, _co$75);
1334
+ insert(_el$258, createComponent(Show, {
1335
+ get when() {
1336
+ return props.submittedValues;
1337
+ },
1338
+ get children() {
1339
+ return (() => {
1340
+ const v = props.submittedValues[field.name];
1341
+ const hasValue = v !== void 0 && v !== "" && !(Array.isArray(v) && v.length === 0);
1342
+ return (() => {
1343
+ var _el$303 = getNextElement(_tmpl$57), _el$304 = _el$303.firstChild, _el$306 = _el$304.nextSibling, [_el$307, _co$77] = getNextMarker(_el$306.nextSibling);
1344
+ className(_el$303, hasValue ? "text-green-600 dark:text-green-400" : "text-gray-400");
1345
+ insert(_el$303, () => hasValue ? `${JSON.stringify(v)} ✓` : "(empty)", _el$307, _co$77);
1346
+ return _el$303;
1347
+ })();
1348
+ })();
1349
+ }
1350
+ }), _el$302, _co$76);
1351
+ return _el$258;
1352
+ })()
1353
+ }), _el$253, _co$60);
1354
+ insert(_el$211, () => props.autoSubmitDelay ? "true" : "false", _el$218, _co$49);
1355
+ insert(_el$211, (() => {
1356
+ var _c$5 = memo(() => !!props.autoSubmitDelay);
1357
+ return () => _c$5() ? ` (${props.autoSubmitDelay}ms)` : "";
1358
+ })(), _el$220, _co$50);
1359
+ insert(_el$213, autoSubmitReason, _el$216, _co$48);
1360
+ insert(_el$202, createComponent(Show, {
1361
+ get when() {
1362
+ return serverDebug();
1363
+ },
1364
+ get children() {
1365
+ var _el$221 = getNextElement(_tmpl$45), _el$222 = _el$221.firstChild, _el$238 = _el$222.nextSibling, [_el$239, _co$55] = getNextMarker(_el$238.nextSibling), _el$240 = _el$239.nextSibling, [_el$241, _co$56] = getNextMarker(_el$240.nextSibling), _el$242 = _el$241.nextSibling, [_el$243, _co$57] = getNextMarker(_el$242.nextSibling);
1366
+ insert(_el$221, createComponent(Show, {
1367
+ get when() {
1368
+ var _a;
1369
+ return (_a = serverDebug()) == null ? void 0 : _a.resolvers;
1370
+ },
1371
+ get children() {
1372
+ return createComponent(For, {
1373
+ get each() {
1374
+ return serverDebug().resolvers;
1375
+ },
1376
+ children: (r) => (() => {
1377
+ var _el$308 = getNextElement(_tmpl$58), _el$316 = _el$308.firstChild, [_el$317, _co$78] = getNextMarker(_el$316.nextSibling), _el$309 = _el$317.nextSibling, _el$318 = _el$309.nextSibling, [_el$319, _co$79] = getNextMarker(_el$318.nextSibling), _el$310 = _el$319.nextSibling, _el$320 = _el$310.nextSibling, [_el$321, _co$80] = getNextMarker(_el$320.nextSibling), _el$311 = _el$321.nextSibling, _el$322 = _el$311.nextSibling, [_el$323, _co$81] = getNextMarker(_el$322.nextSibling), _el$314 = _el$323.nextSibling, _el$324 = _el$314.nextSibling, [_el$325, _co$82] = getNextMarker(_el$324.nextSibling);
1378
+ _el$325.nextSibling;
1379
+ insert(_el$308, () => r.field, _el$317, _co$78);
1380
+ insert(_el$308, () => r.resolver, _el$319, _co$79);
1381
+ insert(_el$308, () => r.input, _el$321, _co$80);
1382
+ insert(_el$308, () => r.output, _el$323, _co$81);
1383
+ insert(_el$308, () => r.ms, _el$325, _co$82);
1384
+ return _el$308;
1385
+ })()
1386
+ });
1387
+ }
1388
+ }), _el$239, _co$55);
1389
+ insert(_el$221, createComponent(Show, {
1390
+ get when() {
1391
+ var _a;
1392
+ return (_a = serverDebug()) == null ? void 0 : _a.routing;
1393
+ },
1394
+ get children() {
1395
+ var _el$223 = getNextElement(_tmpl$43), _el$224 = _el$223.firstChild, _el$228 = _el$224.nextSibling, [_el$229, _co$51] = getNextMarker(_el$228.nextSibling), _el$225 = _el$229.nextSibling, _el$230 = _el$225.nextSibling, [_el$231, _co$52] = getNextMarker(_el$230.nextSibling), _el$226 = _el$231.nextSibling, _el$232 = _el$226.nextSibling, [_el$233, _co$53] = getNextMarker(_el$232.nextSibling);
1396
+ _el$233.nextSibling;
1397
+ insert(_el$223, () => serverDebug().routing.topic, _el$229, _co$51);
1398
+ insert(_el$223, () => serverDebug().routing.method, _el$231, _co$52);
1399
+ insert(_el$223, () => serverDebug().routing.ms, _el$233, _co$53);
1400
+ return _el$223;
1401
+ }
1402
+ }), _el$241, _co$56);
1403
+ insert(_el$221, createComponent(Show, {
1404
+ get when() {
1405
+ var _a;
1406
+ return (_a = serverDebug()) == null ? void 0 : _a.missingFields;
1407
+ },
1408
+ get children() {
1409
+ var _el$234 = getNextElement(_tmpl$44), _el$235 = _el$234.firstChild, _el$236 = _el$235.nextSibling, [_el$237, _co$54] = getNextMarker(_el$236.nextSibling);
1410
+ insert(_el$234, () => serverDebug().missingFields.join(", "), _el$237, _co$54);
1411
+ return _el$234;
1412
+ }
1413
+ }), _el$243, _co$57);
1414
+ return _el$221;
1415
+ }
1416
+ }), _el$255, _co$61);
1417
+ _el$245.$$click = () => setShowRaw(!showRaw());
1418
+ insert(_el$245, () => showRaw() ? "Hide" : "Show", _el$248, _co$58);
1419
+ insert(_el$244, createComponent(Show, {
1420
+ get when() {
1421
+ return showRaw();
1422
+ },
1423
+ get children() {
1424
+ var _el$249 = getNextElement(_tmpl$46);
1425
+ insert(_el$249, () => JSON.stringify(props.rawContent, null, 2));
1426
+ return _el$249;
1427
+ }
1428
+ }), _el$251, _co$59);
1429
+ runHydrationEvents();
1430
+ return _el$202;
1431
+ }
1432
+ }), _el$257, _co$62);
1433
+ runHydrationEvents();
1434
+ return _el$192;
1435
+ })();
1186
1436
  };
1187
1437
  const EnrichedStepsSection = (props) => {
1188
1438
  const stepsData = () => {
@@ -1193,35 +1443,35 @@ const EnrichedStepsSection = (props) => {
1193
1443
  };
1194
1444
  };
1195
1445
  return (() => {
1196
- var _el$192 = getNextElement(_tmpl$44), _el$195 = _el$192.firstChild, [_el$196, _co$44] = getNextMarker(_el$195.nextSibling), _el$197 = _el$196.nextSibling, [_el$198, _co$45] = getNextMarker(_el$197.nextSibling);
1197
- insert(_el$192, createComponent(For, {
1446
+ var _el$326 = getNextElement(_tmpl$60), _el$329 = _el$326.firstChild, [_el$330, _co$83] = getNextMarker(_el$329.nextSibling), _el$331 = _el$330.nextSibling, [_el$332, _co$84] = getNextMarker(_el$331.nextSibling);
1447
+ insert(_el$326, createComponent(For, {
1198
1448
  get each() {
1199
1449
  return stepsData().steps;
1200
1450
  },
1201
1451
  children: (step) => (() => {
1202
- var _el$199 = getNextElement(_tmpl$47), _el$200 = _el$199.firstChild, _el$201 = _el$200.firstChild, _el$206 = _el$201.nextSibling, [_el$207, _co$47] = getNextMarker(_el$206.nextSibling), _el$208 = _el$207.nextSibling, [_el$209, _co$48] = getNextMarker(_el$208.nextSibling), _el$211 = _el$200.nextSibling, [_el$212, _co$49] = getNextMarker(_el$211.nextSibling);
1203
- insert(_el$201, (() => {
1204
- var _c$5 = memo(() => step.status === "done");
1205
- return () => _c$5() ? "✅" : step.status === "active" ? "●" : "○";
1452
+ var _el$333 = getNextElement(_tmpl$63), _el$334 = _el$333.firstChild, _el$335 = _el$334.firstChild, _el$340 = _el$335.nextSibling, [_el$341, _co$86] = getNextMarker(_el$340.nextSibling), _el$342 = _el$341.nextSibling, [_el$343, _co$87] = getNextMarker(_el$342.nextSibling), _el$345 = _el$334.nextSibling, [_el$346, _co$88] = getNextMarker(_el$345.nextSibling);
1453
+ insert(_el$335, (() => {
1454
+ var _c$6 = memo(() => step.status === "done");
1455
+ return () => _c$6() ? "✅" : step.status === "active" ? "●" : "○";
1206
1456
  })());
1207
- insert(_el$200, () => step.label, _el$207, _co$47);
1208
- insert(_el$200, createComponent(Show, {
1457
+ insert(_el$334, () => step.label, _el$341, _co$86);
1458
+ insert(_el$334, createComponent(Show, {
1209
1459
  get when() {
1210
1460
  return memo(() => !!step.description)() && step.status === "active";
1211
1461
  },
1212
1462
  get children() {
1213
- var _el$202 = getNextElement(_tmpl$45), _el$203 = _el$202.firstChild, _el$204 = _el$203.nextSibling, [_el$205, _co$46] = getNextMarker(_el$204.nextSibling);
1214
- insert(_el$202, () => step.description, _el$205, _co$46);
1215
- return _el$202;
1463
+ var _el$336 = getNextElement(_tmpl$61), _el$337 = _el$336.firstChild, _el$338 = _el$337.nextSibling, [_el$339, _co$85] = getNextMarker(_el$338.nextSibling);
1464
+ insert(_el$336, () => step.description, _el$339, _co$85);
1465
+ return _el$336;
1216
1466
  }
1217
- }), _el$209, _co$48);
1218
- insert(_el$199, createComponent(Show, {
1467
+ }), _el$343, _co$87);
1468
+ insert(_el$333, createComponent(Show, {
1219
1469
  get when() {
1220
1470
  return memo(() => step.status === "active")() && step.content;
1221
1471
  },
1222
1472
  get children() {
1223
- var _el$210 = getNextElement(_tmpl$46);
1224
- insert(_el$210, createComponent(SectionRenderer, {
1473
+ var _el$344 = getNextElement(_tmpl$62);
1474
+ insert(_el$344, createComponent(SectionRenderer, {
1225
1475
  get section() {
1226
1476
  return step.content;
1227
1477
  },
@@ -1233,38 +1483,38 @@ const EnrichedStepsSection = (props) => {
1233
1483
  return props.onAction;
1234
1484
  }
1235
1485
  }));
1236
- return _el$210;
1486
+ return _el$344;
1237
1487
  }
1238
- }), _el$212, _co$49);
1488
+ }), _el$346, _co$88);
1239
1489
  effect((_p$) => {
1240
1490
  var _v$4 = `rounded-lg ${step.status === "active" ? "bg-blue-50/50 dark:bg-blue-900/10 border border-blue-200 dark:border-blue-800 p-3 animate-pulse" : "px-1"}`, _v$5 = `flex items-center gap-2 text-sm font-medium ${step.status === "done" ? "text-green-600 dark:text-green-400" : step.status === "active" ? "text-blue-600 dark:text-blue-400" : "text-gray-400"}`;
1241
- _v$4 !== _p$.e && className(_el$199, _p$.e = _v$4);
1242
- _v$5 !== _p$.t && className(_el$200, _p$.t = _v$5);
1491
+ _v$4 !== _p$.e && className(_el$333, _p$.e = _v$4);
1492
+ _v$5 !== _p$.t && className(_el$334, _p$.t = _v$5);
1243
1493
  return _p$;
1244
1494
  }, {
1245
1495
  e: void 0,
1246
1496
  t: void 0
1247
1497
  });
1248
- return _el$199;
1498
+ return _el$333;
1249
1499
  })()
1250
- }), _el$196, _co$44);
1251
- insert(_el$192, createComponent(Show, {
1500
+ }), _el$330, _co$83);
1501
+ insert(_el$326, createComponent(Show, {
1252
1502
  get when() {
1253
1503
  return stepsData().steps.some((s) => s.status === "active");
1254
1504
  },
1255
1505
  get children() {
1256
- var _el$193 = getNextElement(_tmpl$43), _el$194 = _el$193.firstChild;
1257
- _el$194.$$click = () => {
1506
+ var _el$327 = getNextElement(_tmpl$59), _el$328 = _el$327.firstChild;
1507
+ _el$328.$$click = () => {
1258
1508
  var _a;
1259
1509
  return (_a = props.onAction) == null ? void 0 : _a.call(props, "next_step", {
1260
1510
  step: stepsData().currentStep
1261
1511
  });
1262
1512
  };
1263
1513
  runHydrationEvents();
1264
- return _el$193;
1514
+ return _el$327;
1265
1515
  }
1266
- }), _el$198, _co$45);
1267
- return _el$192;
1516
+ }), _el$332, _co$84);
1517
+ return _el$326;
1268
1518
  })();
1269
1519
  };
1270
1520
  const ActionSection = (props) => {
@@ -1290,103 +1540,103 @@ const ActionSection = (props) => {
1290
1540
  };
1291
1541
  };
1292
1542
  return (() => {
1293
- var _el$213 = getNextElement(_tmpl$51), _el$228 = _el$213.firstChild, [_el$229, _co$53] = getNextMarker(_el$228.nextSibling), _el$230 = _el$229.nextSibling, [_el$231, _co$54] = getNextMarker(_el$230.nextSibling), _el$232 = _el$231.nextSibling, [_el$233, _co$55] = getNextMarker(_el$232.nextSibling), _el$227 = _el$233.nextSibling;
1294
- insert(_el$213, createComponent(Show, {
1543
+ var _el$347 = getNextElement(_tmpl$67), _el$362 = _el$347.firstChild, [_el$363, _co$92] = getNextMarker(_el$362.nextSibling), _el$364 = _el$363.nextSibling, [_el$365, _co$93] = getNextMarker(_el$364.nextSibling), _el$366 = _el$365.nextSibling, [_el$367, _co$94] = getNextMarker(_el$366.nextSibling), _el$361 = _el$367.nextSibling;
1544
+ insert(_el$347, createComponent(Show, {
1295
1545
  get when() {
1296
1546
  return data().title;
1297
1547
  },
1298
1548
  get children() {
1299
- var _el$214 = getNextElement(_tmpl$48);
1300
- insert(_el$214, () => data().title);
1301
- return _el$214;
1549
+ var _el$348 = getNextElement(_tmpl$64);
1550
+ insert(_el$348, () => data().title);
1551
+ return _el$348;
1302
1552
  }
1303
- }), _el$229, _co$53);
1304
- insert(_el$213, createComponent(Show, {
1553
+ }), _el$363, _co$92);
1554
+ insert(_el$347, createComponent(Show, {
1305
1555
  get when() {
1306
1556
  return data().preview;
1307
1557
  },
1308
1558
  children: (preview) => (() => {
1309
- var _el$234 = getNextElement(_tmpl$54), _el$240 = _el$234.firstChild, [_el$241, _co$57] = getNextMarker(_el$240.nextSibling), _el$242 = _el$241.nextSibling, [_el$243, _co$58] = getNextMarker(_el$242.nextSibling);
1310
- insert(_el$234, createComponent(Show, {
1559
+ var _el$368 = getNextElement(_tmpl$70), _el$374 = _el$368.firstChild, [_el$375, _co$96] = getNextMarker(_el$374.nextSibling), _el$376 = _el$375.nextSibling, [_el$377, _co$97] = getNextMarker(_el$376.nextSibling);
1560
+ insert(_el$368, createComponent(Show, {
1311
1561
  get when() {
1312
1562
  return preview().count != null;
1313
1563
  },
1314
1564
  get children() {
1315
1565
  return [(() => {
1316
- var _el$235 = getNextElement(_tmpl$52);
1317
- insert(_el$235, () => preview().count);
1318
- return _el$235;
1566
+ var _el$369 = getNextElement(_tmpl$68);
1567
+ insert(_el$369, () => preview().count);
1568
+ return _el$369;
1319
1569
  })(), " items"];
1320
1570
  }
1321
- }), _el$241, _co$57);
1322
- insert(_el$234, createComponent(Show, {
1571
+ }), _el$375, _co$96);
1572
+ insert(_el$368, createComponent(Show, {
1323
1573
  get when() {
1324
1574
  return preview().summary;
1325
1575
  },
1326
1576
  get children() {
1327
- var _el$236 = getNextElement(_tmpl$53), _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling, [_el$239, _co$56] = getNextMarker(_el$238.nextSibling);
1328
- insert(_el$236, () => preview().summary, _el$239, _co$56);
1329
- return _el$236;
1577
+ var _el$370 = getNextElement(_tmpl$69), _el$371 = _el$370.firstChild, _el$372 = _el$371.nextSibling, [_el$373, _co$95] = getNextMarker(_el$372.nextSibling);
1578
+ insert(_el$370, () => preview().summary, _el$373, _co$95);
1579
+ return _el$370;
1330
1580
  }
1331
- }), _el$243, _co$58);
1332
- return _el$234;
1581
+ }), _el$377, _co$97);
1582
+ return _el$368;
1333
1583
  })()
1334
- }), _el$231, _co$54);
1335
- insert(_el$213, createComponent(Show, {
1584
+ }), _el$365, _co$93);
1585
+ insert(_el$347, createComponent(Show, {
1336
1586
  get when() {
1337
1587
  return memo(() => !!data().validation)() && data().validation.confidence != null;
1338
1588
  },
1339
1589
  get children() {
1340
- var _el$215 = getNextElement(_tmpl$50), _el$216 = _el$215.firstChild, _el$218 = _el$216.firstChild, [_el$219, _co$50] = getNextMarker(_el$218.nextSibling);
1341
- _el$219.nextSibling;
1342
- var _el$225 = _el$216.nextSibling, [_el$226, _co$52] = getNextMarker(_el$225.nextSibling);
1343
- insert(_el$216, () => Math.round(data().validation.confidence * 100), _el$219, _co$50);
1344
- insert(_el$215, createComponent(Show, {
1590
+ var _el$349 = getNextElement(_tmpl$66), _el$350 = _el$349.firstChild, _el$352 = _el$350.firstChild, [_el$353, _co$89] = getNextMarker(_el$352.nextSibling);
1591
+ _el$353.nextSibling;
1592
+ var _el$359 = _el$350.nextSibling, [_el$360, _co$91] = getNextMarker(_el$359.nextSibling);
1593
+ insert(_el$350, () => Math.round(data().validation.confidence * 100), _el$353, _co$89);
1594
+ insert(_el$349, createComponent(Show, {
1345
1595
  get when() {
1346
1596
  var _a;
1347
1597
  return ((_a = data().validation.hallucinated) == null ? void 0 : _a.length) > 0;
1348
1598
  },
1349
1599
  get children() {
1350
- var _el$220 = getNextElement(_tmpl$49), _el$221 = _el$220.firstChild, _el$223 = _el$221.nextSibling, [_el$224, _co$51] = getNextMarker(_el$223.nextSibling);
1351
- _el$224.nextSibling;
1352
- insert(_el$220, () => data().validation.hallucinated.length, _el$224, _co$51);
1353
- return _el$220;
1600
+ var _el$354 = getNextElement(_tmpl$65), _el$355 = _el$354.firstChild, _el$357 = _el$355.nextSibling, [_el$358, _co$90] = getNextMarker(_el$357.nextSibling);
1601
+ _el$358.nextSibling;
1602
+ insert(_el$354, () => data().validation.hallucinated.length, _el$358, _co$90);
1603
+ return _el$354;
1354
1604
  }
1355
- }), _el$226, _co$52);
1356
- effect((_$p) => classList(_el$216, {
1605
+ }), _el$360, _co$91);
1606
+ effect((_$p) => classList(_el$350, {
1357
1607
  "text-green-600 dark:text-green-400": data().validation.confidence >= 0.8,
1358
1608
  "text-amber-600 dark:text-amber-400": data().validation.confidence >= 0.5 && data().validation.confidence < 0.8,
1359
1609
  "text-red-600 dark:text-red-400": data().validation.confidence < 0.5
1360
1610
  }, _$p));
1361
- return _el$215;
1611
+ return _el$349;
1362
1612
  }
1363
- }), _el$233, _co$55);
1364
- insert(_el$227, createComponent(For, {
1613
+ }), _el$367, _co$94);
1614
+ insert(_el$361, createComponent(For, {
1365
1615
  get each() {
1366
1616
  return data().actions;
1367
1617
  },
1368
1618
  children: (item) => (() => {
1369
- var _el$244 = getNextElement(_tmpl$38), _el$246 = _el$244.firstChild, [_el$247, _co$59] = getNextMarker(_el$246.nextSibling), _el$248 = _el$247.nextSibling, [_el$249, _co$60] = getNextMarker(_el$248.nextSibling);
1370
- addEventListener(_el$244, "click", () => {
1619
+ var _el$378 = getNextElement(_tmpl$38), _el$380 = _el$378.firstChild, [_el$381, _co$98] = getNextMarker(_el$380.nextSibling), _el$382 = _el$381.nextSibling, [_el$383, _co$99] = getNextMarker(_el$382.nextSibling);
1620
+ addEventListener(_el$378, "click", () => {
1371
1621
  var _a;
1372
1622
  return (_a = props.onAction) == null ? void 0 : _a.call(props, item.value || item.action || item.label, item);
1373
1623
  });
1374
- insert(_el$244, createComponent(Show, {
1624
+ insert(_el$378, createComponent(Show, {
1375
1625
  get when() {
1376
1626
  return item.icon;
1377
1627
  },
1378
1628
  get children() {
1379
- var _el$245 = getNextElement(_tmpl$55);
1380
- insert(_el$245, () => item.icon);
1381
- return _el$245;
1629
+ var _el$379 = getNextElement(_tmpl$71);
1630
+ insert(_el$379, () => item.icon);
1631
+ return _el$379;
1382
1632
  }
1383
- }), _el$247, _co$59);
1384
- insert(_el$244, () => item.label, _el$249, _co$60);
1385
- effect(() => className(_el$244, `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors ${item.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : item.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : item.variant === "secondary" ? "border border-blue-300 dark:border-blue-600 text-blue-700 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-blue-900/20" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
1386
- return _el$244;
1633
+ }), _el$381, _co$98);
1634
+ insert(_el$378, () => item.label, _el$383, _co$99);
1635
+ effect(() => className(_el$378, `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors ${item.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : item.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : item.variant === "secondary" ? "border border-blue-300 dark:border-blue-600 text-blue-700 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-blue-900/20" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
1636
+ return _el$378;
1387
1637
  })()
1388
1638
  }));
1389
- return _el$213;
1639
+ return _el$347;
1390
1640
  })();
1391
1641
  };
1392
1642
  const UnderstandingSection = (props) => {
@@ -1410,39 +1660,39 @@ const UnderstandingSection = (props) => {
1410
1660
  }
1411
1661
  };
1412
1662
  return (() => {
1413
- var _el$250 = getNextElement(_tmpl$56), _el$251 = _el$250.firstChild, _el$253 = _el$251.nextSibling, [_el$254, _co$61] = getNextMarker(_el$253.nextSibling);
1414
- insert(_el$251, createComponent(For, {
1663
+ var _el$384 = getNextElement(_tmpl$72), _el$385 = _el$384.firstChild, _el$387 = _el$385.nextSibling, [_el$388, _co$100] = getNextMarker(_el$387.nextSibling);
1664
+ insert(_el$385, createComponent(For, {
1415
1665
  get each() {
1416
1666
  return data().detections;
1417
1667
  },
1418
1668
  children: (det) => (() => {
1419
- var _el$255 = getNextElement(_tmpl$57), _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling;
1420
- insert(_el$256, () => det.label);
1421
- insert(_el$257, () => det.value);
1422
- effect(() => className(_el$256, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
1423
- return _el$255;
1669
+ var _el$389 = getNextElement(_tmpl$73), _el$390 = _el$389.firstChild, _el$391 = _el$390.nextSibling;
1670
+ insert(_el$390, () => det.label);
1671
+ insert(_el$391, () => det.value);
1672
+ effect(() => className(_el$390, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
1673
+ return _el$389;
1424
1674
  })()
1425
1675
  }));
1426
- insert(_el$250, createComponent(Show, {
1676
+ insert(_el$384, createComponent(Show, {
1427
1677
  get when() {
1428
1678
  return data().warnings.length > 0;
1429
1679
  },
1430
1680
  get children() {
1431
- var _el$252 = getNextElement(_tmpl$25);
1432
- insert(_el$252, createComponent(For, {
1681
+ var _el$386 = getNextElement(_tmpl$25);
1682
+ insert(_el$386, createComponent(For, {
1433
1683
  get each() {
1434
1684
  return data().warnings;
1435
1685
  },
1436
1686
  children: (w) => (() => {
1437
- var _el$258 = getNextElement(_tmpl$58), _el$259 = _el$258.firstChild, _el$260 = _el$259.nextSibling;
1438
- insert(_el$260, w);
1439
- return _el$258;
1687
+ var _el$392 = getNextElement(_tmpl$74), _el$393 = _el$392.firstChild, _el$394 = _el$393.nextSibling;
1688
+ insert(_el$394, w);
1689
+ return _el$392;
1440
1690
  })()
1441
1691
  }));
1442
- return _el$252;
1692
+ return _el$386;
1443
1693
  }
1444
- }), _el$254, _co$61);
1445
- return _el$250;
1694
+ }), _el$388, _co$100);
1695
+ return _el$384;
1446
1696
  })();
1447
1697
  };
1448
1698
  const FeedbackSection = (props) => {
@@ -1497,81 +1747,81 @@ const FeedbackSection = (props) => {
1497
1747
  (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", payload);
1498
1748
  };
1499
1749
  return (() => {
1500
- var _el$261 = getNextElement(_tmpl$63), _el$262 = _el$261.firstChild, _el$280 = _el$262.nextSibling, [_el$281, _co$66] = getNextMarker(_el$280.nextSibling), _el$282 = _el$281.nextSibling, [_el$283, _co$67] = getNextMarker(_el$282.nextSibling);
1501
- insert(_el$262, () => data().question);
1502
- insert(_el$261, createComponent(Show, {
1750
+ var _el$395 = getNextElement(_tmpl$79), _el$396 = _el$395.firstChild, _el$414 = _el$396.nextSibling, [_el$415, _co$105] = getNextMarker(_el$414.nextSibling), _el$416 = _el$415.nextSibling, [_el$417, _co$106] = getNextMarker(_el$416.nextSibling);
1751
+ insert(_el$396, () => data().question);
1752
+ insert(_el$395, createComponent(Show, {
1503
1753
  get when() {
1504
1754
  return submitted();
1505
1755
  },
1506
1756
  get children() {
1507
- var _el$263 = getNextElement(_tmpl$60), _el$264 = _el$263.firstChild, _el$266 = _el$264.firstChild, [_el$267, _co$62] = getNextMarker(_el$266.nextSibling), _el$265 = _el$267.nextSibling, _el$268 = _el$265.nextSibling, [_el$269, _co$63] = getNextMarker(_el$268.nextSibling), _el$274 = _el$264.nextSibling, [_el$275, _co$65] = getNextMarker(_el$274.nextSibling);
1508
- insert(_el$264, (() => {
1509
- var _c$6 = memo(() => submitted() === "approve");
1510
- return () => _c$6() ? "✅" : submitted() === "reject" ? "❌" : "💬";
1511
- })(), _el$267, _co$62);
1512
- insert(_el$264, submitted, _el$269, _co$63);
1513
- insert(_el$263, createComponent(Show, {
1757
+ var _el$397 = getNextElement(_tmpl$76), _el$398 = _el$397.firstChild, _el$400 = _el$398.firstChild, [_el$401, _co$101] = getNextMarker(_el$400.nextSibling), _el$399 = _el$401.nextSibling, _el$402 = _el$399.nextSibling, [_el$403, _co$102] = getNextMarker(_el$402.nextSibling), _el$408 = _el$398.nextSibling, [_el$409, _co$104] = getNextMarker(_el$408.nextSibling);
1758
+ insert(_el$398, (() => {
1759
+ var _c$7 = memo(() => submitted() === "approve");
1760
+ return () => _c$7() ? "✅" : submitted() === "reject" ? "❌" : "💬";
1761
+ })(), _el$401, _co$101);
1762
+ insert(_el$398, submitted, _el$403, _co$102);
1763
+ insert(_el$397, createComponent(Show, {
1514
1764
  get when() {
1515
1765
  return comment();
1516
1766
  },
1517
1767
  get children() {
1518
- var _el$270 = getNextElement(_tmpl$59), _el$271 = _el$270.firstChild, _el$272 = _el$271.nextSibling, [_el$273, _co$64] = getNextMarker(_el$272.nextSibling);
1519
- insert(_el$270, comment, _el$273, _co$64);
1520
- return _el$270;
1768
+ var _el$404 = getNextElement(_tmpl$75), _el$405 = _el$404.firstChild, _el$406 = _el$405.nextSibling, [_el$407, _co$103] = getNextMarker(_el$406.nextSibling);
1769
+ insert(_el$404, comment, _el$407, _co$103);
1770
+ return _el$404;
1521
1771
  }
1522
- }), _el$275, _co$65);
1772
+ }), _el$409, _co$104);
1523
1773
  effect((_p$) => {
1524
1774
  var _v$6 = !!(submitted() === "approve"), _v$7 = !!(submitted() === "reject"), _v$8 = !!(submitted() !== "approve" && submitted() !== "reject");
1525
- _v$6 !== _p$.e && _el$264.classList.toggle("text-green-600", _p$.e = _v$6);
1526
- _v$7 !== _p$.t && _el$264.classList.toggle("text-red-600", _p$.t = _v$7);
1527
- _v$8 !== _p$.a && _el$264.classList.toggle("text-blue-600", _p$.a = _v$8);
1775
+ _v$6 !== _p$.e && _el$398.classList.toggle("text-green-600", _p$.e = _v$6);
1776
+ _v$7 !== _p$.t && _el$398.classList.toggle("text-red-600", _p$.t = _v$7);
1777
+ _v$8 !== _p$.a && _el$398.classList.toggle("text-blue-600", _p$.a = _v$8);
1528
1778
  return _p$;
1529
1779
  }, {
1530
1780
  e: void 0,
1531
1781
  t: void 0,
1532
1782
  a: void 0
1533
1783
  });
1534
- return _el$263;
1784
+ return _el$397;
1535
1785
  }
1536
- }), _el$281, _co$66);
1537
- insert(_el$261, createComponent(Show, {
1786
+ }), _el$415, _co$105);
1787
+ insert(_el$395, createComponent(Show, {
1538
1788
  get when() {
1539
1789
  return !submitted();
1540
1790
  },
1541
1791
  get children() {
1542
1792
  return [(() => {
1543
- var _el$276 = getNextElement(_tmpl$61);
1544
- insert(_el$276, createComponent(For, {
1793
+ var _el$410 = getNextElement(_tmpl$77);
1794
+ insert(_el$410, createComponent(For, {
1545
1795
  get each() {
1546
1796
  return data().options;
1547
1797
  },
1548
1798
  children: (option) => (() => {
1549
- var _el$284 = getNextElement(_tmpl$38), _el$286 = _el$284.firstChild, [_el$287, _co$68] = getNextMarker(_el$286.nextSibling), _el$288 = _el$287.nextSibling, [_el$289, _co$69] = getNextMarker(_el$288.nextSibling);
1550
- addEventListener(_el$284, "click", () => handleOption(option));
1551
- insert(_el$284, createComponent(Show, {
1799
+ var _el$418 = getNextElement(_tmpl$38), _el$420 = _el$418.firstChild, [_el$421, _co$107] = getNextMarker(_el$420.nextSibling), _el$422 = _el$421.nextSibling, [_el$423, _co$108] = getNextMarker(_el$422.nextSibling);
1800
+ addEventListener(_el$418, "click", () => handleOption(option));
1801
+ insert(_el$418, createComponent(Show, {
1552
1802
  get when() {
1553
1803
  return option.icon;
1554
1804
  },
1555
1805
  get children() {
1556
- var _el$285 = getNextElement(_tmpl$64);
1557
- insert(_el$285, () => option.icon);
1558
- return _el$285;
1806
+ var _el$419 = getNextElement(_tmpl$80);
1807
+ insert(_el$419, () => option.icon);
1808
+ return _el$419;
1559
1809
  }
1560
- }), _el$287, _co$68);
1561
- insert(_el$284, () => option.label, _el$289, _co$69);
1562
- effect(() => className(_el$284, `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors flex items-center gap-1 ${option.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : option.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
1563
- return _el$284;
1810
+ }), _el$421, _co$107);
1811
+ insert(_el$418, () => option.label, _el$423, _co$108);
1812
+ effect(() => className(_el$418, `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors flex items-center gap-1 ${option.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : option.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
1813
+ return _el$418;
1564
1814
  })()
1565
1815
  }));
1566
- return _el$276;
1816
+ return _el$410;
1567
1817
  })(), createComponent(Show, {
1568
1818
  get when() {
1569
1819
  return data().allowFreeText || showComment();
1570
1820
  },
1571
1821
  get children() {
1572
- var _el$277 = getNextElement(_tmpl$62), _el$278 = _el$277.firstChild, _el$279 = _el$278.nextSibling;
1573
- _el$278.$$input = (e) => setComment(e.currentTarget.value);
1574
- addEventListener(_el$279, "click", () => {
1822
+ var _el$411 = getNextElement(_tmpl$78), _el$412 = _el$411.firstChild, _el$413 = _el$412.nextSibling;
1823
+ _el$412.$$input = (e) => setComment(e.currentTarget.value);
1824
+ addEventListener(_el$413, "click", () => {
1575
1825
  var _a;
1576
1826
  setSubmitted("comment");
1577
1827
  (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", {
@@ -1583,21 +1833,21 @@ const FeedbackSection = (props) => {
1583
1833
  });
1584
1834
  effect((_p$) => {
1585
1835
  var _v$9 = data().placeholder, _v$0 = showComment();
1586
- _v$9 !== _p$.e && setAttribute(_el$278, "placeholder", _p$.e = _v$9);
1587
- _v$0 !== _p$.t && setProperty(_el$278, "autofocus", _p$.t = _v$0);
1836
+ _v$9 !== _p$.e && setAttribute(_el$412, "placeholder", _p$.e = _v$9);
1837
+ _v$0 !== _p$.t && setProperty(_el$412, "autofocus", _p$.t = _v$0);
1588
1838
  return _p$;
1589
1839
  }, {
1590
1840
  e: void 0,
1591
1841
  t: void 0
1592
1842
  });
1593
- effect(() => setProperty(_el$278, "value", comment()));
1843
+ effect(() => setProperty(_el$412, "value", comment()));
1594
1844
  runHydrationEvents();
1595
- return _el$277;
1845
+ return _el$411;
1596
1846
  }
1597
1847
  })];
1598
1848
  }
1599
- }), _el$283, _co$67);
1600
- return _el$261;
1849
+ }), _el$417, _co$106);
1850
+ return _el$395;
1601
1851
  })();
1602
1852
  };
1603
1853
  const PromptSection = (props) => {
@@ -1612,56 +1862,56 @@ const PromptSection = (props) => {
1612
1862
  };
1613
1863
  };
1614
1864
  return (() => {
1615
- var _el$290 = getNextElement(_tmpl$68), _el$303 = _el$290.firstChild, [_el$304, _co$72] = getNextMarker(_el$303.nextSibling), _el$296 = _el$304.nextSibling, _el$305 = _el$296.nextSibling, [_el$306, _co$73] = getNextMarker(_el$305.nextSibling), _el$307 = _el$306.nextSibling, [_el$308, _co$74] = getNextMarker(_el$307.nextSibling);
1616
- insert(_el$290, createComponent(Show, {
1865
+ var _el$424 = getNextElement(_tmpl$84), _el$437 = _el$424.firstChild, [_el$438, _co$111] = getNextMarker(_el$437.nextSibling), _el$430 = _el$438.nextSibling, _el$439 = _el$430.nextSibling, [_el$440, _co$112] = getNextMarker(_el$439.nextSibling), _el$441 = _el$440.nextSibling, [_el$442, _co$113] = getNextMarker(_el$441.nextSibling);
1866
+ insert(_el$424, createComponent(Show, {
1617
1867
  get when() {
1618
1868
  return data().originalQuery;
1619
1869
  },
1620
1870
  get children() {
1621
- var _el$291 = getNextElement(_tmpl$65), _el$292 = _el$291.firstChild, _el$294 = _el$292.nextSibling, [_el$295, _co$70] = getNextMarker(_el$294.nextSibling);
1622
- _el$295.nextSibling;
1623
- insert(_el$291, () => data().originalQuery, _el$295, _co$70);
1624
- return _el$291;
1871
+ var _el$425 = getNextElement(_tmpl$81), _el$426 = _el$425.firstChild, _el$428 = _el$426.nextSibling, [_el$429, _co$109] = getNextMarker(_el$428.nextSibling);
1872
+ _el$429.nextSibling;
1873
+ insert(_el$425, () => data().originalQuery, _el$429, _co$109);
1874
+ return _el$425;
1625
1875
  }
1626
- }), _el$304, _co$72);
1627
- insert(_el$296, createComponent(For, {
1876
+ }), _el$438, _co$111);
1877
+ insert(_el$430, createComponent(For, {
1628
1878
  get each() {
1629
1879
  return Object.entries(data().extracted);
1630
1880
  },
1631
1881
  children: ([key, value]) => (() => {
1632
- var _el$309 = getNextElement(_tmpl$69), _el$310 = _el$309.firstChild, _el$312 = _el$310.firstChild, [_el$313, _co$75] = getNextMarker(_el$312.nextSibling);
1633
- _el$313.nextSibling;
1634
- var _el$314 = _el$310.nextSibling;
1635
- insert(_el$310, key, _el$313, _co$75);
1636
- insert(_el$314, () => String(value));
1637
- return _el$309;
1882
+ var _el$443 = getNextElement(_tmpl$85), _el$444 = _el$443.firstChild, _el$446 = _el$444.firstChild, [_el$447, _co$114] = getNextMarker(_el$446.nextSibling);
1883
+ _el$447.nextSibling;
1884
+ var _el$448 = _el$444.nextSibling;
1885
+ insert(_el$444, key, _el$447, _co$114);
1886
+ insert(_el$448, () => String(value));
1887
+ return _el$443;
1638
1888
  })()
1639
1889
  }));
1640
- insert(_el$290, createComponent(Show, {
1890
+ insert(_el$424, createComponent(Show, {
1641
1891
  get when() {
1642
1892
  return data().plan;
1643
1893
  },
1644
1894
  get children() {
1645
- var _el$297 = getNextElement(_tmpl$66), _el$298 = _el$297.firstChild, _el$299 = _el$298.nextSibling, _el$300 = _el$299.nextSibling, [_el$301, _co$71] = getNextMarker(_el$300.nextSibling);
1646
- insert(_el$297, () => data().plan, _el$301, _co$71);
1647
- return _el$297;
1895
+ var _el$431 = getNextElement(_tmpl$82), _el$432 = _el$431.firstChild, _el$433 = _el$432.nextSibling, _el$434 = _el$433.nextSibling, [_el$435, _co$110] = getNextMarker(_el$434.nextSibling);
1896
+ insert(_el$431, () => data().plan, _el$435, _co$110);
1897
+ return _el$431;
1648
1898
  }
1649
- }), _el$306, _co$73);
1650
- insert(_el$290, createComponent(Show, {
1899
+ }), _el$440, _co$112);
1900
+ insert(_el$424, createComponent(Show, {
1651
1901
  get when() {
1652
1902
  return data().editable;
1653
1903
  },
1654
1904
  get children() {
1655
- var _el$302 = getNextElement(_tmpl$67);
1656
- _el$302.$$click = () => {
1905
+ var _el$436 = getNextElement(_tmpl$83);
1906
+ _el$436.$$click = () => {
1657
1907
  var _a;
1658
1908
  return (_a = props.onAction) == null ? void 0 : _a.call(props, "edit_prompt", data());
1659
1909
  };
1660
1910
  runHydrationEvents();
1661
- return _el$302;
1911
+ return _el$436;
1662
1912
  }
1663
- }), _el$308, _co$74);
1664
- return _el$290;
1913
+ }), _el$442, _co$113);
1914
+ return _el$424;
1665
1915
  })();
1666
1916
  };
1667
1917
  const StepperProgressSection = (props) => {
@@ -1691,46 +1941,46 @@ const StepperProgressSection = (props) => {
1691
1941
  },
1692
1942
  get fallback() {
1693
1943
  return (() => {
1694
- var _el$316 = getNextElement(_tmpl$71);
1695
- insert(_el$316, createComponent(For, {
1944
+ var _el$450 = getNextElement(_tmpl$87);
1945
+ insert(_el$450, createComponent(For, {
1696
1946
  get each() {
1697
1947
  return data().steps;
1698
1948
  },
1699
1949
  children: (step) => (() => {
1700
- var _el$317 = getNextElement(_tmpl$74), _el$318 = _el$317.firstChild, _el$319 = _el$318.nextSibling, _el$320 = _el$319.firstChild, _el$330 = _el$320.nextSibling, [_el$331, _co$78] = getNextMarker(_el$330.nextSibling), _el$332 = _el$331.nextSibling, [_el$333, _co$79] = getNextMarker(_el$332.nextSibling);
1701
- insert(_el$318, () => statusIcon(step.status));
1702
- insert(_el$320, () => step.label);
1703
- insert(_el$319, createComponent(Show, {
1950
+ var _el$451 = getNextElement(_tmpl$90), _el$452 = _el$451.firstChild, _el$453 = _el$452.nextSibling, _el$454 = _el$453.firstChild, _el$464 = _el$454.nextSibling, [_el$465, _co$117] = getNextMarker(_el$464.nextSibling), _el$466 = _el$465.nextSibling, [_el$467, _co$118] = getNextMarker(_el$466.nextSibling);
1951
+ insert(_el$452, () => statusIcon(step.status));
1952
+ insert(_el$454, () => step.label);
1953
+ insert(_el$453, createComponent(Show, {
1704
1954
  get when() {
1705
1955
  return step.summary;
1706
1956
  },
1707
1957
  get children() {
1708
- var _el$321 = getNextElement(_tmpl$72), _el$322 = _el$321.firstChild, _el$323 = _el$322.nextSibling, [_el$324, _co$76] = getNextMarker(_el$323.nextSibling);
1709
- insert(_el$321, () => step.summary, _el$324, _co$76);
1710
- return _el$321;
1958
+ var _el$455 = getNextElement(_tmpl$88), _el$456 = _el$455.firstChild, _el$457 = _el$456.nextSibling, [_el$458, _co$115] = getNextMarker(_el$457.nextSibling);
1959
+ insert(_el$455, () => step.summary, _el$458, _co$115);
1960
+ return _el$455;
1711
1961
  }
1712
- }), _el$331, _co$78);
1713
- insert(_el$319, createComponent(Show, {
1962
+ }), _el$465, _co$117);
1963
+ insert(_el$453, createComponent(Show, {
1714
1964
  get when() {
1715
1965
  return step.duration_ms;
1716
1966
  },
1717
1967
  get children() {
1718
- var _el$325 = getNextElement(_tmpl$73), _el$326 = _el$325.firstChild, _el$328 = _el$326.nextSibling, [_el$329, _co$77] = getNextMarker(_el$328.nextSibling);
1719
- _el$329.nextSibling;
1720
- insert(_el$325, () => step.duration_ms, _el$329, _co$77);
1721
- return _el$325;
1968
+ var _el$459 = getNextElement(_tmpl$89), _el$460 = _el$459.firstChild, _el$462 = _el$460.nextSibling, [_el$463, _co$116] = getNextMarker(_el$462.nextSibling);
1969
+ _el$463.nextSibling;
1970
+ insert(_el$459, () => step.duration_ms, _el$463, _co$116);
1971
+ return _el$459;
1722
1972
  }
1723
- }), _el$333, _co$79);
1724
- effect(() => className(_el$317, `flex items-start gap-2 text-sm ${step.status === "active" ? "font-medium" : ""} ${step.status === "pending" ? "text-gray-400" : "text-gray-700 dark:text-gray-300"}`));
1725
- return _el$317;
1973
+ }), _el$467, _co$118);
1974
+ effect(() => className(_el$451, `flex items-start gap-2 text-sm ${step.status === "active" ? "font-medium" : ""} ${step.status === "pending" ? "text-gray-400" : "text-gray-700 dark:text-gray-300"}`));
1975
+ return _el$451;
1726
1976
  })()
1727
1977
  }));
1728
- return _el$316;
1978
+ return _el$450;
1729
1979
  })();
1730
1980
  },
1731
1981
  get children() {
1732
- var _el$315 = getNextElement(_tmpl$70);
1733
- insert(_el$315, createComponent(For, {
1982
+ var _el$449 = getNextElement(_tmpl$86);
1983
+ insert(_el$449, createComponent(For, {
1734
1984
  get each() {
1735
1985
  return data().steps;
1736
1986
  },
@@ -1742,24 +1992,24 @@ const StepperProgressSection = (props) => {
1742
1992
  return getNextElement(_tmpl$13);
1743
1993
  }
1744
1994
  }), (() => {
1745
- var _el$335 = getNextElement(_tmpl$76), _el$336 = _el$335.firstChild, _el$337 = _el$336.nextSibling, _el$339 = _el$337.nextSibling, [_el$340, _co$80] = getNextMarker(_el$339.nextSibling);
1746
- insert(_el$336, () => statusIcon(step.status));
1747
- insert(_el$337, () => step.label);
1748
- insert(_el$335, createComponent(Show, {
1995
+ var _el$469 = getNextElement(_tmpl$92), _el$470 = _el$469.firstChild, _el$471 = _el$470.nextSibling, _el$473 = _el$471.nextSibling, [_el$474, _co$119] = getNextMarker(_el$473.nextSibling);
1996
+ insert(_el$470, () => statusIcon(step.status));
1997
+ insert(_el$471, () => step.label);
1998
+ insert(_el$469, createComponent(Show, {
1749
1999
  get when() {
1750
2000
  return step.summary;
1751
2001
  },
1752
2002
  get children() {
1753
- var _el$338 = getNextElement(_tmpl$75);
1754
- insert(_el$338, () => step.summary);
1755
- return _el$338;
2003
+ var _el$472 = getNextElement(_tmpl$91);
2004
+ insert(_el$472, () => step.summary);
2005
+ return _el$472;
1756
2006
  }
1757
- }), _el$340, _co$80);
1758
- effect(() => className(_el$335, `flex items-center gap-1 px-2 py-1 rounded text-xs ${step.status === "done" ? "bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-400" : step.status === "active" ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-400 font-medium animate-pulse" : step.status === "error" ? "bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400" : "text-gray-400"}`));
1759
- return _el$335;
2007
+ }), _el$474, _co$119);
2008
+ effect(() => className(_el$469, `flex items-center gap-1 px-2 py-1 rounded text-xs ${step.status === "done" ? "bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-400" : step.status === "active" ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-400 font-medium animate-pulse" : step.status === "error" ? "bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400" : "text-gray-400"}`));
2009
+ return _el$469;
1760
2010
  })()]
1761
2011
  }));
1762
- return _el$315;
2012
+ return _el$449;
1763
2013
  }
1764
2014
  });
1765
2015
  };
@@ -1780,48 +2030,48 @@ const ErrorSectionRenderer = (props) => {
1780
2030
  };
1781
2031
  const isWarning = () => data().severity === "warning";
1782
2032
  return (() => {
1783
- var _el$341 = getNextElement(_tmpl$80), _el$342 = _el$341.firstChild, _el$343 = _el$342.firstChild, _el$344 = _el$343.nextSibling, _el$345 = _el$344.firstChild, _el$346 = _el$345.nextSibling, _el$352 = _el$346.firstChild, [_el$353, _co$82] = getNextMarker(_el$352.nextSibling), _el$354 = _el$353.nextSibling, [_el$355, _co$83] = getNextMarker(_el$354.nextSibling), _el$357 = _el$346.nextSibling, [_el$358, _co$84] = getNextMarker(_el$357.nextSibling);
1784
- insert(_el$343, () => isWarning() ? "⚠️" : "❌");
1785
- insert(_el$345, () => data().message);
1786
- insert(_el$346, createComponent(Show, {
2033
+ var _el$475 = getNextElement(_tmpl$96), _el$476 = _el$475.firstChild, _el$477 = _el$476.firstChild, _el$478 = _el$477.nextSibling, _el$479 = _el$478.firstChild, _el$480 = _el$479.nextSibling, _el$486 = _el$480.firstChild, [_el$487, _co$121] = getNextMarker(_el$486.nextSibling), _el$488 = _el$487.nextSibling, [_el$489, _co$122] = getNextMarker(_el$488.nextSibling), _el$491 = _el$480.nextSibling, [_el$492, _co$123] = getNextMarker(_el$491.nextSibling);
2034
+ insert(_el$477, () => isWarning() ? "⚠️" : "❌");
2035
+ insert(_el$479, () => data().message);
2036
+ insert(_el$480, createComponent(Show, {
1787
2037
  get when() {
1788
2038
  return data().retryAction;
1789
2039
  },
1790
2040
  get children() {
1791
- var _el$347 = getNextElement(_tmpl$77), _el$348 = _el$347.firstChild, _el$349 = _el$348.nextSibling, [_el$350, _co$81] = getNextMarker(_el$349.nextSibling);
1792
- _el$347.$$click = () => {
2041
+ var _el$481 = getNextElement(_tmpl$93), _el$482 = _el$481.firstChild, _el$483 = _el$482.nextSibling, [_el$484, _co$120] = getNextMarker(_el$483.nextSibling);
2042
+ _el$481.$$click = () => {
1793
2043
  var _a;
1794
2044
  return (_a = props.onAction) == null ? void 0 : _a.call(props, data().retryAction);
1795
2045
  };
1796
- insert(_el$347, () => data().retryLabel, _el$350, _co$81);
1797
- effect(() => className(_el$347, `px-2 py-1 text-xs font-medium rounded ${isWarning() ? "bg-amber-600 text-white hover:bg-amber-700" : "bg-red-600 text-white hover:bg-red-700"} transition-colors`));
2046
+ insert(_el$481, () => data().retryLabel, _el$484, _co$120);
2047
+ effect(() => className(_el$481, `px-2 py-1 text-xs font-medium rounded ${isWarning() ? "bg-amber-600 text-white hover:bg-amber-700" : "bg-red-600 text-white hover:bg-red-700"} transition-colors`));
1798
2048
  runHydrationEvents();
1799
- return _el$347;
2049
+ return _el$481;
1800
2050
  }
1801
- }), _el$353, _co$82);
1802
- insert(_el$346, createComponent(Show, {
2051
+ }), _el$487, _co$121);
2052
+ insert(_el$480, createComponent(Show, {
1803
2053
  get when() {
1804
2054
  return data().details;
1805
2055
  },
1806
2056
  get children() {
1807
- var _el$351 = getNextElement(_tmpl$78);
1808
- _el$351.$$click = () => setShowDetails(!showDetails());
2057
+ var _el$485 = getNextElement(_tmpl$94);
2058
+ _el$485.$$click = () => setShowDetails(!showDetails());
1809
2059
  runHydrationEvents();
1810
- return _el$351;
2060
+ return _el$485;
1811
2061
  }
1812
- }), _el$355, _co$83);
1813
- insert(_el$344, createComponent(Show, {
2062
+ }), _el$489, _co$122);
2063
+ insert(_el$478, createComponent(Show, {
1814
2064
  get when() {
1815
2065
  return memo(() => !!showDetails())() && data().details;
1816
2066
  },
1817
2067
  get children() {
1818
- var _el$356 = getNextElement(_tmpl$79);
1819
- insert(_el$356, () => data().details);
1820
- return _el$356;
2068
+ var _el$490 = getNextElement(_tmpl$95);
2069
+ insert(_el$490, () => data().details);
2070
+ return _el$490;
1821
2071
  }
1822
- }), _el$358, _co$84);
1823
- effect(() => className(_el$341, `rounded-lg px-3 py-2 text-sm ${isWarning() ? "bg-amber-50 dark:bg-amber-900/10 text-amber-700 dark:text-amber-400 border border-amber-200 dark:border-amber-800" : "bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800"}`));
1824
- return _el$341;
2072
+ }), _el$492, _co$123);
2073
+ effect(() => className(_el$475, `rounded-lg px-3 py-2 text-sm ${isWarning() ? "bg-amber-50 dark:bg-amber-900/10 text-amber-700 dark:text-amber-400 border border-amber-200 dark:border-amber-800" : "bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800"}`));
2074
+ return _el$475;
1825
2075
  })();
1826
2076
  };
1827
2077
  const SourceCardSection = (props) => {
@@ -1842,46 +2092,46 @@ const SourceCardSection = (props) => {
1842
2092
  error: "❌"
1843
2093
  })[data().status] || "📦";
1844
2094
  return (() => {
1845
- var _el$359 = getNextElement(_tmpl$83), _el$360 = _el$359.firstChild, _el$361 = _el$360.firstChild, _el$363 = _el$361.firstChild, [_el$364, _co$85] = getNextMarker(_el$363.nextSibling), _el$362 = _el$364.nextSibling, _el$365 = _el$362.nextSibling, [_el$366, _co$86] = getNextMarker(_el$365.nextSibling), _el$371 = _el$361.nextSibling, [_el$372, _co$88] = getNextMarker(_el$371.nextSibling), _el$373 = _el$360.nextSibling, _el$375 = _el$373.nextSibling, [_el$376, _co$89] = getNextMarker(_el$375.nextSibling);
1846
- insert(_el$361, statusIcon, _el$364, _co$85);
1847
- insert(_el$361, () => data().name, _el$366, _co$86);
1848
- insert(_el$360, createComponent(Show, {
2095
+ var _el$493 = getNextElement(_tmpl$99), _el$494 = _el$493.firstChild, _el$495 = _el$494.firstChild, _el$497 = _el$495.firstChild, [_el$498, _co$124] = getNextMarker(_el$497.nextSibling), _el$496 = _el$498.nextSibling, _el$499 = _el$496.nextSibling, [_el$500, _co$125] = getNextMarker(_el$499.nextSibling), _el$505 = _el$495.nextSibling, [_el$506, _co$127] = getNextMarker(_el$505.nextSibling), _el$507 = _el$494.nextSibling, _el$509 = _el$507.nextSibling, [_el$510, _co$128] = getNextMarker(_el$509.nextSibling);
2096
+ insert(_el$495, statusIcon, _el$498, _co$124);
2097
+ insert(_el$495, () => data().name, _el$500, _co$125);
2098
+ insert(_el$494, createComponent(Show, {
1849
2099
  get when() {
1850
2100
  return data().row_count !== void 0;
1851
2101
  },
1852
2102
  get children() {
1853
- var _el$367 = getNextElement(_tmpl$81), _el$369 = _el$367.firstChild, [_el$370, _co$87] = getNextMarker(_el$369.nextSibling);
1854
- _el$370.nextSibling;
1855
- insert(_el$367, () => {
2103
+ var _el$501 = getNextElement(_tmpl$97), _el$503 = _el$501.firstChild, [_el$504, _co$126] = getNextMarker(_el$503.nextSibling);
2104
+ _el$504.nextSibling;
2105
+ insert(_el$501, () => {
1856
2106
  var _a;
1857
2107
  return (_a = data().row_count) == null ? void 0 : _a.toLocaleString();
1858
- }, _el$370, _co$87);
1859
- return _el$367;
2108
+ }, _el$504, _co$126);
2109
+ return _el$501;
1860
2110
  }
1861
- }), _el$372, _co$88);
1862
- insert(_el$373, createComponent(For, {
2111
+ }), _el$506, _co$127);
2112
+ insert(_el$507, createComponent(For, {
1863
2113
  get each() {
1864
2114
  return data().capabilities;
1865
2115
  },
1866
2116
  children: (cap) => (() => {
1867
- var _el$377 = getNextElement(_tmpl$84), _el$379 = _el$377.firstChild, [_el$380, _co$90] = getNextMarker(_el$379.nextSibling), _el$378 = _el$380.nextSibling, _el$381 = _el$378.nextSibling, [_el$382, _co$91] = getNextMarker(_el$381.nextSibling);
1868
- insert(_el$377, () => cap.supported ? "✅" : "❌", _el$380, _co$90);
1869
- insert(_el$377, () => cap.label, _el$382, _co$91);
1870
- effect(() => className(_el$377, `text-[10px] px-1.5 py-0.5 rounded ${cap.supported ? "bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400" : "bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400"}`));
1871
- return _el$377;
2117
+ var _el$511 = getNextElement(_tmpl$100), _el$513 = _el$511.firstChild, [_el$514, _co$129] = getNextMarker(_el$513.nextSibling), _el$512 = _el$514.nextSibling, _el$515 = _el$512.nextSibling, [_el$516, _co$130] = getNextMarker(_el$515.nextSibling);
2118
+ insert(_el$511, () => cap.supported ? "✅" : "❌", _el$514, _co$129);
2119
+ insert(_el$511, () => cap.label, _el$516, _co$130);
2120
+ effect(() => className(_el$511, `text-[10px] px-1.5 py-0.5 rounded ${cap.supported ? "bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400" : "bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400"}`));
2121
+ return _el$511;
1872
2122
  })()
1873
2123
  }));
1874
- insert(_el$359, createComponent(Show, {
2124
+ insert(_el$493, createComponent(Show, {
1875
2125
  get when() {
1876
2126
  return data().freshness || data().latency_ms;
1877
2127
  },
1878
2128
  get children() {
1879
- var _el$374 = getNextElement(_tmpl$82);
1880
- insert(_el$374, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
1881
- return _el$374;
2129
+ var _el$508 = getNextElement(_tmpl$98);
2130
+ insert(_el$508, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
2131
+ return _el$508;
1882
2132
  }
1883
- }), _el$376, _co$89);
1884
- return _el$359;
2133
+ }), _el$510, _co$128);
2134
+ return _el$493;
1885
2135
  })();
1886
2136
  };
1887
2137
  const DiffSection = (props) => {
@@ -1905,10 +2155,10 @@ const DiffSection = (props) => {
1905
2155
  return [.../* @__PURE__ */ new Set([...Object.keys(l), ...Object.keys(r)])];
1906
2156
  };
1907
2157
  return (() => {
1908
- var _el$383 = getNextElement(_tmpl$85), _el$384 = _el$383.firstChild, _el$385 = _el$384.firstChild, _el$386 = _el$385.firstChild, _el$387 = _el$386.firstChild, _el$388 = _el$387.nextSibling, _el$389 = _el$388.nextSibling, _el$390 = _el$385.nextSibling;
1909
- insert(_el$388, () => data().left.label);
1910
- insert(_el$389, () => data().right.label);
1911
- insert(_el$390, createComponent(For, {
2158
+ var _el$517 = getNextElement(_tmpl$101), _el$518 = _el$517.firstChild, _el$519 = _el$518.firstChild, _el$520 = _el$519.firstChild, _el$521 = _el$520.firstChild, _el$522 = _el$521.nextSibling, _el$523 = _el$522.nextSibling, _el$524 = _el$519.nextSibling;
2159
+ insert(_el$522, () => data().left.label);
2160
+ insert(_el$523, () => data().right.label);
2161
+ insert(_el$524, createComponent(For, {
1912
2162
  get each() {
1913
2163
  return allKeys();
1914
2164
  },
@@ -1923,22 +2173,22 @@ const DiffSection = (props) => {
1923
2173
  };
1924
2174
  const isDiff = () => String(lVal()) !== String(rVal()) && data().highlight.includes(key);
1925
2175
  return (() => {
1926
- var _el$391 = getNextElement(_tmpl$86), _el$392 = _el$391.firstChild, _el$393 = _el$392.nextSibling, _el$394 = _el$393.nextSibling;
1927
- insert(_el$392, key);
1928
- insert(_el$393, (() => {
1929
- var _c$7 = memo(() => lVal() !== void 0);
1930
- return () => _c$7() ? String(lVal()) : "—";
2176
+ var _el$525 = getNextElement(_tmpl$102), _el$526 = _el$525.firstChild, _el$527 = _el$526.nextSibling, _el$528 = _el$527.nextSibling;
2177
+ insert(_el$526, key);
2178
+ insert(_el$527, (() => {
2179
+ var _c$8 = memo(() => lVal() !== void 0);
2180
+ return () => _c$8() ? String(lVal()) : "—";
1931
2181
  })());
1932
- insert(_el$394, (() => {
1933
- var _c$8 = memo(() => rVal() !== void 0);
1934
- return () => _c$8() ? String(rVal()) : "—";
2182
+ insert(_el$528, (() => {
2183
+ var _c$9 = memo(() => rVal() !== void 0);
2184
+ return () => _c$9() ? String(rVal()) : "—";
1935
2185
  })());
1936
- effect(() => className(_el$391, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
1937
- return _el$391;
2186
+ effect(() => className(_el$525, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
2187
+ return _el$525;
1938
2188
  })();
1939
2189
  }
1940
2190
  }));
1941
- return _el$383;
2191
+ return _el$517;
1942
2192
  })();
1943
2193
  };
1944
2194
  delegateEvents(["click", "input"]);