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

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.
@@ -13,7 +13,7 @@ const AgentHandoff = require("./AgentHandoff.cjs");
13
13
  const BriefingDiff = require("./BriefingDiff.cjs");
14
14
  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>
15
15
  @keyframes scratchpad-slide-down { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
16
- </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">`);
16
+ </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(`<p class="text-xs text-gray-500 dark:text-gray-400"><!$><!/> champ<!$><!/> pré-rempli<!$><!/> sur <!$><!/>`), _tmpl$40 = /* @__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$41 = /* @__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$42 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-3 p-3 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg text-sm"><span class="flex-1 text-blue-800 dark:text-blue-200 font-medium"></span><span class="text-blue-600 dark:text-blue-300"><!$><!/>s...</span><button type=button class="text-blue-600 dark:text-blue-400 underline text-xs">Modifier</button><button type=button class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">&times;`), _tmpl$43 = /* @__PURE__ */ 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$44 = /* @__PURE__ */ web.template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$45 = /* @__PURE__ */ web.template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$46 = /* @__PURE__ */ web.template(`<div class="mt-2 ml-6">`), _tmpl$47 = /* @__PURE__ */ web.template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$48 = /* @__PURE__ */ web.template(`<p class="text-sm font-medium text-gray-800 dark:text-gray-200 mb-2">`), _tmpl$49 = /* @__PURE__ */ web.template(`<span class=text-amber-600>(<!$><!/> unverified)`), _tmpl$50 = /* @__PURE__ */ web.template(`<div class="mb-2 flex items-center gap-2 text-xs"><span><!$><!/>% verified</span><!$><!/>`), _tmpl$51 = /* @__PURE__ */ web.template(`<div><!$><!/><!$><!/><!$><!/><div class="flex flex-wrap gap-2">`), _tmpl$52 = /* @__PURE__ */ web.template(`<span class="font-medium text-gray-800 dark:text-gray-200">`), _tmpl$53 = /* @__PURE__ */ web.template(`<span class=ml-1>&mdash; <!$><!/>`), _tmpl$54 = /* @__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$55 = /* @__PURE__ */ web.template(`<span class=mr-1>`), _tmpl$56 = /* @__PURE__ */ web.template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$57 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$58 = /* @__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$59 = /* @__PURE__ */ web.template(`<span class=italic>&mdash; <!$><!/>`), _tmpl$60 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><span><!$><!/> <!$><!/></span><!$><!/>`), _tmpl$61 = /* @__PURE__ */ web.template(`<div class="flex flex-wrap gap-2">`), _tmpl$62 = /* @__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$63 = /* @__PURE__ */ web.template(`<div class=space-y-3><p class="text-sm text-gray-700 dark:text-gray-300"></p><!$><!/><!$><!/>`), _tmpl$64 = /* @__PURE__ */ web.template(`<span>`), _tmpl$65 = /* @__PURE__ */ web.template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$66 = /* @__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$67 = /* @__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$68 = /* @__PURE__ */ web.template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$69 = /* @__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$70 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-1 flex-wrap">`), _tmpl$71 = /* @__PURE__ */ web.template(`<div class=space-y-2>`), _tmpl$72 = /* @__PURE__ */ web.template(`<span class="ml-1 text-xs text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$73 = /* @__PURE__ */ web.template(`<span class="ml-1 text-xs text-gray-400">(<!$><!/>ms)`), _tmpl$74 = /* @__PURE__ */ web.template(`<div><span class=flex-shrink-0></span><div><span></span><!$><!/><!$><!/>`), _tmpl$75 = /* @__PURE__ */ web.template(`<span class="text-[10px] opacity-75">`), _tmpl$76 = /* @__PURE__ */ web.template(`<div><span></span><span></span><!$><!/>`), _tmpl$77 = /* @__PURE__ */ web.template(`<button type=button>&#128260; <!$><!/>`), _tmpl$78 = /* @__PURE__ */ web.template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">&#9654; Details`), _tmpl$79 = /* @__PURE__ */ web.template(`<pre class="mt-2 text-xs opacity-70 overflow-x-auto">`), _tmpl$80 = /* @__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$81 = /* @__PURE__ */ web.template(`<span class="text-xs font-bold text-blue-600 dark:text-blue-400"><!$><!/> results`), _tmpl$82 = /* @__PURE__ */ web.template(`<p class="text-[10px] text-gray-400">`), _tmpl$83 = /* @__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$84 = /* @__PURE__ */ web.template(`<span><!$><!/> <!$><!/>`), _tmpl$85 = /* @__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$86 = /* @__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">`);
17
17
  const STATUS_BADGES = {
18
18
  loading: {
19
19
  label: "Loading...",
@@ -1092,46 +1092,99 @@ const EmbeddedFormSection = (props) => {
1092
1092
  });
1093
1093
  }
1094
1094
  };
