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

package/dist/components/ScratchpadPanel.cjs

@@ -13,7 +13,7 @@ const AgentHandoff = require("./AgentHandoff.cjs");
 const BriefingDiff = require("./BriefingDiff.cjs");
 var _tmpl$ = /* @__PURE__ */ web.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__ */ web.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__ */ web.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__ */ web.template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700 space-y-2">`), _tmpl$5 = /* @__PURE__ */ web.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__ */ web.template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700">`), _tmpl$7 = /* @__PURE__ */ web.template(`<p class="text-xs text-red-500 dark:text-red-500 mt-0.5">Code: <!$><!/>`), _tmpl$8 = /* @__PURE__ */ web.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__ */ web.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__ */ web.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__ */ web.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__ */ web.template(`<div style=overflow-y:auto><!$><!/><div class="divide-y divide-gray-100 dark:divide-gray-700"></div><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$11 = /* @__PURE__ */ web.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__ */ web.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__ */ web.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__ */ web.template(`<span class="ml-1 font-normal opacity-75">— <!$><!/>`), _tmpl$15 = /* @__PURE__ */ web.template(`<span><!$><!/> <!$><!/><!$><!/>`), _tmpl$16 = /* @__PURE__ */ web.template(`<div><span class="flex-shrink-0 mt-0.5"></span><p>`), _tmpl$17 = /* @__PURE__ */ web.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__ */ web.template(`<p class="text-sm text-gray-700 dark:text-gray-300">`), _tmpl$19 = /* @__PURE__ */ web.template(`<div class="mt-2 overflow-x-auto"><table class="min-w-full text-xs"><thead><tr></tr></thead><tbody>`), _tmpl$20 = /* @__PURE__ */ web.template(`<th class="px-2 py-1 text-left font-medium text-gray-500 dark:text-gray-400">`), _tmpl$21 = /* @__PURE__ */ web.template(`<tr class="border-t border-gray-100 dark:border-gray-700">`), _tmpl$22 = /* @__PURE__ */ web.template(`<td class="px-2 py-1 text-gray-700 dark:text-gray-300">`), _tmpl$23 = /* @__PURE__ */ web.template(`<pre class="text-xs text-gray-500 overflow-auto">`), _tmpl$24 = /* @__PURE__ */ web.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__ */ web.template(`<div class=space-y-1>`), _tmpl$26 = /* @__PURE__ */ web.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__ */ web.template(`<p class="text-xs text-gray-400 italic">No filters`), _tmpl$28 = /* @__PURE__ */ web.template(`<div class="flex flex-wrap gap-1.5"><!$><!/><!$><!/>`), _tmpl$29 = /* @__PURE__ */ web.template(`<button type=button class="ml-0.5 hover:text-blue-900 dark:hover:text-blue-100">&times;`), _tmpl$30 = /* @__PURE__ */ web.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__ */ web.template(`<div class="max-h-48 overflow-y-auto">`), _tmpl$32 = /* @__PURE__ */ web.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__ */ web.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__ */ web.template(`<div class=relative><!$><!/><!$><!/>`), _tmpl$35 = /* @__PURE__ */ web.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__ */ web.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__ */ web.template(`<span class=ml-1>✓`), _tmpl$38 = /* @__PURE__ */ web.template(`<button type=button><!$><!/><!$><!/>`), _tmpl$39 = /* @__PURE__ */ web.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$40 = /* @__PURE__ */ web.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$41 = /* @__PURE__ */ web.template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$42 = /* @__PURE__ */ web.template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$43 = /* @__PURE__ */ web.template(`<div class="mt-2 ml-6">`), _tmpl$44 = /* @__PURE__ */ web.template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$45 = /* @__PURE__ */ web.template(`<p class="text-sm font-medium text-gray-800 dark:text-gray-200 mb-2">`), _tmpl$46 = /* @__PURE__ */ web.template(`<span class=text-amber-600>(<!$><!/> unverified)`), _tmpl$47 = /* @__PURE__ */ web.template(`<div class="mb-2 flex items-center gap-2 text-xs"><span><!$><!/>% verified</span><!$><!/>`), _tmpl$48 = /* @__PURE__ */ web.template(`<div><!$><!/><!$><!/><!$><!/><div class="flex flex-wrap gap-2">`), _tmpl$49 = /* @__PURE__ */ web.template(`<span class="font-medium text-gray-800 dark:text-gray-200">`), _tmpl$50 = /* @__PURE__ */ web.template(`<span class=ml-1>&mdash; <!$><!/>`), _tmpl$51 = /* @__PURE__ */ web.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$52 = /* @__PURE__ */ web.template(`<span class=mr-1>`), _tmpl$53 = /* @__PURE__ */ web.template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$54 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$55 = /* @__PURE__ */ web.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$56 = /* @__PURE__ */ web.template(`<span class=italic>&mdash; <!$><!/>`), _tmpl$57 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><span><!$><!/> <!$><!/></span><!$><!/>`), _tmpl$58 = /* @__PURE__ */ web.template(`<div class="flex flex-wrap gap-2">`), _tmpl$59 = /* @__PURE__ */ web.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$60 = /* @__PURE__ */ web.template(`<div class=space-y-3><p class="text-sm text-gray-700 dark:text-gray-300"></p><!$><!/><!$><!/>`), _tmpl$61 = /* @__PURE__ */ web.template(`<span>`), _tmpl$62 = /* @__PURE__ */ web.template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$63 = /* @__PURE__ */ web.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$64 = /* @__PURE__ */ web.template(`<button type=button class="text-xs text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1">&#9998; Modify`), _tmpl$65 = /* @__PURE__ */ web.template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$66 = /* @__PURE__ */ web.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$67 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-1 flex-wrap">`), _tmpl$68 = /* @__PURE__ */ web.template(`<div class=space-y-2>`), _tmpl$69 = /* @__PURE__ */ web.template(`<span class="ml-1 text-xs text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$70 = /* @__PURE__ */ web.template(`<span class="ml-1 text-xs text-gray-400">(<!$><!/>ms)`), _tmpl$71 = /* @__PURE__ */ web.template(`<div><span class=flex-shrink-0></span><div><span></span><!$><!/><!$><!/>`), _tmpl$72 = /* @__PURE__ */ web.template(`<span class="text-[10px] opacity-75">`), _tmpl$73 = /* @__PURE__ */ web.template(`<div><span></span><span></span><!$><!/>`), _tmpl$74 = /* @__PURE__ */ web.template(`<button type=button>&#128260; <!$><!/>`), _tmpl$75 = /* @__PURE__ */ web.template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">&#9654; Details`), _tmpl$76 = /* @__PURE__ */ web.template(`<pre class="mt-2 text-xs opacity-70 overflow-x-auto">`), _tmpl$77 = /* @__PURE__ */ web.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$78 = /* @__PURE__ */ web.template(`<span class="text-xs font-bold text-blue-600 dark:text-blue-400"><!$><!/> results`), _tmpl$79 = /* @__PURE__ */ web.template(`<p class="text-[10px] text-gray-400">`), _tmpl$80 = /* @__PURE__ */ web.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$81 = /* @__PURE__ */ web.template(`<span><!$><!/> <!$><!/>`), _tmpl$82 = /* @__PURE__ */ web.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$83 = /* @__PURE__ */ web.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__ */ web.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__ */ web.template(`<span class="ml-1 font-normal opacity-75">— <!$><!/>`), _tmpl$15 = /* @__PURE__ */ web.template(`<span><!$><!/> <!$><!/><!$><!/>`), _tmpl$16 = /* @__PURE__ */ web.template(`<div><span class="flex-shrink-0 mt-0.5"></span><p>`), _tmpl$17 = /* @__PURE__ */ web.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__ */ web.template(`<p class="text-sm text-gray-700 dark:text-gray-300">`), _tmpl$19 = /* @__PURE__ */ web.template(`<div class="mt-2 overflow-x-auto"><table class="min-w-full text-xs"><thead><tr></tr></thead><tbody>`), _tmpl$20 = /* @__PURE__ */ web.template(`<th class="px-2 py-1 text-left font-medium text-gray-500 dark:text-gray-400">`), _tmpl$21 = /* @__PURE__ */ web.template(`<tr class="border-t border-gray-100 dark:border-gray-700">`), _tmpl$22 = /* @__PURE__ */ web.template(`<td class="px-2 py-1 text-gray-700 dark:text-gray-300">`), _tmpl$23 = /* @__PURE__ */ web.template(`<pre class="text-xs text-gray-500 overflow-auto">`), _tmpl$24 = /* @__PURE__ */ web.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__ */ web.template(`<div class=space-y-1>`), _tmpl$26 = /* @__PURE__ */ web.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__ */ web.template(`<p class="text-xs text-gray-400 italic">No filters`), _tmpl$28 = /* @__PURE__ */ web.template(`<div class="flex flex-wrap gap-1.5"><!$><!/><!$><!/>`), _tmpl$29 = /* @__PURE__ */ web.template(`<button type=button class="ml-0.5 hover:text-blue-900 dark:hover:text-blue-100">&times;`), _tmpl$30 = /* @__PURE__ */ web.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__ */ web.template(`<div class="max-h-48 overflow-y-auto">`), _tmpl$32 = /* @__PURE__ */ web.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__ */ web.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__ */ web.template(`<div class=relative><!$><!/><!$><!/>`), _tmpl$35 = /* @__PURE__ */ web.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__ */ web.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__ */ web.template(`<span class=ml-1>✓`), _tmpl$38 = /* @__PURE__ */ web.template(`<button type=button><!$><!/><!$><!/>`), _tmpl$39 = /* @__PURE__ */ web.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__ */ web.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__ */ web.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__ */ web.template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$43 = /* @__PURE__ */ web.template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$44 = /* @__PURE__ */ web.template(`<div class="mt-2 ml-6">`), _tmpl$45 = /* @__PURE__ */ web.template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$46 = /* @__PURE__ */ web.template(`<p class="text-sm font-medium text-gray-800 dark:text-gray-200 mb-2">`), _tmpl$47 = /* @__PURE__ */ web.template(`<span class=text-amber-600>(<!$><!/> unverified)`), _tmpl$48 = /* @__PURE__ */ web.template(`<div class="mb-2 flex items-center gap-2 text-xs"><span><!$><!/>% verified</span><!$><!/>`), _tmpl$49 = /* @__PURE__ */ web.template(`<div><!$><!/><!$><!/><!$><!/><div class="flex flex-wrap gap-2">`), _tmpl$50 = /* @__PURE__ */ web.template(`<span class="font-medium text-gray-800 dark:text-gray-200">`), _tmpl$51 = /* @__PURE__ */ web.template(`<span class=ml-1>&mdash; <!$><!/>`), _tmpl$52 = /* @__PURE__ */ web.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__ */ web.template(`<span class=mr-1>`), _tmpl$54 = /* @__PURE__ */ web.template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$55 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$56 = /* @__PURE__ */ web.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__ */ web.template(`<span class=italic>&mdash; <!$><!/>`), _tmpl$58 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><span><!$><!/> <!$><!/></span><!$><!/>`), _tmpl$59 = /* @__PURE__ */ web.template(`<div class="flex flex-wrap gap-2">`), _tmpl$60 = /* @__PURE__ */ web.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__ */ web.template(`<div class=space-y-3><p class="text-sm text-gray-700 dark:text-gray-300"></p><!$><!/><!$><!/>`), _tmpl$62 = /* @__PURE__ */ web.template(`<span>`), _tmpl$63 = /* @__PURE__ */ web.template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$64 = /* @__PURE__ */ web.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__ */ web.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__ */ web.template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$67 = /* @__PURE__ */ web.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__ */ web.template(`<div class="flex items-center gap-1 flex-wrap">`), _tmpl$69 = /* @__PURE__ */ web.template(`<div class=space-y-2>`), _tmpl$70 = /* @__PURE__ */ web.template(`<span class="ml-1 text-xs text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$71 = /* @__PURE__ */ web.template(`<span class="ml-1 text-xs text-gray-400">(<!$><!/>ms)`), _tmpl$72 = /* @__PURE__ */ web.template(`<div><span class=flex-shrink-0></span><div><span></span><!$><!/><!$><!/>`), _tmpl$73 = /* @__PURE__ */ web.template(`<span class="text-[10px] opacity-75">`), _tmpl$74 = /* @__PURE__ */ web.template(`<div><span></span><span></span><!$><!/>`), _tmpl$75 = /* @__PURE__ */ web.template(`<button type=button>&#128260; <!$><!/>`), _tmpl$76 = /* @__PURE__ */ web.template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">&#9654; Details`), _tmpl$77 = /* @__PURE__ */ web.template(`<pre class="mt-2 text-xs opacity-70 overflow-x-auto">`), _tmpl$78 = /* @__PURE__ */ web.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__ */ web.template(`<span class="text-xs font-bold text-blue-600 dark:text-blue-400"><!$><!/> results`), _tmpl$80 = /* @__PURE__ */ web.template(`<p class="text-[10px] text-gray-400">`), _tmpl$81 = /* @__PURE__ */ web.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__ */ web.template(`<span><!$><!/> <!$><!/>`), _tmpl$83 = /* @__PURE__ */ web.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__ */ web.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...",
