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

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="flex justify-end"><button type=button class="px-3 py-1.5 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors flex items-center gap-1">Next <svg class="w-3.5 h-3.5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$44 = /* @__PURE__ */ template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$45 = /* @__PURE__ */ template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$46 = /* @__PURE__ */ template(`<div class="mt-2 ml-6">`), _tmpl$47 = /* @__PURE__ */ template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$48 = /* @__PURE__ */ template(`<p class="text-sm font-medium text-gray-800 dark:text-gray-200 mb-2">`), _tmpl$49 = /* @__PURE__ */ template(`<span class=text-amber-600>(<!$><!/> unverified)`), _tmpl$50 = /* @__PURE__ */ template(`<div class="mb-2 flex items-center gap-2 text-xs"><span><!$><!/>% verified</span><!$><!/>`), _tmpl$51 = /* @__PURE__ */ template(`<div><!$><!/><!$><!/><!$><!/><div class="flex flex-wrap gap-2">`), _tmpl$52 = /* @__PURE__ */ template(`<span class="font-medium text-gray-800 dark:text-gray-200">`), _tmpl$53 = /* @__PURE__ */ template(`<span class=ml-1>&mdash; <!$><!/>`), _tmpl$54 = /* @__PURE__ */ template(`<div class="mb-2 p-2 rounded bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-xs text-gray-600 dark:text-gray-400"><!$><!/><!$><!/>`), _tmpl$55 = /* @__PURE__ */ template(`<span class=mr-1>`), _tmpl$56 = /* @__PURE__ */ template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$57 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$58 = /* @__PURE__ */ template(`<div class="flex items-start gap-1.5 text-xs text-amber-600 dark:text-amber-400"><span class=flex-shrink-0>⚠️</span><span>`), _tmpl$59 = /* @__PURE__ */ template(`<span class=italic>&mdash; <!$><!/>`), _tmpl$60 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><span><!$><!/> <!$><!/></span><!$><!/>`), _tmpl$61 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-2">`), _tmpl$62 = /* @__PURE__ */ template(`<div class="flex gap-1"><input type=text class="flex-1 px-3 py-2 text-sm border border-gray-200 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 outline-none"><button type=button class="px-3 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700">Send`), _tmpl$63 = /* @__PURE__ */ template(`<div class=space-y-3><p class="text-sm text-gray-700 dark:text-gray-300"></p><!$><!/><!$><!/>`), _tmpl$64 = /* @__PURE__ */ template(`<span>`), _tmpl$65 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$66 = /* @__PURE__ */ template(`<div class="mt-2 px-3 py-2 bg-blue-50 dark:bg-blue-900/10 rounded-lg text-sm text-blue-700 dark:text-blue-300"><span class=font-medium>Plan:</span> <!$><!/>`), _tmpl$67 = /* @__PURE__ */ template(`<button type=button class="text-xs text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1">&#9998; Modify`), _tmpl$68 = /* @__PURE__ */ template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$69 = /* @__PURE__ */ template(`<div class="flex gap-2 text-sm"><span class="text-gray-500 dark:text-gray-400 font-medium min-w-[80px]"><!$><!/>:</span><span class="text-gray-900 dark:text-white">`), _tmpl$70 = /* @__PURE__ */ template(`<div class="flex items-center gap-1 flex-wrap">`), _tmpl$71 = /* @__PURE__ */ template(`<div class=space-y-2>`), _tmpl$72 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$73 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-400">(<!$><!/>ms)`), _tmpl$74 = /* @__PURE__ */ template(`<div><span class=flex-shrink-0></span><div><span></span><!$><!/><!$><!/>`), _tmpl$75 = /* @__PURE__ */ template(`<span class="text-[10px] opacity-75">`), _tmpl$76 = /* @__PURE__ */ template(`<div><span></span><span></span><!$><!/>`), _tmpl$77 = /* @__PURE__ */ template(`<button type=button>&#128260; <!$><!/>`), _tmpl$78 = /* @__PURE__ */ template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">&#9654; Details`), _tmpl$79 = /* @__PURE__ */ template(`<pre class="mt-2 text-xs opacity-70 overflow-x-auto">`), _tmpl$80 = /* @__PURE__ */ template(`<div><div class="flex items-start gap-2"><span class=flex-shrink-0></span><div class=flex-1><p></p><div class="flex gap-2 mt-2"><!$><!/><!$><!/></div><!$><!/>`), _tmpl$81 = /* @__PURE__ */ template(`<span class="text-xs font-bold text-blue-600 dark:text-blue-400"><!$><!/> results`), _tmpl$82 = /* @__PURE__ */ template(`<p class="text-[10px] text-gray-400">`), _tmpl$83 = /* @__PURE__ */ template(`<div class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2"><div class="flex items-center justify-between mb-1.5"><span class="text-sm font-medium text-gray-900 dark:text-white"><!$><!/> <!$><!/></span><!$><!/></div><div class="flex flex-wrap gap-1.5 mb-1"></div><!$><!/>`), _tmpl$84 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/>`), _tmpl$85 = /* @__PURE__ */ template(`<div class=overflow-x-auto><table class="min-w-full text-xs"><thead><tr><th class="px-2 py-1 text-left text-gray-500 dark:text-gray-400"></th><th class="px-2 py-1 text-left font-medium text-blue-600 dark:text-blue-400"></th><th class="px-2 py-1 text-left font-medium text-purple-600 dark:text-purple-400"></th></tr></thead><tbody>`), _tmpl$86 = /* @__PURE__ */ template(`<tr><td class="px-2 py-1 font-mono text-gray-500 dark:text-gray-400"></td><td class="px-2 py-1 text-gray-900 dark:text-white"></td><td class="px-2 py-1 text-gray-900 dark:text-white">`);
 const STATUS_BADGES = {
   loading: {
     label: "Loading...",
@@ -1090,46 +1090,99 @@ 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);
-        },
-        get value() {
-          return formData()[field.name];
-        },
-        onChange: (val) => updateField(field.name, val),
-        formData
-      })
-    }), _el$167, _co$36);
-    insert(_el$154, createComponent(Show, {
-      get when() {
-        return countdown() != null;
-      },
-      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 = () => {
+  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$155;
-      }
-    }), _el$169, _co$37);
-    insert(_el$165, () => config().submitLabel);
-    effect(() => setAttribute(_el$154, "id", `scratchpad-form-${props.sectionId}`));
-    return _el$154;
-  })();
+        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 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;
+        },
+        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;
+    }
+  });
 };
 const EnrichedStepsSection = (props) => {
   const stepsData = () => {
@@ -1140,35 +1193,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$192 = getNextElement(_tmpl$44), _el$195 = _el$192.firstChild, [_el$196, _co$44] = getNextMarker(_el$195.nextSibling), _el$197 = _el$196.nextSibling, [_el$198, _co$45] = getNextMarker(_el$197.nextSibling);
+    insert(_el$192, 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 _el$199 = getNextElement(_tmpl$47), _el$200 = _el$199.firstChild, _el$201 = _el$200.firstChild, _el$206 = _el$201.nextSibling, [_el$207, _co$47] = getNextMarker(_el$206.nextSibling), _el$208 = _el$207.nextSibling, [_el$209, _co$48] = getNextMarker(_el$208.nextSibling), _el$211 = _el$200.nextSibling, [_el$212, _co$49] = getNextMarker(_el$211.nextSibling);
+        insert(_el$201, (() => {
           var _c$5 = memo(() => step.status === "done");
           return () => _c$5() ? "✅" : step.status === "active" ? "●" : "○";
         })());
-        insert(_el$178, () => step.label, _el$185, _co$41);
-        insert(_el$178, createComponent(Show, {
+        insert(_el$200, () => step.label, _el$207, _co$47);
+        insert(_el$200, 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$202 = getNextElement(_tmpl$45), _el$203 = _el$202.firstChild, _el$204 = _el$203.nextSibling, [_el$205, _co$46] = getNextMarker(_el$204.nextSibling);
+            insert(_el$202, () => step.description, _el$205, _co$46);
+            return _el$202;
           }
-        }), _el$187, _co$42);
-        insert(_el$177, createComponent(Show, {
+        }), _el$209, _co$48);
+        insert(_el$199, 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$210 = getNextElement(_tmpl$46);
+            insert(_el$210, createComponent(SectionRenderer, {
               get section() {
                 return step.content;
               },
@@ -1180,38 +1233,38 @@ const EnrichedStepsSection = (props) => {
                 return props.onAction;
               }
             }));
-            return _el$188;
+            return _el$210;
           }
-        }), _el$190, _co$43);
+        }), _el$212, _co$49);
         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$199, _p$.e = _v$4);