1095
- return (() => {
1096
- 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;
1097
- _el$154.addEventListener("submit", handleSubmit);
1098
- web.insert(_el$154, web.createComponent(solidJs.For, {
1099
- get each() {
1100
- return config().fields;
1101
- },
1102
- children: (field) => web.createComponent(FormFieldRenderer.FormFieldRenderer, {
1103
- get field() {
1104
- return getField(field);
1105
- },
1106
- get value() {
1107
- return formData()[field.name];
1108
- },
1109
- onChange: (val) => updateField(field.name, val),
1110
- formData
1111
- })
1112
- }), _el$167, _co$36);
1113
- web.insert(_el$154, web.createComponent(solidJs.Show, {
1114
- get when() {
1115
- return countdown() != null;
1116
- },
1117
- get children() {
1118
- 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);
1119
- _el$162.nextSibling;
1120
- var _el$163 = _el$156.nextSibling;
1121
- web.insert(_el$156, () => config().submitLabel, _el$160, _co$34);
1122
- web.insert(_el$156, countdown, _el$162, _co$35);
1123
- _el$163.$$click = () => {
1095
+ const prefillSummary = () => {
1096
+ const fields = config().fields;
1097
+ const total = fields.length;
1098
+ const prefilled = fields.filter((f) => f.prefill != null).length;
1099
+ return {
1100
+ total,
1101
+ prefilled
1102
+ };
1103
+ };
1104
+ const [expanded, setExpanded] = solidJs.createSignal(false);
1105
+ const allFieldsPrefilled = () => {
1106
+ const fields = config().fields;
1107
+ return fields.length > 0 && fields.every((f) => f.prefill != null);
1108
+ };
1109
+ const showToast = () => allFieldsPrefilled() && !userInteracted() && !expanded() && countdown() != null;
1110
+ return web.createComponent(solidJs.Show, {
1111
+ get when() {
1112
+ return !showToast();
1113
+ },
1114
+ get fallback() {
1115
+ return (() => {
1116
+ var _el$184 = web.getNextElement(_tmpl$42), _el$185 = _el$184.firstChild, _el$186 = _el$185.nextSibling, _el$188 = _el$186.firstChild, [_el$189, _co$43] = web.getNextMarker(_el$188.nextSibling);
1117
+ _el$189.nextSibling;
1118
+ var _el$190 = _el$186.nextSibling, _el$191 = _el$190.nextSibling;
1119
+ web.insert(_el$185, () => config().fields.map((f) => f.displayHint || f.prefill).join(", "));
1120
+ web.insert(_el$186, countdown, _el$189, _co$43);
1121
+ _el$190.$$click = () => {
1122
+ setExpanded(true);
1123
+ cancelCountdown();
1124
+ setUserInteracted(true);
1125
+ };
1126
+ _el$191.$$click = () => {
1124
1127
  cancelCountdown();
1125
1128
  setUserInteracted(true);
1126
1129
  };
1127
1130
  web.runHydrationEvents();
1128
- return _el$155;
1129
- }
1130
- }), _el$169, _co$37);
1131
- web.insert(_el$165, () => config().submitLabel);
1132
- web.effect(() => web.setAttribute(_el$154, "id", `scratchpad-form-${props.sectionId}`));
1133
- return _el$154;
1134
- })();
1131
+ return _el$184;
1132
+ })();
1133
+ },
1134
+ get children() {
1135
+ var _el$154 = web.getNextElement(_tmpl$41), _el$178 = _el$154.firstChild, [_el$179, _co$40] = web.getNextMarker(_el$178.nextSibling), _el$180 = _el$179.nextSibling, [_el$181, _co$41] = web.getNextMarker(_el$180.nextSibling), _el$182 = _el$181.nextSibling, [_el$183, _co$42] = web.getNextMarker(_el$182.nextSibling), _el$176 = _el$183.nextSibling, _el$177 = _el$176.firstChild;
1136
+ _el$154.addEventListener("submit", handleSubmit);
1137
+ web.insert(_el$154, web.createComponent(solidJs.Show, {
1138
+ get when() {
1139
+ return prefillSummary().prefilled > 0;
1140
+ },
1141
+ get children() {
1142
+ var _el$155 = web.getNextElement(_tmpl$39), _el$159 = _el$155.firstChild, [_el$160, _co$34] = web.getNextMarker(_el$159.nextSibling), _el$156 = _el$160.nextSibling, _el$161 = _el$156.nextSibling, [_el$162, _co$35] = web.getNextMarker(_el$161.nextSibling), _el$157 = _el$162.nextSibling, _el$163 = _el$157.nextSibling, [_el$164, _co$36] = web.getNextMarker(_el$163.nextSibling), _el$158 = _el$164.nextSibling, _el$165 = _el$158.nextSibling, [_el$166, _co$37] = web.getNextMarker(_el$165.nextSibling);
1143
+ web.insert(_el$155, () => prefillSummary().prefilled, _el$160, _co$34);
1144
+ web.insert(_el$155, () => prefillSummary().prefilled > 1 ? "s" : "", _el$162, _co$35);
1145
+ web.insert(_el$155, () => prefillSummary().prefilled > 1 ? "s" : "", _el$164, _co$36);
1146
+ web.insert(_el$155, () => prefillSummary().total, _el$166, _co$37);
1147
+ return _el$155;
1148
+ }
1149
+ }), _el$179, _co$40);
1150
+ web.insert(_el$154, web.createComponent(solidJs.For, {
1151
+ get each() {
1152
+ return config().fields;
1153
+ },
1154
+ children: (field) => web.createComponent(FormFieldRenderer.FormFieldRenderer, {
1155
+ get field() {
1156
+ return getField(field);
1157
+ },
1158
+ get value() {
1159
+ return formData()[field.name];
1160
+ },
1161
+ onChange: (val) => updateField(field.name, val),
1162
+ formData
1163
+ })
1164
+ }), _el$181, _co$41);
1165
+ web.insert(_el$154, web.createComponent(solidJs.Show, {
1166
+ get when() {
1167
+ return countdown() != null;
1168
+ },
1169
+ get children() {
1170
+ var _el$167 = web.getNextElement(_tmpl$40), _el$168 = _el$167.firstChild, _el$171 = _el$168.firstChild, [_el$172, _co$38] = web.getNextMarker(_el$171.nextSibling), _el$169 = _el$172.nextSibling, _el$173 = _el$169.nextSibling, [_el$174, _co$39] = web.getNextMarker(_el$173.nextSibling);
1171
+ _el$174.nextSibling;
1172
+ var _el$175 = _el$168.nextSibling;
1173
+ web.insert(_el$168, () => config().submitLabel, _el$172, _co$38);
1174
+ web.insert(_el$168, countdown, _el$174, _co$39);
1175
+ _el$175.$$click = () => {
1176
+ cancelCountdown();
1177
+ setUserInteracted(true);
1178
+ };
1179
+ web.runHydrationEvents();
1180
+ return _el$167;
1181
+ }
1182
+ }), _el$183, _co$42);
1183
+ web.insert(_el$177, () => config().submitLabel);
1184
+ web.effect(() => web.setAttribute(_el$154, "id", `scratchpad-form-${props.sectionId}`));
1185
+ return _el$154;
1186
+ }
1187
+ });
1135
1188
  };