@@ -971,19 +971,78 @@ const InteractiveFilterSection = (props) => {
   })();
 };
 const EmbeddedFormSection = (props) => {
-  const [formData, setFormData] = solidJs.createSignal({});
   const [dynamicOptions, setDynamicOptions] = solidJs.createSignal({});
   const config = () => {
     const c = props.content;
     return {
       fields: (c == null ? void 0 : c.fields) || [],
-      submitLabel: (c == null ? void 0 : c.submitLabel) || "Submit"
+      submitLabel: (c == null ? void 0 : c.submitLabel) || "Submit",
+      autoSubmitDelay: c == null ? void 0 : c.autoSubmitDelay
     };
   };
-  const updateField = (name, value) => setFormData((prev) => ({
-    ...prev,
-    [name]: value
-  }));
+  const buildInitial = () => {
+    const initial = {};
+    for (const field of config().fields) {
+      initial[field.name] = field.prefill ?? field.defaultValue ?? "";
+    }
+    return initial;
+  };
+  const [formData, setFormData] = solidJs.createSignal(buildInitial());
+  solidJs.createEffect(() => {
+    const fields = config().fields;
+    if (fields.length > 0) {
+      setFormData((prev) => {
+        const next = {
+          ...prev
+        };
+        for (const field of fields) {
+          if (field.prefill != null && (next[field.name] === void 0 || next[field.name] === "")) {
+            next[field.name] = field.prefill;
+          }
+        }
+        return next;
+      });
+    }
+  });
+  const [countdown, setCountdown] = solidJs.createSignal(null);
+  let countdownTimer = null;
+  const [userInteracted, setUserInteracted] = solidJs.createSignal(false);
+  const cancelCountdown = () => {
+    if (countdownTimer) {
+      clearInterval(countdownTimer);
+      countdownTimer = null;
+    }
+    setCountdown(null);
+  };
+  solidJs.onCleanup(() => cancelCountdown());
+  solidJs.createEffect(() => {
+    const delay = config().autoSubmitDelay;
+    if (!delay || userInteracted()) return;
+    const allRequiredPrefilled = config().fields.filter((f) => f.required).every((f) => f.prefill != null);
+    if (!allRequiredPrefilled) return;
+    let remaining = Math.ceil(delay / 1e3);
+    setCountdown(remaining);
+    countdownTimer = setInterval(() => {
+      remaining--;
+      if (remaining <= 0) {
+        cancelCountdown();
+        const form = document.querySelector(`#scratchpad-form-${props.sectionId}`);
+        if (form) form.requestSubmit();
+      } else {
+        setCountdown(remaining);
+      }
+    }, 1e3);
+  });
+  const updateField = (name, value) => {
+    if (!userInteracted()) {
+      setUserInteracted(true);
+      cancelCountdown();
+    }
+    setFormData((prev) => ({
+      ...prev,
+      [name]: value
+    }));
+  };
   solidJs.createEffect(() => {
     const data = formData();
     for (const field of config().fields) {
@@ -1034,7 +1093,7 @@ const EmbeddedFormSection = (props) => {
     }
   };
   return (() => {
-    var _el$154 = web.getNextElement(_tmpl$39), _el$157 = _el$154.firstChild, [_el$158, _co$34] = web.getNextMarker(_el$157.nextSibling), _el$155 = _el$158.nextSibling, _el$156 = _el$155.firstChild;
+    var _el$154 = web.getNextElement(_tmpl$40), _el$166 = _el$154.firstChild, [_el$167, _co$36] = web.getNextMarker(_el$166.nextSibling), _el$168 = _el$167.nextSibling, [_el$169, _co$37] = web.getNextMarker(_el$168.nextSibling), _el$164 = _el$169.nextSibling, _el$165 = _el$164.firstChild;
     _el$154.addEventListener("submit", handleSubmit);
     web.insert(_el$154, web.createComponent(solidJs.For, {
       get each() {
@@ -1050,8 +1109,27 @@ const EmbeddedFormSection = (props) => {
         onChange: (val) => updateField(field.name, val),
         formData
       })
-    }), _el$158, _co$34);
-    web.insert(_el$156, () => config().submitLabel);
+    }), _el$167, _co$36);
+    web.insert(_el$154, web.createComponent(solidJs.Show, {
+      get when() {
+        return countdown() != null;
+      },
+      get children() {
+        var _el$155 = web.getNextElement(_tmpl$39), _el$156 = _el$155.firstChild, _el$159 = _el$156.firstChild, [_el$160, _co$34] = web.getNextMarker(_el$159.nextSibling), _el$157 = _el$160.nextSibling, _el$161 = _el$157.nextSibling, [_el$162, _co$35] = web.getNextMarker(_el$161.nextSibling);
+        _el$162.nextSibling;
+        var _el$163 = _el$156.nextSibling;
+        web.insert(_el$156, () => config().submitLabel, _el$160, _co$34);
+        web.insert(_el$156, countdown, _el$162, _co$35);
+        _el$163.$$click = () => {
+          cancelCountdown();
+          setUserInteracted(true);
+        };
+        web.runHydrationEvents();
+        return _el$155;
+      }
+    }), _el$169, _co$37);
+    web.insert(_el$165, () => config().submitLabel);
+    web.effect(() => web.setAttribute(_el$154, "id", `scratchpad-form-${props.sectionId}`));
     return _el$154;
   })();
 };