+          _v$5 !== _p$.t && className(_el$200, _p$.t = _v$5);
           return _p$;
         }, {
           e: void 0,
           t: void 0
         });
-        return _el$177;
+        return _el$199;
       })()
-    }), _el$174, _co$38);
-    insert(_el$170, createComponent(Show, {
+    }), _el$196, _co$44);
+    insert(_el$192, 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$193 = getNextElement(_tmpl$43), _el$194 = _el$193.firstChild;
+        _el$194.$$click = () => {
           var _a;
           return (_a = props.onAction) == null ? void 0 : _a.call(props, "next_step", {
             step: stepsData().currentStep
           });
         };
         runHydrationEvents();
-        return _el$171;
+        return _el$193;
       }
-    }), _el$176, _co$39);
-    return _el$170;
+    }), _el$198, _co$45);
+    return _el$192;
   })();
 };
 const ActionSection = (props) => {
@@ -1237,103 +1290,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$213 = getNextElement(_tmpl$51), _el$228 = _el$213.firstChild, [_el$229, _co$53] = getNextMarker(_el$228.nextSibling), _el$230 = _el$229.nextSibling, [_el$231, _co$54] = getNextMarker(_el$230.nextSibling), _el$232 = _el$231.nextSibling, [_el$233, _co$55] = getNextMarker(_el$232.nextSibling), _el$227 = _el$233.nextSibling;
+    insert(_el$213, 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$214 = getNextElement(_tmpl$48);
+        insert(_el$214, () => data().title);
+        return _el$214;
       }
-    }), _el$207, _co$47);
-    insert(_el$191, createComponent(Show, {
+    }), _el$229, _co$53);
+    insert(_el$213, 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$234 = getNextElement(_tmpl$54), _el$240 = _el$234.firstChild, [_el$241, _co$57] = getNextMarker(_el$240.nextSibling), _el$242 = _el$241.nextSibling, [_el$243, _co$58] = getNextMarker(_el$242.nextSibling);
+        insert(_el$234, 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$235 = getNextElement(_tmpl$52);
+              insert(_el$235, () => preview().count);
+              return _el$235;
             })(), " items"];
           }
