@seed-ship/mcp-ui-solid 4.3.0 → 4.3.2
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.
- package/CHANGELOG.md +26 -0
- package/dist/components/ScratchpadPanel.cjs +500 -250
- package/dist/components/ScratchpadPanel.cjs.map +1 -1
- package/dist/components/ScratchpadPanel.d.ts +2 -0
- package/dist/components/ScratchpadPanel.d.ts.map +1 -1
- package/dist/components/ScratchpadPanel.js +500 -250
- package/dist/components/ScratchpadPanel.js.map +1 -1
- package/dist/components/UIResourceRenderer.cjs +201 -165
- package/dist/components/UIResourceRenderer.cjs.map +1 -1
- package/dist/components/UIResourceRenderer.d.ts.map +1 -1
- package/dist/components/UIResourceRenderer.js +201 -165
- package/dist/components/UIResourceRenderer.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ScratchpadPanel.tsx +139 -1
- package/src/components/UIResourceRenderer.tsx +37 -5
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -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>🔍</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">🔄 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>📝</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">×`), _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">×`), _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>— <!$><!/>`), _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>— <!$><!/>`), _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">✎ 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>🔄 <!$><!/>`), _tmpl$78 = /* @__PURE__ */ web.template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">▶ 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">`);
|
|
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">×`), _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">×`), _tmpl$43 = /* @__PURE__ */ web.template(`<div class=pl-2>routing: <!$><!/> via <!$><!/> (<!$><!/>ms)`), _tmpl$44 = /* @__PURE__ */ web.template(`<div class="pl-2 text-amber-500">missing: <!$><!/>`), _tmpl$45 = /* @__PURE__ */ web.template(`<div class="pt-1 border-t border-gray-200 dark:border-gray-600"><div class="font-medium text-gray-800 dark:text-gray-200">Server _debug:</div><!$><!/><!$><!/><!$><!/>`), _tmpl$46 = /* @__PURE__ */ web.template(`<pre class="mt-1 p-2 bg-gray-50 dark:bg-gray-900 rounded max-h-48 overflow-auto text-[10px]">`), _tmpl$47 = /* @__PURE__ */ web.template(`<div class="px-3 pb-3 space-y-2 text-gray-600 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700 pt-2"><div>Fields: <!$><!/> total, <!$><!/> prefilled</div><!$><!/><div class="pt-1 border-t border-gray-200 dark:border-gray-600">autoSubmit: <!$><!/><!$><!/><div> reason: <!$><!/></div></div><!$><!/><div class="pt-1 border-t border-gray-200 dark:border-gray-600"><button type=button class="text-blue-500 hover:text-blue-700 underline"><!$><!/> raw SSE payload</button><!$><!/>`), _tmpl$48 = /* @__PURE__ */ web.template(`<div class="mt-2 border border-gray-200 dark:border-gray-700 rounded-md text-xs font-mono"><button type=button class="w-full px-3 py-1.5 text-left text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 flex items-center gap-1"><span></span>Debug trace (<!$><!/>/<!$><!/> prefilled)</button><!$><!/>`), _tmpl$49 = /* @__PURE__ */ web.template(`<div> prefill: <!$><!/>`), _tmpl$50 = /* @__PURE__ */ web.template(`<div class=text-amber-500> prefill: (none)`), _tmpl$51 = /* @__PURE__ */ web.template(`<div> source: <!$><!/>`), _tmpl$52 = /* @__PURE__ */ web.template(`<div> displayHint: "<!$><!/>"`), _tmpl$53 = /* @__PURE__ */ web.template(`<div> muted: true`), _tmpl$54 = /* @__PURE__ */ web.template(`<div> prefillMode: <!$><!/>`), _tmpl$55 = /* @__PURE__ */ web.template(`<div> valueFormat: /<!$><!/>/`), _tmpl$56 = /* @__PURE__ */ web.template(`<div class="pl-2 border-l-2 border-gray-200 dark:border-gray-600 space-y-0.5"><div class="text-gray-800 dark:text-gray-200 font-medium"><!$><!/>:</div><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$57 = /* @__PURE__ */ web.template(`<div>→ submitted: <!$><!/>`), _tmpl$58 = /* @__PURE__ */ web.template(`<div class=pl-2><!$><!/>: <!$><!/> "<!$><!/>" → "<!$><!/>" (<!$><!/>ms)`), _tmpl$59 = /* @__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$60 = /* @__PURE__ */ web.template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$61 = /* @__PURE__ */ web.template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$62 = /* @__PURE__ */ web.template(`<div class="mt-2 ml-6">`), _tmpl$63 = /* @__PURE__ */ web.template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$64 = /* @__PURE__ */ web.template(`<p class="text-sm font-medium text-gray-800 dark:text-gray-200 mb-2">`), _tmpl$65 = /* @__PURE__ */ web.template(`<span class=text-amber-600>(<!$><!/> unverified)`), _tmpl$66 = /* @__PURE__ */ web.template(`<div class="mb-2 flex items-center gap-2 text-xs"><span><!$><!/>% verified</span><!$><!/>`), _tmpl$67 = /* @__PURE__ */ web.template(`<div><!$><!/><!$><!/><!$><!/><div class="flex flex-wrap gap-2">`), _tmpl$68 = /* @__PURE__ */ web.template(`<span class="font-medium text-gray-800 dark:text-gray-200">`), _tmpl$69 = /* @__PURE__ */ web.template(`<span class=ml-1>— <!$><!/>`), _tmpl$70 = /* @__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$71 = /* @__PURE__ */ web.template(`<span class=mr-1>`), _tmpl$72 = /* @__PURE__ */ web.template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$73 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$74 = /* @__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$75 = /* @__PURE__ */ web.template(`<span class=italic>— <!$><!/>`), _tmpl$76 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400"><span><!$><!/> <!$><!/></span><!$><!/>`), _tmpl$77 = /* @__PURE__ */ web.template(`<div class="flex flex-wrap gap-2">`), _tmpl$78 = /* @__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$79 = /* @__PURE__ */ web.template(`<div class=space-y-3><p class="text-sm text-gray-700 dark:text-gray-300"></p><!$><!/><!$><!/>`), _tmpl$80 = /* @__PURE__ */ web.template(`<span>`), _tmpl$81 = /* @__PURE__ */ web.template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$82 = /* @__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$83 = /* @__PURE__ */ web.template(`<button type=button class="text-xs text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1">✎ Modify`), _tmpl$84 = /* @__PURE__ */ web.template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$85 = /* @__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$86 = /* @__PURE__ */ web.template(`<div class="flex items-center gap-1 flex-wrap">`), _tmpl$87 = /* @__PURE__ */ web.template(`<div class=space-y-2>`), _tmpl$88 = /* @__PURE__ */ web.template(`<span class="ml-1 text-xs text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$89 = /* @__PURE__ */ web.template(`<span class="ml-1 text-xs text-gray-400">(<!$><!/>ms)`), _tmpl$90 = /* @__PURE__ */ web.template(`<div><span class=flex-shrink-0></span><div><span></span><!$><!/><!$><!/>`), _tmpl$91 = /* @__PURE__ */ web.template(`<span class="text-[10px] opacity-75">`), _tmpl$92 = /* @__PURE__ */ web.template(`<div><span></span><span></span><!$><!/>`), _tmpl$93 = /* @__PURE__ */ web.template(`<button type=button>🔄 <!$><!/>`), _tmpl$94 = /* @__PURE__ */ web.template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">▶ Details`), _tmpl$95 = /* @__PURE__ */ web.template(`<pre class="mt-2 text-xs opacity-70 overflow-x-auto">`), _tmpl$96 = /* @__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$97 = /* @__PURE__ */ web.template(`<span class="text-xs font-bold text-blue-600 dark:text-blue-400"><!$><!/> results`), _tmpl$98 = /* @__PURE__ */ web.template(`<p class="text-[10px] text-gray-400">`), _tmpl$99 = /* @__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$100 = /* @__PURE__ */ web.template(`<span><!$><!/> <!$><!/>`), _tmpl$101 = /* @__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$102 = /* @__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...",
|
|
@@ -260,6 +260,9 @@ const ScratchpadPanel = (props) => {
|
|
|
260
260
|
},
|
|
261
261
|
get onSubmit() {
|
|
262
262
|
return props.onSubmit;
|
|
263
|
+
},
|
|
264
|
+
get debugTrace() {
|
|
265
|
+
return props.debugTrace;
|
|
263
266
|
}
|
|
264
267
|
})
|
|
265
268
|
}));
|
|
@@ -556,6 +559,9 @@ const SectionRenderer = (props) => {
|
|
|
556
559
|
},
|
|
557
560
|
get onSubmit() {
|
|
558
561
|
return props.onSubmit;
|
|
562
|
+
},
|
|
563
|
+
get debugTrace() {
|
|
564
|
+
return props.debugTrace;
|
|
559
565
|
}
|
|
560
566
|
});
|
|
561
567
|
}
|
|
@@ -1075,6 +1081,7 @@ const EmbeddedFormSection = (props) => {
|
|
|
1075
1081
|
options: dynOpts
|
|
1076
1082
|
} : field;
|
|
1077
1083
|
};
|
|
1084
|
+
const [submittedValues, setSubmittedValues] = solidJs.createSignal(null);
|
|
1078
1085
|
const handleSubmit = (e) => {
|
|
1079
1086
|
var _a;
|
|
1080
1087
|
e.preventDefault();
|
|
@@ -1082,6 +1089,7 @@ const EmbeddedFormSection = (props) => {
|
|
|
1082
1089
|
const field = config().fields.find((f) => f.name === key);
|
|
1083
1090
|
return (field == null ? void 0 : field.fieldStatus) !== "unsupported";
|
|
1084
1091
|
}).filter(([, v]) => v !== void 0 && v !== "" && !(Array.isArray(v) && v.length === 0)));
|
|
1092
|
+
setSubmittedValues(values);
|
|
1085
1093
|
console.info(`%c[MCP-UI] Form submitted%c section=${props.sectionId} fields=${Object.keys(values).join(",")}`, "color: #8b5cf6; font-weight: bold", "color: inherit");
|
|
1086
1094
|
if (props.onSubmit) {
|
|
1087
1095
|
props.onSubmit(props.sectionId, values);
|
|
@@ -1107,7 +1115,7 @@ const EmbeddedFormSection = (props) => {
|
|
|
1107
1115
|
return fields.length > 0 && fields.every((f) => f.prefill != null);
|
|
1108
1116
|
};
|
|
1109
1117
|
const showToast = () => allFieldsPrefilled() && !userInteracted() && !expanded() && countdown() != null;
|
|
1110
|
-
return web.createComponent(solidJs.Show, {
|
|
1118
|
+
return [web.createComponent(solidJs.Show, {
|
|
1111
1119
|
get when() {
|
|
1112
1120
|
return !showToast();
|
|
1113
1121
|
},
|
|
@@ -1184,7 +1192,249 @@ const EmbeddedFormSection = (props) => {
|
|
|
1184
1192
|
web.effect(() => web.setAttribute(_el$154, "id", `scratchpad-form-${props.sectionId}`));
|
|
1185
1193
|
return _el$154;
|
|
1186
1194
|
}
|
|
1187
|
-
})
|
|
1195
|
+
}), web.createComponent(solidJs.Show, {
|
|
1196
|
+
get when() {
|
|
1197
|
+
return props.debugTrace;
|
|
1198
|
+
},
|
|
1199
|
+
get children() {
|
|
1200
|
+
return web.createComponent(FormDebugTrace, {
|
|
1201
|
+
get fields() {
|
|
1202
|
+
return config().fields;
|
|
1203
|
+
},
|
|
1204
|
+
get formData() {
|
|
1205
|
+
return formData();
|
|
1206
|
+
},
|
|
1207
|
+
get submittedValues() {
|
|
1208
|
+
return submittedValues();
|
|
1209
|
+
},
|
|
1210
|
+
get autoSubmitDelay() {
|
|
1211
|
+
return config().autoSubmitDelay;
|
|
1212
|
+
},
|
|
1213
|
+
get userInteracted() {
|
|
1214
|
+
return userInteracted();
|
|
1215
|
+
},
|
|
1216
|
+
get rawContent() {
|
|
1217
|
+
return props.content;
|
|
1218
|
+
}
|
|
1219
|
+
});
|
|
1220
|
+
}
|
|
1221
|
+
})];
|
|
1222
|
+
};
|
|
1223
|
+
const FormDebugTrace = (props) => {
|
|
1224
|
+
const [open, setOpen] = solidJs.createSignal(false);
|
|
1225
|
+
const [showRaw, setShowRaw] = solidJs.createSignal(false);
|
|
1226
|
+
const prefilledCount = () => props.fields.filter((f) => f.prefill != null).length;
|
|
1227
|
+
const requiredFields = () => props.fields.filter((f) => f.required);
|
|
1228
|
+
const missingRequired = () => requiredFields().filter((f) => f.prefill == null);
|
|
1229
|
+
const autoSubmitReason = () => {
|
|
1230
|
+
if (!props.autoSubmitDelay) return "no autoSubmitDelay configured";
|
|
1231
|
+
if (missingRequired().length > 0) return `${missingRequired().length} required field(s) without prefill`;
|
|
1232
|
+
if (props.userInteracted) return "user interacted — cancelled";
|
|
1233
|
+
return "all conditions met";
|
|
1234
|
+
};
|
|
1235
|
+
const serverDebug = () => {
|
|
1236
|
+
var _a;
|
|
1237
|
+
return (_a = props.rawContent) == null ? void 0 : _a._debug;
|
|
1238
|
+
};
|
|
1239
|
+
return (() => {
|
|
1240
|
+
var _el$192 = web.getNextElement(_tmpl$48), _el$193 = _el$192.firstChild, _el$194 = _el$193.firstChild, _el$195 = _el$194.nextSibling, _el$198 = _el$195.nextSibling, [_el$199, _co$44] = web.getNextMarker(_el$198.nextSibling), _el$196 = _el$199.nextSibling, _el$200 = _el$196.nextSibling, [_el$201, _co$45] = web.getNextMarker(_el$200.nextSibling);
|
|
1241
|
+
_el$201.nextSibling;
|
|
1242
|
+
var _el$256 = _el$193.nextSibling, [_el$257, _co$62] = web.getNextMarker(_el$256.nextSibling);
|
|
1243
|
+
_el$193.$$click = () => setOpen(!open());
|
|
1244
|
+
web.insert(_el$194, () => open() ? "▾" : "▸");
|
|
1245
|
+
web.insert(_el$193, prefilledCount, _el$199, _co$44);
|
|
1246
|
+
web.insert(_el$193, () => props.fields.length, _el$201, _co$45);
|
|
1247
|
+
web.insert(_el$192, web.createComponent(solidJs.Show, {
|
|
1248
|
+
get when() {
|
|
1249
|
+
return open();
|
|
1250
|
+
},
|
|
1251
|
+
get children() {
|
|
1252
|
+
var _el$202 = web.getNextElement(_tmpl$47), _el$203 = _el$202.firstChild, _el$204 = _el$203.firstChild, _el$207 = _el$204.nextSibling, [_el$208, _co$46] = web.getNextMarker(_el$207.nextSibling), _el$205 = _el$208.nextSibling, _el$209 = _el$205.nextSibling, [_el$210, _co$47] = web.getNextMarker(_el$209.nextSibling);
|
|
1253
|
+
_el$210.nextSibling;
|
|
1254
|
+
var _el$252 = _el$203.nextSibling, [_el$253, _co$60] = web.getNextMarker(_el$252.nextSibling), _el$211 = _el$253.nextSibling, _el$212 = _el$211.firstChild, _el$217 = _el$212.nextSibling, [_el$218, _co$49] = web.getNextMarker(_el$217.nextSibling), _el$219 = _el$218.nextSibling, [_el$220, _co$50] = web.getNextMarker(_el$219.nextSibling), _el$213 = _el$220.nextSibling, _el$214 = _el$213.firstChild, _el$215 = _el$214.nextSibling, [_el$216, _co$48] = web.getNextMarker(_el$215.nextSibling), _el$254 = _el$211.nextSibling, [_el$255, _co$61] = web.getNextMarker(_el$254.nextSibling), _el$244 = _el$255.nextSibling, _el$245 = _el$244.firstChild, _el$247 = _el$245.firstChild, [_el$248, _co$58] = web.getNextMarker(_el$247.nextSibling);
|
|
1255
|
+
_el$248.nextSibling;
|
|
1256
|
+
var _el$250 = _el$245.nextSibling, [_el$251, _co$59] = web.getNextMarker(_el$250.nextSibling);
|
|
1257
|
+
web.insert(_el$203, () => props.fields.length, _el$208, _co$46);
|
|
1258
|
+
web.insert(_el$203, prefilledCount, _el$210, _co$47);
|
|
1259
|
+
web.insert(_el$202, web.createComponent(solidJs.For, {
|
|
1260
|
+
get each() {
|
|
1261
|
+
return props.fields;
|
|
1262
|
+
},
|
|
1263
|
+
children: (field) => (() => {
|
|
1264
|
+
var _el$258 = web.getNextElement(_tmpl$56), _el$259 = _el$258.firstChild, _el$261 = _el$259.firstChild, [_el$262, _co$63] = web.getNextMarker(_el$261.nextSibling);
|
|
1265
|
+
_el$262.nextSibling;
|
|
1266
|
+
var _el$287 = _el$259.nextSibling, [_el$288, _co$69] = web.getNextMarker(_el$287.nextSibling), _el$289 = _el$288.nextSibling, [_el$290, _co$70] = web.getNextMarker(_el$289.nextSibling), _el$291 = _el$290.nextSibling, [_el$292, _co$71] = web.getNextMarker(_el$291.nextSibling), _el$293 = _el$292.nextSibling, [_el$294, _co$72] = web.getNextMarker(_el$293.nextSibling), _el$295 = _el$294.nextSibling, [_el$296, _co$73] = web.getNextMarker(_el$295.nextSibling), _el$297 = _el$296.nextSibling, [_el$298, _co$74] = web.getNextMarker(_el$297.nextSibling), _el$299 = _el$298.nextSibling, [_el$300, _co$75] = web.getNextMarker(_el$299.nextSibling), _el$301 = _el$300.nextSibling, [_el$302, _co$76] = web.getNextMarker(_el$301.nextSibling);
|
|
1267
|
+
web.insert(_el$259, () => field.name, _el$262, _co$63);
|
|
1268
|
+
web.insert(_el$258, web.createComponent(solidJs.Show, {
|
|
1269
|
+
get when() {
|
|
1270
|
+
return field.prefill != null;
|
|
1271
|
+
},
|
|
1272
|
+
get children() {
|
|
1273
|
+
var _el$263 = web.getNextElement(_tmpl$49), _el$264 = _el$263.firstChild, _el$265 = _el$264.nextSibling, [_el$266, _co$64] = web.getNextMarker(_el$265.nextSibling);
|
|
1274
|
+
web.insert(_el$263, () => JSON.stringify(field.prefill), _el$266, _co$64);
|
|
1275
|
+
return _el$263;
|
|
1276
|
+
}
|
|
1277
|
+
}), _el$288, _co$69);
|
|
1278
|
+
web.insert(_el$258, web.createComponent(solidJs.Show, {
|
|
1279
|
+
get when() {
|
|
1280
|
+
return !field.prefill;
|
|
1281
|
+
},
|
|
1282
|
+
get children() {
|
|
1283
|
+
return web.getNextElement(_tmpl$50);
|
|
1284
|
+
}
|
|
1285
|
+
}), _el$290, _co$70);
|
|
1286
|
+
web.insert(_el$258, web.createComponent(solidJs.Show, {
|
|
1287
|
+
get when() {
|
|
1288
|
+
return field.source;
|
|
1289
|
+
},
|
|
1290
|
+
get children() {
|
|
1291
|
+
var _el$268 = web.getNextElement(_tmpl$51), _el$269 = _el$268.firstChild, _el$270 = _el$269.nextSibling, [_el$271, _co$65] = web.getNextMarker(_el$270.nextSibling);
|
|
1292
|
+
web.insert(_el$268, () => field.source, _el$271, _co$65);
|
|
1293
|
+
return _el$268;
|
|
1294
|
+
}
|
|
1295
|
+
}), _el$292, _co$71);
|
|
1296
|
+
web.insert(_el$258, web.createComponent(solidJs.Show, {
|
|
1297
|
+
get when() {
|
|
1298
|
+
return field.displayHint;
|
|
1299
|
+
},
|
|
1300
|
+
get children() {
|
|
1301
|
+
var _el$272 = web.getNextElement(_tmpl$52), _el$273 = _el$272.firstChild, _el$275 = _el$273.nextSibling, [_el$276, _co$66] = web.getNextMarker(_el$275.nextSibling);
|
|
1302
|
+
_el$276.nextSibling;
|
|
1303
|
+
web.insert(_el$272, () => field.displayHint, _el$276, _co$66);
|
|
1304
|
+
return _el$272;
|
|
1305
|
+
}
|
|
1306
|
+
}), _el$294, _co$72);
|
|
1307
|
+
web.insert(_el$258, web.createComponent(solidJs.Show, {
|
|
1308
|
+
get when() {
|
|
1309
|
+
return field.muted;
|
|
1310
|
+
},
|
|
1311
|
+
get children() {
|
|
1312
|
+
return web.getNextElement(_tmpl$53);
|
|
1313
|
+
}
|
|
1314
|
+
}), _el$296, _co$73);
|
|
1315
|
+
web.insert(_el$258, web.createComponent(solidJs.Show, {
|
|
1316
|
+
get when() {
|
|
1317
|
+
return field.prefillMode;
|
|
1318
|
+
},
|
|
1319
|
+
get children() {
|
|
1320
|
+
var _el$278 = web.getNextElement(_tmpl$54), _el$279 = _el$278.firstChild, _el$280 = _el$279.nextSibling, [_el$281, _co$67] = web.getNextMarker(_el$280.nextSibling);
|
|
1321
|
+
web.insert(_el$278, () => field.prefillMode, _el$281, _co$67);
|
|
1322
|
+
return _el$278;
|
|
1323
|
+
}
|
|
1324
|
+
}), _el$298, _co$74);
|
|
1325
|
+
web.insert(_el$258, web.createComponent(solidJs.Show, {
|
|
1326
|
+
get when() {
|
|
1327
|
+
return field.valueFormat;
|
|
1328
|
+
},
|
|
1329
|
+
get children() {
|
|
1330
|
+
var _el$282 = web.getNextElement(_tmpl$55), _el$283 = _el$282.firstChild, _el$285 = _el$283.nextSibling, [_el$286, _co$68] = web.getNextMarker(_el$285.nextSibling);
|
|
1331
|
+
_el$286.nextSibling;
|
|
1332
|
+
web.insert(_el$282, () => field.valueFormat, _el$286, _co$68);
|
|
1333
|
+
return _el$282;
|
|
1334
|
+
}
|
|
1335
|
+
}), _el$300, _co$75);
|
|
1336
|
+
web.insert(_el$258, web.createComponent(solidJs.Show, {
|
|
1337
|
+
get when() {
|
|
1338
|
+
return props.submittedValues;
|
|
1339
|
+
},
|
|
1340
|
+
get children() {
|
|
1341
|
+
return (() => {
|
|
1342
|
+
const v = props.submittedValues[field.name];
|
|
1343
|
+
const hasValue = v !== void 0 && v !== "" && !(Array.isArray(v) && v.length === 0);
|
|
1344
|
+
return (() => {
|
|
1345
|
+
var _el$303 = web.getNextElement(_tmpl$57), _el$304 = _el$303.firstChild, _el$306 = _el$304.nextSibling, [_el$307, _co$77] = web.getNextMarker(_el$306.nextSibling);
|
|
1346
|
+
web.className(_el$303, hasValue ? "text-green-600 dark:text-green-400" : "text-gray-400");
|
|
1347
|
+
web.insert(_el$303, () => hasValue ? `${JSON.stringify(v)} ✓` : "(empty)", _el$307, _co$77);
|
|
1348
|
+
return _el$303;
|
|
1349
|
+
})();
|
|
1350
|
+
})();
|
|
1351
|
+
}
|
|
1352
|
+
}), _el$302, _co$76);
|
|
1353
|
+
return _el$258;
|
|
1354
|
+
})()
|
|
1355
|
+
}), _el$253, _co$60);
|
|
1356
|
+
web.insert(_el$211, () => props.autoSubmitDelay ? "true" : "false", _el$218, _co$49);
|
|
1357
|
+
web.insert(_el$211, (() => {
|
|
1358
|
+
var _c$5 = web.memo(() => !!props.autoSubmitDelay);
|
|
1359
|
+
return () => _c$5() ? ` (${props.autoSubmitDelay}ms)` : "";
|
|
1360
|
+
})(), _el$220, _co$50);
|
|
1361
|
+
web.insert(_el$213, autoSubmitReason, _el$216, _co$48);
|
|
1362
|
+
web.insert(_el$202, web.createComponent(solidJs.Show, {
|
|
1363
|
+
get when() {
|
|
1364
|
+
return serverDebug();
|
|
1365
|
+
},
|
|
1366
|
+
get children() {
|
|
1367
|
+
var _el$221 = web.getNextElement(_tmpl$45), _el$222 = _el$221.firstChild, _el$238 = _el$222.nextSibling, [_el$239, _co$55] = web.getNextMarker(_el$238.nextSibling), _el$240 = _el$239.nextSibling, [_el$241, _co$56] = web.getNextMarker(_el$240.nextSibling), _el$242 = _el$241.nextSibling, [_el$243, _co$57] = web.getNextMarker(_el$242.nextSibling);
|
|
1368
|
+
web.insert(_el$221, web.createComponent(solidJs.Show, {
|
|
1369
|
+
get when() {
|
|
1370
|
+
var _a;
|
|
1371
|
+
return (_a = serverDebug()) == null ? void 0 : _a.resolvers;
|
|
1372
|
+
},
|
|
1373
|
+
get children() {
|
|
1374
|
+
return web.createComponent(solidJs.For, {
|
|
1375
|
+
get each() {
|
|
1376
|
+
return serverDebug().resolvers;
|
|
1377
|
+
},
|
|
1378
|
+
children: (r) => (() => {
|
|
1379
|
+
var _el$308 = web.getNextElement(_tmpl$58), _el$316 = _el$308.firstChild, [_el$317, _co$78] = web.getNextMarker(_el$316.nextSibling), _el$309 = _el$317.nextSibling, _el$318 = _el$309.nextSibling, [_el$319, _co$79] = web.getNextMarker(_el$318.nextSibling), _el$310 = _el$319.nextSibling, _el$320 = _el$310.nextSibling, [_el$321, _co$80] = web.getNextMarker(_el$320.nextSibling), _el$311 = _el$321.nextSibling, _el$322 = _el$311.nextSibling, [_el$323, _co$81] = web.getNextMarker(_el$322.nextSibling), _el$314 = _el$323.nextSibling, _el$324 = _el$314.nextSibling, [_el$325, _co$82] = web.getNextMarker(_el$324.nextSibling);
|
|
1380
|
+
_el$325.nextSibling;
|
|
1381
|
+
web.insert(_el$308, () => r.field, _el$317, _co$78);
|
|
1382
|
+
web.insert(_el$308, () => r.resolver, _el$319, _co$79);
|
|
1383
|
+
web.insert(_el$308, () => r.input, _el$321, _co$80);
|
|
1384
|
+
web.insert(_el$308, () => r.output, _el$323, _co$81);
|
|
1385
|
+
web.insert(_el$308, () => r.ms, _el$325, _co$82);
|
|
1386
|
+
return _el$308;
|
|
1387
|
+
})()
|
|
1388
|
+
});
|
|
1389
|
+
}
|
|
1390
|
+
}), _el$239, _co$55);
|
|
1391
|
+
web.insert(_el$221, web.createComponent(solidJs.Show, {
|
|
1392
|
+
get when() {
|
|
1393
|
+
var _a;
|
|
1394
|
+
return (_a = serverDebug()) == null ? void 0 : _a.routing;
|
|
1395
|
+
},
|
|
1396
|
+
get children() {
|
|
1397
|
+
var _el$223 = web.getNextElement(_tmpl$43), _el$224 = _el$223.firstChild, _el$228 = _el$224.nextSibling, [_el$229, _co$51] = web.getNextMarker(_el$228.nextSibling), _el$225 = _el$229.nextSibling, _el$230 = _el$225.nextSibling, [_el$231, _co$52] = web.getNextMarker(_el$230.nextSibling), _el$226 = _el$231.nextSibling, _el$232 = _el$226.nextSibling, [_el$233, _co$53] = web.getNextMarker(_el$232.nextSibling);
|
|
1398
|
+
_el$233.nextSibling;
|
|
1399
|
+
web.insert(_el$223, () => serverDebug().routing.topic, _el$229, _co$51);
|
|
1400
|
+
web.insert(_el$223, () => serverDebug().routing.method, _el$231, _co$52);
|
|
1401
|
+
web.insert(_el$223, () => serverDebug().routing.ms, _el$233, _co$53);
|
|
1402
|
+
return _el$223;
|
|
1403
|
+
}
|
|
1404
|
+
}), _el$241, _co$56);
|
|
1405
|
+
web.insert(_el$221, web.createComponent(solidJs.Show, {
|
|
1406
|
+
get when() {
|
|
1407
|
+
var _a;
|
|
1408
|
+
return (_a = serverDebug()) == null ? void 0 : _a.missingFields;
|
|
1409
|
+
},
|
|
1410
|
+
get children() {
|
|
1411
|
+
var _el$234 = web.getNextElement(_tmpl$44), _el$235 = _el$234.firstChild, _el$236 = _el$235.nextSibling, [_el$237, _co$54] = web.getNextMarker(_el$236.nextSibling);
|
|
1412
|
+
web.insert(_el$234, () => serverDebug().missingFields.join(", "), _el$237, _co$54);
|
|
1413
|
+
return _el$234;
|
|
1414
|
+
}
|
|
1415
|
+
}), _el$243, _co$57);
|
|
1416
|
+
return _el$221;
|
|
1417
|
+
}
|
|
1418
|
+
}), _el$255, _co$61);
|
|
1419
|
+
_el$245.$$click = () => setShowRaw(!showRaw());
|
|
1420
|
+
web.insert(_el$245, () => showRaw() ? "Hide" : "Show", _el$248, _co$58);
|
|
1421
|
+
web.insert(_el$244, web.createComponent(solidJs.Show, {
|
|
1422
|
+
get when() {
|
|
1423
|
+
return showRaw();
|
|
1424
|
+
},
|
|
1425
|
+
get children() {
|
|
1426
|
+
var _el$249 = web.getNextElement(_tmpl$46);
|
|
1427
|
+
web.insert(_el$249, () => JSON.stringify(props.rawContent, null, 2));
|
|
1428
|
+
return _el$249;
|
|
1429
|
+
}
|
|
1430
|
+
}), _el$251, _co$59);
|
|
1431
|
+
web.runHydrationEvents();
|
|
1432
|
+
return _el$202;
|
|
1433
|
+
}
|
|
1434
|
+
}), _el$257, _co$62);
|
|
1435
|
+
web.runHydrationEvents();
|
|
1436
|
+
return _el$192;
|
|
1437
|
+
})();
|
|
1188
1438
|
};
|
|
1189
1439
|
const EnrichedStepsSection = (props) => {
|
|
1190
1440
|
const stepsData = () => {
|
|
@@ -1195,35 +1445,35 @@ const EnrichedStepsSection = (props) => {
|
|
|
1195
1445
|
};
|
|
1196
1446
|
};
|
|
1197
1447
|
return (() => {
|
|
1198
|
-
var _el$
|
|
1199
|
-
web.insert(_el$
|
|
1448
|
+
var _el$326 = web.getNextElement(_tmpl$60), _el$329 = _el$326.firstChild, [_el$330, _co$83] = web.getNextMarker(_el$329.nextSibling), _el$331 = _el$330.nextSibling, [_el$332, _co$84] = web.getNextMarker(_el$331.nextSibling);
|
|
1449
|
+
web.insert(_el$326, web.createComponent(solidJs.For, {
|
|
1200
1450
|
get each() {
|
|
1201
1451
|
return stepsData().steps;
|
|
1202
1452
|
},
|
|
1203
1453
|
children: (step) => (() => {
|
|
1204
|
-
var _el$
|
|
1205
|
-
web.insert(_el$
|
|
1206
|
-
var _c$
|
|
1207
|
-
return () => _c$
|
|
1454
|
+
var _el$333 = web.getNextElement(_tmpl$63), _el$334 = _el$333.firstChild, _el$335 = _el$334.firstChild, _el$340 = _el$335.nextSibling, [_el$341, _co$86] = web.getNextMarker(_el$340.nextSibling), _el$342 = _el$341.nextSibling, [_el$343, _co$87] = web.getNextMarker(_el$342.nextSibling), _el$345 = _el$334.nextSibling, [_el$346, _co$88] = web.getNextMarker(_el$345.nextSibling);
|
|
1455
|
+
web.insert(_el$335, (() => {
|
|
1456
|
+
var _c$6 = web.memo(() => step.status === "done");
|
|
1457
|
+
return () => _c$6() ? "✅" : step.status === "active" ? "●" : "○";
|
|
1208
1458
|
})());
|
|
1209
|
-
web.insert(_el$
|
|
1210
|
-
web.insert(_el$
|
|
1459
|
+
web.insert(_el$334, () => step.label, _el$341, _co$86);
|
|
1460
|
+
web.insert(_el$334, web.createComponent(solidJs.Show, {
|
|
1211
1461
|
get when() {
|
|
1212
1462
|
return web.memo(() => !!step.description)() && step.status === "active";
|
|
1213
1463
|
},
|
|
1214
1464
|
get children() {
|
|
1215
|
-
var _el$
|
|
1216
|
-
web.insert(_el$
|
|
1217
|
-
return _el$
|
|
1465
|
+
var _el$336 = web.getNextElement(_tmpl$61), _el$337 = _el$336.firstChild, _el$338 = _el$337.nextSibling, [_el$339, _co$85] = web.getNextMarker(_el$338.nextSibling);
|
|
1466
|
+
web.insert(_el$336, () => step.description, _el$339, _co$85);
|
|
1467
|
+
return _el$336;
|
|
1218
1468
|
}
|
|
1219
|
-
}), _el$
|
|
1220
|
-
web.insert(_el$
|
|
1469
|
+
}), _el$343, _co$87);
|
|
1470
|
+
web.insert(_el$333, web.createComponent(solidJs.Show, {
|
|
1221
1471
|
get when() {
|
|
1222
1472
|
return web.memo(() => step.status === "active")() && step.content;
|
|
1223
1473
|
},
|
|
1224
1474
|
get children() {
|
|
1225
|
-
var _el$
|
|
1226
|
-
web.insert(_el$
|
|
1475
|
+
var _el$344 = web.getNextElement(_tmpl$62);
|
|
1476
|
+
web.insert(_el$344, web.createComponent(SectionRenderer, {
|
|
1227
1477
|
get section() {
|
|
1228
1478
|
return step.content;
|
|
1229
1479
|
},
|
|
@@ -1235,38 +1485,38 @@ const EnrichedStepsSection = (props) => {
|
|
|
1235
1485
|
return props.onAction;
|
|
1236
1486
|
}
|
|
1237
1487
|
}));
|
|
1238
|
-
return _el$
|
|
1488
|
+
return _el$344;
|
|
1239
1489
|
}
|
|
1240
|
-
}), _el$
|
|
1490
|
+
}), _el$346, _co$88);
|
|
1241
1491
|
web.effect((_p$) => {
|
|
1242
1492
|
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"}`;
|
|
1243
|
-
_v$4 !== _p$.e && web.className(_el$
|
|
1244
|
-
_v$5 !== _p$.t && web.className(_el$
|
|
1493
|
+
_v$4 !== _p$.e && web.className(_el$333, _p$.e = _v$4);
|
|
1494
|
+
_v$5 !== _p$.t && web.className(_el$334, _p$.t = _v$5);
|
|
1245
1495
|
return _p$;
|
|
1246
1496
|
}, {
|
|
1247
1497
|
e: void 0,
|
|
1248
1498
|
t: void 0
|
|
1249
1499
|
});
|
|
1250
|
-
return _el$
|
|
1500
|
+
return _el$333;
|
|
1251
1501
|
})()
|
|
1252
|
-
}), _el$
|
|
1253
|
-
web.insert(_el$
|
|
1502
|
+
}), _el$330, _co$83);
|
|
1503
|
+
web.insert(_el$326, web.createComponent(solidJs.Show, {
|
|
1254
1504
|
get when() {
|
|
1255
1505
|
return stepsData().steps.some((s) => s.status === "active");
|
|
1256
1506
|
},
|
|
1257
1507
|
get children() {
|
|
1258
|
-
var _el$
|
|
1259
|
-
_el$
|
|
1508
|
+
var _el$327 = web.getNextElement(_tmpl$59), _el$328 = _el$327.firstChild;
|
|
1509
|
+
_el$328.$$click = () => {
|
|
1260
1510
|
var _a;
|
|
1261
1511
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, "next_step", {
|
|
1262
1512
|
step: stepsData().currentStep
|
|
1263
1513
|
});
|
|
1264
1514
|
};
|
|
1265
1515
|
web.runHydrationEvents();
|
|
1266
|
-
return _el$
|
|
1516
|
+
return _el$327;
|
|
1267
1517
|
}
|
|
1268
|
-
}), _el$
|
|
1269
|
-
return _el$
|
|
1518
|
+
}), _el$332, _co$84);
|
|
1519
|
+
return _el$326;
|
|
1270
1520
|
})();
|
|
1271
1521
|
};
|
|
1272
1522
|
const ActionSection = (props) => {
|
|
@@ -1292,103 +1542,103 @@ const ActionSection = (props) => {
|
|
|
1292
1542
|
};
|
|
1293
1543
|
};
|
|
1294
1544
|
return (() => {
|
|
1295
|
-
var _el$
|
|
1296
|
-
web.insert(_el$
|
|
1545
|
+
var _el$347 = web.getNextElement(_tmpl$67), _el$362 = _el$347.firstChild, [_el$363, _co$92] = web.getNextMarker(_el$362.nextSibling), _el$364 = _el$363.nextSibling, [_el$365, _co$93] = web.getNextMarker(_el$364.nextSibling), _el$366 = _el$365.nextSibling, [_el$367, _co$94] = web.getNextMarker(_el$366.nextSibling), _el$361 = _el$367.nextSibling;
|
|
1546
|
+
web.insert(_el$347, web.createComponent(solidJs.Show, {
|
|
1297
1547
|
get when() {
|
|
1298
1548
|
return data().title;
|
|
1299
1549
|
},
|
|
1300
1550
|
get children() {
|
|
1301
|
-
var _el$
|
|
1302
|
-
web.insert(_el$
|
|
1303
|
-
return _el$
|
|
1551
|
+
var _el$348 = web.getNextElement(_tmpl$64);
|
|
1552
|
+
web.insert(_el$348, () => data().title);
|
|
1553
|
+
return _el$348;
|
|
1304
1554
|
}
|
|
1305
|
-
}), _el$
|
|
1306
|
-
web.insert(_el$
|
|
1555
|
+
}), _el$363, _co$92);
|
|
1556
|
+
web.insert(_el$347, web.createComponent(solidJs.Show, {
|
|
1307
1557
|
get when() {
|
|
1308
1558
|
return data().preview;
|
|
1309
1559
|
},
|
|
1310
1560
|
children: (preview) => (() => {
|
|
1311
|
-
var _el$
|
|
1312
|
-
web.insert(_el$
|
|
1561
|
+
var _el$368 = web.getNextElement(_tmpl$70), _el$374 = _el$368.firstChild, [_el$375, _co$96] = web.getNextMarker(_el$374.nextSibling), _el$376 = _el$375.nextSibling, [_el$377, _co$97] = web.getNextMarker(_el$376.nextSibling);
|
|
1562
|
+
web.insert(_el$368, web.createComponent(solidJs.Show, {
|
|
1313
1563
|
get when() {
|
|
1314
1564
|
return preview().count != null;
|
|
1315
1565
|
},
|
|
1316
1566
|
get children() {
|
|
1317
1567
|
return [(() => {
|
|
1318
|
-
var _el$
|
|
1319
|
-
web.insert(_el$
|
|
1320
|
-
return _el$
|
|
1568
|
+
var _el$369 = web.getNextElement(_tmpl$68);
|
|
1569
|
+
web.insert(_el$369, () => preview().count);
|
|
1570
|
+
return _el$369;
|
|
1321
1571
|
})(), " items"];
|
|
1322
1572
|
}
|
|
1323
|
-
}), _el$
|
|
1324
|
-
web.insert(_el$
|
|
1573
|
+
}), _el$375, _co$96);
|
|
1574
|
+
web.insert(_el$368, web.createComponent(solidJs.Show, {
|
|
1325
1575
|
get when() {
|
|
1326
1576
|
return preview().summary;
|
|
1327
1577
|
},
|
|
1328
1578
|
get children() {
|
|
1329
|
-
var _el$
|
|
1330
|
-
web.insert(_el$
|
|
1331
|
-
return _el$
|
|
1579
|
+
var _el$370 = web.getNextElement(_tmpl$69), _el$371 = _el$370.firstChild, _el$372 = _el$371.nextSibling, [_el$373, _co$95] = web.getNextMarker(_el$372.nextSibling);
|
|
1580
|
+
web.insert(_el$370, () => preview().summary, _el$373, _co$95);
|
|
1581
|
+
return _el$370;
|
|
1332
1582
|
}
|
|
1333
|
-
}), _el$
|
|
1334
|
-
return _el$
|
|
1583
|
+
}), _el$377, _co$97);
|
|
1584
|
+
return _el$368;
|
|
1335
1585
|
})()
|
|
1336
|
-
}), _el$
|
|
1337
|
-
web.insert(_el$
|
|
1586
|
+
}), _el$365, _co$93);
|
|
1587
|
+
web.insert(_el$347, web.createComponent(solidJs.Show, {
|
|
1338
1588
|
get when() {
|
|
1339
1589
|
return web.memo(() => !!data().validation)() && data().validation.confidence != null;
|
|
1340
1590
|
},
|
|
1341
1591
|
get children() {
|
|
1342
|
-
var _el$
|
|
1343
|
-
_el$
|
|
1344
|
-
var _el$
|
|
1345
|
-
web.insert(_el$
|
|
1346
|
-
web.insert(_el$
|
|
1592
|
+
var _el$349 = web.getNextElement(_tmpl$66), _el$350 = _el$349.firstChild, _el$352 = _el$350.firstChild, [_el$353, _co$89] = web.getNextMarker(_el$352.nextSibling);
|
|
1593
|
+
_el$353.nextSibling;
|
|
1594
|
+
var _el$359 = _el$350.nextSibling, [_el$360, _co$91] = web.getNextMarker(_el$359.nextSibling);
|
|
1595
|
+
web.insert(_el$350, () => Math.round(data().validation.confidence * 100), _el$353, _co$89);
|
|
1596
|
+
web.insert(_el$349, web.createComponent(solidJs.Show, {
|
|
1347
1597
|
get when() {
|
|
1348
1598
|
var _a;
|
|
1349
1599
|
return ((_a = data().validation.hallucinated) == null ? void 0 : _a.length) > 0;
|
|
1350
1600
|
},
|
|
1351
1601
|
get children() {
|
|
1352
|
-
var _el$
|
|
1353
|
-
_el$
|
|
1354
|
-
web.insert(_el$
|
|
1355
|
-
return _el$
|
|
1602
|
+
var _el$354 = web.getNextElement(_tmpl$65), _el$355 = _el$354.firstChild, _el$357 = _el$355.nextSibling, [_el$358, _co$90] = web.getNextMarker(_el$357.nextSibling);
|
|
1603
|
+
_el$358.nextSibling;
|
|
1604
|
+
web.insert(_el$354, () => data().validation.hallucinated.length, _el$358, _co$90);
|
|
1605
|
+
return _el$354;
|
|
1356
1606
|
}
|
|
1357
|
-
}), _el$
|
|
1358
|
-
web.effect((_$p) => web.classList(_el$
|
|
1607
|
+
}), _el$360, _co$91);
|
|
1608
|
+
web.effect((_$p) => web.classList(_el$350, {
|
|
1359
1609
|
"text-green-600 dark:text-green-400": data().validation.confidence >= 0.8,
|
|
1360
1610
|
"text-amber-600 dark:text-amber-400": data().validation.confidence >= 0.5 && data().validation.confidence < 0.8,
|
|
1361
1611
|
"text-red-600 dark:text-red-400": data().validation.confidence < 0.5
|
|
1362
1612
|
}, _$p));
|
|
1363
|
-
return _el$
|
|
1613
|
+
return _el$349;
|
|
1364
1614
|
}
|
|
1365
|
-
}), _el$
|
|
1366
|
-
web.insert(_el$
|
|
1615
|
+
}), _el$367, _co$94);
|
|
1616
|
+
web.insert(_el$361, web.createComponent(solidJs.For, {
|
|
1367
1617
|
get each() {
|
|
1368
1618
|
return data().actions;
|
|
1369
1619
|
},
|
|
1370
1620
|
children: (item) => (() => {
|
|
1371
|
-
var _el$
|
|
1372
|
-
web.addEventListener(_el$
|
|
1621
|
+
var _el$378 = web.getNextElement(_tmpl$38), _el$380 = _el$378.firstChild, [_el$381, _co$98] = web.getNextMarker(_el$380.nextSibling), _el$382 = _el$381.nextSibling, [_el$383, _co$99] = web.getNextMarker(_el$382.nextSibling);
|
|
1622
|
+
web.addEventListener(_el$378, "click", () => {
|
|
1373
1623
|
var _a;
|
|
1374
1624
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, item.value || item.action || item.label, item);
|
|
1375
1625
|
});
|
|
1376
|
-
web.insert(_el$
|
|
1626
|
+
web.insert(_el$378, web.createComponent(solidJs.Show, {
|
|
1377
1627
|
get when() {
|
|
1378
1628
|
return item.icon;
|
|
1379
1629
|
},
|
|
1380
1630
|
get children() {
|
|
1381
|
-
var _el$
|
|
1382
|
-
web.insert(_el$
|
|
1383
|
-
return _el$
|
|
1631
|
+
var _el$379 = web.getNextElement(_tmpl$71);
|
|
1632
|
+
web.insert(_el$379, () => item.icon);
|
|
1633
|
+
return _el$379;
|
|
1384
1634
|
}
|
|
1385
|
-
}), _el$
|
|
1386
|
-
web.insert(_el$
|
|
1387
|
-
web.effect(() => web.className(_el$
|
|
1388
|
-
return _el$
|
|
1635
|
+
}), _el$381, _co$98);
|
|
1636
|
+
web.insert(_el$378, () => item.label, _el$383, _co$99);
|
|
1637
|
+
web.effect(() => web.className(_el$378, `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors ${item.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : item.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : item.variant === "secondary" ? "border border-blue-300 dark:border-blue-600 text-blue-700 dark:text-blue-300 hover:bg-blue-50 dark:hover:bg-blue-900/20" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
|
|
1638
|
+
return _el$378;
|
|
1389
1639
|
})()
|
|
1390
1640
|
}));
|
|
1391
|
-
return _el$
|
|
1641
|
+
return _el$347;
|
|
1392
1642
|
})();
|
|
1393
1643
|
};
|
|
1394
1644
|
const UnderstandingSection = (props) => {
|
|
@@ -1412,39 +1662,39 @@ const UnderstandingSection = (props) => {
|
|
|
1412
1662
|
}
|
|
1413
1663
|
};
|
|
1414
1664
|
return (() => {
|
|
1415
|
-
var _el$
|
|
1416
|
-
web.insert(_el$
|
|
1665
|
+
var _el$384 = web.getNextElement(_tmpl$72), _el$385 = _el$384.firstChild, _el$387 = _el$385.nextSibling, [_el$388, _co$100] = web.getNextMarker(_el$387.nextSibling);
|
|
1666
|
+
web.insert(_el$385, web.createComponent(solidJs.For, {
|
|
1417
1667
|
get each() {
|
|
1418
1668
|
return data().detections;
|
|
1419
1669
|
},
|
|
1420
1670
|
children: (det) => (() => {
|
|
1421
|
-
var _el$
|
|
1422
|
-
web.insert(_el$
|
|
1423
|
-
web.insert(_el$
|
|
1424
|
-
web.effect(() => web.className(_el$
|
|
1425
|
-
return _el$
|
|
1671
|
+
var _el$389 = web.getNextElement(_tmpl$73), _el$390 = _el$389.firstChild, _el$391 = _el$390.nextSibling;
|
|
1672
|
+
web.insert(_el$390, () => det.label);
|
|
1673
|
+
web.insert(_el$391, () => det.value);
|
|
1674
|
+
web.effect(() => web.className(_el$390, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
|
|
1675
|
+
return _el$389;
|
|
1426
1676
|
})()
|
|
1427
1677
|
}));
|
|
1428
|
-
web.insert(_el$
|
|
1678
|
+
web.insert(_el$384, web.createComponent(solidJs.Show, {
|
|
1429
1679
|
get when() {
|
|
1430
1680
|
return data().warnings.length > 0;
|
|
1431
1681
|
},
|
|
1432
1682
|
get children() {
|
|
1433
|
-
var _el$
|
|
1434
|
-
web.insert(_el$
|
|
1683
|
+
var _el$386 = web.getNextElement(_tmpl$25);
|
|
1684
|
+
web.insert(_el$386, web.createComponent(solidJs.For, {
|
|
1435
1685
|
get each() {
|
|
1436
1686
|
return data().warnings;
|
|
1437
1687
|
},
|
|
1438
1688
|
children: (w) => (() => {
|
|
1439
|
-
var _el$
|
|
1440
|
-
web.insert(_el$
|
|
1441
|
-
return _el$
|
|
1689
|
+
var _el$392 = web.getNextElement(_tmpl$74), _el$393 = _el$392.firstChild, _el$394 = _el$393.nextSibling;
|
|
1690
|
+
web.insert(_el$394, w);
|
|
1691
|
+
return _el$392;
|
|
1442
1692
|
})()
|
|
1443
1693
|
}));
|
|
1444
|
-
return _el$
|
|
1694
|
+
return _el$386;
|
|
1445
1695
|
}
|
|
1446
|
-
}), _el$
|
|
1447
|
-
return _el$
|
|
1696
|
+
}), _el$388, _co$100);
|
|
1697
|
+
return _el$384;
|
|
1448
1698
|
})();
|
|
1449
1699
|
};
|
|
1450
1700
|
const FeedbackSection = (props) => {
|
|
@@ -1499,81 +1749,81 @@ const FeedbackSection = (props) => {
|
|
|
1499
1749
|
(_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", payload);
|
|
1500
1750
|
};
|
|
1501
1751
|
return (() => {
|
|
1502
|
-
var _el$
|
|
1503
|
-
web.insert(_el$
|
|
1504
|
-
web.insert(_el$
|
|
1752
|
+
var _el$395 = web.getNextElement(_tmpl$79), _el$396 = _el$395.firstChild, _el$414 = _el$396.nextSibling, [_el$415, _co$105] = web.getNextMarker(_el$414.nextSibling), _el$416 = _el$415.nextSibling, [_el$417, _co$106] = web.getNextMarker(_el$416.nextSibling);
|
|
1753
|
+
web.insert(_el$396, () => data().question);
|
|
1754
|
+
web.insert(_el$395, web.createComponent(solidJs.Show, {
|
|
1505
1755
|
get when() {
|
|
1506
1756
|
return submitted();
|
|
1507
1757
|
},
|
|
1508
1758
|
get children() {
|
|
1509
|
-
var _el$
|
|
1510
|
-
web.insert(_el$
|
|
1511
|
-
var _c$
|
|
1512
|
-
return () => _c$
|
|
1513
|
-
})(), _el$
|
|
1514
|
-
web.insert(_el$
|
|
1515
|
-
web.insert(_el$
|
|
1759
|
+
var _el$397 = web.getNextElement(_tmpl$76), _el$398 = _el$397.firstChild, _el$400 = _el$398.firstChild, [_el$401, _co$101] = web.getNextMarker(_el$400.nextSibling), _el$399 = _el$401.nextSibling, _el$402 = _el$399.nextSibling, [_el$403, _co$102] = web.getNextMarker(_el$402.nextSibling), _el$408 = _el$398.nextSibling, [_el$409, _co$104] = web.getNextMarker(_el$408.nextSibling);
|
|
1760
|
+
web.insert(_el$398, (() => {
|
|
1761
|
+
var _c$7 = web.memo(() => submitted() === "approve");
|
|
1762
|
+
return () => _c$7() ? "✅" : submitted() === "reject" ? "❌" : "💬";
|
|
1763
|
+
})(), _el$401, _co$101);
|
|
1764
|
+
web.insert(_el$398, submitted, _el$403, _co$102);
|
|
1765
|
+
web.insert(_el$397, web.createComponent(solidJs.Show, {
|
|
1516
1766
|
get when() {
|
|
1517
1767
|
return comment();
|
|
1518
1768
|
},
|
|
1519
1769
|
get children() {
|
|
1520
|
-
var _el$
|
|
1521
|
-
web.insert(_el$
|
|
1522
|
-
return _el$
|
|
1770
|
+
var _el$404 = web.getNextElement(_tmpl$75), _el$405 = _el$404.firstChild, _el$406 = _el$405.nextSibling, [_el$407, _co$103] = web.getNextMarker(_el$406.nextSibling);
|
|
1771
|
+
web.insert(_el$404, comment, _el$407, _co$103);
|
|
1772
|
+
return _el$404;
|
|
1523
1773
|
}
|
|
1524
|
-
}), _el$
|
|
1774
|
+
}), _el$409, _co$104);
|
|
1525
1775
|
web.effect((_p$) => {
|
|
1526
1776
|
var _v$6 = !!(submitted() === "approve"), _v$7 = !!(submitted() === "reject"), _v$8 = !!(submitted() !== "approve" && submitted() !== "reject");
|
|
1527
|
-
_v$6 !== _p$.e && _el$
|
|
1528
|
-
_v$7 !== _p$.t && _el$
|
|
1529
|
-
_v$8 !== _p$.a && _el$
|
|
1777
|
+
_v$6 !== _p$.e && _el$398.classList.toggle("text-green-600", _p$.e = _v$6);
|
|
1778
|
+
_v$7 !== _p$.t && _el$398.classList.toggle("text-red-600", _p$.t = _v$7);
|
|
1779
|
+
_v$8 !== _p$.a && _el$398.classList.toggle("text-blue-600", _p$.a = _v$8);
|
|
1530
1780
|
return _p$;
|
|
1531
1781
|
}, {
|
|
1532
1782
|
e: void 0,
|
|
1533
1783
|
t: void 0,
|
|
1534
1784
|
a: void 0
|
|
1535
1785
|
});
|
|
1536
|
-
return _el$
|
|
1786
|
+
return _el$397;
|
|
1537
1787
|
}
|
|
1538
|
-
}), _el$
|
|
1539
|
-
web.insert(_el$
|
|
1788
|
+
}), _el$415, _co$105);
|
|
1789
|
+
web.insert(_el$395, web.createComponent(solidJs.Show, {
|
|
1540
1790
|
get when() {
|
|
1541
1791
|
return !submitted();
|
|
1542
1792
|
},
|
|
1543
1793
|
get children() {
|
|
1544
1794
|
return [(() => {
|
|
1545
|
-
var _el$
|
|
1546
|
-
web.insert(_el$
|
|
1795
|
+
var _el$410 = web.getNextElement(_tmpl$77);
|
|
1796
|
+
web.insert(_el$410, web.createComponent(solidJs.For, {
|
|
1547
1797
|
get each() {
|
|
1548
1798
|
return data().options;
|
|
1549
1799
|
},
|
|
1550
1800
|
children: (option) => (() => {
|
|
1551
|
-
var _el$
|
|
1552
|
-
web.addEventListener(_el$
|
|
1553
|
-
web.insert(_el$
|
|
1801
|
+
var _el$418 = web.getNextElement(_tmpl$38), _el$420 = _el$418.firstChild, [_el$421, _co$107] = web.getNextMarker(_el$420.nextSibling), _el$422 = _el$421.nextSibling, [_el$423, _co$108] = web.getNextMarker(_el$422.nextSibling);
|
|
1802
|
+
web.addEventListener(_el$418, "click", () => handleOption(option));
|
|
1803
|
+
web.insert(_el$418, web.createComponent(solidJs.Show, {
|
|
1554
1804
|
get when() {
|
|
1555
1805
|
return option.icon;
|
|
1556
1806
|
},
|
|
1557
1807
|
get children() {
|
|
1558
|
-
var _el$
|
|
1559
|
-
web.insert(_el$
|
|
1560
|
-
return _el$
|
|
1808
|
+
var _el$419 = web.getNextElement(_tmpl$80);
|
|
1809
|
+
web.insert(_el$419, () => option.icon);
|
|
1810
|
+
return _el$419;
|
|
1561
1811
|
}
|
|
1562
|
-
}), _el$
|
|
1563
|
-
web.insert(_el$
|
|
1564
|
-
web.effect(() => web.className(_el$
|
|
1565
|
-
return _el$
|
|
1812
|
+
}), _el$421, _co$107);
|
|
1813
|
+
web.insert(_el$418, () => option.label, _el$423, _co$108);
|
|
1814
|
+
web.effect(() => web.className(_el$418, `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors flex items-center gap-1 ${option.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : option.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
|
|
1815
|
+
return _el$418;
|
|
1566
1816
|
})()
|
|
1567
1817
|
}));
|
|
1568
|
-
return _el$
|
|
1818
|
+
return _el$410;
|
|
1569
1819
|
})(), web.createComponent(solidJs.Show, {
|
|
1570
1820
|
get when() {
|
|
1571
1821
|
return data().allowFreeText || showComment();
|
|
1572
1822
|
},
|
|
1573
1823
|
get children() {
|
|
1574
|
-
var _el$
|
|
1575
|
-
_el$
|
|
1576
|
-
web.addEventListener(_el$
|
|
1824
|
+
var _el$411 = web.getNextElement(_tmpl$78), _el$412 = _el$411.firstChild, _el$413 = _el$412.nextSibling;
|
|
1825
|
+
_el$412.$$input = (e) => setComment(e.currentTarget.value);
|
|
1826
|
+
web.addEventListener(_el$413, "click", () => {
|
|
1577
1827
|
var _a;
|
|
1578
1828
|
setSubmitted("comment");
|
|
1579
1829
|
(_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", {
|
|
@@ -1585,21 +1835,21 @@ const FeedbackSection = (props) => {
|
|
|
1585
1835
|
});
|
|
1586
1836
|
web.effect((_p$) => {
|
|
1587
1837
|
var _v$9 = data().placeholder, _v$0 = showComment();
|
|
1588
|
-
_v$9 !== _p$.e && web.setAttribute(_el$
|
|
1589
|
-
_v$0 !== _p$.t && web.setProperty(_el$
|
|
1838
|
+
_v$9 !== _p$.e && web.setAttribute(_el$412, "placeholder", _p$.e = _v$9);
|
|
1839
|
+
_v$0 !== _p$.t && web.setProperty(_el$412, "autofocus", _p$.t = _v$0);
|
|
1590
1840
|
return _p$;
|
|
1591
1841
|
}, {
|
|
1592
1842
|
e: void 0,
|
|
1593
1843
|
t: void 0
|
|
1594
1844
|
});
|
|
1595
|
-
web.effect(() => web.setProperty(_el$
|
|
1845
|
+
web.effect(() => web.setProperty(_el$412, "value", comment()));
|
|
1596
1846
|
web.runHydrationEvents();
|
|
1597
|
-
return _el$
|
|
1847
|
+
return _el$411;
|
|
1598
1848
|
}
|
|
1599
1849
|
})];
|
|
1600
1850
|
}
|
|
1601
|
-
}), _el$
|
|
1602
|
-
return _el$
|
|
1851
|
+
}), _el$417, _co$106);
|
|
1852
|
+
return _el$395;
|
|
1603
1853
|
})();
|
|
1604
1854
|
};
|
|
1605
1855
|
const PromptSection = (props) => {
|
|
@@ -1614,56 +1864,56 @@ const PromptSection = (props) => {
|
|
|
1614
1864
|
};
|
|
1615
1865
|
};
|
|
1616
1866
|
return (() => {
|
|
1617
|
-
var _el$
|
|
1618
|
-
web.insert(_el$
|
|
1867
|
+
var _el$424 = web.getNextElement(_tmpl$84), _el$437 = _el$424.firstChild, [_el$438, _co$111] = web.getNextMarker(_el$437.nextSibling), _el$430 = _el$438.nextSibling, _el$439 = _el$430.nextSibling, [_el$440, _co$112] = web.getNextMarker(_el$439.nextSibling), _el$441 = _el$440.nextSibling, [_el$442, _co$113] = web.getNextMarker(_el$441.nextSibling);
|
|
1868
|
+
web.insert(_el$424, web.createComponent(solidJs.Show, {
|
|
1619
1869
|
get when() {
|
|
1620
1870
|
return data().originalQuery;
|
|
1621
1871
|
},
|
|
1622
1872
|
get children() {
|
|
1623
|
-
var _el$
|
|
1624
|
-
_el$
|
|
1625
|
-
web.insert(_el$
|
|
1626
|
-
return _el$
|
|
1873
|
+
var _el$425 = web.getNextElement(_tmpl$81), _el$426 = _el$425.firstChild, _el$428 = _el$426.nextSibling, [_el$429, _co$109] = web.getNextMarker(_el$428.nextSibling);
|
|
1874
|
+
_el$429.nextSibling;
|
|
1875
|
+
web.insert(_el$425, () => data().originalQuery, _el$429, _co$109);
|
|
1876
|
+
return _el$425;
|
|
1627
1877
|
}
|
|
1628
|
-
}), _el$
|
|
1629
|
-
web.insert(_el$
|
|
1878
|
+
}), _el$438, _co$111);
|
|
1879
|
+
web.insert(_el$430, web.createComponent(solidJs.For, {
|
|
1630
1880
|
get each() {
|
|
1631
1881
|
return Object.entries(data().extracted);
|
|
1632
1882
|
},
|
|
1633
1883
|
children: ([key, value]) => (() => {
|
|
1634
|
-
var _el$
|
|
1635
|
-
_el$
|
|
1636
|
-
var _el$
|
|
1637
|
-
web.insert(_el$
|
|
1638
|
-
web.insert(_el$
|
|
1639
|
-
return _el$
|
|
1884
|
+
var _el$443 = web.getNextElement(_tmpl$85), _el$444 = _el$443.firstChild, _el$446 = _el$444.firstChild, [_el$447, _co$114] = web.getNextMarker(_el$446.nextSibling);
|
|
1885
|
+
_el$447.nextSibling;
|
|
1886
|
+
var _el$448 = _el$444.nextSibling;
|
|
1887
|
+
web.insert(_el$444, key, _el$447, _co$114);
|
|
1888
|
+
web.insert(_el$448, () => String(value));
|
|
1889
|
+
return _el$443;
|
|
1640
1890
|
})()
|
|
1641
1891
|
}));
|
|
1642
|
-
web.insert(_el$
|
|
1892
|
+
web.insert(_el$424, web.createComponent(solidJs.Show, {
|
|
1643
1893
|
get when() {
|
|
1644
1894
|
return data().plan;
|
|
1645
1895
|
},
|
|
1646
1896
|
get children() {
|
|
1647
|
-
var _el$
|
|
1648
|
-
web.insert(_el$
|
|
1649
|
-
return _el$
|
|
1897
|
+
var _el$431 = web.getNextElement(_tmpl$82), _el$432 = _el$431.firstChild, _el$433 = _el$432.nextSibling, _el$434 = _el$433.nextSibling, [_el$435, _co$110] = web.getNextMarker(_el$434.nextSibling);
|
|
1898
|
+
web.insert(_el$431, () => data().plan, _el$435, _co$110);
|
|
1899
|
+
return _el$431;
|
|
1650
1900
|
}
|
|
1651
|
-
}), _el$
|
|
1652
|
-
web.insert(_el$
|
|
1901
|
+
}), _el$440, _co$112);
|
|
1902
|
+
web.insert(_el$424, web.createComponent(solidJs.Show, {
|
|
1653
1903
|
get when() {
|
|
1654
1904
|
return data().editable;
|
|
1655
1905
|
},
|
|
1656
1906
|
get children() {
|
|
1657
|
-
var _el$
|
|
1658
|
-
_el$
|
|
1907
|
+
var _el$436 = web.getNextElement(_tmpl$83);
|
|
1908
|
+
_el$436.$$click = () => {
|
|
1659
1909
|
var _a;
|
|
1660
1910
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, "edit_prompt", data());
|
|
1661
1911
|
};
|
|
1662
1912
|
web.runHydrationEvents();
|
|
1663
|
-
return _el$
|
|
1913
|
+
return _el$436;
|
|
1664
1914
|
}
|
|
1665
|
-
}), _el$
|
|
1666
|
-
return _el$
|
|
1915
|
+
}), _el$442, _co$113);
|
|
1916
|
+
return _el$424;
|
|
1667
1917
|
})();
|
|
1668
1918
|
};
|
|
1669
1919
|
const StepperProgressSection = (props) => {
|
|
@@ -1693,46 +1943,46 @@ const StepperProgressSection = (props) => {
|
|
|
1693
1943
|
},
|
|
1694
1944
|
get fallback() {
|
|
1695
1945
|
return (() => {
|
|
1696
|
-
var _el$
|
|
1697
|
-
web.insert(_el$
|
|
1946
|
+
var _el$450 = web.getNextElement(_tmpl$87);
|
|
1947
|
+
web.insert(_el$450, web.createComponent(solidJs.For, {
|
|
1698
1948
|
get each() {
|
|
1699
1949
|
return data().steps;
|
|
1700
1950
|
},
|
|
1701
1951
|
children: (step) => (() => {
|
|
1702
|
-
var _el$
|
|
1703
|
-
web.insert(_el$
|
|
1704
|
-
web.insert(_el$
|
|
1705
|
-
web.insert(_el$
|
|
1952
|
+
var _el$451 = web.getNextElement(_tmpl$90), _el$452 = _el$451.firstChild, _el$453 = _el$452.nextSibling, _el$454 = _el$453.firstChild, _el$464 = _el$454.nextSibling, [_el$465, _co$117] = web.getNextMarker(_el$464.nextSibling), _el$466 = _el$465.nextSibling, [_el$467, _co$118] = web.getNextMarker(_el$466.nextSibling);
|
|
1953
|
+
web.insert(_el$452, () => statusIcon(step.status));
|
|
1954
|
+
web.insert(_el$454, () => step.label);
|
|
1955
|
+
web.insert(_el$453, web.createComponent(solidJs.Show, {
|
|
1706
1956
|
get when() {
|
|
1707
1957
|
return step.summary;
|
|
1708
1958
|
},
|
|
1709
1959
|
get children() {
|
|
1710
|
-
var _el$
|
|
1711
|
-
web.insert(_el$
|
|
1712
|
-
return _el$
|
|
1960
|
+
var _el$455 = web.getNextElement(_tmpl$88), _el$456 = _el$455.firstChild, _el$457 = _el$456.nextSibling, [_el$458, _co$115] = web.getNextMarker(_el$457.nextSibling);
|
|
1961
|
+
web.insert(_el$455, () => step.summary, _el$458, _co$115);
|
|
1962
|
+
return _el$455;
|
|
1713
1963
|
}
|
|
1714
|
-
}), _el$
|
|
1715
|
-
web.insert(_el$
|
|
1964
|
+
}), _el$465, _co$117);
|
|
1965
|
+
web.insert(_el$453, web.createComponent(solidJs.Show, {
|
|
1716
1966
|
get when() {
|
|
1717
1967
|
return step.duration_ms;
|
|
1718
1968
|
},
|
|
1719
1969
|
get children() {
|
|
1720
|
-
var _el$
|
|
1721
|
-
_el$
|
|
1722
|
-
web.insert(_el$
|
|
1723
|
-
return _el$
|
|
1970
|
+
var _el$459 = web.getNextElement(_tmpl$89), _el$460 = _el$459.firstChild, _el$462 = _el$460.nextSibling, [_el$463, _co$116] = web.getNextMarker(_el$462.nextSibling);
|
|
1971
|
+
_el$463.nextSibling;
|
|
1972
|
+
web.insert(_el$459, () => step.duration_ms, _el$463, _co$116);
|
|
1973
|
+
return _el$459;
|
|
1724
1974
|
}
|
|
1725
|
-
}), _el$
|
|
1726
|
-
web.effect(() => web.className(_el$
|
|
1727
|
-
return _el$
|
|
1975
|
+
}), _el$467, _co$118);
|
|
1976
|
+
web.effect(() => web.className(_el$451, `flex items-start gap-2 text-sm ${step.status === "active" ? "font-medium" : ""} ${step.status === "pending" ? "text-gray-400" : "text-gray-700 dark:text-gray-300"}`));
|
|
1977
|
+
return _el$451;
|
|
1728
1978
|
})()
|
|
1729
1979
|
}));
|
|
1730
|
-
return _el$
|
|
1980
|
+
return _el$450;
|
|
1731
1981
|
})();
|
|
1732
1982
|
},
|
|
1733
1983
|
get children() {
|
|
1734
|
-
var _el$
|
|
1735
|
-
web.insert(_el$
|
|
1984
|
+
var _el$449 = web.getNextElement(_tmpl$86);
|
|
1985
|
+
web.insert(_el$449, web.createComponent(solidJs.For, {
|
|
1736
1986
|
get each() {
|
|
1737
1987
|
return data().steps;
|
|
1738
1988
|
},
|
|
@@ -1744,24 +1994,24 @@ const StepperProgressSection = (props) => {
|
|
|
1744
1994
|
return web.getNextElement(_tmpl$13);
|
|
1745
1995
|
}
|
|
1746
1996
|
}), (() => {
|
|
1747
|
-
var _el$
|
|
1748
|
-
web.insert(_el$
|
|
1749
|
-
web.insert(_el$
|
|
1750
|
-
web.insert(_el$
|
|
1997
|
+
var _el$469 = web.getNextElement(_tmpl$92), _el$470 = _el$469.firstChild, _el$471 = _el$470.nextSibling, _el$473 = _el$471.nextSibling, [_el$474, _co$119] = web.getNextMarker(_el$473.nextSibling);
|
|
1998
|
+
web.insert(_el$470, () => statusIcon(step.status));
|
|
1999
|
+
web.insert(_el$471, () => step.label);
|
|
2000
|
+
web.insert(_el$469, web.createComponent(solidJs.Show, {
|
|
1751
2001
|
get when() {
|
|
1752
2002
|
return step.summary;
|
|
1753
2003
|
},
|
|
1754
2004
|
get children() {
|
|
1755
|
-
var _el$
|
|
1756
|
-
web.insert(_el$
|
|
1757
|
-
return _el$
|
|
2005
|
+
var _el$472 = web.getNextElement(_tmpl$91);
|
|
2006
|
+
web.insert(_el$472, () => step.summary);
|
|
2007
|
+
return _el$472;
|
|
1758
2008
|
}
|
|
1759
|
-
}), _el$
|
|
1760
|
-
web.effect(() => web.className(_el$
|
|
1761
|
-
return _el$
|
|
2009
|
+
}), _el$474, _co$119);
|
|
2010
|
+
web.effect(() => web.className(_el$469, `flex items-center gap-1 px-2 py-1 rounded text-xs ${step.status === "done" ? "bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-400" : step.status === "active" ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-400 font-medium animate-pulse" : step.status === "error" ? "bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400" : "text-gray-400"}`));
|
|
2011
|
+
return _el$469;
|
|
1762
2012
|
})()]
|
|
1763
2013
|
}));
|
|
1764
|
-
return _el$
|
|
2014
|
+
return _el$449;
|
|
1765
2015
|
}
|
|
1766
2016
|
});
|
|
1767
2017
|
};
|
|
@@ -1782,48 +2032,48 @@ const ErrorSectionRenderer = (props) => {
|
|
|
1782
2032
|
};
|
|
1783
2033
|
const isWarning = () => data().severity === "warning";
|
|
1784
2034
|
return (() => {
|
|
1785
|
-
var _el$
|
|
1786
|
-
web.insert(_el$
|
|
1787
|
-
web.insert(_el$
|
|
1788
|
-
web.insert(_el$
|
|
2035
|
+
var _el$475 = web.getNextElement(_tmpl$96), _el$476 = _el$475.firstChild, _el$477 = _el$476.firstChild, _el$478 = _el$477.nextSibling, _el$479 = _el$478.firstChild, _el$480 = _el$479.nextSibling, _el$486 = _el$480.firstChild, [_el$487, _co$121] = web.getNextMarker(_el$486.nextSibling), _el$488 = _el$487.nextSibling, [_el$489, _co$122] = web.getNextMarker(_el$488.nextSibling), _el$491 = _el$480.nextSibling, [_el$492, _co$123] = web.getNextMarker(_el$491.nextSibling);
|
|
2036
|
+
web.insert(_el$477, () => isWarning() ? "⚠️" : "❌");
|
|
2037
|
+
web.insert(_el$479, () => data().message);
|
|
2038
|
+
web.insert(_el$480, web.createComponent(solidJs.Show, {
|
|
1789
2039
|
get when() {
|
|
1790
2040
|
return data().retryAction;
|
|
1791
2041
|
},
|
|
1792
2042
|
get children() {
|
|
1793
|
-
var _el$
|
|
1794
|
-
_el$
|
|
2043
|
+
var _el$481 = web.getNextElement(_tmpl$93), _el$482 = _el$481.firstChild, _el$483 = _el$482.nextSibling, [_el$484, _co$120] = web.getNextMarker(_el$483.nextSibling);
|
|
2044
|
+
_el$481.$$click = () => {
|
|
1795
2045
|
var _a;
|
|
1796
2046
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, data().retryAction);
|
|
1797
2047
|
};
|
|
1798
|
-
web.insert(_el$
|
|
1799
|
-
web.effect(() => web.className(_el$
|
|
2048
|
+
web.insert(_el$481, () => data().retryLabel, _el$484, _co$120);
|
|
2049
|
+
web.effect(() => web.className(_el$481, `px-2 py-1 text-xs font-medium rounded ${isWarning() ? "bg-amber-600 text-white hover:bg-amber-700" : "bg-red-600 text-white hover:bg-red-700"} transition-colors`));
|
|
1800
2050
|
web.runHydrationEvents();
|
|
1801
|
-
return _el$
|
|
2051
|
+
return _el$481;
|
|
1802
2052
|
}
|
|
1803
|
-
}), _el$
|
|
1804
|
-
web.insert(_el$
|
|
2053
|
+
}), _el$487, _co$121);
|
|
2054
|
+
web.insert(_el$480, web.createComponent(solidJs.Show, {
|
|
1805
2055
|
get when() {
|
|
1806
2056
|
return data().details;
|
|
1807
2057
|
},
|
|
1808
2058
|
get children() {
|
|
1809
|
-
var _el$
|
|
1810
|
-
_el$
|
|
2059
|
+
var _el$485 = web.getNextElement(_tmpl$94);
|
|
2060
|
+
_el$485.$$click = () => setShowDetails(!showDetails());
|
|
1811
2061
|
web.runHydrationEvents();
|
|
1812
|
-
return _el$
|
|
2062
|
+
return _el$485;
|
|
1813
2063
|
}
|
|
1814
|
-
}), _el$
|
|
1815
|
-
web.insert(_el$
|
|
2064
|
+
}), _el$489, _co$122);
|
|
2065
|
+
web.insert(_el$478, web.createComponent(solidJs.Show, {
|
|
1816
2066
|
get when() {
|
|
1817
2067
|
return web.memo(() => !!showDetails())() && data().details;
|
|
1818
2068
|
},
|
|
1819
2069
|
get children() {
|
|
1820
|
-
var _el$
|
|
1821
|
-
web.insert(_el$
|
|
1822
|
-
return _el$
|
|
2070
|
+
var _el$490 = web.getNextElement(_tmpl$95);
|
|
2071
|
+
web.insert(_el$490, () => data().details);
|
|
2072
|
+
return _el$490;
|
|
1823
2073
|
}
|
|
1824
|
-
}), _el$
|
|
1825
|
-
web.effect(() => web.className(_el$
|
|
1826
|
-
return _el$
|
|
2074
|
+
}), _el$492, _co$123);
|
|
2075
|
+
web.effect(() => web.className(_el$475, `rounded-lg px-3 py-2 text-sm ${isWarning() ? "bg-amber-50 dark:bg-amber-900/10 text-amber-700 dark:text-amber-400 border border-amber-200 dark:border-amber-800" : "bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800"}`));
|
|
2076
|
+
return _el$475;
|
|
1827
2077
|
})();
|
|
1828
2078
|
};
|
|
1829
2079
|
const SourceCardSection = (props) => {
|
|
@@ -1844,46 +2094,46 @@ const SourceCardSection = (props) => {
|
|
|
1844
2094
|
error: "❌"
|
|
1845
2095
|
})[data().status] || "📦";
|
|
1846
2096
|
return (() => {
|
|
1847
|
-
var _el$
|
|
1848
|
-
web.insert(_el$
|
|
1849
|
-
web.insert(_el$
|
|
1850
|
-
web.insert(_el$
|
|
2097
|
+
var _el$493 = web.getNextElement(_tmpl$99), _el$494 = _el$493.firstChild, _el$495 = _el$494.firstChild, _el$497 = _el$495.firstChild, [_el$498, _co$124] = web.getNextMarker(_el$497.nextSibling), _el$496 = _el$498.nextSibling, _el$499 = _el$496.nextSibling, [_el$500, _co$125] = web.getNextMarker(_el$499.nextSibling), _el$505 = _el$495.nextSibling, [_el$506, _co$127] = web.getNextMarker(_el$505.nextSibling), _el$507 = _el$494.nextSibling, _el$509 = _el$507.nextSibling, [_el$510, _co$128] = web.getNextMarker(_el$509.nextSibling);
|
|
2098
|
+
web.insert(_el$495, statusIcon, _el$498, _co$124);
|
|
2099
|
+
web.insert(_el$495, () => data().name, _el$500, _co$125);
|
|
2100
|
+
web.insert(_el$494, web.createComponent(solidJs.Show, {
|
|
1851
2101
|
get when() {
|
|
1852
2102
|
return data().row_count !== void 0;
|
|
1853
2103
|
},
|
|
1854
2104
|
get children() {
|
|
1855
|
-
var _el$
|
|
1856
|
-
_el$
|
|
1857
|
-
web.insert(_el$
|
|
2105
|
+
var _el$501 = web.getNextElement(_tmpl$97), _el$503 = _el$501.firstChild, [_el$504, _co$126] = web.getNextMarker(_el$503.nextSibling);
|
|
2106
|
+
_el$504.nextSibling;
|
|
2107
|
+
web.insert(_el$501, () => {
|
|
1858
2108
|
var _a;
|
|
1859
2109
|
return (_a = data().row_count) == null ? void 0 : _a.toLocaleString();
|
|
1860
|
-
}, _el$
|
|
1861
|
-
return _el$
|
|
2110
|
+
}, _el$504, _co$126);
|
|
2111
|
+
return _el$501;
|
|
1862
2112
|
}
|
|
1863
|
-
}), _el$
|
|
1864
|
-
web.insert(_el$
|
|
2113
|
+
}), _el$506, _co$127);
|
|
2114
|
+
web.insert(_el$507, web.createComponent(solidJs.For, {
|
|
1865
2115
|
get each() {
|
|
1866
2116
|
return data().capabilities;
|
|
1867
2117
|
},
|
|
1868
2118
|
children: (cap) => (() => {
|
|
1869
|
-
var _el$
|
|
1870
|
-
web.insert(_el$
|
|
1871
|
-
web.insert(_el$
|
|
1872
|
-
web.effect(() => web.className(_el$
|
|
1873
|
-
return _el$
|
|
2119
|
+
var _el$511 = web.getNextElement(_tmpl$100), _el$513 = _el$511.firstChild, [_el$514, _co$129] = web.getNextMarker(_el$513.nextSibling), _el$512 = _el$514.nextSibling, _el$515 = _el$512.nextSibling, [_el$516, _co$130] = web.getNextMarker(_el$515.nextSibling);
|
|
2120
|
+
web.insert(_el$511, () => cap.supported ? "✅" : "❌", _el$514, _co$129);
|
|
2121
|
+
web.insert(_el$511, () => cap.label, _el$516, _co$130);
|
|
2122
|
+
web.effect(() => web.className(_el$511, `text-[10px] px-1.5 py-0.5 rounded ${cap.supported ? "bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400" : "bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400"}`));
|
|
2123
|
+
return _el$511;
|
|
1874
2124
|
})()
|
|
1875
2125
|
}));
|
|
1876
|
-
web.insert(_el$
|
|
2126
|
+
web.insert(_el$493, web.createComponent(solidJs.Show, {
|
|
1877
2127
|
get when() {
|
|
1878
2128
|
return data().freshness || data().latency_ms;
|
|
1879
2129
|
},
|
|
1880
2130
|
get children() {
|
|
1881
|
-
var _el$
|
|
1882
|
-
web.insert(_el$
|
|
1883
|
-
return _el$
|
|
2131
|
+
var _el$508 = web.getNextElement(_tmpl$98);
|
|
2132
|
+
web.insert(_el$508, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
|
|
2133
|
+
return _el$508;
|
|
1884
2134
|
}
|
|
1885
|
-
}), _el$
|
|
1886
|
-
return _el$
|
|
2135
|
+
}), _el$510, _co$128);
|
|
2136
|
+
return _el$493;
|
|
1887
2137
|
})();
|
|
1888
2138
|
};
|
|
1889
2139
|
const DiffSection = (props) => {
|
|
@@ -1907,10 +2157,10 @@ const DiffSection = (props) => {
|
|
|
1907
2157
|
return [.../* @__PURE__ */ new Set([...Object.keys(l), ...Object.keys(r)])];
|
|
1908
2158
|
};
|
|
1909
2159
|
return (() => {
|
|
1910
|
-
var _el$
|
|
1911
|
-
web.insert(_el$
|
|
1912
|
-
web.insert(_el$
|
|
1913
|
-
web.insert(_el$
|
|
2160
|
+
var _el$517 = web.getNextElement(_tmpl$101), _el$518 = _el$517.firstChild, _el$519 = _el$518.firstChild, _el$520 = _el$519.firstChild, _el$521 = _el$520.firstChild, _el$522 = _el$521.nextSibling, _el$523 = _el$522.nextSibling, _el$524 = _el$519.nextSibling;
|
|
2161
|
+
web.insert(_el$522, () => data().left.label);
|
|
2162
|
+
web.insert(_el$523, () => data().right.label);
|
|
2163
|
+
web.insert(_el$524, web.createComponent(solidJs.For, {
|
|
1914
2164
|
get each() {
|
|
1915
2165
|
return allKeys();
|
|
1916
2166
|
},
|
|
@@ -1925,22 +2175,22 @@ const DiffSection = (props) => {
|
|
|
1925
2175
|
};
|
|
1926
2176
|
const isDiff = () => String(lVal()) !== String(rVal()) && data().highlight.includes(key);
|
|
1927
2177
|
return (() => {
|
|
1928
|
-
var _el$
|
|
1929
|
-
web.insert(_el$
|
|
1930
|
-
web.insert(_el$
|
|
1931
|
-
var _c$
|
|
1932
|
-
return () => _c$
|
|
2178
|
+
var _el$525 = web.getNextElement(_tmpl$102), _el$526 = _el$525.firstChild, _el$527 = _el$526.nextSibling, _el$528 = _el$527.nextSibling;
|
|
2179
|
+
web.insert(_el$526, key);
|
|
2180
|
+
web.insert(_el$527, (() => {
|
|
2181
|
+
var _c$8 = web.memo(() => lVal() !== void 0);
|
|
2182
|
+
return () => _c$8() ? String(lVal()) : "—";
|
|
1933
2183
|
})());
|
|
1934
|
-
web.insert(_el$
|
|
1935
|
-
var _c$
|
|
1936
|
-
return () => _c$
|
|
2184
|
+
web.insert(_el$528, (() => {
|
|
2185
|
+
var _c$9 = web.memo(() => rVal() !== void 0);
|
|
2186
|
+
return () => _c$9() ? String(rVal()) : "—";
|
|
1937
2187
|
})());
|
|
1938
|
-
web.effect(() => web.className(_el$
|
|
1939
|
-
return _el$
|
|
2188
|
+
web.effect(() => web.className(_el$525, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
|
|
2189
|
+
return _el$525;
|
|
1940
2190
|
})();
|
|
1941
2191
|
}
|
|
1942
2192
|
}));
|
|
1943
|
-
return _el$
|
|
2193
|
+
return _el$517;
|
|
1944
2194
|
})();
|
|
1945
2195
|
};
|
|
1946
2196
|
web.delegateEvents(["click", "input"]);
|