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

package/dist/components/ScratchpadPanel.js

@@ -11,7 +11,7 @@ import { AgentHandoff } from "./AgentHandoff.js";
 import { BriefingDiff } from "./BriefingDiff.js";
 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>
         @keyframes scratchpad-slide-down { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
-      </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(`<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$40 = /* @__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$41 = /* @__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$42 = /* @__PURE__ */ template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$43 = /* @__PURE__ */ template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$44 = /* @__PURE__ */ template(`<div class="mt-2 ml-6">`), _tmpl$45 = /* @__PURE__ */ template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$46 = /* @__PURE__ */ template(`<p class="text-sm font-medium text-gray-800 dark:text-gray-200 mb-2">`), _tmpl$47 = /* @__PURE__ */ template(`<span class=text-amber-600>(<!$><!/> unverified)`), _tmpl$48 = /* @__PURE__ */ template(`<div class="mb-2 flex items-center gap-2 text-xs"><span><!$><!/>% verified</span><!$><!/>`), _tmpl$49 = /* @__PURE__ */ template(`<div><!$><!/><!$><!/><!$><!/><div class="flex flex-wrap gap-2">`), _tmpl$50 = /* @__PURE__ */ template(`<span class="font-medium text-gray-800 dark:text-gray-200">`), _tmpl$51 = /* @__PURE__ */ template(`<span class=ml-1>&mdash; <!$><!/>`), _tmpl$52 = /* @__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$53 = /* @__PURE__ */ template(`<span class=mr-1>`), _tmpl$54 = /* @__PURE__ */ template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$55 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$56 = /* @__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$57 = /* @__PURE__ */ template(`<span class=italic>&mdash; <!$><!/>`), _tmpl$58 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><span><!$><!/> <!$><!/></span><!$><!/>`), _tmpl$59 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-2">`), _tmpl$60 = /* @__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$61 = /* @__PURE__ */ template(`<div class=space-y-3><p class="text-sm text-gray-700 dark:text-gray-300"></p><!$><!/><!$><!/>`), _tmpl$62 = /* @__PURE__ */ template(`<span>`), _tmpl$63 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$64 = /* @__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$65 = /* @__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$66 = /* @__PURE__ */ template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$67 = /* @__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$68 = /* @__PURE__ */ template(`<div class="flex items-center gap-1 flex-wrap">`), _tmpl$69 = /* @__PURE__ */ template(`<div class=space-y-2>`), _tmpl$70 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$71 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-400">(<!$><!/>ms)`), _tmpl$72 = /* @__PURE__ */ template(`<div><span class=flex-shrink-0></span><div><span></span><!$><!/><!$><!/>`), _tmpl$73 = /* @__PURE__ */ template(`<span class="text-[10px] opacity-75">`), _tmpl$74 = /* @__PURE__ */ template(`<div><span></span><span></span><!$><!/>`), _tmpl$75 = /* @__PURE__ */ template(`<button type=button>&#128260; <!$><!/>`), _tmpl$76 = /* @__PURE__ */ template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">&#9654; Details`), _tmpl$77 = /* @__PURE__ */ template(`<pre class="mt-2 text-xs opacity-70 overflow-x-auto">`), _tmpl$78 = /* @__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$79 = /* @__PURE__ */ template(`<span class="text-xs font-bold text-blue-600 dark:text-blue-400"><!$><!/> results`), _tmpl$80 = /* @__PURE__ */ template(`<p class="text-[10px] text-gray-400">`), _tmpl$81 = /* @__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$82 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/>`), _tmpl$83 = /* @__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$84 = /* @__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">`);
+      </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">`);
 const STATUS_BADGES = {
   loading: {
     label: "Loading...",
@@ -258,6 +258,9 @@ const ScratchpadPanel = (props) => {
             },
             get onSubmit() {
               return props.onSubmit;
+            },
+            get debugTrace() {
+              return props.debugTrace;
             }
           })
         }));
@@ -554,6 +557,9 @@ const SectionRenderer = (props) => {
               },
               get onSubmit() {
                 return props.onSubmit;
+              },
+              get debugTrace() {
+                return props.debugTrace;
               }
             });
           }
@@ -1073,6 +1079,7 @@ const EmbeddedFormSection = (props) => {
       options: dynOpts
     } : field;
   };
+  const [submittedValues, setSubmittedValues] = createSignal(null);
   const handleSubmit = (e) => {
     var _a;
     e.preventDefault();
@@ -1080,6 +1087,7 @@ const EmbeddedFormSection = (props) => {
       const field = config().fields.find((f) => f.name === key);
       return (field == null ? void 0 : field.fieldStatus) !== "unsupported";
     }).filter(([, v]) => v !== void 0 && v !== "" && !(Array.isArray(v) && v.length === 0)));
+    setSubmittedValues(values);
     console.info(`%c[MCP-UI] Form submitted%c section=${props.sectionId} fields=${Object.keys(values).join(",")}`, "color: #8b5cf6; font-weight: bold", "color: inherit");
     if (props.onSubmit) {
       props.onSubmit(props.sectionId, values);
@@ -1090,45 +1098,340 @@ const EmbeddedFormSection = (props) => {
       });
     }
   };