-        }), _el$219, _co$51);
-        insert(_el$212, createComponent(Show, {
+        }), _el$241, _co$57);
+        insert(_el$234, 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$236 = getNextElement(_tmpl$53), _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling, [_el$239, _co$56] = getNextMarker(_el$238.nextSibling);
+            insert(_el$236, () => preview().summary, _el$239, _co$56);
+            return _el$236;
           }
-        }), _el$221, _co$52);
-        return _el$212;
+        }), _el$243, _co$58);
+        return _el$234;
       })()
-    }), _el$209, _co$48);
-    insert(_el$191, createComponent(Show, {
+    }), _el$231, _co$54);
+    insert(_el$213, 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$215 = getNextElement(_tmpl$50), _el$216 = _el$215.firstChild, _el$218 = _el$216.firstChild, [_el$219, _co$50] = getNextMarker(_el$218.nextSibling);
+        _el$219.nextSibling;
+        var _el$225 = _el$216.nextSibling, [_el$226, _co$52] = getNextMarker(_el$225.nextSibling);
+        insert(_el$216, () => Math.round(data().validation.confidence * 100), _el$219, _co$50);
+        insert(_el$215, 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$220 = getNextElement(_tmpl$49), _el$221 = _el$220.firstChild, _el$223 = _el$221.nextSibling, [_el$224, _co$51] = getNextMarker(_el$223.nextSibling);
+            _el$224.nextSibling;
+            insert(_el$220, () => data().validation.hallucinated.length, _el$224, _co$51);
+            return _el$220;
           }
-        }), _el$204, _co$46);
-        effect((_$p) => classList(_el$194, {
+        }), _el$226, _co$52);
+        effect((_$p) => classList(_el$216, {
           "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$215;
       }
-    }), _el$211, _co$49);
-    insert(_el$205, createComponent(For, {
+    }), _el$233, _co$55);
+    insert(_el$227, 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$244 = getNextElement(_tmpl$38), _el$246 = _el$244.firstChild, [_el$247, _co$59] = getNextMarker(_el$246.nextSibling), _el$248 = _el$247.nextSibling, [_el$249, _co$60] = getNextMarker(_el$248.nextSibling);
+        addEventListener(_el$244, "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$244, 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$245 = getNextElement(_tmpl$55);
+            insert(_el$245, () => item.icon);
+            return _el$245;
           }
-        }), _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$247, _co$59);
+        insert(_el$244, () => item.label, _el$249, _co$60);
+        effect(() => className(_el$244, `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors ${item.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : item.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : item.variant === "secondary" ? "border border-blue-300 dark:border-blue-600 text-blue-700 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-blue-900/20" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
+        return _el$244;
       })()
     }));
-    return _el$191;
+    return _el$213;
   })();
 };
 const UnderstandingSection = (props) => {
@@ -1357,39 +1410,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$250 = getNextElement(_tmpl$56), _el$251 = _el$250.firstChild, _el$253 = _el$251.nextSibling, [_el$254, _co$61] = getNextMarker(_el$253.nextSibling);
+    insert(_el$251, 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$255 = getNextElement(_tmpl$57), _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling;
+        insert(_el$256, () => det.label);
+        insert(_el$257, () => det.value);
+        effect(() => className(_el$256, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
+        return _el$255;
       })()
     }));
-    insert(_el$228, createComponent(Show, {
+    insert(_el$250, createComponent(Show, {
       get when() {
         return data().warnings.length > 0;
       },
       get children() {
-        var _el$230 = getNextElement(_tmpl$25);
-        insert(_el$230, createComponent(For, {
+        var _el$252 = getNextElement(_tmpl$25);
+        insert(_el$252, 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$258 = getNextElement(_tmpl$58), _el$259 = _el$258.firstChild, _el$260 = _el$259.nextSibling;
+            insert(_el$260, w);
+            return _el$258;
           })()
         }));
-        return _el$230;
+        return _el$252;
       }
-    }), _el$232, _co$55);
-    return _el$228;
+    }), _el$254, _co$61);
+    return _el$250;
   })();
 };
 const FeedbackSection = (props) => {
@@ -1444,81 +1497,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$261 = getNextElement(_tmpl$63), _el$262 = _el$261.firstChild, _el$280 = _el$262.nextSibling, [_el$281, _co$66] = getNextMarker(_el$280.nextSibling), _el$282 = _el$281.nextSibling, [_el$283, _co$67] = getNextMarker(_el$282.nextSibling);
+    insert(_el$262, () => data().question);
+    insert(_el$261, 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 _el$263 = getNextElement(_tmpl$60), _el$264 = _el$263.firstChild, _el$266 = _el$264.firstChild, [_el$267, _co$62] = getNextMarker(_el$266.nextSibling), _el$265 = _el$267.nextSibling, _el$268 = _el$265.nextSibling, [_el$269, _co$63] = getNextMarker(_el$268.nextSibling), _el$274 = _el$264.nextSibling, [_el$275, _co$65] = getNextMarker(_el$274.nextSibling);
+        insert(_el$264, (() => {
           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, {
+        })(), _el$267, _co$62);
+        insert(_el$264, submitted, _el$269, _co$63);
+        insert(_el$263, 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$270 = getNextElement(_tmpl$59), _el$271 = _el$270.firstChild, _el$272 = _el$271.nextSibling, [_el$273, _co$64] = getNextMarker(_el$272.nextSibling);
+            insert(_el$270, comment, _el$273, _co$64);
+            return _el$270;
           }
-        }), _el$253, _co$59);
+        }), _el$275, _co$65);
         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$264.classList.toggle("text-green-600", _p$.e = _v$6);
+          _v$7 !== _p$.t && _el$264.classList.toggle("text-red-600", _p$.t = _v$7);
+          _v$8 !== _p$.a && _el$264.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$263;
       }
-    }), _el$259, _co$60);
-    insert(_el$239, createComponent(Show, {
+    }), _el$281, _co$66);
+    insert(_el$261, createComponent(Show, {
       get when() {
         return !submitted();
       },
       get children() {
         return [(() => {
-          var _el$254 = getNextElement(_tmpl$59);
-          insert(_el$254, createComponent(For, {
+          var _el$276 = getNextElement(_tmpl$61);
+          insert(_el$276, 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$284 = getNextElement(_tmpl$38), _el$286 = _el$284.firstChild, [_el$287, _co$68] = getNextMarker(_el$286.nextSibling), _el$288 = _el$287.nextSibling, [_el$289, _co$69] = getNextMarker(_el$288.nextSibling);
+              addEventListener(_el$284, "click", () => handleOption(option));
+              insert(_el$284, 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$285 = getNextElement(_tmpl$64);
+                  insert(_el$285, () => option.icon);
+                  return _el$285;
                 }
-              }), _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$287, _co$68);
+              insert(_el$284, () => option.label, _el$289, _co$69);
+              effect(() => className(_el$284, `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors flex items-center gap-1 ${option.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : option.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
+              return _el$284;
             })()
           }));