1136
1189
  const EnrichedStepsSection = (props) => {
1137
1190
  const stepsData = () => {
@@ -1142,35 +1195,35 @@ const EnrichedStepsSection = (props) => {
1142
1195
  };
1143
1196
  };
1144
1197
  return (() => {
1145
- 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);
1146
- web.insert(_el$170, web.createComponent(solidJs.For, {
1198
+ var _el$192 = web.getNextElement(_tmpl$44), _el$195 = _el$192.firstChild, [_el$196, _co$44] = web.getNextMarker(_el$195.nextSibling), _el$197 = _el$196.nextSibling, [_el$198, _co$45] = web.getNextMarker(_el$197.nextSibling);
1199
+ web.insert(_el$192, web.createComponent(solidJs.For, {
1147
1200
  get each() {
1148
1201
  return stepsData().steps;
1149
1202
  },
1150
1203
  children: (step) => (() => {
1151
- 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);
1152
- web.insert(_el$179, (() => {
1204
+ var _el$199 = web.getNextElement(_tmpl$47), _el$200 = _el$199.firstChild, _el$201 = _el$200.firstChild, _el$206 = _el$201.nextSibling, [_el$207, _co$47] = web.getNextMarker(_el$206.nextSibling), _el$208 = _el$207.nextSibling, [_el$209, _co$48] = web.getNextMarker(_el$208.nextSibling), _el$211 = _el$200.nextSibling, [_el$212, _co$49] = web.getNextMarker(_el$211.nextSibling);
1205
+ web.insert(_el$201, (() => {
1153
1206
  var _c$5 = web.memo(() => step.status === "done");
1154
1207
  return () => _c$5() ? "✅" : step.status === "active" ? "●" : "○";
1155
1208
  })());
1156
- web.insert(_el$178, () => step.label, _el$185, _co$41);
1157
- web.insert(_el$178, web.createComponent(solidJs.Show, {
1209
+ web.insert(_el$200, () => step.label, _el$207, _co$47);
1210
+ web.insert(_el$200, web.createComponent(solidJs.Show, {
1158
1211
  get when() {
1159
1212
  return web.memo(() => !!step.description)() && step.status === "active";
1160
1213
  },
1161
1214
  get children() {
1162
- 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);
1163
- web.insert(_el$180, () => step.description, _el$183, _co$40);
1164
- return _el$180;
1215
+ var _el$202 = web.getNextElement(_tmpl$45), _el$203 = _el$202.firstChild, _el$204 = _el$203.nextSibling, [_el$205, _co$46] = web.getNextMarker(_el$204.nextSibling);
1216
+ web.insert(_el$202, () => step.description, _el$205, _co$46);
1217
+ return _el$202;
1165
1218
  }
1166
- }), _el$187, _co$42);
1167
- web.insert(_el$177, web.createComponent(solidJs.Show, {
1219
+ }), _el$209, _co$48);
1220
+ web.insert(_el$199, web.createComponent(solidJs.Show, {
1168
1221
  get when() {
1169
1222
  return web.memo(() => step.status === "active")() && step.content;
1170
1223
  },
1171
1224
  get children() {
1172
- var _el$188 = web.getNextElement(_tmpl$44);
1173
- web.insert(_el$188, web.createComponent(SectionRenderer, {
1225
+ var _el$210 = web.getNextElement(_tmpl$46);
1226
+ web.insert(_el$210, web.createComponent(SectionRenderer, {
1174
1227
  get section() {
1175
1228
  return step.content;
1176
1229
  },
@@ -1182,38 +1235,38 @@ const EnrichedStepsSection = (props) => {
1182
1235
  return props.onAction;
1183
1236
  }
1184
1237
  }));
1185
- return _el$188;
1238
+ return _el$210;
1186
1239
  }
1187
- }), _el$190, _co$43);
1240
+ }), _el$212, _co$49);
1188
1241
  web.effect((_p$) => {
1189
1242
  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"}`;
1190
- _v$4 !== _p$.e && web.className(_el$177, _p$.e = _v$4);
1191
- _v$5 !== _p$.t && web.className(_el$178, _p$.t = _v$5);
1243
+ _v$4 !== _p$.e && web.className(_el$199, _p$.e = _v$4);
1244
+ _v$5 !== _p$.t && web.className(_el$200, _p$.t = _v$5);
1192
1245
  return _p$;
1193
1246
  }, {
1194
1247
  e: void 0,
1195
1248
  t: void 0
1196
1249
  });
1197
- return _el$177;
1250
+ return _el$199;
1198
1251
  })()
1199
- }), _el$174, _co$38);
1200
- web.insert(_el$170, web.createComponent(solidJs.Show, {
1252
+ }), _el$196, _co$44);
1253
+ web.insert(_el$192, web.createComponent(solidJs.Show, {
1201
1254
  get when() {
1202
1255
  return stepsData().steps.some((s) => s.status === "active");
1203
1256
  },
1204
1257
  get children() {
1205
- var _el$171 = web.getNextElement(_tmpl$41), _el$172 = _el$171.firstChild;
1206
- _el$172.$$click = () => {
1258
+ var _el$193 = web.getNextElement(_tmpl$43), _el$194 = _el$193.firstChild;
1259
+ _el$194.$$click = () => {
1207
1260
  var _a;
1208
1261
  return (_a = props.onAction) == null ? void 0 : _a.call(props, "next_step", {
1209
1262
  step: stepsData().currentStep
1210
1263
  });
1211
1264
  };
1212
1265
  web.runHydrationEvents();
1213
- return _el$171;
1266
+ return _el$193;
1214
1267
  }
1215
- }), _el$176, _co$39);
1216
- return _el$170;
1268
+ }), _el$198, _co$45);
1269
+ return _el$192;
1217
1270
  })();
1218
1271
  };
1219
1272
  const ActionSection = (props) => {
@@ -1239,103 +1292,103 @@ const ActionSection = (props) => {
1239
1292
  };
1240
1293
  };
1241
1294
  return (() => {
1242
- 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;
1243
- web.insert(_el$191, web.createComponent(solidJs.Show, {
1295
+ var _el$213 = web.getNextElement(_tmpl$51), _el$228 = _el$213.firstChild, [_el$229, _co$53] = web.getNextMarker(_el$228.nextSibling), _el$230 = _el$229.nextSibling, [_el$231, _co$54] = web.getNextMarker(_el$230.nextSibling), _el$232 = _el$231.nextSibling, [_el$233, _co$55] = web.getNextMarker(_el$232.nextSibling), _el$227 = _el$233.nextSibling;
1296
+ web.insert(_el$213, web.createComponent(solidJs.Show, {
1244
1297
  get when() {
1245
1298
  return data().title;
1246
1299
  },
1247
1300
  get children() {
1248
- var _el$192 = web.getNextElement(_tmpl$46);
1249
- web.insert(_el$192, () => data().title);
1250
- return _el$192;
1301
+ var _el$214 = web.getNextElement(_tmpl$48);
1302
+ web.insert(_el$214, () => data().title);
1303
+ return _el$214;
1251
1304
  }
1252
- }), _el$207, _co$47);
1253
- web.insert(_el$191, web.createComponent(solidJs.Show, {
1305
+ }), _el$229, _co$53);
1306
+ web.insert(_el$213, web.createComponent(solidJs.Show, {
1254
1307
  get when() {
1255
1308
  return data().preview;
1256
1309
  },
1257
1310
  children: (preview) => (() => {
1258
- 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);
1259
- web.insert(_el$212, web.createComponent(solidJs.Show, {
1311
+ var _el$234 = web.getNextElement(_tmpl$54), _el$240 = _el$234.firstChild, [_el$241, _co$57] = web.getNextMarker(_el$240.nextSibling), _el$242 = _el$241.nextSibling, [_el$243, _co$58] = web.getNextMarker(_el$242.nextSibling);
1312
+ web.insert(_el$234, web.createComponent(solidJs.Show, {
1260
1313
  get when() {
1261
1314
  return preview().count != null;
1262
1315
  },
1263
1316
  get children() {
1264
1317
  return [(() => {
1265
- var _el$213 = web.getNextElement(_tmpl$50);
1266
- web.insert(_el$213, () => preview().count);
1267
- return _el$213;
1318
+ var _el$235 = web.getNextElement(_tmpl$52);
1319
+ web.insert(_el$235, () => preview().count);
1320
+ return _el$235;
1268
1321
  })(), " items"];
1269
1322
  }
1270
- }), _el$219, _co$51);
1271
- web.insert(_el$212, web.createComponent(solidJs.Show, {
1323
+ }), _el$241, _co$57);
1324
+ web.insert(_el$234, web.createComponent(solidJs.Show, {
1272
1325
  get when() {
1273
1326
  return preview().summary;
1274
1327
  },
1275
1328
  get children() {
1276
- 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);
1277
- web.insert(_el$214, () => preview().summary, _el$217, _co$50);
1278
- return _el$214;
1329
+ var _el$236 = web.getNextElement(_tmpl$53), _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling, [_el$239, _co$56] = web.getNextMarker(_el$238.nextSibling);
1330
+ web.insert(_el$236, () => preview().summary, _el$239, _co$56);
1331
+ return _el$236;
1279
1332
  }
1280
- }), _el$221, _co$52);
1281
- return _el$212;
1333
+ }), _el$243, _co$58);
1334
+ return _el$234;
1282
1335
  })()
1283
- }), _el$209, _co$48);
1284
- web.insert(_el$191, web.createComponent(solidJs.Show, {
1336
+ }), _el$231, _co$54);
1337
+ web.insert(_el$213, web.createComponent(solidJs.Show, {
1285
1338
  get when() {
1286
1339
  return web.memo(() => !!data().validation)() && data().validation.confidence != null;
1287
1340
  },
1288
1341
  get children() {
1289
- 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);
1290
- _el$197.nextSibling;
1291
- var _el$203 = _el$194.nextSibling, [_el$204, _co$46] = web.getNextMarker(_el$203.nextSibling);
1292
- web.insert(_el$194, () => Math.round(data().validation.confidence * 100), _el$197, _co$44);
1293
- web.insert(_el$193, web.createComponent(solidJs.Show, {
1342
+ var _el$215 = web.getNextElement(_tmpl$50), _el$216 = _el$215.firstChild, _el$218 = _el$216.firstChild, [_el$219, _co$50] = web.getNextMarker(_el$218.nextSibling);
1343
+ _el$219.nextSibling;
1344
+ var _el$225 = _el$216.nextSibling, [_el$226, _co$52] = web.getNextMarker(_el$225.nextSibling);
1345
+ web.insert(_el$216, () => Math.round(data().validation.confidence * 100), _el$219, _co$50);
1346
+ web.insert(_el$215, web.createComponent(solidJs.Show, {
1294
1347
  get when() {
1295
1348
  var _a;
1296
1349
  return ((_a = data().validation.hallucinated) == null ? void 0 : _a.length) > 0;
1297
1350
  },
1298
1351
  get children() {
1299
- 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);
1300
- _el$202.nextSibling;
1301
- web.insert(_el$198, () => data().validation.hallucinated.length, _el$202, _co$45);
1302
- return _el$198;
1352
+ var _el$220 = web.getNextElement(_tmpl$49), _el$221 = _el$220.firstChild, _el$223 = _el$221.nextSibling, [_el$224, _co$51] = web.getNextMarker(_el$223.nextSibling);
1353
+ _el$224.nextSibling;
1354
+ web.insert(_el$220, () => data().validation.hallucinated.length, _el$224, _co$51);
1355
+ return _el$220;
1303
1356
  }
1304
- }), _el$204, _co$46);
1305
- web.effect((_$p) => web.classList(_el$194, {
1357
+ }), _el$226, _co$52);
1358
+ web.effect((_$p) => web.classList(_el$216, {
1306
1359
  "text-green-600 dark:text-green-400": data().validation.confidence >= 0.8,
1307
1360
  "text-amber-600 dark:text-amber-400": data().validation.confidence >= 0.5 && data().validation.confidence < 0.8,
1308
1361
  "text-red-600 dark:text-red-400": data().validation.confidence < 0.5
1309
1362
  }, _$p));
1310
- return _el$193;
1363
+ return _el$215;
1311
1364
  }
1312
- }), _el$211, _co$49);
1313
- web.insert(_el$205, web.createComponent(solidJs.For, {
1365
+ }), _el$233, _co$55);
1366
+ web.insert(_el$227, web.createComponent(solidJs.For, {
1314
1367
  get each() {
1315
1368
  return data().actions;
1316
1369
  },
1317
1370
  children: (item) => (() => {
1318
- 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);
1319
- web.addEventListener(_el$222, "click", () => {
1371
+ var _el$244 = web.getNextElement(_tmpl$38), _el$246 = _el$244.firstChild, [_el$247, _co$59] = web.getNextMarker(_el$246.nextSibling), _el$248 = _el$247.nextSibling, [_el$249, _co$60] = web.getNextMarker(_el$248.nextSibling);
1372
+ web.addEventListener(_el$244, "click", () => {
1320
1373
  var _a;
1321
1374
  return (_a = props.onAction) == null ? void 0 : _a.call(props, item.value || item.action || item.label, item);
1322
1375
  });
1323
- web.insert(_el$222, web.createComponent(solidJs.Show, {
1376
+ web.insert(_el$244, web.createComponent(solidJs.Show, {
1324
1377
  get when() {
1325
1378
  return item.icon;
1326
1379
  },
1327
1380
  get children() {
1328
- var _el$223 = web.getNextElement(_tmpl$53);
1329
- web.insert(_el$223, () => item.icon);
1330
- return _el$223;
1381
+ var _el$245 = web.getNextElement(_tmpl$55);
1382
+ web.insert(_el$245, () => item.icon);
1383
+ return _el$245;
1331
1384
  }
1332
- }), _el$225, _co$53);
1333
- web.insert(_el$222, () => item.label, _el$227, _co$54);
1334
- 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"}`));
1335
- return _el$222;
1385
+ }), _el$247, _co$59);
1386
+ web.insert(_el$244, () => item.label, _el$249, _co$60);
1387
+ web.effect(() => web.className(_el$244, `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors ${item.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : item.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : item.variant === "secondary" ? "border border-blue-300 dark:border-blue-600 text-blue-700 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-blue-900/20" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
1388
+ return _el$244;
1336
1389
  })()
1337
1390
  }));
1338
- return _el$191;
1391
+ return _el$213;
1339
1392
  })();
1340
1393
  };
1341
1394
  const UnderstandingSection = (props) => {
@@ -1359,39 +1412,39 @@ const UnderstandingSection = (props) => {
1359
1412
  }
1360
1413
  };
1361
1414
  return (() => {
1362
- 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);
1363
- web.insert(_el$229, web.createComponent(solidJs.For, {
1415
+ var _el$250 = web.getNextElement(_tmpl$56), _el$251 = _el$250.firstChild, _el$253 = _el$251.nextSibling, [_el$254, _co$61] = web.getNextMarker(_el$253.nextSibling);
1416
+ web.insert(_el$251, web.createComponent(solidJs.For, {
1364
1417
  get each() {
1365
1418
  return data().detections;
1366
1419
  },
1367
1420
  children: (det) => (() => {
1368
- var _el$233 = web.getNextElement(_tmpl$55), _el$234 = _el$233.firstChild, _el$235 = _el$234.nextSibling;
1369
- web.insert(_el$234, () => det.label);
1370
- web.insert(_el$235, () => det.value);
1371
- web.effect(() => web.className(_el$234, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
1372
- return _el$233;
1421
+ var _el$255 = web.getNextElement(_tmpl$57), _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling;
1422
+ web.insert(_el$256, () => det.label);
1423
+ web.insert(_el$257, () => det.value);
1424
+ web.effect(() => web.className(_el$256, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
1425
+ return _el$255;
1373
1426
  })()
1374
1427
  }));
1375
- web.insert(_el$228, web.createComponent(solidJs.Show, {
1428
+ web.insert(_el$250, web.createComponent(solidJs.Show, {
1376
1429
  get when() {
1377
1430
  return data().warnings.length > 0;
1378
1431
  },
1379
1432
  get children() {
1380
- var _el$230 = web.getNextElement(_tmpl$25);
1381
- web.insert(_el$230, web.createComponent(solidJs.For, {
1433
+ var _el$252 = web.getNextElement(_tmpl$25);
1434
+ web.insert(_el$252, web.createComponent(solidJs.For, {
1382
1435
  get each() {
1383
1436
  return data().warnings;
1384
1437
  },
1385
1438
  children: (w) => (() => {
1386
- var _el$236 = web.getNextElement(_tmpl$56), _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling;
1387
- web.insert(_el$238, w);
1388
- return _el$236;
1439
+ var _el$258 = web.getNextElement(_tmpl$58), _el$259 = _el$258.firstChild, _el$260 = _el$259.nextSibling;
1440
+ web.insert(_el$260, w);
1441
+ return _el$258;
1389
1442
  })()
1390
1443
  }));
1391
- return _el$230;
1444
+ return _el$252;
1392
1445
  }
1393
- }), _el$232, _co$55);
1394
- return _el$228;
1446
+ }), _el$254, _co$61);
1447
+ return _el$250;
1395
1448
  })();
1396
1449
  };
1397
1450
  const FeedbackSection = (props) => {
@@ -1446,81 +1499,81 @@ const FeedbackSection = (props) => {
1446
1499
  (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", payload);
1447
1500
  };
1448
1501
  return (() => {
1449
- 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);
1450
- web.insert(_el$240, () => data().question);
1451
- web.insert(_el$239, web.createComponent(solidJs.Show, {
1502
+ var _el$261 = web.getNextElement(_tmpl$63), _el$262 = _el$261.firstChild, _el$280 = _el$262.nextSibling, [_el$281, _co$66] = web.getNextMarker(_el$280.nextSibling), _el$282 = _el$281.nextSibling, [_el$283, _co$67] = web.getNextMarker(_el$282.nextSibling);
1503
+ web.insert(_el$262, () => data().question);
1504
+ web.insert(_el$261, web.createComponent(solidJs.Show, {
1452
1505
  get when() {
1453
1506
  return submitted();
1454
1507
  },
1455
1508
  get children() {
1456
- 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);
1457
- web.insert(_el$242, (() => {
1509
+ var _el$263 = web.getNextElement(_tmpl$60), _el$264 = _el$263.firstChild, _el$266 = _el$264.firstChild, [_el$267, _co$62] = web.getNextMarker(_el$266.nextSibling), _el$265 = _el$267.nextSibling, _el$268 = _el$265.nextSibling, [_el$269, _co$63] = web.getNextMarker(_el$268.nextSibling), _el$274 = _el$264.nextSibling, [_el$275, _co$65] = web.getNextMarker(_el$274.nextSibling);
1510
+ web.insert(_el$264, (() => {
1458
1511
  var _c$6 = web.memo(() => submitted() === "approve");
1459
1512
  return () => _c$6() ? "✅" : submitted() === "reject" ? "❌" : "💬";
1460
- })(), _el$245, _co$56);
1461
- web.insert(_el$242, submitted, _el$247, _co$57);
1462
- web.insert(_el$241, web.createComponent(solidJs.Show, {
1513
+ })(), _el$267, _co$62);
1514
+ web.insert(_el$264, submitted, _el$269, _co$63);
1515
+ web.insert(_el$263, web.createComponent(solidJs.Show, {
1463
1516
  get when() {
1464
1517
  return comment();
1465
1518
  },
1466
1519
  get children() {
1467
- 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);
1468
- web.insert(_el$248, comment, _el$251, _co$58);
1469
- return _el$248;
1520
+ var _el$270 = web.getNextElement(_tmpl$59), _el$271 = _el$270.firstChild, _el$272 = _el$271.nextSibling, [_el$273, _co$64] = web.getNextMarker(_el$272.nextSibling);
1521
+ web.insert(_el$270, comment, _el$273, _co$64);
1522
+ return _el$270;
1470
1523
  }
1471
- }), _el$253, _co$59);
1524
+ }), _el$275, _co$65);
1472
1525
  web.effect((_p$) => {
1473
1526
  var _v$6 = !!(submitted() === "approve"), _v$7 = !!(submitted() === "reject"), _v$8 = !!(submitted() !== "approve" && submitted() !== "reject");
1474
- _v$6 !== _p$.e && _el$242.classList.toggle("text-green-600", _p$.e = _v$6);
1475
- _v$7 !== _p$.t && _el$242.classList.toggle("text-red-600", _p$.t = _v$7);
1476
- _v$8 !== _p$.a && _el$242.classList.toggle("text-blue-600", _p$.a = _v$8);
1527
+ _v$6 !== _p$.e && _el$264.classList.toggle("text-green-600", _p$.e = _v$6);
1528
+ _v$7 !== _p$.t && _el$264.classList.toggle("text-red-600", _p$.t = _v$7);
1529
+ _v$8 !== _p$.a && _el$264.classList.toggle("text-blue-600", _p$.a = _v$8);
1477
1530
  return _p$;
1478
1531
  }, {
1479
1532
  e: void 0,
1480
1533
  t: void 0,
1481
1534
  a: void 0
1482
1535
  });
1483
- return _el$241;
1536
+ return _el$263;
1484
1537
  }
1485
- }), _el$259, _co$60);
1486
- web.insert(_el$239, web.createComponent(solidJs.Show, {
1538
+ }), _el$281, _co$66);
1539
+ web.insert(_el$261, web.createComponent(solidJs.Show, {
1487
1540
  get when() {
1488
1541
  return !submitted();
1489
1542
  },
1490
1543
  get children() {
1491
1544
  return [(() => {
1492
- var _el$254 = web.getNextElement(_tmpl$59);
1493
- web.insert(_el$254, web.createComponent(solidJs.For, {
1545
+ var _el$276 = web.getNextElement(_tmpl$61);
1546
+ web.insert(_el$276, web.createComponent(solidJs.For, {
1494
1547
  get each() {
1495
1548
  return data().options;
1496
1549
  },
1497
1550
  children: (option) => (() => {
1498
- 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);
1499
- web.addEventListener(_el$262, "click", () => handleOption(option));
1500
- web.insert(_el$262, web.createComponent(solidJs.Show, {
1551
+ var _el$284 = web.getNextElement(_tmpl$38), _el$286 = _el$284.firstChild, [_el$287, _co$68] = web.getNextMarker(_el$286.nextSibling), _el$288 = _el$287.nextSibling, [_el$289, _co$69] = web.getNextMarker(_el$288.nextSibling);
1552
+ web.addEventListener(_el$284, "click", () => handleOption(option));
1553
+ web.insert(_el$284, web.createComponent(solidJs.Show, {
1501
1554
  get when() {
1502
1555
  return option.icon;
1503
1556
  },
1504
1557
  get children() {
1505
- var _el$263 = web.getNextElement(_tmpl$62);
1506
- web.insert(_el$263, () => option.icon);
1507
- return _el$263;
1558
+ var _el$285 = web.getNextElement(_tmpl$64);
1559
+ web.insert(_el$285, () => option.icon);
1560
+ return _el$285;
1508
1561
  }
1509
- }), _el$265, _co$62);
1510
- web.insert(_el$262, () => option.label, _el$267, _co$63);
1511
- 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"}`));
1512
- return _el$262;
1562
+ }), _el$287, _co$68);
1563
+ web.insert(_el$284, () => option.label, _el$289, _co$69);
1564
+ web.effect(() => web.className(_el$284, `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors flex items-center gap-1 ${option.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : option.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
1565
+ return _el$284;
1513
1566
  })()
1514
1567
  }));
1515
- return _el$254;
1568
+ return _el$276;
1516
1569
  })(), web.createComponent(solidJs.Show, {
1517
1570
  get when() {
1518
1571
  return data().allowFreeText || showComment();
1519
1572
  },
1520
1573
  get children() {
1521
- var _el$255 = web.getNextElement(_tmpl$60), _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling;
1522
- _el$256.$$input = (e) => setComment(e.currentTarget.value);
1523
- web.addEventListener(_el$257, "click", () => {
1574
+ var _el$277 = web.getNextElement(_tmpl$62), _el$278 = _el$277.firstChild, _el$279 = _el$278.nextSibling;
1575
+ _el$278.$$input = (e) => setComment(e.currentTarget.value);
1576
+ web.addEventListener(_el$279, "click", () => {
1524
1577
  var _a;
1525
1578
  setSubmitted("comment");
1526
1579
  (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", {
@@ -1532,21 +1585,21 @@ const FeedbackSection = (props) => {
1532
1585
  });
1533
1586
  web.effect((_p$) => {
1534
1587
  var _v$9 = data().placeholder, _v$0 = showComment();
1535
- _v$9 !== _p$.e && web.setAttribute(_el$256, "placeholder", _p$.e = _v$9);
1536
- _v$0 !== _p$.t && web.setProperty(_el$256, "autofocus", _p$.t = _v$0);
1588
+ _v$9 !== _p$.e && web.setAttribute(_el$278, "placeholder", _p$.e = _v$9);
1589
+ _v$0 !== _p$.t && web.setProperty(_el$278, "autofocus", _p$.t = _v$0);
1537
1590
  return _p$;
1538
1591
  }, {
1539
1592
  e: void 0,
1540
1593
  t: void 0
1541
1594
  });
1542
- web.effect(() => web.setProperty(_el$256, "value", comment()));
1595
+ web.effect(() => web.setProperty(_el$278, "value", comment()));
1543
1596
  web.runHydrationEvents();
1544
- return _el$255;
1597
+ return _el$277;
1545
1598
  }
1546
1599
  })];
1547
1600
  }
1548
- }), _el$261, _co$61);
1549
- return _el$239;
1601
+ }), _el$283, _co$67);
1602
+ return _el$261;
1550
1603
  })();
1551
1604
  };
1552
1605
  const PromptSection = (props) => {
@@ -1561,56 +1614,56 @@ const PromptSection = (props) => {
1561
1614
  };
1562
1615
  };
1563
1616
  return (() => {
1564
- 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);
1565
- web.insert(_el$268, web.createComponent(solidJs.Show, {
1617
+ var _el$290 = web.getNextElement(_tmpl$68), _el$303 = _el$290.firstChild, [_el$304, _co$72] = web.getNextMarker(_el$303.nextSibling), _el$296 = _el$304.nextSibling, _el$305 = _el$296.nextSibling, [_el$306, _co$73] = web.getNextMarker(_el$305.nextSibling), _el$307 = _el$306.nextSibling, [_el$308, _co$74] = web.getNextMarker(_el$307.nextSibling);
1618
+ web.insert(_el$290, web.createComponent(solidJs.Show, {
1566
1619
  get when() {
1567
1620
  return data().originalQuery;
1568
1621
  },
1569
1622
  get children() {
1570
- 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);
1571
- _el$273.nextSibling;
1572
- web.insert(_el$269, () => data().originalQuery, _el$273, _co$64);
1573
- return _el$269;
1623
+ var _el$291 = web.getNextElement(_tmpl$65), _el$292 = _el$291.firstChild, _el$294 = _el$292.nextSibling, [_el$295, _co$70] = web.getNextMarker(_el$294.nextSibling);
1624
+ _el$295.nextSibling;
1625
+ web.insert(_el$291, () => data().originalQuery, _el$295, _co$70);
1626
+ return _el$291;
1574
1627
  }
1575
- }), _el$282, _co$66);
1576
- web.insert(_el$274, web.createComponent(solidJs.For, {
1628
+ }), _el$304, _co$72);
1629
+ web.insert(_el$296, web.createComponent(solidJs.For, {
1577
1630
  get each() {
1578
1631
  return Object.entries(data().extracted);
1579
1632
  },
1580
1633
  children: ([key, value]) => (() => {
1581
- 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);
1582
- _el$291.nextSibling;
1583
- var _el$292 = _el$288.nextSibling;
1584
- web.insert(_el$288, key, _el$291, _co$69);
1585
- web.insert(_el$292, () => String(value));
1586
- return _el$287;
1634
+ var _el$309 = web.getNextElement(_tmpl$69), _el$310 = _el$309.firstChild, _el$312 = _el$310.firstChild, [_el$313, _co$75] = web.getNextMarker(_el$312.nextSibling);
1635
+ _el$313.nextSibling;
1636
+ var _el$314 = _el$310.nextSibling;
1637
+ web.insert(_el$310, key, _el$313, _co$75);
1638
+ web.insert(_el$314, () => String(value));
1639
+ return _el$309;
1587
1640
  })()
1588
1641
  }));
1589
- web.insert(_el$268, web.createComponent(solidJs.Show, {
1642
+ web.insert(_el$290, web.createComponent(solidJs.Show, {
1590
1643
  get when() {
1591
1644
  return data().plan;
1592
1645
  },
1593
1646
  get children() {
1594
- 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);
1595
- web.insert(_el$275, () => data().plan, _el$279, _co$65);
1596
- return _el$275;
1647
+ var _el$297 = web.getNextElement(_tmpl$66), _el$298 = _el$297.firstChild, _el$299 = _el$298.nextSibling, _el$300 = _el$299.nextSibling, [_el$301, _co$71] = web.getNextMarker(_el$300.nextSibling);
1648
+ web.insert(_el$297, () => data().plan, _el$301, _co$71);
1649
+ return _el$297;
1597
1650
  }
1598
- }), _el$284, _co$67);
1599
- web.insert(_el$268, web.createComponent(solidJs.Show, {
1651
+ }), _el$306, _co$73);
1652
+ web.insert(_el$290, web.createComponent(solidJs.Show, {
1600
1653
  get when() {
1601
1654
  return data().editable;
1602
1655
  },
1603
1656
  get children() {
1604
- var _el$280 = web.getNextElement(_tmpl$65);
1605
- _el$280.$$click = () => {
1657
+ var _el$302 = web.getNextElement(_tmpl$67);
1658
+ _el$302.$$click = () => {
1606
1659
  var _a;
1607
1660
  return (_a = props.onAction) == null ? void 0 : _a.call(props, "edit_prompt", data());
1608
1661
  };
1609
1662
  web.runHydrationEvents();
1610
- return _el$280;
1663
+ return _el$302;
1611
1664
  }
1612
- }), _el$286, _co$68);
1613
- return _el$268;
1665
+ }), _el$308, _co$74);
1666
+ return _el$290;
1614
1667
  })();
1615
1668
  };
1616
1669
  const StepperProgressSection = (props) => {
@@ -1640,46 +1693,46 @@ const StepperProgressSection = (props) => {
1640
1693
  },
1641
1694
  get fallback() {
1642
1695
  return (() => {
1643
- var _el$294 = web.getNextElement(_tmpl$69);
1644
- web.insert(_el$294, web.createComponent(solidJs.For, {
1696
+ var _el$316 = web.getNextElement(_tmpl$71);
1697
+ web.insert(_el$316, web.createComponent(solidJs.For, {
1645
1698
  get each() {
1646
1699
  return data().steps;
1647
1700
  },
1648
1701
  children: (step) => (() => {
1649
- 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);
1650
- web.insert(_el$296, () => statusIcon(step.status));
1651
- web.insert(_el$298, () => step.label);
1652
- web.insert(_el$297, web.createComponent(solidJs.Show, {
1702
+ var _el$317 = web.getNextElement(_tmpl$74), _el$318 = _el$317.firstChild, _el$319 = _el$318.nextSibling, _el$320 = _el$319.firstChild, _el$330 = _el$320.nextSibling, [_el$331, _co$78] = web.getNextMarker(_el$330.nextSibling), _el$332 = _el$331.nextSibling, [_el$333, _co$79] = web.getNextMarker(_el$332.nextSibling);
1703
+ web.insert(_el$318, () => statusIcon(step.status));
1704
+ web.insert(_el$320, () => step.label);
1705
+ web.insert(_el$319, web.createComponent(solidJs.Show, {
1653
1706
  get when() {
1654
1707
  return step.summary;
1655
1708
  },
1656
1709
  get children() {
1657
- 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);
1658
- web.insert(_el$299, () => step.summary, _el$302, _co$70);
1659
- return _el$299;
1710
+ var _el$321 = web.getNextElement(_tmpl$72), _el$322 = _el$321.firstChild, _el$323 = _el$322.nextSibling, [_el$324, _co$76] = web.getNextMarker(_el$323.nextSibling);
1711
+ web.insert(_el$321, () => step.summary, _el$324, _co$76);
1712
+ return _el$321;
1660
1713
  }
1661
- }), _el$309, _co$72);
1662
- web.insert(_el$297, web.createComponent(solidJs.Show, {
1714
+ }), _el$331, _co$78);
1715
+ web.insert(_el$319, web.createComponent(solidJs.Show, {
1663
1716
  get when() {
1664
1717
  return step.duration_ms;
1665
1718
  },
1666
1719
  get children() {
1667
- 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);
1668
- _el$307.nextSibling;
1669
- web.insert(_el$303, () => step.duration_ms, _el$307, _co$71);
1670
- return _el$303;
1720
+ var _el$325 = web.getNextElement(_tmpl$73), _el$326 = _el$325.firstChild, _el$328 = _el$326.nextSibling, [_el$329, _co$77] = web.getNextMarker(_el$328.nextSibling);
1721
+ _el$329.nextSibling;
1722
+ web.insert(_el$325, () => step.duration_ms, _el$329, _co$77);
1723
+ return _el$325;
1671
1724
  }
1672
- }), _el$311, _co$73);
1673
- 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"}`));
1674
- return _el$295;
1725
+ }), _el$333, _co$79);
1726
+ web.effect(() => web.className(_el$317, `flex items-start gap-2 text-sm ${step.status === "active" ? "font-medium" : ""} ${step.status === "pending" ? "text-gray-400" : "text-gray-700 dark:text-gray-300"}`));
1727
+ return _el$317;
1675
1728
  })()
1676
1729
  }));
1677
- return _el$294;
1730
+ return _el$316;
1678
1731
  })();
1679
1732
  },