@@ -1064,35 +1142,35 @@ const EnrichedStepsSection = (props) => {
     };
   };
   return (() => {
-    var _el$159 = web.getNextElement(_tmpl$41), _el$162 = _el$159.firstChild, [_el$163, _co$35] = web.getNextMarker(_el$162.nextSibling), _el$164 = _el$163.nextSibling, [_el$165, _co$36] = web.getNextMarker(_el$164.nextSibling);
-    web.insert(_el$159, web.createComponent(solidJs.For, {
+    var _el$170 = web.getNextElement(_tmpl$42), _el$173 = _el$170.firstChild, [_el$174, _co$38] = web.getNextMarker(_el$173.nextSibling), _el$175 = _el$174.nextSibling, [_el$176, _co$39] = web.getNextMarker(_el$175.nextSibling);
+    web.insert(_el$170, web.createComponent(solidJs.For, {
       get each() {
         return stepsData().steps;
       },
       children: (step) => (() => {
-        var _el$166 = web.getNextElement(_tmpl$44), _el$167 = _el$166.firstChild, _el$168 = _el$167.firstChild, _el$173 = _el$168.nextSibling, [_el$174, _co$38] = web.getNextMarker(_el$173.nextSibling), _el$175 = _el$174.nextSibling, [_el$176, _co$39] = web.getNextMarker(_el$175.nextSibling), _el$178 = _el$167.nextSibling, [_el$179, _co$40] = web.getNextMarker(_el$178.nextSibling);
-        web.insert(_el$168, (() => {
+        var _el$177 = web.getNextElement(_tmpl$45), _el$178 = _el$177.firstChild, _el$179 = _el$178.firstChild, _el$184 = _el$179.nextSibling, [_el$185, _co$41] = web.getNextMarker(_el$184.nextSibling), _el$186 = _el$185.nextSibling, [_el$187, _co$42] = web.getNextMarker(_el$186.nextSibling), _el$189 = _el$178.nextSibling, [_el$190, _co$43] = web.getNextMarker(_el$189.nextSibling);
+        web.insert(_el$179, (() => {
           var _c$5 = web.memo(() => step.status === "done");
           return () => _c$5() ? "✅" : step.status === "active" ? "●" : "○";
         })());
-        web.insert(_el$167, () => step.label, _el$174, _co$38);
-        web.insert(_el$167, web.createComponent(solidJs.Show, {
+        web.insert(_el$178, () => step.label, _el$185, _co$41);
+        web.insert(_el$178, web.createComponent(solidJs.Show, {
           get when() {
             return web.memo(() => !!step.description)() && step.status === "active";
           },
           get children() {
-            var _el$169 = web.getNextElement(_tmpl$42), _el$170 = _el$169.firstChild, _el$171 = _el$170.nextSibling, [_el$172, _co$37] = web.getNextMarker(_el$171.nextSibling);
-            web.insert(_el$169, () => step.description, _el$172, _co$37);
-            return _el$169;
+            var _el$180 = web.getNextElement(_tmpl$43), _el$181 = _el$180.firstChild, _el$182 = _el$181.nextSibling, [_el$183, _co$40] = web.getNextMarker(_el$182.nextSibling);
+            web.insert(_el$180, () => step.description, _el$183, _co$40);
+            return _el$180;
           }
-        }), _el$176, _co$39);
-        web.insert(_el$166, web.createComponent(solidJs.Show, {
+        }), _el$187, _co$42);
+        web.insert(_el$177, web.createComponent(solidJs.Show, {
           get when() {
             return web.memo(() => step.status === "active")() && step.content;
           },
           get children() {
-            var _el$177 = web.getNextElement(_tmpl$43);
-            web.insert(_el$177, web.createComponent(SectionRenderer, {
+            var _el$188 = web.getNextElement(_tmpl$44);
+            web.insert(_el$188, web.createComponent(SectionRenderer, {
               get section() {
                 return step.content;
               },
@@ -1104,38 +1182,38 @@ const EnrichedStepsSection = (props) => {
                 return props.onAction;
               }
             }));
-            return _el$177;
+            return _el$188;
           }
-        }), _el$179, _co$40);
+        }), _el$190, _co$43);
         web.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 && web.className(_el$166, _p$.e = _v$4);
-          _v$5 !== _p$.t && web.className(_el$167, _p$.t = _v$5);
+          _v$4 !== _p$.e && web.className(_el$177, _p$.e = _v$4);
+          _v$5 !== _p$.t && web.className(_el$178, _p$.t = _v$5);
           return _p$;
         }, {
           e: void 0,
           t: void 0
         });
-        return _el$166;
+        return _el$177;
       })()
-    }), _el$163, _co$35);
-    web.insert(_el$159, web.createComponent(solidJs.Show, {
+    }), _el$174, _co$38);
+    web.insert(_el$170, web.createComponent(solidJs.Show, {
       get when() {
         return stepsData().steps.some((s) => s.status === "active");
       },
       get children() {
-        var _el$160 = web.getNextElement(_tmpl$40), _el$161 = _el$160.firstChild;
-        _el$161.$$click = () => {
+        var _el$171 = web.getNextElement(_tmpl$41), _el$172 = _el$171.firstChild;
+        _el$172.$$click = () => {
           var _a;
           return (_a = props.onAction) == null ? void 0 : _a.call(props, "next_step", {
             step: stepsData().currentStep
           });
         };
         web.runHydrationEvents();
-        return _el$160;
+        return _el$171;
       }
-    }), _el$165, _co$36);
-    return _el$159;
+    }), _el$176, _co$39);
+    return _el$170;
   })();
 };
 const ActionSection = (props) => {
@@ -1161,103 +1239,103 @@ const ActionSection = (props) => {
     };
   };
   return (() => {
-    var _el$180 = web.getNextElement(_tmpl$48), _el$195 = _el$180.firstChild, [_el$196, _co$44] = web.getNextMarker(_el$195.nextSibling), _el$197 = _el$196.nextSibling, [_el$198, _co$45] = web.getNextMarker(_el$197.nextSibling), _el$199 = _el$198.nextSibling, [_el$200, _co$46] = web.getNextMarker(_el$199.nextSibling), _el$194 = _el$200.nextSibling;
-    web.insert(_el$180, web.createComponent(solidJs.Show, {
+    var _el$191 = web.getNextElement(_tmpl$49), _el$206 = _el$191.firstChild, [_el$207, _co$47] = web.getNextMarker(_el$206.nextSibling), _el$208 = _el$207.nextSibling, [_el$209, _co$48] = web.getNextMarker(_el$208.nextSibling), _el$210 = _el$209.nextSibling, [_el$211, _co$49] = web.getNextMarker(_el$210.nextSibling), _el$205 = _el$211.nextSibling;
+    web.insert(_el$191, web.createComponent(solidJs.Show, {
       get when() {
         return data().title;
       },
       get children() {
-        var _el$181 = web.getNextElement(_tmpl$45);
-        web.insert(_el$181, () => data().title);
-        return _el$181;
+        var _el$192 = web.getNextElement(_tmpl$46);
+        web.insert(_el$192, () => data().title);
+        return _el$192;
       }
-    }), _el$196, _co$44);
-    web.insert(_el$180, web.createComponent(solidJs.Show, {
+    }), _el$207, _co$47);
+    web.insert(_el$191, web.createComponent(solidJs.Show, {
       get when() {
         return data().preview;
       },
       children: (preview) => (() => {
-        var _el$201 = web.getNextElement(_tmpl$51), _el$207 = _el$201.firstChild, [_el$208, _co$48] = web.getNextMarker(_el$207.nextSibling), _el$209 = _el$208.nextSibling, [_el$210, _co$49] = web.getNextMarker(_el$209.nextSibling);
-        web.insert(_el$201, web.createComponent(solidJs.Show, {
+        var _el$212 = web.getNextElement(_tmpl$52), _el$218 = _el$212.firstChild, [_el$219, _co$51] = web.getNextMarker(_el$218.nextSibling), _el$220 = _el$219.nextSibling, [_el$221, _co$52] = web.getNextMarker(_el$220.nextSibling);
+        web.insert(_el$212, web.createComponent(solidJs.Show, {
           get when() {
             return preview().count != null;
           },
           get children() {
             return [(() => {
-              var _el$202 = web.getNextElement(_tmpl$49);
-              web.insert(_el$202, () => preview().count);
-              return _el$202;
+              var _el$213 = web.getNextElement(_tmpl$50);
+              web.insert(_el$213, () => preview().count);
+              return _el$213;
             })(), " items"];
           }
-        }), _el$208, _co$48);
-        web.insert(_el$201, web.createComponent(solidJs.Show, {
+        }), _el$219, _co$51);
+        web.insert(_el$212, web.createComponent(solidJs.Show, {
           get when() {
             return preview().summary;
           },
           get children() {
-            var _el$203 = web.getNextElement(_tmpl$50), _el$204 = _el$203.firstChild, _el$205 = _el$204.nextSibling, [_el$206, _co$47] = web.getNextMarker(_el$205.nextSibling);
-            web.insert(_el$203, () => preview().summary, _el$206, _co$47);
-            return _el$203;
+            var _el$214 = web.getNextElement(_tmpl$51), _el$215 = _el$214.firstChild, _el$216 = _el$215.nextSibling, [_el$217, _co$50] = web.getNextMarker(_el$216.nextSibling);
+            web.insert(_el$214, () => preview().summary, _el$217, _co$50);
+            return _el$214;
           }
-        }), _el$210, _co$49);
-        return _el$201;
+        }), _el$221, _co$52);
+        return _el$212;
       })()
-    }), _el$198, _co$45);
-    web.insert(_el$180, web.createComponent(solidJs.Show, {
+    }), _el$209, _co$48);
+    web.insert(_el$191, web.createComponent(solidJs.Show, {
       get when() {
         return web.memo(() => !!data().validation)() && data().validation.confidence != null;
       },
       get children() {
-        var _el$182 = web.getNextElement(_tmpl$47), _el$183 = _el$182.firstChild, _el$185 = _el$183.firstChild, [_el$186, _co$41] = web.getNextMarker(_el$185.nextSibling);
-        _el$186.nextSibling;
-        var _el$192 = _el$183.nextSibling, [_el$193, _co$43] = web.getNextMarker(_el$192.nextSibling);
-        web.insert(_el$183, () => Math.round(data().validation.confidence * 100), _el$186, _co$41);
-        web.insert(_el$182, web.createComponent(solidJs.Show, {
+        var _el$193 = web.getNextElement(_tmpl$48), _el$194 = _el$193.firstChild, _el$196 = _el$194.firstChild, [_el$197, _co$44] = web.getNextMarker(_el$196.nextSibling);
+        _el$197.nextSibling;
+        var _el$203 = _el$194.nextSibling, [_el$204, _co$46] = web.getNextMarker(_el$203.nextSibling);
+        web.insert(_el$194, () => Math.round(data().validation.confidence * 100), _el$197, _co$44);
+        web.insert(_el$193, web.createComponent(solidJs.Show, {
           get when() {
             var _a;
             return ((_a = data().validation.hallucinated) == null ? void 0 : _a.length) > 0;
           },
           get children() {
-            var _el$187 = web.getNextElement(_tmpl$46), _el$188 = _el$187.firstChild, _el$190 = _el$188.nextSibling, [_el$191, _co$42] = web.getNextMarker(_el$190.nextSibling);
-            _el$191.nextSibling;
-            web.insert(_el$187, () => data().validation.hallucinated.length, _el$191, _co$42);
-            return _el$187;
+            var _el$198 = web.getNextElement(_tmpl$47), _el$199 = _el$198.firstChild, _el$201 = _el$199.nextSibling, [_el$202, _co$45] = web.getNextMarker(_el$201.nextSibling);
+            _el$202.nextSibling;
+            web.insert(_el$198, () => data().validation.hallucinated.length, _el$202, _co$45);
+            return _el$198;
           }
-        }), _el$193, _co$43);
-        web.effect((_$p) => web.classList(_el$183, {
+        }), _el$204, _co$46);
+        web.effect((_$p) => web.classList(_el$194, {
           "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$182;
+        return _el$193;
       }
-    }), _el$200, _co$46);
-    web.insert(_el$194, web.createComponent(solidJs.For, {
+    }), _el$211, _co$49);
+    web.insert(_el$205, web.createComponent(solidJs.For, {
       get each() {
         return data().actions;
       },
       children: (item) => (() => {
-        var _el$211 = web.getNextElement(_tmpl$38), _el$213 = _el$211.firstChild, [_el$214, _co$50] = web.getNextMarker(_el$213.nextSibling), _el$215 = _el$214.nextSibling, [_el$216, _co$51] = web.getNextMarker(_el$215.nextSibling);
-        web.addEventListener(_el$211, "click", () => {
+        var _el$222 = web.getNextElement(_tmpl$38), _el$224 = _el$222.firstChild, [_el$225, _co$53] = web.getNextMarker(_el$224.nextSibling), _el$226 = _el$225.nextSibling, [_el$227, _co$54] = web.getNextMarker(_el$226.nextSibling);
+        web.addEventListener(_el$222, "click", () => {
           var _a;
           return (_a = props.onAction) == null ? void 0 : _a.call(props, item.value || item.action || item.label, item);
         });
-        web.insert(_el$211, web.createComponent(solidJs.Show, {
+        web.insert(_el$222, web.createComponent(solidJs.Show, {
           get when() {
             return item.icon;
           },
           get children() {
-            var _el$212 = web.getNextElement(_tmpl$52);
-            web.insert(_el$212, () => item.icon);
-            return _el$212;
+            var _el$223 = web.getNextElement(_tmpl$53);
+            web.insert(_el$223, () => item.icon);
+            return _el$223;
           }
-        }), _el$214, _co$50);
-        web.insert(_el$211, () => item.label, _el$216, _co$51);
-        web.effect(() => web.className(_el$211, `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$211;
+        }), _el$225, _co$53);
+        web.insert(_el$222, () => item.label, _el$227, _co$54);
+        web.effect(() => web.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;
       })()
     }));
-    return _el$180;
+    return _el$191;
   })();
 };
 const UnderstandingSection = (props) => {
@@ -1281,39 +1359,39 @@ const UnderstandingSection = (props) => {
     }
   };
   return (() => {
-    var _el$217 = web.getNextElement(_tmpl$53), _el$218 = _el$217.firstChild, _el$220 = _el$218.nextSibling, [_el$221, _co$52] = web.getNextMarker(_el$220.nextSibling);
-    web.insert(_el$218, web.createComponent(solidJs.For, {
+    var _el$228 = web.getNextElement(_tmpl$54), _el$229 = _el$228.firstChild, _el$231 = _el$229.nextSibling, [_el$232, _co$55] = web.getNextMarker(_el$231.nextSibling);
+    web.insert(_el$229, web.createComponent(solidJs.For, {
       get each() {
         return data().detections;
       },
       children: (det) => (() => {
-        var _el$222 = web.getNextElement(_tmpl$54), _el$223 = _el$222.firstChild, _el$224 = _el$223.nextSibling;
-        web.insert(_el$223, () => det.label);
-        web.insert(_el$224, () => det.value);
-        web.effect(() => web.className(_el$223, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
-        return _el$222;
+        var _el$233 = web.getNextElement(_tmpl$55), _el$234 = _el$233.firstChild, _el$235 = _el$234.nextSibling;
+        web.insert(_el$234, () => det.label);
+        web.insert(_el$235, () => det.value);
+        web.effect(() => web.className(_el$234, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
+        return _el$233;
       })()
     }));
-    web.insert(_el$217, web.createComponent(solidJs.Show, {
+    web.insert(_el$228, web.createComponent(solidJs.Show, {
       get when() {
         return data().warnings.length > 0;
       },
       get children() {
-        var _el$219 = web.getNextElement(_tmpl$25);
-        web.insert(_el$219, web.createComponent(solidJs.For, {
+        var _el$230 = web.getNextElement(_tmpl$25);
+        web.insert(_el$230, web.createComponent(solidJs.For, {
           get each() {
             return data().warnings;
           },
           children: (w) => (() => {
-            var _el$225 = web.getNextElement(_tmpl$55), _el$226 = _el$225.firstChild, _el$227 = _el$226.nextSibling;
-            web.insert(_el$227, w);
-            return _el$225;
+            var _el$236 = web.getNextElement(_tmpl$56), _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling;
+            web.insert(_el$238, w);
+            return _el$236;
           })()
         }));
-        return _el$219;
+        return _el$230;
       }
-    }), _el$221, _co$52);
-    return _el$217;
+    }), _el$232, _co$55);
+    return _el$228;
   })();
 };
 const FeedbackSection = (props) => {
@@ -1368,81 +1446,81 @@ const FeedbackSection = (props) => {
     (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", payload);
   };
   return (() => {
-    var _el$228 = web.getNextElement(_tmpl$60), _el$229 = _el$228.firstChild, _el$247 = _el$229.nextSibling, [_el$248, _co$57] = web.getNextMarker(_el$247.nextSibling), _el$249 = _el$248.nextSibling, [_el$250, _co$58] = web.getNextMarker(_el$249.nextSibling);
-    web.insert(_el$229, () => data().question);
-    web.insert(_el$228, web.createComponent(solidJs.Show, {
+    var _el$239 = web.getNextElement(_tmpl$61), _el$240 = _el$239.firstChild, _el$258 = _el$240.nextSibling, [_el$259, _co$60] = web.getNextMarker(_el$258.nextSibling), _el$260 = _el$259.nextSibling, [_el$261, _co$61] = web.getNextMarker(_el$260.nextSibling);
+    web.insert(_el$240, () => data().question);
+    web.insert(_el$239, web.createComponent(solidJs.Show, {
       get when() {
         return submitted();
       },
       get children() {
-        var _el$230 = web.getNextElement(_tmpl$57), _el$231 = _el$230.firstChild, _el$233 = _el$231.firstChild, [_el$234, _co$53] = web.getNextMarker(_el$233.nextSibling), _el$232 = _el$234.nextSibling, _el$235 = _el$232.nextSibling, [_el$236, _co$54] = web.getNextMarker(_el$235.nextSibling), _el$241 = _el$231.nextSibling, [_el$242, _co$56] = web.getNextMarker(_el$241.nextSibling);
-        web.insert(_el$231, (() => {
+        var _el$241 = web.getNextElement(_tmpl$58), _el$242 = _el$241.firstChild, _el$244 = _el$242.firstChild, [_el$245, _co$56] = web.getNextMarker(_el$244.nextSibling), _el$243 = _el$245.nextSibling, _el$246 = _el$243.nextSibling, [_el$247, _co$57] = web.getNextMarker(_el$246.nextSibling), _el$252 = _el$242.nextSibling, [_el$253, _co$59] = web.getNextMarker(_el$252.nextSibling);
+        web.insert(_el$242, (() => {
           var _c$6 = web.memo(() => submitted() === "approve");
           return () => _c$6() ? "✅" : submitted() === "reject" ? "❌" : "💬";
-        })(), _el$234, _co$53);
-        web.insert(_el$231, submitted, _el$236, _co$54);
-        web.insert(_el$230, web.createComponent(solidJs.Show, {
+        })(), _el$245, _co$56);
+        web.insert(_el$242, submitted, _el$247, _co$57);
+        web.insert(_el$241, web.createComponent(solidJs.Show, {
           get when() {
             return comment();
           },
           get children() {
-            var _el$237 = web.getNextElement(_tmpl$56), _el$238 = _el$237.firstChild, _el$239 = _el$238.nextSibling, [_el$240, _co$55] = web.getNextMarker(_el$239.nextSibling);
-            web.insert(_el$237, comment, _el$240, _co$55);
-            return _el$237;
+            var _el$248 = web.getNextElement(_tmpl$57), _el$249 = _el$248.firstChild, _el$250 = _el$249.nextSibling, [_el$251, _co$58] = web.getNextMarker(_el$250.nextSibling);
+            web.insert(_el$248, comment, _el$251, _co$58);
+            return _el$248;
           }
-        }), _el$242, _co$56);
+        }), _el$253, _co$59);
         web.effect((_p$) => {
           var _v$6 = !!(submitted() === "approve"), _v$7 = !!(submitted() === "reject"), _v$8 = !!(submitted() !== "approve" && submitted() !== "reject");
-          _v$6 !== _p$.e && _el$231.classList.toggle("text-green-600", _p$.e = _v$6);
-          _v$7 !== _p$.t && _el$231.classList.toggle("text-red-600", _p$.t = _v$7);
-          _v$8 !== _p$.a && _el$231.classList.toggle("text-blue-600", _p$.a = _v$8);
+          _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);
           return _p$;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
         });
-        return _el$230;
+        return _el$241;
       }
-    }), _el$248, _co$57);
-    web.insert(_el$228, web.createComponent(solidJs.Show, {
+    }), _el$259, _co$60);
+    web.insert(_el$239, web.createComponent(solidJs.Show, {
       get when() {
         return !submitted();
       },
       get children() {
         return [(() => {
-          var _el$243 = web.getNextElement(_tmpl$58);
-          web.insert(_el$243, web.createComponent(solidJs.For, {
+          var _el$254 = web.getNextElement(_tmpl$59);
+          web.insert(_el$254, web.createComponent(solidJs.For, {
             get each() {
               return data().options;
             },
             children: (option) => (() => {
-              var _el$251 = web.getNextElement(_tmpl$38), _el$253 = _el$251.firstChild, [_el$254, _co$59] = web.getNextMarker(_el$253.nextSibling), _el$255 = _el$254.nextSibling, [_el$256, _co$60] = web.getNextMarker(_el$255.nextSibling);
-              web.addEventListener(_el$251, "click", () => handleOption(option));
-              web.insert(_el$251, web.createComponent(solidJs.Show, {
+              var _el$262 = web.getNextElement(_tmpl$38), _el$264 = _el$262.firstChild, [_el$265, _co$62] = web.getNextMarker(_el$264.nextSibling), _el$266 = _el$265.nextSibling, [_el$267, _co$63] = web.getNextMarker(_el$266.nextSibling);
+              web.addEventListener(_el$262, "click", () => handleOption(option));
+              web.insert(_el$262, web.createComponent(solidJs.Show, {
                 get when() {
                   return option.icon;
                 },
                 get children() {
-                  var _el$252 = web.getNextElement(_tmpl$61);
-                  web.insert(_el$252, () => option.icon);
-                  return _el$252;
+                  var _el$263 = web.getNextElement(_tmpl$62);
+                  web.insert(_el$263, () => option.icon);
+                  return _el$263;
                 }
-              }), _el$254, _co$59);
-              web.insert(_el$251, () => option.label, _el$256, _co$60);
-              web.effect(() => web.className(_el$251, `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$251;
+              }), _el$265, _co$62);
+              web.insert(_el$262, () => option.label, _el$267, _co$63);
+              web.effect(() => web.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;
             })()
           }));
-          return _el$243;
+          return _el$254;
         })(), web.createComponent(solidJs.Show, {
           get when() {
             return data().allowFreeText || showComment();
           },
           get children() {
-            var _el$244 = web.getNextElement(_tmpl$59), _el$245 = _el$244.firstChild, _el$246 = _el$245.nextSibling;
-            _el$245.$$input = (e) => setComment(e.currentTarget.value);
-            web.addEventListener(_el$246, "click", () => {
+            var _el$255 = web.getNextElement(_tmpl$60), _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling;
+            _el$256.$$input = (e) => setComment(e.currentTarget.value);
+            web.addEventListener(_el$257, "click", () => {
               var _a;
               setSubmitted("comment");
               (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", {
@@ -1454,21 +1532,21 @@ const FeedbackSection = (props) => {
             });
             web.effect((_p$) => {
               var _v$9 = data().placeholder, _v$0 = showComment();
-              _v$9 !== _p$.e && web.setAttribute(_el$245, "placeholder", _p$.e = _v$9);
-              _v$0 !== _p$.t && web.setProperty(_el$245, "autofocus", _p$.t = _v$0);
+              _v$9 !== _p$.e && web.setAttribute(_el$256, "placeholder", _p$.e = _v$9);
+              _v$0 !== _p$.t && web.setProperty(_el$256, "autofocus", _p$.t = _v$0);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            web.effect(() => web.setProperty(_el$245, "value", comment()));
+            web.effect(() => web.setProperty(_el$256, "value", comment()));
             web.runHydrationEvents();
-            return _el$244;
+            return _el$255;
           }
         })];
       }
-    }), _el$250, _co$58);
-    return _el$228;
+    }), _el$261, _co$61);
+    return _el$239;
   })();
 };
 const PromptSection = (props) => {
@@ -1483,56 +1561,56 @@ const PromptSection = (props) => {
     };
   };
   return (() => {
-    var _el$257 = web.getNextElement(_tmpl$65), _el$270 = _el$257.firstChild, [_el$271, _co$63] = web.getNextMarker(_el$270.nextSibling), _el$263 = _el$271.nextSibling, _el$272 = _el$263.nextSibling, [_el$273, _co$64] = web.getNextMarker(_el$272.nextSibling), _el$274 = _el$273.nextSibling, [_el$275, _co$65] = web.getNextMarker(_el$274.nextSibling);
-    web.insert(_el$257, web.createComponent(solidJs.Show, {
+    var _el$268 = web.getNextElement(_tmpl$66), _el$281 = _el$268.firstChild, [_el$282, _co$66] = web.getNextMarker(_el$281.nextSibling), _el$274 = _el$282.nextSibling, _el$283 = _el$274.nextSibling, [_el$284, _co$67] = web.getNextMarker(_el$283.nextSibling), _el$285 = _el$284.nextSibling, [_el$286, _co$68] = web.getNextMarker(_el$285.nextSibling);
+    web.insert(_el$268, web.createComponent(solidJs.Show, {
       get when() {
         return data().originalQuery;
       },
       get children() {
-        var _el$258 = web.getNextElement(_tmpl$62), _el$259 = _el$258.firstChild, _el$261 = _el$259.nextSibling, [_el$262, _co$61] = web.getNextMarker(_el$261.nextSibling);
-        _el$262.nextSibling;
-        web.insert(_el$258, () => data().originalQuery, _el$262, _co$61);
-        return _el$258;
+        var _el$269 = web.getNextElement(_tmpl$63), _el$270 = _el$269.firstChild, _el$272 = _el$270.nextSibling, [_el$273, _co$64] = web.getNextMarker(_el$272.nextSibling);
+        _el$273.nextSibling;
+        web.insert(_el$269, () => data().originalQuery, _el$273, _co$64);
+        return _el$269;
       }
-    }), _el$271, _co$63);
-    web.insert(_el$263, web.createComponent(solidJs.For, {
+    }), _el$282, _co$66);
+    web.insert(_el$274, web.createComponent(solidJs.For, {
       get each() {
         return Object.entries(data().extracted);
       },
       children: ([key, value]) => (() => {
-        var _el$276 = web.getNextElement(_tmpl$66), _el$277 = _el$276.firstChild, _el$279 = _el$277.firstChild, [_el$280, _co$66] = web.getNextMarker(_el$279.nextSibling);
-        _el$280.nextSibling;
-        var _el$281 = _el$277.nextSibling;
-        web.insert(_el$277, key, _el$280, _co$66);
-        web.insert(_el$281, () => String(value));
-        return _el$276;
+        var _el$287 = web.getNextElement(_tmpl$67), _el$288 = _el$287.firstChild, _el$290 = _el$288.firstChild, [_el$291, _co$69] = web.getNextMarker(_el$290.nextSibling);
+        _el$291.nextSibling;
+        var _el$292 = _el$288.nextSibling;
+        web.insert(_el$288, key, _el$291, _co$69);
+        web.insert(_el$292, () => String(value));
+        return _el$287;
       })()
     }));
-    web.insert(_el$257, web.createComponent(solidJs.Show, {
+    web.insert(_el$268, web.createComponent(solidJs.Show, {
       get when() {
         return data().plan;
       },
       get children() {
-        var _el$264 = web.getNextElement(_tmpl$63), _el$265 = _el$264.firstChild, _el$266 = _el$265.nextSibling, _el$267 = _el$266.nextSibling, [_el$268, _co$62] = web.getNextMarker(_el$267.nextSibling);
-        web.insert(_el$264, () => data().plan, _el$268, _co$62);
-        return _el$264;
+        var _el$275 = web.getNextElement(_tmpl$64), _el$276 = _el$275.firstChild, _el$277 = _el$276.nextSibling, _el$278 = _el$277.nextSibling, [_el$279, _co$65] = web.getNextMarker(_el$278.nextSibling);
+        web.insert(_el$275, () => data().plan, _el$279, _co$65);
+        return _el$275;
       }
-    }), _el$273, _co$64);
-    web.insert(_el$257, web.createComponent(solidJs.Show, {
+    }), _el$284, _co$67);
+    web.insert(_el$268, web.createComponent(solidJs.Show, {
       get when() {
         return data().editable;
       },
       get children() {
-        var _el$269 = web.getNextElement(_tmpl$64);
-        _el$269.$$click = () => {
+        var _el$280 = web.getNextElement(_tmpl$65);
+        _el$280.$$click = () => {
           var _a;
           return (_a = props.onAction) == null ? void 0 : _a.call(props, "edit_prompt", data());
         };
         web.runHydrationEvents();
-        return _el$269;
+        return _el$280;
       }
-    }), _el$275, _co$65);
-    return _el$257;
+    }), _el$286, _co$68);
+    return _el$268;
   })();
 };
 const StepperProgressSection = (props) => {
@@ -1562,46 +1640,46 @@ const StepperProgressSection = (props) => {
     },
     get fallback() {
       return (() => {
-        var _el$283 = web.getNextElement(_tmpl$68);
-        web.insert(_el$283, web.createComponent(solidJs.For, {
+        var _el$294 = web.getNextElement(_tmpl$69);
+        web.insert(_el$294, web.createComponent(solidJs.For, {
           get each() {
             return data().steps;
           },
           children: (step) => (() => {
-            var _el$284 = web.getNextElement(_tmpl$71), _el$285 = _el$284.firstChild, _el$286 = _el$285.nextSibling, _el$287 = _el$286.firstChild, _el$297 = _el$287.nextSibling, [_el$298, _co$69] = web.getNextMarker(_el$297.nextSibling), _el$299 = _el$298.nextSibling, [_el$300, _co$70] = web.getNextMarker(_el$299.nextSibling);
-            web.insert(_el$285, () => statusIcon(step.status));
-            web.insert(_el$287, () => step.label);
-            web.insert(_el$286, web.createComponent(solidJs.Show, {
+            var _el$295 = web.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] = web.getNextMarker(_el$308.nextSibling), _el$310 = _el$309.nextSibling, [_el$311, _co$73] = web.getNextMarker(_el$310.nextSibling);
+            web.insert(_el$296, () => statusIcon(step.status));
+            web.insert(_el$298, () => step.label);
+            web.insert(_el$297, web.createComponent(solidJs.Show, {
               get when() {
                 return step.summary;
               },
               get children() {
-                var _el$288 = web.getNextElement(_tmpl$69), _el$289 = _el$288.firstChild, _el$290 = _el$289.nextSibling, [_el$291, _co$67] = web.getNextMarker(_el$290.nextSibling);
-                web.insert(_el$288, () => step.summary, _el$291, _co$67);
-                return _el$288;
+                var _el$299 = web.getNextElement(_tmpl$70), _el$300 = _el$299.firstChild, _el$301 = _el$300.nextSibling, [_el$302, _co$70] = web.getNextMarker(_el$301.nextSibling);
+                web.insert(_el$299, () => step.summary, _el$302, _co$70);
+                return _el$299;
               }
-            }), _el$298, _co$69);
-            web.insert(_el$286, web.createComponent(solidJs.Show, {
+            }), _el$309, _co$72);
+            web.insert(_el$297, web.createComponent(solidJs.Show, {
               get when() {
                 return step.duration_ms;
               },
               get children() {
-                var _el$292 = web.getNextElement(_tmpl$70), _el$293 = _el$292.firstChild, _el$295 = _el$293.nextSibling, [_el$296, _co$68] = web.getNextMarker(_el$295.nextSibling);
-                _el$296.nextSibling;
-                web.insert(_el$292, () => step.duration_ms, _el$296, _co$68);
-                return _el$292;
+                var _el$303 = web.getNextElement(_tmpl$71), _el$304 = _el$303.firstChild, _el$306 = _el$304.nextSibling, [_el$307, _co$71] = web.getNextMarker(_el$306.nextSibling);
+                _el$307.nextSibling;
+                web.insert(_el$303, () => step.duration_ms, _el$307, _co$71);
+                return _el$303;
               }
-            }), _el$300, _co$70);
-            web.effect(() => web.className(_el$284, `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$284;
+            }), _el$311, _co$73);
+            web.effect(() => web.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;
           })()
         }));
-        return _el$283;
+        return _el$294;
       })();
     },
     get children() {
-      var _el$282 = web.getNextElement(_tmpl$67);
-      web.insert(_el$282, web.createComponent(solidJs.For, {
+      var _el$293 = web.getNextElement(_tmpl$68);
+      web.insert(_el$293, web.createComponent(solidJs.For, {
         get each() {
           return data().steps;
         },
@@ -1613,24 +1691,24 @@ const StepperProgressSection = (props) => {
             return web.getNextElement(_tmpl$13);
           }
         }), (() => {
-          var _el$302 = web.getNextElement(_tmpl$73), _el$303 = _el$302.firstChild, _el$304 = _el$303.nextSibling, _el$306 = _el$304.nextSibling, [_el$307, _co$71] = web.getNextMarker(_el$306.nextSibling);
-          web.insert(_el$303, () => statusIcon(step.status));
-          web.insert(_el$304, () => step.label);
-          web.insert(_el$302, web.createComponent(solidJs.Show, {
+          var _el$313 = web.getNextElement(_tmpl$74), _el$314 = _el$313.firstChild, _el$315 = _el$314.nextSibling, _el$317 = _el$315.nextSibling, [_el$318, _co$74] = web.getNextMarker(_el$317.nextSibling);
+          web.insert(_el$314, () => statusIcon(step.status));
+          web.insert(_el$315, () => step.label);
+          web.insert(_el$313, web.createComponent(solidJs.Show, {
             get when() {
               return step.summary;
             },
             get children() {
-              var _el$305 = web.getNextElement(_tmpl$72);
-              web.insert(_el$305, () => step.summary);
-              return _el$305;
+              var _el$316 = web.getNextElement(_tmpl$73);
+              web.insert(_el$316, () => step.summary);
+              return _el$316;
             }
-          }), _el$307, _co$71);
-          web.effect(() => web.className(_el$302, `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$302;
+          }), _el$318, _co$74);
+          web.effect(() => web.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;
         })()]
       }));
-      return _el$282;
+      return _el$293;
     }
   });
 };
@@ -1651,48 +1729,48 @@ const ErrorSectionRenderer = (props) => {
   };
   const isWarning = () => data().severity === "warning";
   return (() => {
-    var _el$308 = web.getNextElement(_tmpl$77), _el$309 = _el$308.firstChild, _el$310 = _el$309.firstChild, _el$311 = _el$310.nextSibling, _el$312 = _el$311.firstChild, _el$313 = _el$312.nextSibling, _el$319 = _el$313.firstChild, [_el$320, _co$73] = web.getNextMarker(_el$319.nextSibling), _el$321 = _el$320.nextSibling, [_el$322, _co$74] = web.getNextMarker(_el$321.nextSibling), _el$324 = _el$313.nextSibling, [_el$325, _co$75] = web.getNextMarker(_el$324.nextSibling);
-    web.insert(_el$310, () => isWarning() ? "⚠️" : "❌");
-    web.insert(_el$312, () => data().message);
-    web.insert(_el$313, web.createComponent(solidJs.Show, {
+    var _el$319 = web.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] = web.getNextMarker(_el$330.nextSibling), _el$332 = _el$331.nextSibling, [_el$333, _co$77] = web.getNextMarker(_el$332.nextSibling), _el$335 = _el$324.nextSibling, [_el$336, _co$78] = web.getNextMarker(_el$335.nextSibling);
+    web.insert(_el$321, () => isWarning() ? "⚠️" : "❌");
+    web.insert(_el$323, () => data().message);
+    web.insert(_el$324, web.createComponent(solidJs.Show, {
       get when() {
         return data().retryAction;
       },
       get children() {
-        var _el$314 = web.getNextElement(_tmpl$74), _el$315 = _el$314.firstChild, _el$316 = _el$315.nextSibling, [_el$317, _co$72] = web.getNextMarker(_el$316.nextSibling);
-        _el$314.$$click = () => {
+        var _el$325 = web.getNextElement(_tmpl$75), _el$326 = _el$325.firstChild, _el$327 = _el$326.nextSibling, [_el$328, _co$75] = web.getNextMarker(_el$327.nextSibling);
+        _el$325.$$click = () => {
           var _a;
           return (_a = props.onAction) == null ? void 0 : _a.call(props, data().retryAction);
         };
-        web.insert(_el$314, () => data().retryLabel, _el$317, _co$72);
-        web.effect(() => web.className(_el$314, `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`));
+        web.insert(_el$325, () => data().retryLabel, _el$328, _co$75);
+        web.effect(() => web.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`));
         web.runHydrationEvents();
-        return _el$314;
+        return _el$325;
       }
-    }), _el$320, _co$73);
-    web.insert(_el$313, web.createComponent(solidJs.Show, {
+    }), _el$331, _co$76);
+    web.insert(_el$324, web.createComponent(solidJs.Show, {
       get when() {
         return data().details;
       },
       get children() {
-        var _el$318 = web.getNextElement(_tmpl$75);
-        _el$318.$$click = () => setShowDetails(!showDetails());
+        var _el$329 = web.getNextElement(_tmpl$76);
+        _el$329.$$click = () => setShowDetails(!showDetails());
         web.runHydrationEvents();
-        return _el$318;
+        return _el$329;
       }
-    }), _el$322, _co$74);
-    web.insert(_el$311, web.createComponent(solidJs.Show, {
+    }), _el$333, _co$77);
+    web.insert(_el$322, web.createComponent(solidJs.Show, {
       get when() {
         return web.memo(() => !!showDetails())() && data().details;
       },
       get children() {
-        var _el$323 = web.getNextElement(_tmpl$76);
-        web.insert(_el$323, () => data().details);
-        return _el$323;
+        var _el$334 = web.getNextElement(_tmpl$77);
+        web.insert(_el$334, () => data().details);
+        return _el$334;
       }
-    }), _el$325, _co$75);
-    web.effect(() => web.className(_el$308, `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$308;
+    }), _el$336, _co$78);
+    web.effect(() => web.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;
   })();
 };
 const SourceCardSection = (props) => {
@@ -1713,46 +1791,46 @@ const SourceCardSection = (props) => {
     error: "❌"
   })[data().status] || "📦";
   return (() => {
-    var _el$326 = web.getNextElement(_tmpl$80), _el$327 = _el$326.firstChild, _el$328 = _el$327.firstChild, _el$330 = _el$328.firstChild, [_el$331, _co$76] = web.getNextMarker(_el$330.nextSibling), _el$329 = _el$331.nextSibling, _el$332 = _el$329.nextSibling, [_el$333, _co$77] = web.getNextMarker(_el$332.nextSibling), _el$338 = _el$328.nextSibling, [_el$339, _co$79] = web.getNextMarker(_el$338.nextSibling), _el$340 = _el$327.nextSibling, _el$342 = _el$340.nextSibling, [_el$343, _co$80] = web.getNextMarker(_el$342.nextSibling);
-    web.insert(_el$328, statusIcon, _el$331, _co$76);
-    web.insert(_el$328, () => data().name, _el$333, _co$77);
-    web.insert(_el$327, web.createComponent(solidJs.Show, {
+    var _el$337 = web.getNextElement(_tmpl$81), _el$338 = _el$337.firstChild, _el$339 = _el$338.firstChild, _el$341 = _el$339.firstChild, [_el$342, _co$79] = web.getNextMarker(_el$341.nextSibling), _el$340 = _el$342.nextSibling, _el$343 = _el$340.nextSibling, [_el$344, _co$80] = web.getNextMarker(_el$343.nextSibling), _el$349 = _el$339.nextSibling, [_el$350, _co$82] = web.getNextMarker(_el$349.nextSibling), _el$351 = _el$338.nextSibling, _el$353 = _el$351.nextSibling, [_el$354, _co$83] = web.getNextMarker(_el$353.nextSibling);
+    web.insert(_el$339, statusIcon, _el$342, _co$79);
+    web.insert(_el$339, () => data().name, _el$344, _co$80);
+    web.insert(_el$338, web.createComponent(solidJs.Show, {
       get when() {
         return data().row_count !== void 0;
       },
       get children() {
-        var _el$334 = web.getNextElement(_tmpl$78), _el$336 = _el$334.firstChild, [_el$337, _co$78] = web.getNextMarker(_el$336.nextSibling);
-        _el$337.nextSibling;
-        web.insert(_el$334, () => {
+        var _el$345 = web.getNextElement(_tmpl$79), _el$347 = _el$345.firstChild, [_el$348, _co$81] = web.getNextMarker(_el$347.nextSibling);
+        _el$348.nextSibling;
+        web.insert(_el$345, () => {
           var _a;
           return (_a = data().row_count) == null ? void 0 : _a.toLocaleString();
-        }, _el$337, _co$78);
-        return _el$334;
+        }, _el$348, _co$81);
+        return _el$345;
       }
-    }), _el$339, _co$79);
-    web.insert(_el$340, web.createComponent(solidJs.For, {
+    }), _el$350, _co$82);
+    web.insert(_el$351, web.createComponent(solidJs.For, {
       get each() {
         return data().capabilities;
       },
       children: (cap) => (() => {
-        var _el$344 = web.getNextElement(_tmpl$81), _el$346 = _el$344.firstChild, [_el$347, _co$81] = web.getNextMarker(_el$346.nextSibling), _el$345 = _el$347.nextSibling, _el$348 = _el$345.nextSibling, [_el$349, _co$82] = web.getNextMarker(_el$348.nextSibling);
-        web.insert(_el$344, () => cap.supported ? "✅" : "❌", _el$347, _co$81);
-        web.insert(_el$344, () => cap.label, _el$349, _co$82);
-        web.effect(() => web.className(_el$344, `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$344;
+        var _el$355 = web.getNextElement(_tmpl$82), _el$357 = _el$355.firstChild, [_el$358, _co$84] = web.getNextMarker(_el$357.nextSibling), _el$356 = _el$358.nextSibling, _el$359 = _el$356.nextSibling, [_el$360, _co$85] = web.getNextMarker(_el$359.nextSibling);
+        web.insert(_el$355, () => cap.supported ? "✅" : "❌", _el$358, _co$84);
+        web.insert(_el$355, () => cap.label, _el$360, _co$85);
+        web.effect(() => web.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;
       })()
     }));
-    web.insert(_el$326, web.createComponent(solidJs.Show, {
+    web.insert(_el$337, web.createComponent(solidJs.Show, {
       get when() {
         return data().freshness || data().latency_ms;
       },
       get children() {
-        var _el$341 = web.getNextElement(_tmpl$79);
-        web.insert(_el$341, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
-        return _el$341;
+        var _el$352 = web.getNextElement(_tmpl$80);
+        web.insert(_el$352, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
+        return _el$352;
       }
-    }), _el$343, _co$80);
-    return _el$326;
+    }), _el$354, _co$83);
+    return _el$337;
   })();
 };
 const DiffSection = (props) => {
@@ -1776,10 +1854,10 @@ const DiffSection = (props) => {
     return [.../* @__PURE__ */ new Set([...Object.keys(l), ...Object.keys(r)])];
   };
   return (() => {
-    var _el$350 = web.getNextElement(_tmpl$82), _el$351 = _el$350.firstChild, _el$352 = _el$351.firstChild, _el$353 = _el$352.firstChild, _el$354 = _el$353.firstChild, _el$355 = _el$354.nextSibling, _el$356 = _el$355.nextSibling, _el$357 = _el$352.nextSibling;
-    web.insert(_el$355, () => data().left.label);
-    web.insert(_el$356, () => data().right.label);
-    web.insert(_el$357, web.createComponent(solidJs.For, {
+    var _el$361 = web.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;
+    web.insert(_el$366, () => data().left.label);
+    web.insert(_el$367, () => data().right.label);
+    web.insert(_el$368, web.createComponent(solidJs.For, {
       get each() {
         return allKeys();
       },
@@ -1794,22 +1872,22 @@ const DiffSection = (props) => {
         };
         const isDiff = () => String(lVal()) !== String(rVal()) && data().highlight.includes(key);
         return (() => {
-          var _el$358 = web.getNextElement(_tmpl$83), _el$359 = _el$358.firstChild, _el$360 = _el$359.nextSibling, _el$361 = _el$360.nextSibling;
-          web.insert(_el$359, key);
-          web.insert(_el$360, (() => {
+          var _el$369 = web.getNextElement(_tmpl$84), _el$370 = _el$369.firstChild, _el$371 = _el$370.nextSibling, _el$372 = _el$371.nextSibling;
+          web.insert(_el$370, key);
+          web.insert(_el$371, (() => {
             var _c$7 = web.memo(() => lVal() !== void 0);
             return () => _c$7() ? String(lVal()) : "—";
           })());
-          web.insert(_el$361, (() => {
+          web.insert(_el$372, (() => {
             var _c$8 = web.memo(() => rVal() !== void 0);
             return () => _c$8() ? String(rVal()) : "—";
           })());
-          web.effect(() => web.className(_el$358, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
-          return _el$358;
+          web.effect(() => web.className(_el$369, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
+          return _el$369;
         })();
       }
     }));
-    return _el$350;
+    return _el$361;
   })();
 };
 web.delegateEvents(["click", "input"]);