-          return _el$254;
+          return _el$276;
         })(), 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$277 = getNextElement(_tmpl$62), _el$278 = _el$277.firstChild, _el$279 = _el$278.nextSibling;
+            _el$278.$$input = (e) => setComment(e.currentTarget.value);
+            addEventListener(_el$279, "click", () => {
               var _a;
               setSubmitted("comment");
               (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", {
@@ -1530,21 +1583,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$278, "placeholder", _p$.e = _v$9);
+              _v$0 !== _p$.t && setProperty(_el$278, "autofocus", _p$.t = _v$0);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            effect(() => setProperty(_el$256, "value", comment()));
+            effect(() => setProperty(_el$278, "value", comment()));
             runHydrationEvents();
-            return _el$255;
+            return _el$277;
           }
         })];
       }
-    }), _el$261, _co$61);
-    return _el$239;
+    }), _el$283, _co$67);
+    return _el$261;
   })();
 };
 const PromptSection = (props) => {
@@ -1559,56 +1612,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$290 = getNextElement(_tmpl$68), _el$303 = _el$290.firstChild, [_el$304, _co$72] = getNextMarker(_el$303.nextSibling), _el$296 = _el$304.nextSibling, _el$305 = _el$296.nextSibling, [_el$306, _co$73] = getNextMarker(_el$305.nextSibling), _el$307 = _el$306.nextSibling, [_el$308, _co$74] = getNextMarker(_el$307.nextSibling);
+    insert(_el$290, 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$291 = getNextElement(_tmpl$65), _el$292 = _el$291.firstChild, _el$294 = _el$292.nextSibling, [_el$295, _co$70] = getNextMarker(_el$294.nextSibling);
+        _el$295.nextSibling;
+        insert(_el$291, () => data().originalQuery, _el$295, _co$70);
+        return _el$291;
       }
-    }), _el$282, _co$66);
-    insert(_el$274, createComponent(For, {
+    }), _el$304, _co$72);
+    insert(_el$296, 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$309 = getNextElement(_tmpl$69), _el$310 = _el$309.firstChild, _el$312 = _el$310.firstChild, [_el$313, _co$75] = getNextMarker(_el$312.nextSibling);
+        _el$313.nextSibling;
+        var _el$314 = _el$310.nextSibling;
+        insert(_el$310, key, _el$313, _co$75);
+        insert(_el$314, () => String(value));
+        return _el$309;
       })()
     }));