1680
1733
  get children() {
1681
- var _el$293 = web.getNextElement(_tmpl$68);
1682
- web.insert(_el$293, web.createComponent(solidJs.For, {
1734
+ var _el$315 = web.getNextElement(_tmpl$70);
1735
+ web.insert(_el$315, web.createComponent(solidJs.For, {
1683
1736
  get each() {
1684
1737
  return data().steps;
1685
1738
  },
@@ -1691,24 +1744,24 @@ const StepperProgressSection = (props) => {
1691
1744
  return web.getNextElement(_tmpl$13);
1692
1745
  }
1693
1746
  }), (() => {
1694
- 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);
1695
- web.insert(_el$314, () => statusIcon(step.status));
1696
- web.insert(_el$315, () => step.label);
1697
- web.insert(_el$313, web.createComponent(solidJs.Show, {
1747
+ var _el$335 = web.getNextElement(_tmpl$76), _el$336 = _el$335.firstChild, _el$337 = _el$336.nextSibling, _el$339 = _el$337.nextSibling, [_el$340, _co$80] = web.getNextMarker(_el$339.nextSibling);
1748
+ web.insert(_el$336, () => statusIcon(step.status));
1749
+ web.insert(_el$337, () => step.label);
1750
+ web.insert(_el$335, web.createComponent(solidJs.Show, {
1698
1751
  get when() {
1699
1752
  return step.summary;
1700
1753
  },
1701
1754
  get children() {
1702
- var _el$316 = web.getNextElement(_tmpl$73);
1703
- web.insert(_el$316, () => step.summary);
1704
- return _el$316;
1755
+ var _el$338 = web.getNextElement(_tmpl$75);
1756
+ web.insert(_el$338, () => step.summary);
1757
+ return _el$338;
1705
1758
  }
1706
- }), _el$318, _co$74);
1707
- 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"}`));
1708
- return _el$313;
1759
+ }), _el$340, _co$80);
1760
+ web.effect(() => web.className(_el$335, `flex items-center gap-1 px-2 py-1 rounded text-xs ${step.status === "done" ? "bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-400" : step.status === "active" ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-400 font-medium animate-pulse" : step.status === "error" ? "bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400" : "text-gray-400"}`));
1761
+ return _el$335;
1709
1762
  })()]
1710
1763
  }));