-  return (() => {
-    var _el$154 = getNextElement(_tmpl$40), _el$166 = _el$154.firstChild, [_el$167, _co$36] = getNextMarker(_el$166.nextSibling), _el$168 = _el$167.nextSibling, [_el$169, _co$37] = getNextMarker(_el$168.nextSibling), _el$164 = _el$169.nextSibling, _el$165 = _el$164.firstChild;
-    _el$154.addEventListener("submit", handleSubmit);
-    insert(_el$154, createComponent(For, {
-      get each() {
-        return config().fields;
-      },
-      children: (field) => createComponent(FormFieldRenderer, {
-        get field() {
-          return getField(field);
+  const prefillSummary = () => {
+    const fields = config().fields;
+    const total = fields.length;
+    const prefilled = fields.filter((f) => f.prefill != null).length;
+    return {
+      total,
+      prefilled
+    };
+  };
+  const [expanded, setExpanded] = createSignal(false);
+  const allFieldsPrefilled = () => {
+    const fields = config().fields;
+    return fields.length > 0 && fields.every((f) => f.prefill != null);
+  };
+  const showToast = () => allFieldsPrefilled() && !userInteracted() && !expanded() && countdown() != null;
+  return [createComponent(Show, {
+    get when() {
+      return !showToast();
+    },
+    get fallback() {
+      return (() => {
+        var _el$184 = getNextElement(_tmpl$42), _el$185 = _el$184.firstChild, _el$186 = _el$185.nextSibling, _el$188 = _el$186.firstChild, [_el$189, _co$43] = getNextMarker(_el$188.nextSibling);
+        _el$189.nextSibling;
+        var _el$190 = _el$186.nextSibling, _el$191 = _el$190.nextSibling;
+        insert(_el$185, () => config().fields.map((f) => f.displayHint || f.prefill).join(", "));
+        insert(_el$186, countdown, _el$189, _co$43);
+        _el$190.$$click = () => {
+          setExpanded(true);
+          cancelCountdown();
+          setUserInteracted(true);
+        };
+        _el$191.$$click = () => {
+          cancelCountdown();
+          setUserInteracted(true);
+        };
+        runHydrationEvents();
+        return _el$184;
+      })();
+    },
+    get children() {
+      var _el$154 = getNextElement(_tmpl$41), _el$178 = _el$154.firstChild, [_el$179, _co$40] = getNextMarker(_el$178.nextSibling), _el$180 = _el$179.nextSibling, [_el$181, _co$41] = getNextMarker(_el$180.nextSibling), _el$182 = _el$181.nextSibling, [_el$183, _co$42] = getNextMarker(_el$182.nextSibling), _el$176 = _el$183.nextSibling, _el$177 = _el$176.firstChild;
+      _el$154.addEventListener("submit", handleSubmit);
+      insert(_el$154, createComponent(Show, {
+        get when() {
+          return prefillSummary().prefilled > 0;
         },
-        get value() {
-          return formData()[field.name];
+        get children() {
+          var _el$155 = getNextElement(_tmpl$39), _el$159 = _el$155.firstChild, [_el$160, _co$34] = getNextMarker(_el$159.nextSibling), _el$156 = _el$160.nextSibling, _el$161 = _el$156.nextSibling, [_el$162, _co$35] = getNextMarker(_el$161.nextSibling), _el$157 = _el$162.nextSibling, _el$163 = _el$157.nextSibling, [_el$164, _co$36] = getNextMarker(_el$163.nextSibling), _el$158 = _el$164.nextSibling, _el$165 = _el$158.nextSibling, [_el$166, _co$37] = getNextMarker(_el$165.nextSibling);
+          insert(_el$155, () => prefillSummary().prefilled, _el$160, _co$34);
+          insert(_el$155, () => prefillSummary().prefilled > 1 ? "s" : "", _el$162, _co$35);
+          insert(_el$155, () => prefillSummary().prefilled > 1 ? "s" : "", _el$164, _co$36);
+          insert(_el$155, () => prefillSummary().total, _el$166, _co$37);
+          return _el$155;
+        }
+      }), _el$179, _co$40);
+      insert(_el$154, createComponent(For, {
+        get each() {
+          return config().fields;
         },
-        onChange: (val) => updateField(field.name, val),
-        formData
-      })
-    }), _el$167, _co$36);
-    insert(_el$154, createComponent(Show, {
+        children: (field) => createComponent(FormFieldRenderer, {
+          get field() {
+            return getField(field);
+          },
+          get value() {
+            return formData()[field.name];
+          },
+          onChange: (val) => updateField(field.name, val),
+          formData
+        })
+      }), _el$181, _co$41);
+      insert(_el$154, createComponent(Show, {
+        get when() {
+          return countdown() != null;
+        },
+        get children() {
+          var _el$167 = getNextElement(_tmpl$40), _el$168 = _el$167.firstChild, _el$171 = _el$168.firstChild, [_el$172, _co$38] = getNextMarker(_el$171.nextSibling), _el$169 = _el$172.nextSibling, _el$173 = _el$169.nextSibling, [_el$174, _co$39] = getNextMarker(_el$173.nextSibling);
+          _el$174.nextSibling;
+          var _el$175 = _el$168.nextSibling;
+          insert(_el$168, () => config().submitLabel, _el$172, _co$38);
+          insert(_el$168, countdown, _el$174, _co$39);
+          _el$175.$$click = () => {
+            cancelCountdown();
+            setUserInteracted(true);
+          };
+          runHydrationEvents();
+          return _el$167;
+        }
+      }), _el$183, _co$42);
+      insert(_el$177, () => config().submitLabel);
+      effect(() => setAttribute(_el$154, "id", `scratchpad-form-${props.sectionId}`));
+      return _el$154;
+    }
+  }), createComponent(Show, {
+    get when() {
+      return props.debugTrace;
+    },
+    get children() {
+      return createComponent(FormDebugTrace, {
+        get fields() {
+          return config().fields;
+        },
+        get formData() {
+          return formData();
+        },
+        get submittedValues() {
+          return submittedValues();
+        },
+        get autoSubmitDelay() {
+          return config().autoSubmitDelay;
+        },
+        get userInteracted() {
+          return userInteracted();
+        },
+        get rawContent() {
+          return props.content;
+        }
+      });
+    }
+  })];
+};
+const FormDebugTrace = (props) => {
+  const [open, setOpen] = createSignal(false);
+  const [showRaw, setShowRaw] = createSignal(false);
+  const prefilledCount = () => props.fields.filter((f) => f.prefill != null).length;
+  const requiredFields = () => props.fields.filter((f) => f.required);
+  const missingRequired = () => requiredFields().filter((f) => f.prefill == null);
+  const autoSubmitReason = () => {
+    if (!props.autoSubmitDelay) return "no autoSubmitDelay configured";
+    if (missingRequired().length > 0) return `${missingRequired().length} required field(s) without prefill`;
+    if (props.userInteracted) return "user interacted — cancelled";
+    return "all conditions met";
+  };
+  const serverDebug = () => {
+    var _a;
+    return (_a = props.rawContent) == null ? void 0 : _a._debug;
+  };
+  return (() => {
+    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);
+    _el$201.nextSibling;
+    var _el$256 = _el$193.nextSibling, [_el$257, _co$62] = getNextMarker(_el$256.nextSibling);
+    _el$193.$$click = () => setOpen(!open());
+    insert(_el$194, () => open() ? "▾" : "▸");
+    insert(_el$193, prefilledCount, _el$199, _co$44);
+    insert(_el$193, () => props.fields.length, _el$201, _co$45);
+    insert(_el$192, createComponent(Show, {
       get when() {
-        return countdown() != null;
+        return open();
       },
       get children() {
-        var _el$155 = getNextElement(_tmpl$39), _el$156 = _el$155.firstChild, _el$159 = _el$156.firstChild, [_el$160, _co$34] = getNextMarker(_el$159.nextSibling), _el$157 = _el$160.nextSibling, _el$161 = _el$157.nextSibling, [_el$162, _co$35] = getNextMarker(_el$161.nextSibling);
-        _el$162.nextSibling;
-        var _el$163 = _el$156.nextSibling;
-        insert(_el$156, () => config().submitLabel, _el$160, _co$34);
-        insert(_el$156, countdown, _el$162, _co$35);
-        _el$163.$$click = () => {
-          cancelCountdown();
-          setUserInteracted(true);
-        };
+        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);
+        _el$210.nextSibling;
+        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);
+        _el$248.nextSibling;
+        var _el$250 = _el$245.nextSibling, [_el$251, _co$59] = getNextMarker(_el$250.nextSibling);
+        insert(_el$203, () => props.fields.length, _el$208, _co$46);
+        insert(_el$203, prefilledCount, _el$210, _co$47);
+        insert(_el$202, createComponent(For, {
+          get each() {
+            return props.fields;
+          },
+          children: (field) => (() => {
+            var _el$258 = getNextElement(_tmpl$56), _el$259 = _el$258.firstChild, _el$261 = _el$259.firstChild, [_el$262, _co$63] = getNextMarker(_el$261.nextSibling);
+            _el$262.nextSibling;
+            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);
+            insert(_el$259, () => field.name, _el$262, _co$63);
+            insert(_el$258, createComponent(Show, {
+              get when() {
+                return field.prefill != null;
+              },
+              get children() {
+                var _el$263 = getNextElement(_tmpl$49), _el$264 = _el$263.firstChild, _el$265 = _el$264.nextSibling, [_el$266, _co$64] = getNextMarker(_el$265.nextSibling);
+                insert(_el$263, () => JSON.stringify(field.prefill), _el$266, _co$64);
+                return _el$263;
+              }
+            }), _el$288, _co$69);
+            insert(_el$258, createComponent(Show, {
+              get when() {
+                return !field.prefill;
+              },
+              get children() {
+                return getNextElement(_tmpl$50);
+              }
+            }), _el$290, _co$70);
+            insert(_el$258, createComponent(Show, {
+              get when() {
+                return field.source;
+              },
+              get children() {
+                var _el$268 = getNextElement(_tmpl$51), _el$269 = _el$268.firstChild, _el$270 = _el$269.nextSibling, [_el$271, _co$65] = getNextMarker(_el$270.nextSibling);
+                insert(_el$268, () => field.source, _el$271, _co$65);
+                return _el$268;
+              }
+            }), _el$292, _co$71);
+            insert(_el$258, createComponent(Show, {
+              get when() {
+                return field.displayHint;
+              },
+              get children() {
+                var _el$272 = getNextElement(_tmpl$52), _el$273 = _el$272.firstChild, _el$275 = _el$273.nextSibling, [_el$276, _co$66] = getNextMarker(_el$275.nextSibling);
+                _el$276.nextSibling;
+                insert(_el$272, () => field.displayHint, _el$276, _co$66);
+                return _el$272;
+              }
+            }), _el$294, _co$72);
+            insert(_el$258, createComponent(Show, {
+              get when() {
+                return field.muted;
+              },
+              get children() {
+                return getNextElement(_tmpl$53);
+              }
+            }), _el$296, _co$73);
+            insert(_el$258, createComponent(Show, {
+              get when() {
+                return field.prefillMode;
+              },
+              get children() {
+                var _el$278 = getNextElement(_tmpl$54), _el$279 = _el$278.firstChild, _el$280 = _el$279.nextSibling, [_el$281, _co$67] = getNextMarker(_el$280.nextSibling);
+                insert(_el$278, () => field.prefillMode, _el$281, _co$67);
+                return _el$278;
+              }
+            }), _el$298, _co$74);
+            insert(_el$258, createComponent(Show, {
+              get when() {
+                return field.valueFormat;
+              },
+              get children() {
+                var _el$282 = getNextElement(_tmpl$55), _el$283 = _el$282.firstChild, _el$285 = _el$283.nextSibling, [_el$286, _co$68] = getNextMarker(_el$285.nextSibling);
+                _el$286.nextSibling;
+                insert(_el$282, () => field.valueFormat, _el$286, _co$68);
+                return _el$282;
+              }
+            }), _el$300, _co$75);
+            insert(_el$258, createComponent(Show, {
+              get when() {
+                return props.submittedValues;
+              },
+              get children() {
+                return (() => {
+                  const v = props.submittedValues[field.name];
+                  const hasValue = v !== void 0 && v !== "" && !(Array.isArray(v) && v.length === 0);
+                  return (() => {
+                    var _el$303 = getNextElement(_tmpl$57), _el$304 = _el$303.firstChild, _el$306 = _el$304.nextSibling, [_el$307, _co$77] = getNextMarker(_el$306.nextSibling);
+                    className(_el$303, hasValue ? "text-green-600 dark:text-green-400" : "text-gray-400");
+                    insert(_el$303, () => hasValue ? `${JSON.stringify(v)} ✓` : "(empty)", _el$307, _co$77);
+                    return _el$303;
+                  })();
+                })();
+              }
+            }), _el$302, _co$76);
+            return _el$258;
+          })()
+        }), _el$253, _co$60);
+        insert(_el$211, () => props.autoSubmitDelay ? "true" : "false", _el$218, _co$49);
+        insert(_el$211, (() => {
+          var _c$5 = memo(() => !!props.autoSubmitDelay);
+          return () => _c$5() ? ` (${props.autoSubmitDelay}ms)` : "";
+        })(), _el$220, _co$50);
+        insert(_el$213, autoSubmitReason, _el$216, _co$48);
+        insert(_el$202, createComponent(Show, {
+          get when() {
+            return serverDebug();
+          },
+          get children() {
+            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);
+            insert(_el$221, createComponent(Show, {
+              get when() {
+                var _a;
+                return (_a = serverDebug()) == null ? void 0 : _a.resolvers;
+              },
+              get children() {
+                return createComponent(For, {
+                  get each() {
+                    return serverDebug().resolvers;
+                  },
+                  children: (r) => (() => {
+                    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);
+                    _el$325.nextSibling;
+                    insert(_el$308, () => r.field, _el$317, _co$78);
+                    insert(_el$308, () => r.resolver, _el$319, _co$79);
+                    insert(_el$308, () => r.input, _el$321, _co$80);
+                    insert(_el$308, () => r.output, _el$323, _co$81);
+                    insert(_el$308, () => r.ms, _el$325, _co$82);
+                    return _el$308;
+                  })()
+                });
+              }
+            }), _el$239, _co$55);
+            insert(_el$221, createComponent(Show, {
+              get when() {
+                var _a;
+                return (_a = serverDebug()) == null ? void 0 : _a.routing;
+              },
+              get children() {
+                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);
+                _el$233.nextSibling;
+                insert(_el$223, () => serverDebug().routing.topic, _el$229, _co$51);
+                insert(_el$223, () => serverDebug().routing.method, _el$231, _co$52);
+                insert(_el$223, () => serverDebug().routing.ms, _el$233, _co$53);
+                return _el$223;
+              }
+            }), _el$241, _co$56);
+            insert(_el$221, createComponent(Show, {
+              get when() {
+                var _a;
+                return (_a = serverDebug()) == null ? void 0 : _a.missingFields;
+              },
+              get children() {
+                var _el$234 = getNextElement(_tmpl$44), _el$235 = _el$234.firstChild, _el$236 = _el$235.nextSibling, [_el$237, _co$54] = getNextMarker(_el$236.nextSibling);
+                insert(_el$234, () => serverDebug().missingFields.join(", "), _el$237, _co$54);
+                return _el$234;
+              }
+            }), _el$243, _co$57);
+            return _el$221;
+          }
+        }), _el$255, _co$61);
+        _el$245.$$click = () => setShowRaw(!showRaw());
+        insert(_el$245, () => showRaw() ? "Hide" : "Show", _el$248, _co$58);
+        insert(_el$244, createComponent(Show, {
+          get when() {
+            return showRaw();
+          },
+          get children() {
+            var _el$249 = getNextElement(_tmpl$46);
+            insert(_el$249, () => JSON.stringify(props.rawContent, null, 2));
+            return _el$249;
+          }
+        }), _el$251, _co$59);
         runHydrationEvents();
-        return _el$155;
+        return _el$202;
       }
-    }), _el$169, _co$37);
-    insert(_el$165, () => config().submitLabel);
-    effect(() => setAttribute(_el$154, "id", `scratchpad-form-${props.sectionId}`));
-    return _el$154;
+    }), _el$257, _co$62);
+    runHydrationEvents();
+    return _el$192;
   })();
 };
 const EnrichedStepsSection = (props) => {
@@ -1140,35 +1443,35 @@ const EnrichedStepsSection = (props) => {
     };
   };
   return (() => {
-    var _el$170 = getNextElement(_tmpl$42), _el$173 = _el$170.firstChild, [_el$174, _co$38] = getNextMarker(_el$173.nextSibling), _el$175 = _el$174.nextSibling, [_el$176, _co$39] = getNextMarker(_el$175.nextSibling);
-    insert(_el$170, createComponent(For, {
+    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);
+    insert(_el$326, createComponent(For, {
       get each() {
         return stepsData().steps;
       },
       children: (step) => (() => {
-        var _el$177 = getNextElement(_tmpl$45), _el$178 = _el$177.firstChild, _el$179 = _el$178.firstChild, _el$184 = _el$179.nextSibling, [_el$185, _co$41] = getNextMarker(_el$184.nextSibling), _el$186 = _el$185.nextSibling, [_el$187, _co$42] = getNextMarker(_el$186.nextSibling), _el$189 = _el$178.nextSibling, [_el$190, _co$43] = getNextMarker(_el$189.nextSibling);
-        insert(_el$179, (() => {
-          var _c$5 = memo(() => step.status === "done");
-          return () => _c$5() ? "✅" : step.status === "active" ? "●" : "○";
+        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);
+        insert(_el$335, (() => {
+          var _c$6 = memo(() => step.status === "done");
+          return () => _c$6() ? "✅" : step.status === "active" ? "●" : "○";
         })());
-        insert(_el$178, () => step.label, _el$185, _co$41);
-        insert(_el$178, createComponent(Show, {
+        insert(_el$334, () => step.label, _el$341, _co$86);
+        insert(_el$334, createComponent(Show, {
           get when() {
             return memo(() => !!step.description)() && step.status === "active";
           },
           get children() {
-            var _el$180 = getNextElement(_tmpl$43), _el$181 = _el$180.firstChild, _el$182 = _el$181.nextSibling, [_el$183, _co$40] = getNextMarker(_el$182.nextSibling);
-            insert(_el$180, () => step.description, _el$183, _co$40);
-            return _el$180;
+            var _el$336 = getNextElement(_tmpl$61), _el$337 = _el$336.firstChild, _el$338 = _el$337.nextSibling, [_el$339, _co$85] = getNextMarker(_el$338.nextSibling);
+            insert(_el$336, () => step.description, _el$339, _co$85);
+            return _el$336;
           }
-        }), _el$187, _co$42);
-        insert(_el$177, createComponent(Show, {
+        }), _el$343, _co$87);
+        insert(_el$333, createComponent(Show, {
           get when() {
             return memo(() => step.status === "active")() && step.content;
           },
           get children() {
-            var _el$188 = getNextElement(_tmpl$44);
-            insert(_el$188, createComponent(SectionRenderer, {
+            var _el$344 = getNextElement(_tmpl$62);
+            insert(_el$344, createComponent(SectionRenderer, {
               get section() {
                 return step.content;
               },
@@ -1180,38 +1483,38 @@ const EnrichedStepsSection = (props) => {
                 return props.onAction;
               }
             }));
-            return _el$188;
+            return _el$344;
           }
-        }), _el$190, _co$43);
+        }), _el$346, _co$88);
         effect((_p$) => {
           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"}`;
-          _v$4 !== _p$.e && className(_el$177, _p$.e = _v$4);
-          _v$5 !== _p$.t && className(_el$178, _p$.t = _v$5);
+          _v$4 !== _p$.e && className(_el$333, _p$.e = _v$4);
+          _v$5 !== _p$.t && className(_el$334, _p$.t = _v$5);
           return _p$;
         }, {
           e: void 0,
           t: void 0
         });
-        return _el$177;
+        return _el$333;
       })()
-    }), _el$174, _co$38);
-    insert(_el$170, createComponent(Show, {
+    }), _el$330, _co$83);
+    insert(_el$326, createComponent(Show, {
       get when() {
         return stepsData().steps.some((s) => s.status === "active");
       },
       get children() {
-        var _el$171 = getNextElement(_tmpl$41), _el$172 = _el$171.firstChild;
-        _el$172.$$click = () => {
+        var _el$327 = getNextElement(_tmpl$59), _el$328 = _el$327.firstChild;
+        _el$328.$$click = () => {
           var _a;
           return (_a = props.onAction) == null ? void 0 : _a.call(props, "next_step", {
             step: stepsData().currentStep
           });
         };
         runHydrationEvents();
-        return _el$171;
+        return _el$327;
       }
-    }), _el$176, _co$39);
-    return _el$170;
+    }), _el$332, _co$84);
+    return _el$326;
   })();
 };
 const ActionSection = (props) => {
@@ -1237,103 +1540,103 @@ const ActionSection = (props) => {
     };
   };
   return (() => {
-    var _el$191 = getNextElement(_tmpl$49), _el$206 = _el$191.firstChild, [_el$207, _co$47] = getNextMarker(_el$206.nextSibling), _el$208 = _el$207.nextSibling, [_el$209, _co$48] = getNextMarker(_el$208.nextSibling), _el$210 = _el$209.nextSibling, [_el$211, _co$49] = getNextMarker(_el$210.nextSibling), _el$205 = _el$211.nextSibling;
-    insert(_el$191, createComponent(Show, {
+    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;
+    insert(_el$347, createComponent(Show, {
       get when() {
         return data().title;
       },
       get children() {
-        var _el$192 = getNextElement(_tmpl$46);
-        insert(_el$192, () => data().title);
-        return _el$192;
+        var _el$348 = getNextElement(_tmpl$64);
+        insert(_el$348, () => data().title);
+        return _el$348;
       }
-    }), _el$207, _co$47);
-    insert(_el$191, createComponent(Show, {
+    }), _el$363, _co$92);
+    insert(_el$347, createComponent(Show, {
       get when() {
         return data().preview;
       },
       children: (preview) => (() => {
-        var _el$212 = getNextElement(_tmpl$52), _el$218 = _el$212.firstChild, [_el$219, _co$51] = getNextMarker(_el$218.nextSibling), _el$220 = _el$219.nextSibling, [_el$221, _co$52] = getNextMarker(_el$220.nextSibling);
-        insert(_el$212, createComponent(Show, {
+        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);
+        insert(_el$368, createComponent(Show, {
           get when() {
             return preview().count != null;
           },
           get children() {
             return [(() => {
-              var _el$213 = getNextElement(_tmpl$50);
-              insert(_el$213, () => preview().count);
-              return _el$213;
+              var _el$369 = getNextElement(_tmpl$68);
+              insert(_el$369, () => preview().count);
+              return _el$369;
             })(), " items"];
           }
-        }), _el$219, _co$51);
-        insert(_el$212, createComponent(Show, {
+        }), _el$375, _co$96);
+        insert(_el$368, createComponent(Show, {
           get when() {
             return preview().summary;
           },
           get children() {
-            var _el$214 = getNextElement(_tmpl$51), _el$215 = _el$214.firstChild, _el$216 = _el$215.nextSibling, [_el$217, _co$50] = getNextMarker(_el$216.nextSibling);
-            insert(_el$214, () => preview().summary, _el$217, _co$50);
-            return _el$214;
+            var _el$370 = getNextElement(_tmpl$69), _el$371 = _el$370.firstChild, _el$372 = _el$371.nextSibling, [_el$373, _co$95] = getNextMarker(_el$372.nextSibling);
+            insert(_el$370, () => preview().summary, _el$373, _co$95);
+            return _el$370;
           }
-        }), _el$221, _co$52);
-        return _el$212;
+        }), _el$377, _co$97);
+        return _el$368;
       })()
-    }), _el$209, _co$48);
-    insert(_el$191, createComponent(Show, {
+    }), _el$365, _co$93);
+    insert(_el$347, createComponent(Show, {
       get when() {
         return memo(() => !!data().validation)() && data().validation.confidence != null;
       },
       get children() {
-        var _el$193 = getNextElement(_tmpl$48), _el$194 = _el$193.firstChild, _el$196 = _el$194.firstChild, [_el$197, _co$44] = getNextMarker(_el$196.nextSibling);
-        _el$197.nextSibling;
-        var _el$203 = _el$194.nextSibling, [_el$204, _co$46] = getNextMarker(_el$203.nextSibling);
-        insert(_el$194, () => Math.round(data().validation.confidence * 100), _el$197, _co$44);
-        insert(_el$193, createComponent(Show, {
+        var _el$349 = getNextElement(_tmpl$66), _el$350 = _el$349.firstChild, _el$352 = _el$350.firstChild, [_el$353, _co$89] = getNextMarker(_el$352.nextSibling);
+        _el$353.nextSibling;
+        var _el$359 = _el$350.nextSibling, [_el$360, _co$91] = getNextMarker(_el$359.nextSibling);
+        insert(_el$350, () => Math.round(data().validation.confidence * 100), _el$353, _co$89);
+        insert(_el$349, createComponent(Show, {
           get when() {
             var _a;
             return ((_a = data().validation.hallucinated) == null ? void 0 : _a.length) > 0;
           },
           get children() {
-            var _el$198 = getNextElement(_tmpl$47), _el$199 = _el$198.firstChild, _el$201 = _el$199.nextSibling, [_el$202, _co$45] = getNextMarker(_el$201.nextSibling);
-            _el$202.nextSibling;
-            insert(_el$198, () => data().validation.hallucinated.length, _el$202, _co$45);
-            return _el$198;
+            var _el$354 = getNextElement(_tmpl$65), _el$355 = _el$354.firstChild, _el$357 = _el$355.nextSibling, [_el$358, _co$90] = getNextMarker(_el$357.nextSibling);
+            _el$358.nextSibling;
+            insert(_el$354, () => data().validation.hallucinated.length, _el$358, _co$90);
+            return _el$354;
           }
-        }), _el$204, _co$46);
-        effect((_$p) => classList(_el$194, {
+        }), _el$360, _co$91);
+        effect((_$p) => classList(_el$350, {
           "text-green-600 dark:text-green-400": data().validation.confidence >= 0.8,
           "text-amber-600 dark:text-amber-400": data().validation.confidence >= 0.5 && data().validation.confidence < 0.8,
           "text-red-600 dark:text-red-400": data().validation.confidence < 0.5
         }, _$p));
-        return _el$193;
+        return _el$349;
       }
-    }), _el$211, _co$49);
-    insert(_el$205, createComponent(For, {
+    }), _el$367, _co$94);
+    insert(_el$361, createComponent(For, {
       get each() {
         return data().actions;
       },
       children: (item) => (() => {
-        var _el$222 = getNextElement(_tmpl$38), _el$224 = _el$222.firstChild, [_el$225, _co$53] = getNextMarker(_el$224.nextSibling), _el$226 = _el$225.nextSibling, [_el$227, _co$54] = getNextMarker(_el$226.nextSibling);
-        addEventListener(_el$222, "click", () => {
+        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);
+        addEventListener(_el$378, "click", () => {
           var _a;
           return (_a = props.onAction) == null ? void 0 : _a.call(props, item.value || item.action || item.label, item);
         });
-        insert(_el$222, createComponent(Show, {
+        insert(_el$378, createComponent(Show, {
           get when() {
             return item.icon;
           },
           get children() {
-            var _el$223 = getNextElement(_tmpl$53);
-            insert(_el$223, () => item.icon);
-            return _el$223;
+            var _el$379 = getNextElement(_tmpl$71);
+            insert(_el$379, () => item.icon);
+            return _el$379;
           }
-        }), _el$225, _co$53);
-        insert(_el$222, () => item.label, _el$227, _co$54);
-        effect(() => className(_el$222, `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"}`));
-        return _el$222;
+        }), _el$381, _co$98);
+        insert(_el$378, () => item.label, _el$383, _co$99);
+        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"}`));
+        return _el$378;
       })()
     }));
-    return _el$191;
+    return _el$347;
   })();
 };
 const UnderstandingSection = (props) => {
@@ -1357,39 +1660,39 @@ const UnderstandingSection = (props) => {
     }
   };
   return (() => {
-    var _el$228 = getNextElement(_tmpl$54), _el$229 = _el$228.firstChild, _el$231 = _el$229.nextSibling, [_el$232, _co$55] = getNextMarker(_el$231.nextSibling);
-    insert(_el$229, createComponent(For, {
+    var _el$384 = getNextElement(_tmpl$72), _el$385 = _el$384.firstChild, _el$387 = _el$385.nextSibling, [_el$388, _co$100] = getNextMarker(_el$387.nextSibling);
+    insert(_el$385, createComponent(For, {
       get each() {
         return data().detections;
       },
       children: (det) => (() => {
-        var _el$233 = getNextElement(_tmpl$55), _el$234 = _el$233.firstChild, _el$235 = _el$234.nextSibling;
-        insert(_el$234, () => det.label);
-        insert(_el$235, () => det.value);
-        effect(() => className(_el$234, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
-        return _el$233;
+        var _el$389 = getNextElement(_tmpl$73), _el$390 = _el$389.firstChild, _el$391 = _el$390.nextSibling;
+        insert(_el$390, () => det.label);
+        insert(_el$391, () => det.value);
+        effect(() => className(_el$390, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
+        return _el$389;
       })()
     }));
-    insert(_el$228, createComponent(Show, {
+    insert(_el$384, createComponent(Show, {
       get when() {
         return data().warnings.length > 0;
       },
       get children() {
-        var _el$230 = getNextElement(_tmpl$25);
-        insert(_el$230, createComponent(For, {
+        var _el$386 = getNextElement(_tmpl$25);
+        insert(_el$386, createComponent(For, {
           get each() {
             return data().warnings;
           },
           children: (w) => (() => {
-            var _el$236 = getNextElement(_tmpl$56), _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling;
-            insert(_el$238, w);
-            return _el$236;
+            var _el$392 = getNextElement(_tmpl$74), _el$393 = _el$392.firstChild, _el$394 = _el$393.nextSibling;
+            insert(_el$394, w);
+            return _el$392;
           })()
         }));
-        return _el$230;
+        return _el$386;
       }
-    }), _el$232, _co$55);
-    return _el$228;
+    }), _el$388, _co$100);
+    return _el$384;
   })();
 };
 const FeedbackSection = (props) => {
@@ -1444,81 +1747,81 @@ const FeedbackSection = (props) => {
     (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", payload);
   };
   return (() => {
-    var _el$239 = getNextElement(_tmpl$61), _el$240 = _el$239.firstChild, _el$258 = _el$240.nextSibling, [_el$259, _co$60] = getNextMarker(_el$258.nextSibling), _el$260 = _el$259.nextSibling, [_el$261, _co$61] = getNextMarker(_el$260.nextSibling);
-    insert(_el$240, () => data().question);
-    insert(_el$239, createComponent(Show, {
+    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);
+    insert(_el$396, () => data().question);
+    insert(_el$395, createComponent(Show, {
       get when() {
         return submitted();
       },
       get children() {
-        var _el$241 = getNextElement(_tmpl$58), _el$242 = _el$241.firstChild, _el$244 = _el$242.firstChild, [_el$245, _co$56] = getNextMarker(_el$244.nextSibling), _el$243 = _el$245.nextSibling, _el$246 = _el$243.nextSibling, [_el$247, _co$57] = getNextMarker(_el$246.nextSibling), _el$252 = _el$242.nextSibling, [_el$253, _co$59] = getNextMarker(_el$252.nextSibling);
-        insert(_el$242, (() => {
-          var _c$6 = memo(() => submitted() === "approve");
-          return () => _c$6() ? "✅" : submitted() === "reject" ? "❌" : "💬";
-        })(), _el$245, _co$56);
-        insert(_el$242, submitted, _el$247, _co$57);
-        insert(_el$241, createComponent(Show, {
+        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);
+        insert(_el$398, (() => {
+          var _c$7 = memo(() => submitted() === "approve");
+          return () => _c$7() ? "✅" : submitted() === "reject" ? "❌" : "💬";
+        })(), _el$401, _co$101);
+        insert(_el$398, submitted, _el$403, _co$102);
+        insert(_el$397, createComponent(Show, {
           get when() {
             return comment();
           },
           get children() {
-            var _el$248 = getNextElement(_tmpl$57), _el$249 = _el$248.firstChild, _el$250 = _el$249.nextSibling, [_el$251, _co$58] = getNextMarker(_el$250.nextSibling);
-            insert(_el$248, comment, _el$251, _co$58);
-            return _el$248;
+            var _el$404 = getNextElement(_tmpl$75), _el$405 = _el$404.firstChild, _el$406 = _el$405.nextSibling, [_el$407, _co$103] = getNextMarker(_el$406.nextSibling);
+            insert(_el$404, comment, _el$407, _co$103);
+            return _el$404;
           }
-        }), _el$253, _co$59);
+        }), _el$409, _co$104);
         effect((_p$) => {
           var _v$6 = !!(submitted() === "approve"), _v$7 = !!(submitted() === "reject"), _v$8 = !!(submitted() !== "approve" && submitted() !== "reject");
-          _v$6 !== _p$.e && _el$242.classList.toggle("text-green-600", _p$.e = _v$6);
-          _v$7 !== _p$.t && _el$242.classList.toggle("text-red-600", _p$.t = _v$7);
-          _v$8 !== _p$.a && _el$242.classList.toggle("text-blue-600", _p$.a = _v$8);
+          _v$6 !== _p$.e && _el$398.classList.toggle("text-green-600", _p$.e = _v$6);
+          _v$7 !== _p$.t && _el$398.classList.toggle("text-red-600", _p$.t = _v$7);
+          _v$8 !== _p$.a && _el$398.classList.toggle("text-blue-600", _p$.a = _v$8);
           return _p$;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
         });
-        return _el$241;
+        return _el$397;
       }
-    }), _el$259, _co$60);
-    insert(_el$239, createComponent(Show, {
+    }), _el$415, _co$105);
+    insert(_el$395, createComponent(Show, {
       get when() {
         return !submitted();
       },
       get children() {
         return [(() => {
-          var _el$254 = getNextElement(_tmpl$59);
-          insert(_el$254, createComponent(For, {
+          var _el$410 = getNextElement(_tmpl$77);
+          insert(_el$410, createComponent(For, {
             get each() {
               return data().options;
             },
             children: (option) => (() => {
-              var _el$262 = getNextElement(_tmpl$38), _el$264 = _el$262.firstChild, [_el$265, _co$62] = getNextMarker(_el$264.nextSibling), _el$266 = _el$265.nextSibling, [_el$267, _co$63] = getNextMarker(_el$266.nextSibling);
-              addEventListener(_el$262, "click", () => handleOption(option));
-              insert(_el$262, createComponent(Show, {
+              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);
+              addEventListener(_el$418, "click", () => handleOption(option));
+              insert(_el$418, createComponent(Show, {
                 get when() {
                   return option.icon;
                 },
                 get children() {
-                  var _el$263 = getNextElement(_tmpl$62);
-                  insert(_el$263, () => option.icon);
-                  return _el$263;
+                  var _el$419 = getNextElement(_tmpl$80);
+                  insert(_el$419, () => option.icon);
+                  return _el$419;
                 }
-              }), _el$265, _co$62);
-              insert(_el$262, () => option.label, _el$267, _co$63);
-              effect(() => className(_el$262, `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"}`));
-              return _el$262;
+              }), _el$421, _co$107);
+              insert(_el$418, () => option.label, _el$423, _co$108);
+              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"}`));
+              return _el$418;
             })()
           }));
-          return _el$254;
+          return _el$410;
         })(), createComponent(Show, {
           get when() {
             return data().allowFreeText || showComment();
           },
           get children() {
-            var _el$255 = getNextElement(_tmpl$60), _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling;
-            _el$256.$$input = (e) => setComment(e.currentTarget.value);
-            addEventListener(_el$257, "click", () => {
+            var _el$411 = getNextElement(_tmpl$78), _el$412 = _el$411.firstChild, _el$413 = _el$412.nextSibling;
+            _el$412.$$input = (e) => setComment(e.currentTarget.value);
+            addEventListener(_el$413, "click", () => {
               var _a;
               setSubmitted("comment");
               (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", {
@@ -1530,21 +1833,21 @@ const FeedbackSection = (props) => {
             });
             effect((_p$) => {
               var _v$9 = data().placeholder, _v$0 = showComment();
-              _v$9 !== _p$.e && setAttribute(_el$256, "placeholder", _p$.e = _v$9);
-              _v$0 !== _p$.t && setProperty(_el$256, "autofocus", _p$.t = _v$0);
+              _v$9 !== _p$.e && setAttribute(_el$412, "placeholder", _p$.e = _v$9);
+              _v$0 !== _p$.t && setProperty(_el$412, "autofocus", _p$.t = _v$0);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            effect(() => setProperty(_el$256, "value", comment()));
+            effect(() => setProperty(_el$412, "value", comment()));
             runHydrationEvents();
-            return _el$255;
+            return _el$411;
           }
         })];
       }
-    }), _el$261, _co$61);
-    return _el$239;
+    }), _el$417, _co$106);
+    return _el$395;
   })();
 };
 const PromptSection = (props) => {
@@ -1559,56 +1862,56 @@ const PromptSection = (props) => {
     };
   };
   return (() => {
-    var _el$268 = getNextElement(_tmpl$66), _el$281 = _el$268.firstChild, [_el$282, _co$66] = getNextMarker(_el$281.nextSibling), _el$274 = _el$282.nextSibling, _el$283 = _el$274.nextSibling, [_el$284, _co$67] = getNextMarker(_el$283.nextSibling), _el$285 = _el$284.nextSibling, [_el$286, _co$68] = getNextMarker(_el$285.nextSibling);
-    insert(_el$268, createComponent(Show, {
+    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);
+    insert(_el$424, createComponent(Show, {
       get when() {
         return data().originalQuery;
       },
       get children() {
-        var _el$269 = getNextElement(_tmpl$63), _el$270 = _el$269.firstChild, _el$272 = _el$270.nextSibling, [_el$273, _co$64] = getNextMarker(_el$272.nextSibling);
-        _el$273.nextSibling;
-        insert(_el$269, () => data().originalQuery, _el$273, _co$64);
-        return _el$269;
+        var _el$425 = getNextElement(_tmpl$81), _el$426 = _el$425.firstChild, _el$428 = _el$426.nextSibling, [_el$429, _co$109] = getNextMarker(_el$428.nextSibling);
+        _el$429.nextSibling;
+        insert(_el$425, () => data().originalQuery, _el$429, _co$109);
+        return _el$425;
       }
-    }), _el$282, _co$66);
-    insert(_el$274, createComponent(For, {
+    }), _el$438, _co$111);
+    insert(_el$430, createComponent(For, {
       get each() {
         return Object.entries(data().extracted);
       },
       children: ([key, value]) => (() => {
-        var _el$287 = getNextElement(_tmpl$67), _el$288 = _el$287.firstChild, _el$290 = _el$288.firstChild, [_el$291, _co$69] = getNextMarker(_el$290.nextSibling);
-        _el$291.nextSibling;
-        var _el$292 = _el$288.nextSibling;
-        insert(_el$288, key, _el$291, _co$69);
-        insert(_el$292, () => String(value));
-        return _el$287;
+        var _el$443 = getNextElement(_tmpl$85), _el$444 = _el$443.firstChild, _el$446 = _el$444.firstChild, [_el$447, _co$114] = getNextMarker(_el$446.nextSibling);
+        _el$447.nextSibling;
+        var _el$448 = _el$444.nextSibling;
+        insert(_el$444, key, _el$447, _co$114);
+        insert(_el$448, () => String(value));
+        return _el$443;
       })()
     }));
-    insert(_el$268, createComponent(Show, {
+    insert(_el$424, createComponent(Show, {
       get when() {
         return data().plan;
       },
       get children() {
-        var _el$275 = getNextElement(_tmpl$64), _el$276 = _el$275.firstChild, _el$277 = _el$276.nextSibling, _el$278 = _el$277.nextSibling, [_el$279, _co$65] = getNextMarker(_el$278.nextSibling);
-        insert(_el$275, () => data().plan, _el$279, _co$65);
-        return _el$275;
+        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);
+        insert(_el$431, () => data().plan, _el$435, _co$110);
+        return _el$431;
       }
-    }), _el$284, _co$67);
-    insert(_el$268, createComponent(Show, {
+    }), _el$440, _co$112);
+    insert(_el$424, createComponent(Show, {
       get when() {
         return data().editable;
       },
       get children() {
-        var _el$280 = getNextElement(_tmpl$65);
-        _el$280.$$click = () => {
+        var _el$436 = getNextElement(_tmpl$83);
+        _el$436.$$click = () => {
           var _a;
           return (_a = props.onAction) == null ? void 0 : _a.call(props, "edit_prompt", data());
         };
         runHydrationEvents();
-        return _el$280;
+        return _el$436;
       }
-    }), _el$286, _co$68);
-    return _el$268;
+    }), _el$442, _co$113);
+    return _el$424;
   })();
 };
 const StepperProgressSection = (props) => {
@@ -1638,46 +1941,46 @@ const StepperProgressSection = (props) => {
     },
     get fallback() {
       return (() => {
-        var _el$294 = getNextElement(_tmpl$69);
-        insert(_el$294, createComponent(For, {
+        var _el$450 = getNextElement(_tmpl$87);
+        insert(_el$450, createComponent(For, {
           get each() {
             return data().steps;
           },
           children: (step) => (() => {
-            var _el$295 = getNextElement(_tmpl$72), _el$296 = _el$295.firstChild, _el$297 = _el$296.nextSibling, _el$298 = _el$297.firstChild, _el$308 = _el$298.nextSibling, [_el$309, _co$72] = getNextMarker(_el$308.nextSibling), _el$310 = _el$309.nextSibling, [_el$311, _co$73] = getNextMarker(_el$310.nextSibling);
-            insert(_el$296, () => statusIcon(step.status));
-            insert(_el$298, () => step.label);
-            insert(_el$297, createComponent(Show, {
+            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);
+            insert(_el$452, () => statusIcon(step.status));
+            insert(_el$454, () => step.label);
+            insert(_el$453, createComponent(Show, {
               get when() {
                 return step.summary;
               },
               get children() {
-                var _el$299 = getNextElement(_tmpl$70), _el$300 = _el$299.firstChild, _el$301 = _el$300.nextSibling, [_el$302, _co$70] = getNextMarker(_el$301.nextSibling);
-                insert(_el$299, () => step.summary, _el$302, _co$70);
-                return _el$299;
+                var _el$455 = getNextElement(_tmpl$88), _el$456 = _el$455.firstChild, _el$457 = _el$456.nextSibling, [_el$458, _co$115] = getNextMarker(_el$457.nextSibling);
+                insert(_el$455, () => step.summary, _el$458, _co$115);
+                return _el$455;
               }
-            }), _el$309, _co$72);
-            insert(_el$297, createComponent(Show, {
+            }), _el$465, _co$117);
+            insert(_el$453, createComponent(Show, {
               get when() {
                 return step.duration_ms;
               },
               get children() {
-                var _el$303 = getNextElement(_tmpl$71), _el$304 = _el$303.firstChild, _el$306 = _el$304.nextSibling, [_el$307, _co$71] = getNextMarker(_el$306.nextSibling);
-                _el$307.nextSibling;
-                insert(_el$303, () => step.duration_ms, _el$307, _co$71);
-                return _el$303;
+                var _el$459 = getNextElement(_tmpl$89), _el$460 = _el$459.firstChild, _el$462 = _el$460.nextSibling, [_el$463, _co$116] = getNextMarker(_el$462.nextSibling);
+                _el$463.nextSibling;
+                insert(_el$459, () => step.duration_ms, _el$463, _co$116);
+                return _el$459;
               }
-            }), _el$311, _co$73);
-            effect(() => className(_el$295, `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"}`));
-            return _el$295;
+            }), _el$467, _co$118);
+            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"}`));
+            return _el$451;
           })()
         }));
-        return _el$294;
+        return _el$450;
       })();
     },
     get children() {
-      var _el$293 = getNextElement(_tmpl$68);
-      insert(_el$293, createComponent(For, {
+      var _el$449 = getNextElement(_tmpl$86);
+      insert(_el$449, createComponent(For, {
         get each() {
           return data().steps;
         },
@@ -1689,24 +1992,24 @@ const StepperProgressSection = (props) => {
             return getNextElement(_tmpl$13);
           }
         }), (() => {
-          var _el$313 = getNextElement(_tmpl$74), _el$314 = _el$313.firstChild, _el$315 = _el$314.nextSibling, _el$317 = _el$315.nextSibling, [_el$318, _co$74] = getNextMarker(_el$317.nextSibling);
-          insert(_el$314, () => statusIcon(step.status));
-          insert(_el$315, () => step.label);
-          insert(_el$313, createComponent(Show, {
+          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);
+          insert(_el$470, () => statusIcon(step.status));
+          insert(_el$471, () => step.label);
+          insert(_el$469, createComponent(Show, {
             get when() {
               return step.summary;
             },
             get children() {
-              var _el$316 = getNextElement(_tmpl$73);
-              insert(_el$316, () => step.summary);
-              return _el$316;
+              var _el$472 = getNextElement(_tmpl$91);
+              insert(_el$472, () => step.summary);
+              return _el$472;
             }
-          }), _el$318, _co$74);
-          effect(() => className(_el$313, `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"}`));
-          return _el$313;
+          }), _el$474, _co$119);
+          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"}`));
+          return _el$469;
         })()]
       }));
-      return _el$293;
+      return _el$449;
     }
   });
 };
@@ -1727,48 +2030,48 @@ const ErrorSectionRenderer = (props) => {
   };
   const isWarning = () => data().severity === "warning";
   return (() => {
-    var _el$319 = getNextElement(_tmpl$78), _el$320 = _el$319.firstChild, _el$321 = _el$320.firstChild, _el$322 = _el$321.nextSibling, _el$323 = _el$322.firstChild, _el$324 = _el$323.nextSibling, _el$330 = _el$324.firstChild, [_el$331, _co$76] = getNextMarker(_el$330.nextSibling), _el$332 = _el$331.nextSibling, [_el$333, _co$77] = getNextMarker(_el$332.nextSibling), _el$335 = _el$324.nextSibling, [_el$336, _co$78] = getNextMarker(_el$335.nextSibling);
-    insert(_el$321, () => isWarning() ? "⚠️" : "❌");
-    insert(_el$323, () => data().message);
-    insert(_el$324, createComponent(Show, {
+    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);
+    insert(_el$477, () => isWarning() ? "⚠️" : "❌");
+    insert(_el$479, () => data().message);
+    insert(_el$480, createComponent(Show, {
       get when() {
         return data().retryAction;
       },
       get children() {
-        var _el$325 = getNextElement(_tmpl$75), _el$326 = _el$325.firstChild, _el$327 = _el$326.nextSibling, [_el$328, _co$75] = getNextMarker(_el$327.nextSibling);
-        _el$325.$$click = () => {
+        var _el$481 = getNextElement(_tmpl$93), _el$482 = _el$481.firstChild, _el$483 = _el$482.nextSibling, [_el$484, _co$120] = getNextMarker(_el$483.nextSibling);
+        _el$481.$$click = () => {
           var _a;
           return (_a = props.onAction) == null ? void 0 : _a.call(props, data().retryAction);
         };
-        insert(_el$325, () => data().retryLabel, _el$328, _co$75);
-        effect(() => className(_el$325, `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`));
+        insert(_el$481, () => data().retryLabel, _el$484, _co$120);
+        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`));
         runHydrationEvents();
-        return _el$325;
+        return _el$481;
       }
-    }), _el$331, _co$76);
-    insert(_el$324, createComponent(Show, {
+    }), _el$487, _co$121);
+    insert(_el$480, createComponent(Show, {
       get when() {
         return data().details;
       },
       get children() {
-        var _el$329 = getNextElement(_tmpl$76);
-        _el$329.$$click = () => setShowDetails(!showDetails());
+        var _el$485 = getNextElement(_tmpl$94);
+        _el$485.$$click = () => setShowDetails(!showDetails());
         runHydrationEvents();
-        return _el$329;
+        return _el$485;
       }
-    }), _el$333, _co$77);
-    insert(_el$322, createComponent(Show, {
+    }), _el$489, _co$122);
+    insert(_el$478, createComponent(Show, {
       get when() {
         return memo(() => !!showDetails())() && data().details;
       },
       get children() {
-        var _el$334 = getNextElement(_tmpl$77);
-        insert(_el$334, () => data().details);
-        return _el$334;
+        var _el$490 = getNextElement(_tmpl$95);
+        insert(_el$490, () => data().details);
+        return _el$490;
       }
-    }), _el$336, _co$78);
-    effect(() => className(_el$319, `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"}`));
-    return _el$319;
+    }), _el$492, _co$123);
+    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"}`));
+    return _el$475;
   })();
 };
 const SourceCardSection = (props) => {
@@ -1789,46 +2092,46 @@ const SourceCardSection = (props) => {
     error: "❌"
   })[data().status] || "📦";
   return (() => {
-    var _el$337 = getNextElement(_tmpl$81), _el$338 = _el$337.firstChild, _el$339 = _el$338.firstChild, _el$341 = _el$339.firstChild, [_el$342, _co$79] = getNextMarker(_el$341.nextSibling), _el$340 = _el$342.nextSibling, _el$343 = _el$340.nextSibling, [_el$344, _co$80] = getNextMarker(_el$343.nextSibling), _el$349 = _el$339.nextSibling, [_el$350, _co$82] = getNextMarker(_el$349.nextSibling), _el$351 = _el$338.nextSibling, _el$353 = _el$351.nextSibling, [_el$354, _co$83] = getNextMarker(_el$353.nextSibling);
-    insert(_el$339, statusIcon, _el$342, _co$79);
-    insert(_el$339, () => data().name, _el$344, _co$80);
-    insert(_el$338, createComponent(Show, {
+    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);
+    insert(_el$495, statusIcon, _el$498, _co$124);
+    insert(_el$495, () => data().name, _el$500, _co$125);
+    insert(_el$494, createComponent(Show, {
       get when() {
         return data().row_count !== void 0;
       },
       get children() {
-        var _el$345 = getNextElement(_tmpl$79), _el$347 = _el$345.firstChild, [_el$348, _co$81] = getNextMarker(_el$347.nextSibling);
-        _el$348.nextSibling;
-        insert(_el$345, () => {
+        var _el$501 = getNextElement(_tmpl$97), _el$503 = _el$501.firstChild, [_el$504, _co$126] = getNextMarker(_el$503.nextSibling);
+        _el$504.nextSibling;
+        insert(_el$501, () => {
           var _a;
           return (_a = data().row_count) == null ? void 0 : _a.toLocaleString();
-        }, _el$348, _co$81);
-        return _el$345;
+        }, _el$504, _co$126);
+        return _el$501;
       }
-    }), _el$350, _co$82);
-    insert(_el$351, createComponent(For, {
+    }), _el$506, _co$127);
+    insert(_el$507, createComponent(For, {
       get each() {
         return data().capabilities;
       },
       children: (cap) => (() => {
-        var _el$355 = getNextElement(_tmpl$82), _el$357 = _el$355.firstChild, [_el$358, _co$84] = getNextMarker(_el$357.nextSibling), _el$356 = _el$358.nextSibling, _el$359 = _el$356.nextSibling, [_el$360, _co$85] = getNextMarker(_el$359.nextSibling);
-        insert(_el$355, () => cap.supported ? "✅" : "❌", _el$358, _co$84);
-        insert(_el$355, () => cap.label, _el$360, _co$85);
-        effect(() => className(_el$355, `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"}`));
-        return _el$355;
+        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);
+        insert(_el$511, () => cap.supported ? "✅" : "❌", _el$514, _co$129);
+        insert(_el$511, () => cap.label, _el$516, _co$130);
+        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"}`));
+        return _el$511;
       })()
     }));
-    insert(_el$337, createComponent(Show, {
+    insert(_el$493, createComponent(Show, {
       get when() {
         return data().freshness || data().latency_ms;
       },
       get children() {
-        var _el$352 = getNextElement(_tmpl$80);
-        insert(_el$352, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
-        return _el$352;
+        var _el$508 = getNextElement(_tmpl$98);
+        insert(_el$508, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
+        return _el$508;
       }
-    }), _el$354, _co$83);
-    return _el$337;
+    }), _el$510, _co$128);
+    return _el$493;
   })();
 };
 const DiffSection = (props) => {
@@ -1852,10 +2155,10 @@ const DiffSection = (props) => {
     return [.../* @__PURE__ */ new Set([...Object.keys(l), ...Object.keys(r)])];
   };
   return (() => {
-    var _el$361 = getNextElement(_tmpl$83), _el$362 = _el$361.firstChild, _el$363 = _el$362.firstChild, _el$364 = _el$363.firstChild, _el$365 = _el$364.firstChild, _el$366 = _el$365.nextSibling, _el$367 = _el$366.nextSibling, _el$368 = _el$363.nextSibling;
-    insert(_el$366, () => data().left.label);
-    insert(_el$367, () => data().right.label);
-    insert(_el$368, createComponent(For, {
+    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;
+    insert(_el$522, () => data().left.label);
+    insert(_el$523, () => data().right.label);
+    insert(_el$524, createComponent(For, {
       get each() {
         return allKeys();
       },
@@ -1870,22 +2173,22 @@ const DiffSection = (props) => {
         };
         const isDiff = () => String(lVal()) !== String(rVal()) && data().highlight.includes(key);
         return (() => {
-          var _el$369 = getNextElement(_tmpl$84), _el$370 = _el$369.firstChild, _el$371 = _el$370.nextSibling, _el$372 = _el$371.nextSibling;
-          insert(_el$370, key);
-          insert(_el$371, (() => {
-            var _c$7 = memo(() => lVal() !== void 0);
-            return () => _c$7() ? String(lVal()) : "—";
+          var _el$525 = getNextElement(_tmpl$102), _el$526 = _el$525.firstChild, _el$527 = _el$526.nextSibling, _el$528 = _el$527.nextSibling;
+          insert(_el$526, key);
+          insert(_el$527, (() => {
+            var _c$8 = memo(() => lVal() !== void 0);
+            return () => _c$8() ? String(lVal()) : "—";
           })());
-          insert(_el$372, (() => {
-            var _c$8 = memo(() => rVal() !== void 0);
-            return () => _c$8() ? String(rVal()) : "—";
+          insert(_el$528, (() => {
+            var _c$9 = memo(() => rVal() !== void 0);
+            return () => _c$9() ? String(rVal()) : "—";
           })());
-          effect(() => className(_el$369, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
-          return _el$369;
+          effect(() => className(_el$525, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
+          return _el$525;
         })();
       }
     }));
-    return _el$361;
+    return _el$517;
   })();
 };
 delegateEvents(["click", "input"]);