-    insert(_el$268, createComponent(Show, {
+    insert(_el$290, 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$297 = getNextElement(_tmpl$66), _el$298 = _el$297.firstChild, _el$299 = _el$298.nextSibling, _el$300 = _el$299.nextSibling, [_el$301, _co$71] = getNextMarker(_el$300.nextSibling);
+        insert(_el$297, () => data().plan, _el$301, _co$71);
+        return _el$297;
       }
-    }), _el$284, _co$67);
-    insert(_el$268, createComponent(Show, {
+    }), _el$306, _co$73);
+    insert(_el$290, createComponent(Show, {
       get when() {
         return data().editable;
       },
       get children() {
-        var _el$280 = getNextElement(_tmpl$65);
-        _el$280.$$click = () => {
+        var _el$302 = getNextElement(_tmpl$67);
+        _el$302.$$click = () => {
           var _a;
           return (_a = props.onAction) == null ? void 0 : _a.call(props, "edit_prompt", data());
         };
         runHydrationEvents();
-        return _el$280;
+        return _el$302;
       }
-    }), _el$286, _co$68);
-    return _el$268;
+    }), _el$308, _co$74);
+    return _el$290;
   })();
 };
 const StepperProgressSection = (props) => {
@@ -1638,46 +1691,46 @@ const StepperProgressSection = (props) => {
     },
     get fallback() {
       return (() => {
-        var _el$294 = getNextElement(_tmpl$69);
-        insert(_el$294, createComponent(For, {
+        var _el$316 = getNextElement(_tmpl$71);
+        insert(_el$316, 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$317 = getNextElement(_tmpl$74), _el$318 = _el$317.firstChild, _el$319 = _el$318.nextSibling, _el$320 = _el$319.firstChild, _el$330 = _el$320.nextSibling, [_el$331, _co$78] = getNextMarker(_el$330.nextSibling), _el$332 = _el$331.nextSibling, [_el$333, _co$79] = getNextMarker(_el$332.nextSibling);
+            insert(_el$318, () => statusIcon(step.status));
+            insert(_el$320, () => step.label);
+            insert(_el$319, 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$321 = getNextElement(_tmpl$72), _el$322 = _el$321.firstChild, _el$323 = _el$322.nextSibling, [_el$324, _co$76] = getNextMarker(_el$323.nextSibling);
+                insert(_el$321, () => step.summary, _el$324, _co$76);
+                return _el$321;
               }
-            }), _el$309, _co$72);
-            insert(_el$297, createComponent(Show, {
+            }), _el$331, _co$78);
+            insert(_el$319, 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$325 = getNextElement(_tmpl$73), _el$326 = _el$325.firstChild, _el$328 = _el$326.nextSibling, [_el$329, _co$77] = getNextMarker(_el$328.nextSibling);
+                _el$329.nextSibling;
+                insert(_el$325, () => step.duration_ms, _el$329, _co$77);
+                return _el$325;
               }
-            }), _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$333, _co$79);
+            effect(() => className(_el$317, `flex items-start gap-2 text-sm ${step.status === "active" ? "font-medium" : ""} ${step.status === "pending" ? "text-gray-400" : "text-gray-700 dark:text-gray-300"}`));
+            return _el$317;
           })()
         }));