1711
- return _el$293;
1764
+ return _el$315;
1712
1765
  }
1713
1766
  });
1714
1767
  };
@@ -1729,48 +1782,48 @@ const ErrorSectionRenderer = (props) => {
1729
1782
  };
1730
1783
  const isWarning = () => data().severity === "warning";
1731
1784
  return (() => {
1732
- 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);
1733
- web.insert(_el$321, () => isWarning() ? "⚠️" : "❌");
1734
- web.insert(_el$323, () => data().message);
1735
- web.insert(_el$324, web.createComponent(solidJs.Show, {
1785
+ var _el$341 = web.getNextElement(_tmpl$80), _el$342 = _el$341.firstChild, _el$343 = _el$342.firstChild, _el$344 = _el$343.nextSibling, _el$345 = _el$344.firstChild, _el$346 = _el$345.nextSibling, _el$352 = _el$346.firstChild, [_el$353, _co$82] = web.getNextMarker(_el$352.nextSibling), _el$354 = _el$353.nextSibling, [_el$355, _co$83] = web.getNextMarker(_el$354.nextSibling), _el$357 = _el$346.nextSibling, [_el$358, _co$84] = web.getNextMarker(_el$357.nextSibling);
1786
+ web.insert(_el$343, () => isWarning() ? "⚠️" : "❌");
1787
+ web.insert(_el$345, () => data().message);
1788
+ web.insert(_el$346, web.createComponent(solidJs.Show, {
1736
1789
  get when() {
1737
1790
  return data().retryAction;
1738
1791
  },
1739
1792
  get children() {
1740
- 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);
1741
- _el$325.$$click = () => {
1793
+ var _el$347 = web.getNextElement(_tmpl$77), _el$348 = _el$347.firstChild, _el$349 = _el$348.nextSibling, [_el$350, _co$81] = web.getNextMarker(_el$349.nextSibling);
1794
+ _el$347.$$click = () => {
1742
1795
  var _a;
1743
1796
  return (_a = props.onAction) == null ? void 0 : _a.call(props, data().retryAction);
1744
1797
  };
1745
- web.insert(_el$325, () => data().retryLabel, _el$328, _co$75);
1746
- 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`));
1798
+ web.insert(_el$347, () => data().retryLabel, _el$350, _co$81);
1799
+ web.effect(() => web.className(_el$347, `px-2 py-1 text-xs font-medium rounded ${isWarning() ? "bg-amber-600 text-white hover:bg-amber-700" : "bg-red-600 text-white hover:bg-red-700"} transition-colors`));
1747
1800
  web.runHydrationEvents();
1748
- return _el$325;
1801
+ return _el$347;
1749
1802
  }
1750
- }), _el$331, _co$76);
1751
- web.insert(_el$324, web.createComponent(solidJs.Show, {
1803
+ }), _el$353, _co$82);
1804
+ web.insert(_el$346, web.createComponent(solidJs.Show, {
1752
1805
  get when() {
1753
1806
  return data().details;
1754
1807
  },
1755
1808
  get children() {
1756
- var _el$329 = web.getNextElement(_tmpl$76);
1757
- _el$329.$$click = () => setShowDetails(!showDetails());
1809
+ var _el$351 = web.getNextElement(_tmpl$78);
1810
+ _el$351.$$click = () => setShowDetails(!showDetails());
1758
1811
  web.runHydrationEvents();
1759
- return _el$329;
1812
+ return _el$351;
1760
1813
  }
1761
- }), _el$333, _co$77);
1762
- web.insert(_el$322, web.createComponent(solidJs.Show, {
1814
+ }), _el$355, _co$83);
1815
+ web.insert(_el$344, web.createComponent(solidJs.Show, {
1763
1816
  get when() {
1764
1817
  return web.memo(() => !!showDetails())() && data().details;
1765
1818
  },
1766
1819
  get children() {
1767
- var _el$334 = web.getNextElement(_tmpl$77);
1768
- web.insert(_el$334, () => data().details);
1769
- return _el$334;
1820
+ var _el$356 = web.getNextElement(_tmpl$79);
1821
+ web.insert(_el$356, () => data().details);
1822
+ return _el$356;
1770
1823
  }
1771
- }), _el$336, _co$78);
1772
- 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"}`));
1773
- return _el$319;
1824
+ }), _el$358, _co$84);
1825
+ web.effect(() => web.className(_el$341, `rounded-lg px-3 py-2 text-sm ${isWarning() ? "bg-amber-50 dark:bg-amber-900/10 text-amber-700 dark:text-amber-400 border border-amber-200 dark:border-amber-800" : "bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800"}`));
1826
+ return _el$341;
1774
1827
  })();
1775
1828
  };
