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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/ScratchpadPanel.cjs +327 -249
  2. package/dist/components/ScratchpadPanel.cjs.map +1 -1
  3. package/dist/components/ScratchpadPanel.js +327 -249
  4. package/dist/components/ScratchpadPanel.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/ScratchpadPanel.tsx +86 -4
  7. package/tsconfig.tsbuildinfo +1 -1
package/dist/components/ScratchpadPanel.js CHANGED
@@ -11,7 +11,7 @@ import { AgentHandoff } from "./AgentHandoff.js";
11
11
  import { BriefingDiff } from "./BriefingDiff.js";
12
12
  var _tmpl$ = /* @__PURE__ */ template(`<svg fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M19 9l-7 7-7-7">`), _tmpl$2 = /* @__PURE__ */ template(`<button class="p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"aria-label=Close><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$3 = /* @__PURE__ */ template(`<div class="px-4 py-2 border-b border-gray-100 dark:border-gray-700 flex flex-wrap items-center gap-1.5">`), _tmpl$4 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700 space-y-2">`), _tmpl$5 = /* @__PURE__ */ template(`<div class="flex flex-col items-center gap-2 py-4 text-center"><span class=text-2xl>&#128269;</span><p class="text-sm text-gray-500 dark:text-gray-400">No results for these filters</p><button type=button class="px-3 py-1.5 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors">Modify filters`), _tmpl$6 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700">`), _tmpl$7 = /* @__PURE__ */ template(`<p class="text-xs text-red-500 dark:text-red-500 mt-0.5">Code: <!$><!/>`), _tmpl$8 = /* @__PURE__ */ template(`<button type=button class="px-3 py-1.5 text-sm font-medium rounded-lg bg-red-600 text-white hover:bg-red-700 transition-colors flex items-center gap-1">&#128260; Retry`), _tmpl$9 = /* @__PURE__ */ template(`<button type=button class="px-3 py-1.5 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">Close`), _tmpl$0 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-red-100 dark:border-red-900/30 bg-red-50 dark:bg-red-900/10"><div class="flex items-start gap-2 text-sm text-red-700 dark:text-red-400"><span class="flex-shrink-0 mt-0.5">⚠️</span><div class=flex-1><p class=font-medium></p><!$><!/></div></div><div class="flex gap-2 mt-2"><!$><!/><!$><!/>`), _tmpl$1 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700"><button type=button class="w-full px-4 py-2.5 text-sm font-semibold rounded-lg text-white bg-blue-600 hover:bg-blue-700 transition-colors flex items-center justify-center gap-2"><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>Search`), _tmpl$10 = /* @__PURE__ */ template(`<div style=overflow-y:auto><!$><!/><div class="divide-y divide-gray-100 dark:divide-gray-700"></div><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$11 = /* @__PURE__ */ template(`<div class="absolute bottom-1 right-1 px-2 py-1 text-[9px] font-mono bg-black/80 text-green-400 rounded z-50 pointer-events-none"><!$><!/> | ev:<!$><!/> | sec:<!$><!/> | <!$><!/> | last:<!$><!/>`), _tmpl$12 = /* @__PURE__ */ template(`<div style="animation:scratchpad-slide-down 0.2s ease-out"><div><div class="flex items-center gap-2"><span class=text-base>&#128221;</span><h3 class="text-sm font-semibold text-gray-900 dark:text-white"></h3><!$><!/><!$><!/></div><div class="flex items-center gap-2"><span></span><!$><!/></div></div><!$><!/><style>
13
13
  @keyframes scratchpad-slide-down { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
14
- </style><!$><!/>`), _tmpl$13 = /* @__PURE__ */ template(`<svg class="w-3 h-3 text-gray-300 dark:text-gray-600 flex-shrink-0"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$14 = /* @__PURE__ */ template(`<span class="ml-1 font-normal opacity-75">— <!$><!/>`), _tmpl$15 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/><!$><!/>`), _tmpl$16 = /* @__PURE__ */ template(`<div><span class="flex-shrink-0 mt-0.5"></span><p>`), _tmpl$17 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 mb-2"><span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide">Preview</span><span class="px-1.5 py-0.5 text-xs font-bold bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded">`), _tmpl$18 = /* @__PURE__ */ template(`<p class="text-sm text-gray-700 dark:text-gray-300">`), _tmpl$19 = /* @__PURE__ */ template(`<div class="mt-2 overflow-x-auto"><table class="min-w-full text-xs"><thead><tr></tr></thead><tbody>`), _tmpl$20 = /* @__PURE__ */ template(`<th class="px-2 py-1 text-left font-medium text-gray-500 dark:text-gray-400">`), _tmpl$21 = /* @__PURE__ */ template(`<tr class="border-t border-gray-100 dark:border-gray-700">`), _tmpl$22 = /* @__PURE__ */ template(`<td class="px-2 py-1 text-gray-700 dark:text-gray-300">`), _tmpl$23 = /* @__PURE__ */ template(`<pre class="text-xs text-gray-500 overflow-auto">`), _tmpl$24 = /* @__PURE__ */ template(`<div class="px-4 py-3 animate-[slideDown_0.2s_ease-out]"><h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-2"></h4><!$><!/>`), _tmpl$25 = /* @__PURE__ */ template(`<div class=space-y-1>`), _tmpl$26 = /* @__PURE__ */ template(`<div class="flex gap-2 text-xs"><span class="text-gray-500 dark:text-gray-400 font-mono min-w-[120px]"><!$><!/>:</span><span class="text-gray-900 dark:text-white">`), _tmpl$27 = /* @__PURE__ */ template(`<p class="text-xs text-gray-400 italic">No filters`), _tmpl$28 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-1.5"><!$><!/><!$><!/>`), _tmpl$29 = /* @__PURE__ */ template(`<button type=button class="ml-0.5 hover:text-blue-900 dark:hover:text-blue-100">&times;`), _tmpl$30 = /* @__PURE__ */ template(`<span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded-full"><button type=button class=hover:underline><span class="text-blue-500 dark:text-blue-400"><!$><!/>:</span> <!$><!/></button><!$><!/>`), _tmpl$31 = /* @__PURE__ */ template(`<div class="max-h-48 overflow-y-auto">`), _tmpl$32 = /* @__PURE__ */ template(`<button type=button class="mt-1 w-full px-2 py-1 text-xs text-gray-500 hover:text-gray-700 text-center">Cancel`), _tmpl$33 = /* @__PURE__ */ template(`<div class="absolute z-50 mt-1 left-0 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg p-2 min-w-[200px]">`), _tmpl$34 = /* @__PURE__ */ template(`<div class=relative><!$><!/><!$><!/>`), _tmpl$35 = /* @__PURE__ */ template(`<button type=button class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium border border-dashed border-gray-300 dark:border-gray-600 text-gray-500 dark:text-gray-400 rounded-full hover:border-blue-400 hover:text-blue-500 transition-colors">+ <!$><!/>`), _tmpl$36 = /* @__PURE__ */ template(`<form class="flex gap-1"><input type=text autofocus class="flex-1 px-2 py-1 text-sm border border-gray-200 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 outline-none"><button type=submit class="px-2 py-1 text-xs bg-blue-600 text-white rounded hover:bg-blue-700">OK</button><button type=button class="px-2 py-1 text-xs text-gray-500 hover:text-gray-700">Cancel`), _tmpl$37 = /* @__PURE__ */ template(`<span class=ml-1>✓`), _tmpl$38 = /* @__PURE__ */ template(`<button type=button><!$><!/><!$><!/>`), _tmpl$39 = /* @__PURE__ */ template(`<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__ */ 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__ */ template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$42 = /* @__PURE__ */ template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$43 = /* @__PURE__ */ template(`<div class="mt-2 ml-6">`), _tmpl$44 = /* @__PURE__ */ template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$45 = /* @__PURE__ */ template(`<p class="text-sm font-medium text-gray-800 dark:text-gray-200 mb-2">`), _tmpl$46 = /* @__PURE__ */ template(`<span class=text-amber-600>(<!$><!/> unverified)`), _tmpl$47 = /* @__PURE__ */ template(`<div class="mb-2 flex items-center gap-2 text-xs"><span><!$><!/>% verified</span><!$><!/>`), _tmpl$48 = /* @__PURE__ */ template(`<div><!$><!/><!$><!/><!$><!/><div class="flex flex-wrap gap-2">`), _tmpl$49 = /* @__PURE__ */ template(`<span class="font-medium text-gray-800 dark:text-gray-200">`), _tmpl$50 = /* @__PURE__ */ template(`<span class=ml-1>&mdash; <!$><!/>`), _tmpl$51 = /* @__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$52 = /* @__PURE__ */ template(`<span class=mr-1>`), _tmpl$53 = /* @__PURE__ */ template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$54 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$55 = /* @__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$56 = /* @__PURE__ */ template(`<span class=italic>&mdash; <!$><!/>`), _tmpl$57 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><span><!$><!/> <!$><!/></span><!$><!/>`), _tmpl$58 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-2">`), _tmpl$59 = /* @__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$60 = /* @__PURE__ */ template(`<div class=space-y-3><p class="text-sm text-gray-700 dark:text-gray-300"></p><!$><!/><!$><!/>`), _tmpl$61 = /* @__PURE__ */ template(`<span>`), _tmpl$62 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$63 = /* @__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$64 = /* @__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$65 = /* @__PURE__ */ template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$66 = /* @__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$67 = /* @__PURE__ */ template(`<div class="flex items-center gap-1 flex-wrap">`), _tmpl$68 = /* @__PURE__ */ template(`<div class=space-y-2>`), _tmpl$69 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$70 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-400">(<!$><!/>ms)`), _tmpl$71 = /* @__PURE__ */ template(`<div><span class=flex-shrink-0></span><div><span></span><!$><!/><!$><!/>`), _tmpl$72 = /* @__PURE__ */ template(`<span class="text-[10px] opacity-75">`), _tmpl$73 = /* @__PURE__ */ template(`<div><span></span><span></span><!$><!/>`), _tmpl$74 = /* @__PURE__ */ template(`<button type=button>&#128260; <!$><!/>`), _tmpl$75 = /* @__PURE__ */ template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">&#9654; Details`), _tmpl$76 = /* @__PURE__ */ template(`<pre class="mt-2 text-xs opacity-70 overflow-x-auto">`), _tmpl$77 = /* @__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$78 = /* @__PURE__ */ template(`<span class="text-xs font-bold text-blue-600 dark:text-blue-400"><!$><!/> results`), _tmpl$79 = /* @__PURE__ */ template(`<p class="text-[10px] text-gray-400">`), _tmpl$80 = /* @__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$81 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/>`), _tmpl$82 = /* @__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$83 = /* @__PURE__ */ template(`<tr><td class="px-2 py-1 font-mono text-gray-500 dark:text-gray-400"></td><td class="px-2 py-1 text-gray-900 dark:text-white"></td><td class="px-2 py-1 text-gray-900 dark:text-white">`);
14
+ </style><!$><!/>`), _tmpl$13 = /* @__PURE__ */ template(`<svg class="w-3 h-3 text-gray-300 dark:text-gray-600 flex-shrink-0"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$14 = /* @__PURE__ */ template(`<span class="ml-1 font-normal opacity-75">— <!$><!/>`), _tmpl$15 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/><!$><!/>`), _tmpl$16 = /* @__PURE__ */ template(`<div><span class="flex-shrink-0 mt-0.5"></span><p>`), _tmpl$17 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 mb-2"><span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide">Preview</span><span class="px-1.5 py-0.5 text-xs font-bold bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded">`), _tmpl$18 = /* @__PURE__ */ template(`<p class="text-sm text-gray-700 dark:text-gray-300">`), _tmpl$19 = /* @__PURE__ */ template(`<div class="mt-2 overflow-x-auto"><table class="min-w-full text-xs"><thead><tr></tr></thead><tbody>`), _tmpl$20 = /* @__PURE__ */ template(`<th class="px-2 py-1 text-left font-medium text-gray-500 dark:text-gray-400">`), _tmpl$21 = /* @__PURE__ */ template(`<tr class="border-t border-gray-100 dark:border-gray-700">`), _tmpl$22 = /* @__PURE__ */ template(`<td class="px-2 py-1 text-gray-700 dark:text-gray-300">`), _tmpl$23 = /* @__PURE__ */ template(`<pre class="text-xs text-gray-500 overflow-auto">`), _tmpl$24 = /* @__PURE__ */ template(`<div class="px-4 py-3 animate-[slideDown_0.2s_ease-out]"><h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-2"></h4><!$><!/>`), _tmpl$25 = /* @__PURE__ */ template(`<div class=space-y-1>`), _tmpl$26 = /* @__PURE__ */ template(`<div class="flex gap-2 text-xs"><span class="text-gray-500 dark:text-gray-400 font-mono min-w-[120px]"><!$><!/>:</span><span class="text-gray-900 dark:text-white">`), _tmpl$27 = /* @__PURE__ */ template(`<p class="text-xs text-gray-400 italic">No filters`), _tmpl$28 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-1.5"><!$><!/><!$><!/>`), _tmpl$29 = /* @__PURE__ */ template(`<button type=button class="ml-0.5 hover:text-blue-900 dark:hover:text-blue-100">&times;`), _tmpl$30 = /* @__PURE__ */ template(`<span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded-full"><button type=button class=hover:underline><span class="text-blue-500 dark:text-blue-400"><!$><!/>:</span> <!$><!/></button><!$><!/>`), _tmpl$31 = /* @__PURE__ */ template(`<div class="max-h-48 overflow-y-auto">`), _tmpl$32 = /* @__PURE__ */ template(`<button type=button class="mt-1 w-full px-2 py-1 text-xs text-gray-500 hover:text-gray-700 text-center">Cancel`), _tmpl$33 = /* @__PURE__ */ template(`<div class="absolute z-50 mt-1 left-0 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg p-2 min-w-[200px]">`), _tmpl$34 = /* @__PURE__ */ template(`<div class=relative><!$><!/><!$><!/>`), _tmpl$35 = /* @__PURE__ */ template(`<button type=button class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium border border-dashed border-gray-300 dark:border-gray-600 text-gray-500 dark:text-gray-400 rounded-full hover:border-blue-400 hover:text-blue-500 transition-colors">+ <!$><!/>`), _tmpl$36 = /* @__PURE__ */ template(`<form class="flex gap-1"><input type=text autofocus class="flex-1 px-2 py-1 text-sm border border-gray-200 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 outline-none"><button type=submit class="px-2 py-1 text-xs bg-blue-600 text-white rounded hover:bg-blue-700">OK</button><button type=button class="px-2 py-1 text-xs text-gray-500 hover:text-gray-700">Cancel`), _tmpl$37 = /* @__PURE__ */ template(`<span class=ml-1>✓`), _tmpl$38 = /* @__PURE__ */ template(`<button type=button><!$><!/><!$><!/>`), _tmpl$39 = /* @__PURE__ */ template(`<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">`);
15
15
  const STATUS_BADGES = {
16
16
  loading: {
17
17
  label: "Loading...",
@@ -969,19 +969,78 @@ const InteractiveFilterSection = (props) => {
969
969
  })();
970
970
  };
971
971
  const EmbeddedFormSection = (props) => {
972
- const [formData, setFormData] = createSignal({});
973
972
  const [dynamicOptions, setDynamicOptions] = createSignal({});
974
973
  const config = () => {
975
974
  const c = props.content;
976
975
  return {
977
976
  fields: (c == null ? void 0 : c.fields) || [],
978
- submitLabel: (c == null ? void 0 : c.submitLabel) || "Submit"
977
+ submitLabel: (c == null ? void 0 : c.submitLabel) || "Submit",
978
+ autoSubmitDelay: c == null ? void 0 : c.autoSubmitDelay
979
979
  };
980
980
  };
981
- const updateField = (name, value) => setFormData((prev) => ({
982
- ...prev,
983
- [name]: value
984
- }));
981
+ const buildInitial = () => {
982
+ const initial = {};
983
+ for (const field of config().fields) {
984
+ initial[field.name] = field.prefill ?? field.defaultValue ?? "";
985
+ }
986
+ return initial;
987
+ };
988
+ const [formData, setFormData] = createSignal(buildInitial());
989
+ createEffect(() => {
990
+ const fields = config().fields;
991
+ if (fields.length > 0) {
992
+ setFormData((prev) => {
993
+ const next = {
994
+ ...prev
995
+ };
996
+ for (const field of fields) {
997
+ if (field.prefill != null && (next[field.name] === void 0 || next[field.name] === "")) {
998
+ next[field.name] = field.prefill;
999
+ }
1000
+ }
1001
+ return next;
1002
+ });
1003
+ }
1004
+ });
1005
+ const [countdown, setCountdown] = createSignal(null);
1006
+ let countdownTimer = null;
1007
+ const [userInteracted, setUserInteracted] = createSignal(false);
1008
+ const cancelCountdown = () => {
1009
+ if (countdownTimer) {
1010
+ clearInterval(countdownTimer);
1011
+ countdownTimer = null;
1012
+ }
1013
+ setCountdown(null);
1014
+ };
1015
+ onCleanup(() => cancelCountdown());
1016
+ createEffect(() => {
1017
+ const delay = config().autoSubmitDelay;
1018
+ if (!delay || userInteracted()) return;
1019
+ const allRequiredPrefilled = config().fields.filter((f) => f.required).every((f) => f.prefill != null);
1020
+ if (!allRequiredPrefilled) return;
1021
+ let remaining = Math.ceil(delay / 1e3);
1022
+ setCountdown(remaining);
1023
+ countdownTimer = setInterval(() => {
1024
+ remaining--;
1025
+ if (remaining <= 0) {
1026
+ cancelCountdown();
1027
+ const form = document.querySelector(`#scratchpad-form-${props.sectionId}`);
1028
+ if (form) form.requestSubmit();
1029
+ } else {
1030
+ setCountdown(remaining);
1031
+ }
1032
+ }, 1e3);
1033
+ });
1034
+ const updateField = (name, value) => {
1035
+ if (!userInteracted()) {
1036
+ setUserInteracted(true);
1037
+ cancelCountdown();
1038
+ }
1039
+ setFormData((prev) => ({
1040
+ ...prev,
1041
+ [name]: value
1042
+ }));
1043
+ };
985
1044
  createEffect(() => {
986
1045
  const data = formData();
987
1046
  for (const field of config().fields) {
@@ -1032,7 +1091,7 @@ const EmbeddedFormSection = (props) => {
1032
1091
  }
1033
1092
  };
1034
1093
  return (() => {
1035
- var _el$154 = getNextElement(_tmpl$39), _el$157 = _el$154.firstChild, [_el$158, _co$34] = getNextMarker(_el$157.nextSibling), _el$155 = _el$158.nextSibling, _el$156 = _el$155.firstChild;
1094
+ 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;
1036
1095
  _el$154.addEventListener("submit", handleSubmit);
1037
1096
  insert(_el$154, createComponent(For, {
1038
1097
  get each() {
@@ -1048,8 +1107,27 @@ const EmbeddedFormSection = (props) => {
1048
1107
  onChange: (val) => updateField(field.name, val),
1049
1108
  formData
1050
1109
  })
1051
- }), _el$158, _co$34);
1052
- insert(_el$156, () => config().submitLabel);
1110
+ }), _el$167, _co$36);
1111
+ insert(_el$154, createComponent(Show, {
1112
+ get when() {
1113
+ return countdown() != null;
1114
+ },
1115
+ get children() {
1116
+ 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);
1117
+ _el$162.nextSibling;
1118
+ var _el$163 = _el$156.nextSibling;
1119
+ insert(_el$156, () => config().submitLabel, _el$160, _co$34);
1120
+ insert(_el$156, countdown, _el$162, _co$35);
1121
+ _el$163.$$click = () => {
1122
+ cancelCountdown();
1123
+ setUserInteracted(true);
1124
+ };
1125
+ runHydrationEvents();
1126
+ return _el$155;
1127
+ }
1128
+ }), _el$169, _co$37);
1129
+ insert(_el$165, () => config().submitLabel);
1130
+ effect(() => setAttribute(_el$154, "id", `scratchpad-form-${props.sectionId}`));
1053
1131
  return _el$154;