-        return _el$294;
+        return _el$316;
       })();
     },
     get children() {
-      var _el$293 = getNextElement(_tmpl$68);
-      insert(_el$293, createComponent(For, {
+      var _el$315 = getNextElement(_tmpl$70);
+      insert(_el$315, createComponent(For, {
         get each() {
           return data().steps;
         },
@@ -1689,24 +1742,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$335 = getNextElement(_tmpl$76), _el$336 = _el$335.firstChild, _el$337 = _el$336.nextSibling, _el$339 = _el$337.nextSibling, [_el$340, _co$80] = getNextMarker(_el$339.nextSibling);
+          insert(_el$336, () => statusIcon(step.status));
+          insert(_el$337, () => step.label);
+          insert(_el$335, 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$338 = getNextElement(_tmpl$75);
+              insert(_el$338, () => step.summary);
+              return _el$338;
             }
-          }), _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$340, _co$80);
+          effect(() => className(_el$335, `flex items-center gap-1 px-2 py-1 rounded text-xs ${step.status === "done" ? "bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-400" : step.status === "active" ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-400 font-medium animate-pulse" : step.status === "error" ? "bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400" : "text-gray-400"}`));
+          return _el$335;
         })()]
       }));
-      return _el$293;
+      return _el$315;
     }
   });
 };