1776
1829
  const SourceCardSection = (props) => {
@@ -1791,46 +1844,46 @@ const SourceCardSection = (props) => {
1791
1844
  error: "❌"
1792
1845
  })[data().status] || "📦";
1793
1846
  return (() => {
1794
- 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);
1795
- web.insert(_el$339, statusIcon, _el$342, _co$79);
1796
- web.insert(_el$339, () => data().name, _el$344, _co$80);
1797
- web.insert(_el$338, web.createComponent(solidJs.Show, {
1847
+ var _el$359 = web.getNextElement(_tmpl$83), _el$360 = _el$359.firstChild, _el$361 = _el$360.firstChild, _el$363 = _el$361.firstChild, [_el$364, _co$85] = web.getNextMarker(_el$363.nextSibling), _el$362 = _el$364.nextSibling, _el$365 = _el$362.nextSibling, [_el$366, _co$86] = web.getNextMarker(_el$365.nextSibling), _el$371 = _el$361.nextSibling, [_el$372, _co$88] = web.getNextMarker(_el$371.nextSibling), _el$373 = _el$360.nextSibling, _el$375 = _el$373.nextSibling, [_el$376, _co$89] = web.getNextMarker(_el$375.nextSibling);
1848
+ web.insert(_el$361, statusIcon, _el$364, _co$85);
1849
+ web.insert(_el$361, () => data().name, _el$366, _co$86);
1850
+ web.insert(_el$360, web.createComponent(solidJs.Show, {
1798
1851
  get when() {
1799
1852
  return data().row_count !== void 0;
1800
1853
  },
1801
1854
  get children() {
1802
- var _el$345 = web.getNextElement(_tmpl$79), _el$347 = _el$345.firstChild, [_el$348, _co$81] = web.getNextMarker(_el$347.nextSibling);
1803
- _el$348.nextSibling;
1804
- web.insert(_el$345, () => {
1855
+ var _el$367 = web.getNextElement(_tmpl$81), _el$369 = _el$367.firstChild, [_el$370, _co$87] = web.getNextMarker(_el$369.nextSibling);
1856
+ _el$370.nextSibling;
1857
+ web.insert(_el$367, () => {
1805
1858
  var _a;
1806
1859
  return (_a = data().row_count) == null ? void 0 : _a.toLocaleString();
1807
- }, _el$348, _co$81);
1808
- return _el$345;
1860
+ }, _el$370, _co$87);
1861
+ return _el$367;
1809
1862
  }
1810
- }), _el$350, _co$82);
1811
- web.insert(_el$351, web.createComponent(solidJs.For, {
1863
+ }), _el$372, _co$88);
1864
+ web.insert(_el$373, web.createComponent(solidJs.For, {
1812
1865
  get each() {
1813
1866
  return data().capabilities;
1814
1867
  },
1815
1868
  children: (cap) => (() => {
1816
- 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);
1817
- web.insert(_el$355, () => cap.supported ? "✅" : "❌", _el$358, _co$84);
1818
- web.insert(_el$355, () => cap.label, _el$360, _co$85);
1819
- 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"}`));
1820
- return _el$355;
1869
+ var _el$377 = web.getNextElement(_tmpl$84), _el$379 = _el$377.firstChild, [_el$380, _co$90] = web.getNextMarker(_el$379.nextSibling), _el$378 = _el$380.nextSibling, _el$381 = _el$378.nextSibling, [_el$382, _co$91] = web.getNextMarker(_el$381.nextSibling);
1870
+ web.insert(_el$377, () => cap.supported ? "✅" : "❌", _el$380, _co$90);
1871
+ web.insert(_el$377, () => cap.label, _el$382, _co$91);
1872
+ web.effect(() => web.className(_el$377, `text-[10px] px-1.5 py-0.5 rounded ${cap.supported ? "bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400" : "bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400"}`));
1873
+ return _el$377;
1821
1874
  })()
1822
1875
  }));
1823
- web.insert(_el$337, web.createComponent(solidJs.Show, {
1876
+ web.insert(_el$359, web.createComponent(solidJs.Show, {
1824
1877
  get when() {
1825
1878
  return data().freshness || data().latency_ms;
1826
1879
  },
1827
1880
  get children() {
1828
- var _el$352 = web.getNextElement(_tmpl$80);
1829
- web.insert(_el$352, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
1830
- return _el$352;
1881
+ var _el$374 = web.getNextElement(_tmpl$82);
1882
+ web.insert(_el$374, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
1883
+ return _el$374;
1831
1884
  }
1832
- }), _el$354, _co$83);
1833
- return _el$337;
1885
+ }), _el$376, _co$89);
1886
+ return _el$359;
1834
1887
  })();
1835
1888
  };
1836
1889
  const DiffSection = (props) => {
@@ -1854,10 +1907,10 @@ const DiffSection = (props) => {
1854
1907
  return [.../* @__PURE__ */ new Set([...Object.keys(l), ...Object.keys(r)])];
1855
1908
  };
1856
1909
  return (() => {
1857
- 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;
1858
- web.insert(_el$366, () => data().left.label);
1859
- web.insert(_el$367, () => data().right.label);
1860
- web.insert(_el$368, web.createComponent(solidJs.For, {
1910
+ var _el$383 = web.getNextElement(_tmpl$85), _el$384 = _el$383.firstChild, _el$385 = _el$384.firstChild, _el$386 = _el$385.firstChild, _el$387 = _el$386.firstChild, _el$388 = _el$387.nextSibling, _el$389 = _el$388.nextSibling, _el$390 = _el$385.nextSibling;
1911
+ web.insert(_el$388, () => data().left.label);
1912
+ web.insert(_el$389, () => data().right.label);
1913
+ web.insert(_el$390, web.createComponent(solidJs.For, {
1861
1914
  get each() {
1862
1915
  return allKeys();
1863
1916
  },
@@ -1872,22 +1925,22 @@ const DiffSection = (props) => {
1872
1925
  };
1873
1926
  const isDiff = () => String(lVal()) !== String(rVal()) && data().highlight.includes(key);
1874
1927
  return (() => {
1875
- var _el$369 = web.getNextElement(_tmpl$84), _el$370 = _el$369.firstChild, _el$371 = _el$370.nextSibling, _el$372 = _el$371.nextSibling;
1876
- web.insert(_el$370, key);
1877
- web.insert(_el$371, (() => {
1928
+ var _el$391 = web.getNextElement(_tmpl$86), _el$392 = _el$391.firstChild, _el$393 = _el$392.nextSibling, _el$394 = _el$393.nextSibling;
1929
+ web.insert(_el$392, key);
1930
+ web.insert(_el$393, (() => {
1878
1931
  var _c$7 = web.memo(() => lVal() !== void 0);
1879
1932
  return () => _c$7() ? String(lVal()) : "—";
1880
1933
  })());
1881
- web.insert(_el$372, (() => {
1934
+ web.insert(_el$394, (() => {
1882
1935
  var _c$8 = web.memo(() => rVal() !== void 0);
1883
1936
  return () => _c$8() ? String(rVal()) : "—";
1884
1937
  })());
1885
- web.effect(() => web.className(_el$369, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
1886
- return _el$369;
1938
+ web.effect(() => web.className(_el$391, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
1939
+ return _el$391;
1887
1940
  })();
1888
1941
  }
1889
1942
  }));
1890
- return _el$361;
1943
+ return _el$383;
1891
1944
  })();
1892
1945
  };
1893
1946
  web.delegateEvents(["click", "input"]);