1054
1132
  })();
1055
1133
  };
@@ -1062,35 +1140,35 @@ const EnrichedStepsSection = (props) => {
1062
1140
  };
1063
1141
  };
1064
1142
  return (() => {
1065
- var _el$159 = getNextElement(_tmpl$41), _el$162 = _el$159.firstChild, [_el$163, _co$35] = getNextMarker(_el$162.nextSibling), _el$164 = _el$163.nextSibling, [_el$165, _co$36] = getNextMarker(_el$164.nextSibling);
1066
- insert(_el$159, createComponent(For, {
1143
+ 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);
1144
+ insert(_el$170, createComponent(For, {
1067
1145
  get each() {
1068
1146
  return stepsData().steps;
1069
1147
  },
1070
1148
  children: (step) => (() => {
1071
- var _el$166 = getNextElement(_tmpl$44), _el$167 = _el$166.firstChild, _el$168 = _el$167.firstChild, _el$173 = _el$168.nextSibling, [_el$174, _co$38] = getNextMarker(_el$173.nextSibling), _el$175 = _el$174.nextSibling, [_el$176, _co$39] = getNextMarker(_el$175.nextSibling), _el$178 = _el$167.nextSibling, [_el$179, _co$40] = getNextMarker(_el$178.nextSibling);
1072
- insert(_el$168, (() => {
1149
+ 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);
1150
+ insert(_el$179, (() => {
1073
1151
  var _c$5 = memo(() => step.status === "done");
1074
1152
  return () => _c$5() ? "✅" : step.status === "active" ? "●" : "○";
1075
1153
  })());
1076
- insert(_el$167, () => step.label, _el$174, _co$38);
1077
- insert(_el$167, createComponent(Show, {
1154
+ insert(_el$178, () => step.label, _el$185, _co$41);
1155
+ insert(_el$178, createComponent(Show, {
1078
1156
  get when() {
1079
1157
  return memo(() => !!step.description)() && step.status === "active";
1080
1158
  },
1081
1159
  get children() {
1082
- var _el$169 = getNextElement(_tmpl$42), _el$170 = _el$169.firstChild, _el$171 = _el$170.nextSibling, [_el$172, _co$37] = getNextMarker(_el$171.nextSibling);
1083
- insert(_el$169, () => step.description, _el$172, _co$37);
1084
- return _el$169;
1160
+ var _el$180 = getNextElement(_tmpl$43), _el$181 = _el$180.firstChild, _el$182 = _el$181.nextSibling, [_el$183, _co$40] = getNextMarker(_el$182.nextSibling);
1161
+ insert(_el$180, () => step.description, _el$183, _co$40);
1162
+ return _el$180;
1085
1163
  }
1086
- }), _el$176, _co$39);
1087
- insert(_el$166, createComponent(Show, {
1164
+ }), _el$187, _co$42);
1165
+ insert(_el$177, createComponent(Show, {
1088
1166
  get when() {
1089
1167
  return memo(() => step.status === "active")() && step.content;
1090
1168
  },
1091
1169
  get children() {
1092
- var _el$177 = getNextElement(_tmpl$43);
1093
- insert(_el$177, createComponent(SectionRenderer, {
1170
+ var _el$188 = getNextElement(_tmpl$44);
1171
+ insert(_el$188, createComponent(SectionRenderer, {
1094
1172
  get section() {
1095
1173
  return step.content;
1096
1174
  },
@@ -1102,38 +1180,38 @@ const EnrichedStepsSection = (props) => {
1102
1180
  return props.onAction;
1103
1181
  }
1104
1182
  }));
1105
- return _el$177;
1183
+ return _el$188;
1106
1184
  }
1107
- }), _el$179, _co$40);
1185
+ }), _el$190, _co$43);
1108
1186
  effect((_p$) => {
1109
1187
  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"}`;
1110
- _v$4 !== _p$.e && className(_el$166, _p$.e = _v$4);
1111
- _v$5 !== _p$.t && className(_el$167, _p$.t = _v$5);
1188
+ _v$4 !== _p$.e && className(_el$177, _p$.e = _v$4);
1189
+ _v$5 !== _p$.t && className(_el$178, _p$.t = _v$5);
1112
1190
  return _p$;
1113
1191
  }, {
1114
1192
  e: void 0,
1115
1193
  t: void 0
1116
1194
  });
1117
- return _el$166;
1195
+ return _el$177;
1118
1196
  })()
1119
- }), _el$163, _co$35);
1120
- insert(_el$159, createComponent(Show, {
1197
+ }), _el$174, _co$38);
1198
+ insert(_el$170, createComponent(Show, {
1121
1199
  get when() {
1122
1200
  return stepsData().steps.some((s) => s.status === "active");
1123
1201
  },
1124
1202
  get children() {
1125
- var _el$160 = getNextElement(_tmpl$40), _el$161 = _el$160.firstChild;
1126
- _el$161.$$click = () => {
1203
+ var _el$171 = getNextElement(_tmpl$41), _el$172 = _el$171.firstChild;
1204
+ _el$172.$$click = () => {
1127
1205
  var _a;
1128
1206
  return (_a = props.onAction) == null ? void 0 : _a.call(props, "next_step", {
1129
1207
  step: stepsData().currentStep
1130
1208
  });
1131
1209
  };
1132
1210
  runHydrationEvents();
1133
- return _el$160;
1211
+ return _el$171;
1134
1212
  }
1135
- }), _el$165, _co$36);
1136
- return _el$159;
1213
+ }), _el$176, _co$39);
1214
+ return _el$170;
1137
1215
  })();
1138
1216
  };
1139
1217
  const ActionSection = (props) => {
@@ -1159,103 +1237,103 @@ const ActionSection = (props) => {
1159
1237
  };
1160
1238
  };
1161
1239
  return (() => {
1162
- var _el$180 = getNextElement(_tmpl$48), _el$195 = _el$180.firstChild, [_el$196, _co$44] = getNextMarker(_el$195.nextSibling), _el$197 = _el$196.nextSibling, [_el$198, _co$45] = getNextMarker(_el$197.nextSibling), _el$199 = _el$198.nextSibling, [_el$200, _co$46] = getNextMarker(_el$199.nextSibling), _el$194 = _el$200.nextSibling;
1163
- insert(_el$180, createComponent(Show, {
1240
+ 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;
1241
+ insert(_el$191, createComponent(Show, {
1164
1242
  get when() {
1165
1243
  return data().title;
1166
1244
  },
1167
1245
  get children() {
1168
- var _el$181 = getNextElement(_tmpl$45);
1169
- insert(_el$181, () => data().title);
1170
- return _el$181;
1246
+ var _el$192 = getNextElement(_tmpl$46);
1247
+ insert(_el$192, () => data().title);
1248
+ return _el$192;
1171
1249
  }
1172
- }), _el$196, _co$44);
1173
- insert(_el$180, createComponent(Show, {
1250
+ }), _el$207, _co$47);
1251
+ insert(_el$191, createComponent(Show, {
1174
1252
  get when() {
1175
1253
  return data().preview;
1176
1254
  },
1177
1255
  children: (preview) => (() => {
1178
- var _el$201 = getNextElement(_tmpl$51), _el$207 = _el$201.firstChild, [_el$208, _co$48] = getNextMarker(_el$207.nextSibling), _el$209 = _el$208.nextSibling, [_el$210, _co$49] = getNextMarker(_el$209.nextSibling);
1179
- insert(_el$201, createComponent(Show, {
1256
+ 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);
1257
+ insert(_el$212, createComponent(Show, {
1180
1258
  get when() {
1181
1259
  return preview().count != null;
1182
1260
  },
1183
1261
  get children() {
1184
1262
  return [(() => {
1185
- var _el$202 = getNextElement(_tmpl$49);
1186
- insert(_el$202, () => preview().count);
1187
- return _el$202;
1263
+ var _el$213 = getNextElement(_tmpl$50);
1264
+ insert(_el$213, () => preview().count);
1265
+ return _el$213;
1188
1266
  })(), " items"];
1189
1267
  }
1190
- }), _el$208, _co$48);
1191
- insert(_el$201, createComponent(Show, {
1268
+ }), _el$219, _co$51);
1269
+ insert(_el$212, createComponent(Show, {
1192
1270
  get when() {
1193
1271
  return preview().summary;
1194
1272
  },
1195
1273
  get children() {
1196
- var _el$203 = getNextElement(_tmpl$50), _el$204 = _el$203.firstChild, _el$205 = _el$204.nextSibling, [_el$206, _co$47] = getNextMarker(_el$205.nextSibling);
1197
- insert(_el$203, () => preview().summary, _el$206, _co$47);
1198
- return _el$203;
1274
+ var _el$214 = getNextElement(_tmpl$51), _el$215 = _el$214.firstChild, _el$216 = _el$215.nextSibling, [_el$217, _co$50] = getNextMarker(_el$216.nextSibling);
1275
+ insert(_el$214, () => preview().summary, _el$217, _co$50);
1276
+ return _el$214;
1199
1277
  }
1200
- }), _el$210, _co$49);
1201
- return _el$201;
1278
+ }), _el$221, _co$52);
1279
+ return _el$212;
1202
1280
  })()
1203
- }), _el$198, _co$45);
1204
- insert(_el$180, createComponent(Show, {
1281
+ }), _el$209, _co$48);
1282
+ insert(_el$191, createComponent(Show, {
1205
1283
  get when() {
1206
1284
  return memo(() => !!data().validation)() && data().validation.confidence != null;
1207
1285
  },
1208
1286
  get children() {
1209
- var _el$182 = getNextElement(_tmpl$47), _el$183 = _el$182.firstChild, _el$185 = _el$183.firstChild, [_el$186, _co$41] = getNextMarker(_el$185.nextSibling);
1210
- _el$186.nextSibling;
1211
- var _el$192 = _el$183.nextSibling, [_el$193, _co$43] = getNextMarker(_el$192.nextSibling);
1212
- insert(_el$183, () => Math.round(data().validation.confidence * 100), _el$186, _co$41);
1213
- insert(_el$182, createComponent(Show, {
1287
+ var _el$193 = getNextElement(_tmpl$48), _el$194 = _el$193.firstChild, _el$196 = _el$194.firstChild, [_el$197, _co$44] = getNextMarker(_el$196.nextSibling);
1288
+ _el$197.nextSibling;
1289
+ var _el$203 = _el$194.nextSibling, [_el$204, _co$46] = getNextMarker(_el$203.nextSibling);
1290
+ insert(_el$194, () => Math.round(data().validation.confidence * 100), _el$197, _co$44);
1291
+ insert(_el$193, createComponent(Show, {
1214
1292
  get when() {
1215
1293
  var _a;
1216
1294
  return ((_a = data().validation.hallucinated) == null ? void 0 : _a.length) > 0;
1217
1295
  },
1218
1296
  get children() {
1219
- var _el$187 = getNextElement(_tmpl$46), _el$188 = _el$187.firstChild, _el$190 = _el$188.nextSibling, [_el$191, _co$42] = getNextMarker(_el$190.nextSibling);
1220
- _el$191.nextSibling;
1221
- insert(_el$187, () => data().validation.hallucinated.length, _el$191, _co$42);
1222
- return _el$187;
1297
+ var _el$198 = getNextElement(_tmpl$47), _el$199 = _el$198.firstChild, _el$201 = _el$199.nextSibling, [_el$202, _co$45] = getNextMarker(_el$201.nextSibling);
1298
+ _el$202.nextSibling;
1299
+ insert(_el$198, () => data().validation.hallucinated.length, _el$202, _co$45);
1300
+ return _el$198;
1223
1301
  }
1224
- }), _el$193, _co$43);
1225
- effect((_$p) => classList(_el$183, {
1302
+ }), _el$204, _co$46);
1303
+ effect((_$p) => classList(_el$194, {
1226
1304
  "text-green-600 dark:text-green-400": data().validation.confidence >= 0.8,
1227
1305
  "text-amber-600 dark:text-amber-400": data().validation.confidence >= 0.5 && data().validation.confidence < 0.8,
1228
1306
  "text-red-600 dark:text-red-400": data().validation.confidence < 0.5
1229
1307
  }, _$p));
1230
- return _el$182;
1308
+ return _el$193;
1231
1309
  }
1232
- }), _el$200, _co$46);
1233
- insert(_el$194, createComponent(For, {
1310
+ }), _el$211, _co$49);
1311
+ insert(_el$205, createComponent(For, {
1234
1312
  get each() {
1235
1313
  return data().actions;
1236
1314
  },
1237
1315
  children: (item) => (() => {
1238
- var _el$211 = getNextElement(_tmpl$38), _el$213 = _el$211.firstChild, [_el$214, _co$50] = getNextMarker(_el$213.nextSibling), _el$215 = _el$214.nextSibling, [_el$216, _co$51] = getNextMarker(_el$215.nextSibling);
1239
- addEventListener(_el$211, "click", () => {
1316
+ 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);
1317
+ addEventListener(_el$222, "click", () => {
1240
1318
  var _a;
1241
1319
  return (_a = props.onAction) == null ? void 0 : _a.call(props, item.value || item.action || item.label, item);
1242
1320
  });
1243
- insert(_el$211, createComponent(Show, {
1321
+ insert(_el$222, createComponent(Show, {
1244
1322
  get when() {
1245
1323
  return item.icon;
1246
1324
  },
1247
1325
  get children() {
1248
- var _el$212 = getNextElement(_tmpl$52);
1249
- insert(_el$212, () => item.icon);
1250
- return _el$212;
1326
+ var _el$223 = getNextElement(_tmpl$53);
1327
+ insert(_el$223, () => item.icon);
1328
+ return _el$223;
1251
1329
  }
1252
- }), _el$214, _co$50);
1253
- insert(_el$211, () => item.label, _el$216, _co$51);
1254
- effect(() => 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"}`));
1255
- return _el$211;
1330
+ }), _el$225, _co$53);
1331
+ insert(_el$222, () => item.label, _el$227, _co$54);
1332
+ 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"}`));
1333
+ return _el$222;
1256
1334
  })()
1257
1335
  }));
1258
- return _el$180;
1336
+ return _el$191;
1259
1337
  })();
1260
1338
  };
1261
1339
  const UnderstandingSection = (props) => {
@@ -1279,39 +1357,39 @@ const UnderstandingSection = (props) => {
1279
1357
  }
1280
1358
  };
1281
1359
  return (() => {
1282
- var _el$217 = getNextElement(_tmpl$53), _el$218 = _el$217.firstChild, _el$220 = _el$218.nextSibling, [_el$221, _co$52] = getNextMarker(_el$220.nextSibling);
1283
- insert(_el$218, createComponent(For, {
1360
+ var _el$228 = getNextElement(_tmpl$54), _el$229 = _el$228.firstChild, _el$231 = _el$229.nextSibling, [_el$232, _co$55] = getNextMarker(_el$231.nextSibling);
1361
+ insert(_el$229, createComponent(For, {
1284
1362
  get each() {
1285
1363
  return data().detections;
1286
1364
  },
1287
1365
  children: (det) => (() => {
1288
- var _el$222 = getNextElement(_tmpl$54), _el$223 = _el$222.firstChild, _el$224 = _el$223.nextSibling;
1289
- insert(_el$223, () => det.label);
1290
- insert(_el$224, () => det.value);
1291
- effect(() => className(_el$223, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
1292
- return _el$222;
1366
+ var _el$233 = getNextElement(_tmpl$55), _el$234 = _el$233.firstChild, _el$235 = _el$234.nextSibling;
1367
+ insert(_el$234, () => det.label);
1368
+ insert(_el$235, () => det.value);
1369
+ effect(() => className(_el$234, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
1370
+ return _el$233;
1293
1371
  })()
1294
1372
  }));
1295
- insert(_el$217, createComponent(Show, {
1373
+ insert(_el$228, createComponent(Show, {
1296
1374
  get when() {
1297
1375
  return data().warnings.length > 0;
1298
1376
  },
1299
1377
  get children() {
1300
- var _el$219 = getNextElement(_tmpl$25);
1301
- insert(_el$219, createComponent(For, {
1378
+ var _el$230 = getNextElement(_tmpl$25);
1379
+ insert(_el$230, createComponent(For, {
1302
1380
  get each() {
1303
1381
  return data().warnings;
1304
1382
  },
1305
1383
  children: (w) => (() => {
1306
- var _el$225 = getNextElement(_tmpl$55), _el$226 = _el$225.firstChild, _el$227 = _el$226.nextSibling;
1307
- insert(_el$227, w);
1308
- return _el$225;
1384
+ var _el$236 = getNextElement(_tmpl$56), _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling;
1385
+ insert(_el$238, w);
1386
+ return _el$236;
1309
1387
  })()
1310
1388
  }));
1311
- return _el$219;
1389
+ return _el$230;
1312
1390
  }
1313
- }), _el$221, _co$52);
1314
- return _el$217;
1391
+ }), _el$232, _co$55);
1392
+ return _el$228;
1315
1393
  })();
1316
1394
  };
1317
1395
  const FeedbackSection = (props) => {
@@ -1366,81 +1444,81 @@ const FeedbackSection = (props) => {
1366
1444
  (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", payload);
1367
1445
  };
1368
1446
  return (() => {
1369
- var _el$228 = getNextElement(_tmpl$60), _el$229 = _el$228.firstChild, _el$247 = _el$229.nextSibling, [_el$248, _co$57] = getNextMarker(_el$247.nextSibling), _el$249 = _el$248.nextSibling, [_el$250, _co$58] = getNextMarker(_el$249.nextSibling);
1370
- insert(_el$229, () => data().question);
1371
- insert(_el$228, createComponent(Show, {
1447
+ 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);
1448
+ insert(_el$240, () => data().question);
1449
+ insert(_el$239, createComponent(Show, {
1372
1450
  get when() {
1373
1451
  return submitted();
1374
1452
  },
1375
1453
  get children() {
1376
- var _el$230 = getNextElement(_tmpl$57), _el$231 = _el$230.firstChild, _el$233 = _el$231.firstChild, [_el$234, _co$53] = getNextMarker(_el$233.nextSibling), _el$232 = _el$234.nextSibling, _el$235 = _el$232.nextSibling, [_el$236, _co$54] = getNextMarker(_el$235.nextSibling), _el$241 = _el$231.nextSibling, [_el$242, _co$56] = getNextMarker(_el$241.nextSibling);
1377
- insert(_el$231, (() => {
1454
+ 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);
1455
+ insert(_el$242, (() => {
1378
1456
  var _c$6 = memo(() => submitted() === "approve");
1379
1457
  return () => _c$6() ? "✅" : submitted() === "reject" ? "❌" : "💬";
1380
- })(), _el$234, _co$53);
1381
- insert(_el$231, submitted, _el$236, _co$54);
1382
- insert(_el$230, createComponent(Show, {
1458
+ })(), _el$245, _co$56);
1459
+ insert(_el$242, submitted, _el$247, _co$57);
1460
+ insert(_el$241, createComponent(Show, {
1383
1461
  get when() {
1384
1462
  return comment();
1385
1463
  },
1386
1464
  get children() {
1387
- var _el$237 = getNextElement(_tmpl$56), _el$238 = _el$237.firstChild, _el$239 = _el$238.nextSibling, [_el$240, _co$55] = getNextMarker(_el$239.nextSibling);
1388
- insert(_el$237, comment, _el$240, _co$55);
1389
- return _el$237;
1465
+ var _el$248 = getNextElement(_tmpl$57), _el$249 = _el$248.firstChild, _el$250 = _el$249.nextSibling, [_el$251, _co$58] = getNextMarker(_el$250.nextSibling);
1466
+ insert(_el$248, comment, _el$251, _co$58);
1467
+ return _el$248;
1390
1468
  }
1391
- }), _el$242, _co$56);
1469
+ }), _el$253, _co$59);
1392
1470
  effect((_p$) => {
1393
1471
  var _v$6 = !!(submitted() === "approve"), _v$7 = !!(submitted() === "reject"), _v$8 = !!(submitted() !== "approve" && submitted() !== "reject");
1394
- _v$6 !== _p$.e && _el$231.classList.toggle("text-green-600", _p$.e = _v$6);
1395
- _v$7 !== _p$.t && _el$231.classList.toggle("text-red-600", _p$.t = _v$7);
1396
- _v$8 !== _p$.a && _el$231.classList.toggle("text-blue-600", _p$.a = _v$8);
1472
+ _v$6 !== _p$.e && _el$242.classList.toggle("text-green-600", _p$.e = _v$6);
1473
+ _v$7 !== _p$.t && _el$242.classList.toggle("text-red-600", _p$.t = _v$7);
1474
+ _v$8 !== _p$.a && _el$242.classList.toggle("text-blue-600", _p$.a = _v$8);
1397
1475
  return _p$;
1398
1476
  }, {
1399
1477
  e: void 0,
1400
1478
  t: void 0,
1401
1479
  a: void 0
1402
1480
  });
1403
- return _el$230;
1481
+ return _el$241;
1404
1482
  }
1405
- }), _el$248, _co$57);
1406
- insert(_el$228, createComponent(Show, {
1483
+ }), _el$259, _co$60);
1484
+ insert(_el$239, createComponent(Show, {
1407
1485
  get when() {
1408
1486
  return !submitted();
1409
1487
  },
1410
1488
  get children() {
1411
1489
  return [(() => {
1412
- var _el$243 = getNextElement(_tmpl$58);
1413
- insert(_el$243, createComponent(For, {
1490
+ var _el$254 = getNextElement(_tmpl$59);
1491
+ insert(_el$254, createComponent(For, {
1414
1492
  get each() {
1415
1493
  return data().options;
1416
1494
  },
1417
1495
  children: (option) => (() => {
1418
- var _el$251 = getNextElement(_tmpl$38), _el$253 = _el$251.firstChild, [_el$254, _co$59] = getNextMarker(_el$253.nextSibling), _el$255 = _el$254.nextSibling, [_el$256, _co$60] = getNextMarker(_el$255.nextSibling);
1419
- addEventListener(_el$251, "click", () => handleOption(option));
1420
- insert(_el$251, createComponent(Show, {
1496
+ 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);
1497
+ addEventListener(_el$262, "click", () => handleOption(option));
1498
+ insert(_el$262, createComponent(Show, {
1421
1499
  get when() {
1422
1500
  return option.icon;
1423
1501
  },
1424
1502
  get children() {
1425
- var _el$252 = getNextElement(_tmpl$61);
1426
- insert(_el$252, () => option.icon);
1427
- return _el$252;
1503
+ var _el$263 = getNextElement(_tmpl$62);
1504
+ insert(_el$263, () => option.icon);
1505
+ return _el$263;
1428
1506
  }
1429
- }), _el$254, _co$59);
1430
- insert(_el$251, () => option.label, _el$256, _co$60);
1431
- effect(() => 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"}`));
1432
- return _el$251;
1507
+ }), _el$265, _co$62);
1508
+ insert(_el$262, () => option.label, _el$267, _co$63);
1509
+ 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"}`));
1510
+ return _el$262;
1433
1511
  })()
1434
1512
  }));
1435
- return _el$243;
1513
+ return _el$254;
1436
1514
  })(), createComponent(Show, {
1437
1515
  get when() {
1438
1516
  return data().allowFreeText || showComment();
1439
1517
  },
1440
1518
  get children() {
1441
- var _el$244 = getNextElement(_tmpl$59), _el$245 = _el$244.firstChild, _el$246 = _el$245.nextSibling;
1442
- _el$245.$$input = (e) => setComment(e.currentTarget.value);
1443
- addEventListener(_el$246, "click", () => {
1519
+ var _el$255 = getNextElement(_tmpl$60), _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling;
1520
+ _el$256.$$input = (e) => setComment(e.currentTarget.value);
1521
+ addEventListener(_el$257, "click", () => {
1444
1522
  var _a;
1445
1523
  setSubmitted("comment");
1446
1524
  (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", {
@@ -1452,21 +1530,21 @@ const FeedbackSection = (props) => {
1452
1530
  });
1453
1531
  effect((_p$) => {
1454
1532
  var _v$9 = data().placeholder, _v$0 = showComment();
1455
- _v$9 !== _p$.e && setAttribute(_el$245, "placeholder", _p$.e = _v$9);
1456
- _v$0 !== _p$.t && setProperty(_el$245, "autofocus", _p$.t = _v$0);
1533
+ _v$9 !== _p$.e && setAttribute(_el$256, "placeholder", _p$.e = _v$9);
1534
+ _v$0 !== _p$.t && setProperty(_el$256, "autofocus", _p$.t = _v$0);
1457
1535
  return _p$;
1458
1536
  }, {
1459
1537
  e: void 0,
1460
1538
  t: void 0
1461
1539
  });
1462
- effect(() => setProperty(_el$245, "value", comment()));
1540
+ effect(() => setProperty(_el$256, "value", comment()));
1463
1541
  runHydrationEvents();
1464
- return _el$244;
1542
+ return _el$255;
1465
1543
  }
1466
1544
  })];
1467
1545
  }
1468
- }), _el$250, _co$58);
1469
- return _el$228;
1546
+ }), _el$261, _co$61);
1547
+ return _el$239;
1470
1548
  })();
1471
1549
  };
1472
1550
  const PromptSection = (props) => {
@@ -1481,56 +1559,56 @@ const PromptSection = (props) => {
1481
1559
  };
1482
1560
  };
1483
1561
  return (() => {
1484
- var _el$257 = getNextElement(_tmpl$65), _el$270 = _el$257.firstChild, [_el$271, _co$63] = getNextMarker(_el$270.nextSibling), _el$263 = _el$271.nextSibling, _el$272 = _el$263.nextSibling, [_el$273, _co$64] = getNextMarker(_el$272.nextSibling), _el$274 = _el$273.nextSibling, [_el$275, _co$65] = getNextMarker(_el$274.nextSibling);
1485
- insert(_el$257, createComponent(Show, {
1562
+ 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);
1563
+ insert(_el$268, createComponent(Show, {
1486
1564
  get when() {
1487
1565
  return data().originalQuery;
1488
1566
  },
1489
1567
  get children() {
1490
- var _el$258 = getNextElement(_tmpl$62), _el$259 = _el$258.firstChild, _el$261 = _el$259.nextSibling, [_el$262, _co$61] = getNextMarker(_el$261.nextSibling);
1491
- _el$262.nextSibling;
1492
- insert(_el$258, () => data().originalQuery, _el$262, _co$61);
1493
- return _el$258;
1568
+ var _el$269 = getNextElement(_tmpl$63), _el$270 = _el$269.firstChild, _el$272 = _el$270.nextSibling, [_el$273, _co$64] = getNextMarker(_el$272.nextSibling);
1569
+ _el$273.nextSibling;
1570
+ insert(_el$269, () => data().originalQuery, _el$273, _co$64);
1571
+ return _el$269;
1494
1572
  }
1495
- }), _el$271, _co$63);
1496
- insert(_el$263, createComponent(For, {
1573
+ }), _el$282, _co$66);
1574
+ insert(_el$274, createComponent(For, {
1497
1575
  get each() {
1498
1576
  return Object.entries(data().extracted);
1499
1577
  },
1500
1578
  children: ([key, value]) => (() => {
1501
- var _el$276 = getNextElement(_tmpl$66), _el$277 = _el$276.firstChild, _el$279 = _el$277.firstChild, [_el$280, _co$66] = getNextMarker(_el$279.nextSibling);
1502
- _el$280.nextSibling;
1503
- var _el$281 = _el$277.nextSibling;
1504
- insert(_el$277, key, _el$280, _co$66);
1505
- insert(_el$281, () => String(value));
1506
- return _el$276;
1579
+ var _el$287 = getNextElement(_tmpl$67), _el$288 = _el$287.firstChild, _el$290 = _el$288.firstChild, [_el$291, _co$69] = getNextMarker(_el$290.nextSibling);
1580
+ _el$291.nextSibling;
1581
+ var _el$292 = _el$288.nextSibling;
1582
+ insert(_el$288, key, _el$291, _co$69);
1583
+ insert(_el$292, () => String(value));
1584
+ return _el$287;
1507
1585
  })()
1508
1586
  }));
1509
- insert(_el$257, createComponent(Show, {
1587
+ insert(_el$268, createComponent(Show, {
1510
1588
  get when() {
1511
1589
  return data().plan;
1512
1590
  },
1513
1591
  get children() {
1514
- var _el$264 = getNextElement(_tmpl$63), _el$265 = _el$264.firstChild, _el$266 = _el$265.nextSibling, _el$267 = _el$266.nextSibling, [_el$268, _co$62] = getNextMarker(_el$267.nextSibling);
1515
- insert(_el$264, () => data().plan, _el$268, _co$62);
1516
- return _el$264;
1592
+ 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);
1593
+ insert(_el$275, () => data().plan, _el$279, _co$65);
1594
+ return _el$275;
1517
1595
  }
1518
- }), _el$273, _co$64);
1519
- insert(_el$257, createComponent(Show, {
1596
+ }), _el$284, _co$67);
1597
+ insert(_el$268, createComponent(Show, {
1520
1598
  get when() {
1521
1599
  return data().editable;
1522
1600
  },
1523
1601
  get children() {
1524
- var _el$269 = getNextElement(_tmpl$64);
1525
- _el$269.$$click = () => {
1602
+ var _el$280 = getNextElement(_tmpl$65);
1603
+ _el$280.$$click = () => {
1526
1604
  var _a;
1527
1605
  return (_a = props.onAction) == null ? void 0 : _a.call(props, "edit_prompt", data());
1528
1606
  };
1529
1607
  runHydrationEvents();
1530
- return _el$269;
1608
+ return _el$280;
1531
1609
  }
1532
- }), _el$275, _co$65);
1533
- return _el$257;
1610
+ }), _el$286, _co$68);
1611
+ return _el$268;
1534
1612
  })();
1535
1613
  };
1536
1614
  const StepperProgressSection = (props) => {
@@ -1560,46 +1638,46 @@ const StepperProgressSection = (props) => {
1560
1638
  },
1561
1639
  get fallback() {
1562
1640
  return (() => {
1563
- var _el$283 = getNextElement(_tmpl$68);
1564
- insert(_el$283, createComponent(For, {
1641
+ var _el$294 = getNextElement(_tmpl$69);
1642
+ insert(_el$294, createComponent(For, {
1565
1643
  get each() {
1566
1644
  return data().steps;
1567
1645
  },
1568
1646
  children: (step) => (() => {
1569
- var _el$284 = 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] = getNextMarker(_el$297.nextSibling), _el$299 = _el$298.nextSibling, [_el$300, _co$70] = getNextMarker(_el$299.nextSibling);
1570
- insert(_el$285, () => statusIcon(step.status));
1571
- insert(_el$287, () => step.label);
1572
- insert(_el$286, createComponent(Show, {
1647
+ 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);
1648
+ insert(_el$296, () => statusIcon(step.status));
1649
+ insert(_el$298, () => step.label);
1650
+ insert(_el$297, createComponent(Show, {
1573
1651
  get when() {
1574
1652
  return step.summary;
1575
1653
  },
1576
1654
  get children() {
1577
- var _el$288 = getNextElement(_tmpl$69), _el$289 = _el$288.firstChild, _el$290 = _el$289.nextSibling, [_el$291, _co$67] = getNextMarker(_el$290.nextSibling);
1578
- insert(_el$288, () => step.summary, _el$291, _co$67);
1579
- return _el$288;
1655
+ var _el$299 = getNextElement(_tmpl$70), _el$300 = _el$299.firstChild, _el$301 = _el$300.nextSibling, [_el$302, _co$70] = getNextMarker(_el$301.nextSibling);
1656
+ insert(_el$299, () => step.summary, _el$302, _co$70);
1657
+ return _el$299;
1580
1658
  }
1581
- }), _el$298, _co$69);
1582
- insert(_el$286, createComponent(Show, {
1659
+ }), _el$309, _co$72);
1660
+ insert(_el$297, createComponent(Show, {
1583
1661
  get when() {
1584
1662
  return step.duration_ms;
1585
1663
  },
1586
1664
  get children() {
1587
- var _el$292 = getNextElement(_tmpl$70), _el$293 = _el$292.firstChild, _el$295 = _el$293.nextSibling, [_el$296, _co$68] = getNextMarker(_el$295.nextSibling);
1588
- _el$296.nextSibling;
1589
- insert(_el$292, () => step.duration_ms, _el$296, _co$68);
1590
- return _el$292;
1665
+ var _el$303 = getNextElement(_tmpl$71), _el$304 = _el$303.firstChild, _el$306 = _el$304.nextSibling, [_el$307, _co$71] = getNextMarker(_el$306.nextSibling);
1666
+ _el$307.nextSibling;
1667
+ insert(_el$303, () => step.duration_ms, _el$307, _co$71);
1668
+ return _el$303;
1591
1669
  }
1592
- }), _el$300, _co$70);
1593
- effect(() => 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"}`));
1594
- return _el$284;
1670
+ }), _el$311, _co$73);
1671
+ 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"}`));
1672
+ return _el$295;
1595
1673
  })()
1596
1674
  }));
1597
- return _el$283;
1675
+ return _el$294;
1598
1676
  })();
1599
1677
  },
1600
1678
  get children() {
1601
- var _el$282 = getNextElement(_tmpl$67);
1602
- insert(_el$282, createComponent(For, {
1679
+ var _el$293 = getNextElement(_tmpl$68);
1680
+ insert(_el$293, createComponent(For, {
1603
1681
  get each() {
1604
1682
  return data().steps;
1605
1683
  },
@@ -1611,24 +1689,24 @@ const StepperProgressSection = (props) => {
1611
1689
  return getNextElement(_tmpl$13);
1612
1690
  }
1613
1691
  }), (() => {
1614
- var _el$302 = getNextElement(_tmpl$73), _el$303 = _el$302.firstChild, _el$304 = _el$303.nextSibling, _el$306 = _el$304.nextSibling, [_el$307, _co$71] = getNextMarker(_el$306.nextSibling);
1615
- insert(_el$303, () => statusIcon(step.status));
1616
- insert(_el$304, () => step.label);
1617
- insert(_el$302, createComponent(Show, {
1692
+ 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);
1693
+ insert(_el$314, () => statusIcon(step.status));
1694
+ insert(_el$315, () => step.label);
1695
+ insert(_el$313, createComponent(Show, {
1618
1696
  get when() {
1619
1697
  return step.summary;
1620
1698
  },
1621
1699
  get children() {
1622
- var _el$305 = getNextElement(_tmpl$72);
1623
- insert(_el$305, () => step.summary);
1624
- return _el$305;
1700
+ var _el$316 = getNextElement(_tmpl$73);
1701
+ insert(_el$316, () => step.summary);
1702
+ return _el$316;
1625
1703
  }
1626
- }), _el$307, _co$71);
1627
- effect(() => 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"}`));
1628
- return _el$302;
1704
+ }), _el$318, _co$74);
1705
+ 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"}`));
1706
+ return _el$313;
1629
1707
  })()]
1630
1708
  }));
1631
- return _el$282;
1709
+ return _el$293;
1632
1710
  }
1633
1711
  });
1634
1712
  };
@@ -1649,48 +1727,48 @@ const ErrorSectionRenderer = (props) => {
1649
1727
  };
1650
1728
  const isWarning = () => data().severity === "warning";
1651
1729
  return (() => {
1652
- var _el$308 = 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] = getNextMarker(_el$319.nextSibling), _el$321 = _el$320.nextSibling, [_el$322, _co$74] = getNextMarker(_el$321.nextSibling), _el$324 = _el$313.nextSibling, [_el$325, _co$75] = getNextMarker(_el$324.nextSibling);
1653
- insert(_el$310, () => isWarning() ? "⚠️" : "❌");
1654
- insert(_el$312, () => data().message);
1655
- insert(_el$313, createComponent(Show, {
1730
+ 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);
1731
+ insert(_el$321, () => isWarning() ? "⚠️" : "❌");
1732
+ insert(_el$323, () => data().message);
1733
+ insert(_el$324, createComponent(Show, {
1656
1734
  get when() {
1657
1735
  return data().retryAction;
1658
1736
  },
1659
1737
  get children() {
1660
- var _el$314 = getNextElement(_tmpl$74), _el$315 = _el$314.firstChild, _el$316 = _el$315.nextSibling, [_el$317, _co$72] = getNextMarker(_el$316.nextSibling);
1661
- _el$314.$$click = () => {
1738
+ var _el$325 = getNextElement(_tmpl$75), _el$326 = _el$325.firstChild, _el$327 = _el$326.nextSibling, [_el$328, _co$75] = getNextMarker(_el$327.nextSibling);
1739
+ _el$325.$$click = () => {
1662
1740
  var _a;
1663
1741
  return (_a = props.onAction) == null ? void 0 : _a.call(props, data().retryAction);
1664
1742
  };
1665
- insert(_el$314, () => data().retryLabel, _el$317, _co$72);
1666
- effect(() => 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`));
1743
+ insert(_el$325, () => data().retryLabel, _el$328, _co$75);
1744
+ 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`));
1667
1745
  runHydrationEvents();
1668
- return _el$314;
1746
+ return _el$325;
1669
1747
  }
1670
- }), _el$320, _co$73);
1671
- insert(_el$313, createComponent(Show, {
1748
+ }), _el$331, _co$76);
1749
+ insert(_el$324, createComponent(Show, {
1672
1750
  get when() {
1673
1751
  return data().details;
1674
1752
  },
1675
1753
  get children() {
1676
- var _el$318 = getNextElement(_tmpl$75);
1677
- _el$318.$$click = () => setShowDetails(!showDetails());
1754
+ var _el$329 = getNextElement(_tmpl$76);
1755
+ _el$329.$$click = () => setShowDetails(!showDetails());
1678
1756
  runHydrationEvents();
1679
- return _el$318;
1757
+ return _el$329;
1680
1758
  }
1681
- }), _el$322, _co$74);
1682
- insert(_el$311, createComponent(Show, {
1759
+ }), _el$333, _co$77);
1760
+ insert(_el$322, createComponent(Show, {
1683
1761
  get when() {
1684
1762
  return memo(() => !!showDetails())() && data().details;
1685
1763
  },
1686
1764
  get children() {
1687
- var _el$323 = getNextElement(_tmpl$76);
1688
- insert(_el$323, () => data().details);
1689
- return _el$323;
1765
+ var _el$334 = getNextElement(_tmpl$77);
1766
+ insert(_el$334, () => data().details);
1767
+ return _el$334;
1690
1768
  }
1691
- }), _el$325, _co$75);
1692
- effect(() => 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"}`));
1693
- return _el$308;
1769
+ }), _el$336, _co$78);
1770
+ 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"}`));
1771
+ return _el$319;
1694
1772
  })();
1695
1773
  };
1696
1774
  const SourceCardSection = (props) => {
@@ -1711,46 +1789,46 @@ const SourceCardSection = (props) => {
1711
1789
  error: "❌"
1712
1790
  })[data().status] || "📦";
1713
1791
  return (() => {
1714
- var _el$326 = getNextElement(_tmpl$80), _el$327 = _el$326.firstChild, _el$328 = _el$327.firstChild, _el$330 = _el$328.firstChild, [_el$331, _co$76] = getNextMarker(_el$330.nextSibling), _el$329 = _el$331.nextSibling, _el$332 = _el$329.nextSibling, [_el$333, _co$77] = getNextMarker(_el$332.nextSibling), _el$338 = _el$328.nextSibling, [_el$339, _co$79] = getNextMarker(_el$338.nextSibling), _el$340 = _el$327.nextSibling, _el$342 = _el$340.nextSibling, [_el$343, _co$80] = getNextMarker(_el$342.nextSibling);
1715
- insert(_el$328, statusIcon, _el$331, _co$76);
1716
- insert(_el$328, () => data().name, _el$333, _co$77);
1717
- insert(_el$327, createComponent(Show, {
1792
+ 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);
1793
+ insert(_el$339, statusIcon, _el$342, _co$79);
1794
+ insert(_el$339, () => data().name, _el$344, _co$80);
1795
+ insert(_el$338, createComponent(Show, {
1718
1796
  get when() {
1719
1797
  return data().row_count !== void 0;
1720
1798
  },
1721
1799
  get children() {
1722
- var _el$334 = getNextElement(_tmpl$78), _el$336 = _el$334.firstChild, [_el$337, _co$78] = getNextMarker(_el$336.nextSibling);
1723
- _el$337.nextSibling;
1724
- insert(_el$334, () => {
1800
+ var _el$345 = getNextElement(_tmpl$79), _el$347 = _el$345.firstChild, [_el$348, _co$81] = getNextMarker(_el$347.nextSibling);
1801
+ _el$348.nextSibling;
1802
+ insert(_el$345, () => {
1725
1803
  var _a;
1726
1804
  return (_a = data().row_count) == null ? void 0 : _a.toLocaleString();
1727
- }, _el$337, _co$78);
1728
- return _el$334;
1805
+ }, _el$348, _co$81);
1806
+ return _el$345;
1729
1807
  }
1730
- }), _el$339, _co$79);
1731
- insert(_el$340, createComponent(For, {
1808
+ }), _el$350, _co$82);
1809
+ insert(_el$351, createComponent(For, {
1732
1810
  get each() {
1733
1811
  return data().capabilities;
1734
1812
  },
1735
1813
  children: (cap) => (() => {
1736
- var _el$344 = getNextElement(_tmpl$81), _el$346 = _el$344.firstChild, [_el$347, _co$81] = getNextMarker(_el$346.nextSibling), _el$345 = _el$347.nextSibling, _el$348 = _el$345.nextSibling, [_el$349, _co$82] = getNextMarker(_el$348.nextSibling);
1737
- insert(_el$344, () => cap.supported ? "✅" : "❌", _el$347, _co$81);
1738
- insert(_el$344, () => cap.label, _el$349, _co$82);
1739
- effect(() => 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"}`));
1740
- return _el$344;
1814
+ 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);
1815
+ insert(_el$355, () => cap.supported ? "✅" : "❌", _el$358, _co$84);
1816
+ insert(_el$355, () => cap.label, _el$360, _co$85);
1817
+ 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"}`));
1818
+ return _el$355;
1741
1819
  })()
1742
1820
  }));
1743
- insert(_el$326, createComponent(Show, {
1821
+ insert(_el$337, createComponent(Show, {
1744
1822
  get when() {
1745
1823
  return data().freshness || data().latency_ms;
1746
1824
  },
1747
1825
  get children() {
1748
- var _el$341 = getNextElement(_tmpl$79);
1749
- insert(_el$341, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
1750
- return _el$341;
1826
+ var _el$352 = getNextElement(_tmpl$80);
1827
+ insert(_el$352, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
1828
+ return _el$352;
1751
1829
  }
1752
- }), _el$343, _co$80);
1753
- return _el$326;
1830
+ }), _el$354, _co$83);
1831
+ return _el$337;
1754
1832
  })();
1755
1833
  };
1756
1834
  const DiffSection = (props) => {
@@ -1774,10 +1852,10 @@ const DiffSection = (props) => {
1774
1852
  return [.../* @__PURE__ */ new Set([...Object.keys(l), ...Object.keys(r)])];
1775
1853
  };
1776
1854
  return (() => {
1777
- var _el$350 = 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;
1778
- insert(_el$355, () => data().left.label);
1779
- insert(_el$356, () => data().right.label);
1780
- insert(_el$357, createComponent(For, {
1855
+ 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;
1856
+ insert(_el$366, () => data().left.label);
1857
+ insert(_el$367, () => data().right.label);
1858
+ insert(_el$368, createComponent(For, {
1781
1859
  get each() {
1782
1860
  return allKeys();
1783
1861
  },
@@ -1792,22 +1870,22 @@ const DiffSection = (props) => {
1792
1870
  };
1793
1871
  const isDiff = () => String(lVal()) !== String(rVal()) && data().highlight.includes(key);
1794
1872
  return (() => {
1795
- var _el$358 = getNextElement(_tmpl$83), _el$359 = _el$358.firstChild, _el$360 = _el$359.nextSibling, _el$361 = _el$360.nextSibling;
1796
- insert(_el$359, key);
1797
- insert(_el$360, (() => {
1873
+ var _el$369 = getNextElement(_tmpl$84), _el$370 = _el$369.firstChild, _el$371 = _el$370.nextSibling, _el$372 = _el$371.nextSibling;
1874
+ insert(_el$370, key);
1875
+ insert(_el$371, (() => {
1798
1876
  var _c$7 = memo(() => lVal() !== void 0);
1799
1877
  return () => _c$7() ? String(lVal()) : "—";
1800
1878
  })());
1801
- insert(_el$361, (() => {
1879
+ insert(_el$372, (() => {
1802
1880
  var _c$8 = memo(() => rVal() !== void 0);
1803
1881
  return () => _c$8() ? String(rVal()) : "—";
1804
1882
  })());
1805
- effect(() => className(_el$358, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
1806
- return _el$358;
1883
+ effect(() => className(_el$369, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
1884
+ return _el$369;
1807
1885
  })();
1808
1886
  }
1809
1887
  }));
1810
- return _el$350;
1888
+ return _el$361;
1811
1889
  })();
1812
1890
  };
1813
1891
  delegateEvents(["click", "input"]);