@@ -1727,48 +1780,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$341 = getNextElement(_tmpl$80), _el$342 = _el$341.firstChild, _el$343 = _el$342.firstChild, _el$344 = _el$343.nextSibling, _el$345 = _el$344.firstChild, _el$346 = _el$345.nextSibling, _el$352 = _el$346.firstChild, [_el$353, _co$82] = getNextMarker(_el$352.nextSibling), _el$354 = _el$353.nextSibling, [_el$355, _co$83] = getNextMarker(_el$354.nextSibling), _el$357 = _el$346.nextSibling, [_el$358, _co$84] = getNextMarker(_el$357.nextSibling);
+    insert(_el$343, () => isWarning() ? "⚠️" : "❌");
+    insert(_el$345, () => data().message);
+    insert(_el$346, 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$347 = getNextElement(_tmpl$77), _el$348 = _el$347.firstChild, _el$349 = _el$348.nextSibling, [_el$350, _co$81] = getNextMarker(_el$349.nextSibling);
+        _el$347.$$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$347, () => data().retryLabel, _el$350, _co$81);
+        effect(() => className(_el$347, `px-2 py-1 text-xs font-medium rounded ${isWarning() ? "bg-amber-600 text-white hover:bg-amber-700" : "bg-red-600 text-white hover:bg-red-700"} transition-colors`));
         runHydrationEvents();
-        return _el$325;
+        return _el$347;
       }
-    }), _el$331, _co$76);
-    insert(_el$324, createComponent(Show, {
+    }), _el$353, _co$82);
+    insert(_el$346, createComponent(Show, {
       get when() {
         return data().details;
       },
       get children() {
-        var _el$329 = getNextElement(_tmpl$76);
-        _el$329.$$click = () => setShowDetails(!showDetails());
+        var _el$351 = getNextElement(_tmpl$78);
+        _el$351.$$click = () => setShowDetails(!showDetails());
         runHydrationEvents();
-        return _el$329;
+        return _el$351;
       }
-    }), _el$333, _co$77);
-    insert(_el$322, createComponent(Show, {
+    }), _el$355, _co$83);
+    insert(_el$344, 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$356 = getNextElement(_tmpl$79);
+        insert(_el$356, () => data().details);
+        return _el$356;
       }
-    }), _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$358, _co$84);
+    effect(() => className(_el$341, `rounded-lg px-3 py-2 text-sm ${isWarning() ? "bg-amber-50 dark:bg-amber-900/10 text-amber-700 dark:text-amber-400 border border-amber-200 dark:border-amber-800" : "bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800"}`));
+    return _el$341;
   })();
 };
 const SourceCardSection = (props) => {
@@ -1789,46 +1842,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$359 = getNextElement(_tmpl$83), _el$360 = _el$359.firstChild, _el$361 = _el$360.firstChild, _el$363 = _el$361.firstChild, [_el$364, _co$85] = getNextMarker(_el$363.nextSibling), _el$362 = _el$364.nextSibling, _el$365 = _el$362.nextSibling, [_el$366, _co$86] = getNextMarker(_el$365.nextSibling), _el$371 = _el$361.nextSibling, [_el$372, _co$88] = getNextMarker(_el$371.nextSibling), _el$373 = _el$360.nextSibling, _el$375 = _el$373.nextSibling, [_el$376, _co$89] = getNextMarker(_el$375.nextSibling);
+    insert(_el$361, statusIcon, _el$364, _co$85);
+    insert(_el$361, () => data().name, _el$366, _co$86);
+    insert(_el$360, 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$367 = getNextElement(_tmpl$81), _el$369 = _el$367.firstChild, [_el$370, _co$87] = getNextMarker(_el$369.nextSibling);
+        _el$370.nextSibling;
+        insert(_el$367, () => {
           var _a;
           return (_a = data().row_count) == null ? void 0 : _a.toLocaleString();
-        }, _el$348, _co$81);
-        return _el$345;
+        }, _el$370, _co$87);
+        return _el$367;
       }
-    }), _el$350, _co$82);
-    insert(_el$351, createComponent(For, {
+    }), _el$372, _co$88);
+    insert(_el$373, 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$377 = getNextElement(_tmpl$84), _el$379 = _el$377.firstChild, [_el$380, _co$90] = getNextMarker(_el$379.nextSibling), _el$378 = _el$380.nextSibling, _el$381 = _el$378.nextSibling, [_el$382, _co$91] = getNextMarker(_el$381.nextSibling);
+        insert(_el$377, () => cap.supported ? "✅" : "❌", _el$380, _co$90);
+        insert(_el$377, () => cap.label, _el$382, _co$91);
+        effect(() => className(_el$377, `text-[10px] px-1.5 py-0.5 rounded ${cap.supported ? "bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400" : "bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400"}`));
+        return _el$377;
       })()
     }));
-    insert(_el$337, createComponent(Show, {
+    insert(_el$359, 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$374 = getNextElement(_tmpl$82);
+        insert(_el$374, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
+        return _el$374;
       }
-    }), _el$354, _co$83);
-    return _el$337;
+    }), _el$376, _co$89);
+    return _el$359;
   })();
 };
 const DiffSection = (props) => {
@@ -1852,10 +1905,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$383 = getNextElement(_tmpl$85), _el$384 = _el$383.firstChild, _el$385 = _el$384.firstChild, _el$386 = _el$385.firstChild, _el$387 = _el$386.firstChild, _el$388 = _el$387.nextSibling, _el$389 = _el$388.nextSibling, _el$390 = _el$385.nextSibling;
+    insert(_el$388, () => data().left.label);
+    insert(_el$389, () => data().right.label);
+    insert(_el$390, createComponent(For, {
       get each() {
         return allKeys();
       },
@@ -1870,22 +1923,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 _el$391 = getNextElement(_tmpl$86), _el$392 = _el$391.firstChild, _el$393 = _el$392.nextSibling, _el$394 = _el$393.nextSibling;
+          insert(_el$392, key);
+          insert(_el$393, (() => {
             var _c$7 = memo(() => lVal() !== void 0);
             return () => _c$7() ? String(lVal()) : "—";
           })());
-          insert(_el$372, (() => {
+          insert(_el$394, (() => {
             var _c$8 = memo(() => rVal() !== void 0);
             return () => _c$8() ? 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$391, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
+          return _el$391;
         })();
       }
     }));
-    return _el$361;
+    return _el$383;
   })();
 };
 delegateEvents(["click", "input"]);