@seed-ship/mcp-ui-solid 2.14.0 → 2.15.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.
- package/dist/components/ScratchpadPanel.cjs +352 -314
- package/dist/components/ScratchpadPanel.cjs.map +1 -1
- package/dist/components/ScratchpadPanel.d.ts +4 -0
- package/dist/components/ScratchpadPanel.d.ts.map +1 -1
- package/dist/components/ScratchpadPanel.js +352 -314
- package/dist/components/ScratchpadPanel.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ScratchpadPanel.tsx +26 -0
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { delegateEvents, getNextElement, template, getNextMarker, insert, createComponent, effect, setAttribute, runHydrationEvents, memo, className, setStyleProperty, setProperty } from "solid-js/web";
|
|
2
2
|
import { createSignal, createEffect, onCleanup, Show, For, Switch, Match } from "solid-js";
|
|
3
3
|
import { FormFieldRenderer } from "./FormFieldRenderer.js";
|
|
4
|
-
var _tmpl$ = /* @__PURE__ */ template(`<svg fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M19 9l-7 7-7-7">`), _tmpl$2 = /* @__PURE__ */ template(`<button class="p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"aria-label=Close><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$3 = /* @__PURE__ */ template(`<div class="px-4 py-2 border-b border-gray-100 dark:border-gray-700 flex flex-wrap items-center gap-1.5">`), _tmpl$4 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700 space-y-2">`), _tmpl$5 = /* @__PURE__ */ template(`<div class="flex flex-col items-center gap-2 py-4 text-center"><span class=text-2xl>🔍</span><p class="text-sm text-gray-500 dark:text-gray-400">No results for these filters</p><button type=button class="px-3 py-1.5 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors">Modify filters`), _tmpl$6 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700">`), _tmpl$7 = /* @__PURE__ */ template(`<p class="text-xs text-red-500 dark:text-red-500 mt-0.5">Code: <!$><!/>`), _tmpl$8 = /* @__PURE__ */ template(`<button type=button class="px-3 py-1.5 text-sm font-medium rounded-lg bg-red-600 text-white hover:bg-red-700 transition-colors flex items-center gap-1">🔄 Retry`), _tmpl$9 = /* @__PURE__ */ template(`<button type=button class="px-3 py-1.5 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">Close`), _tmpl$0 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-red-100 dark:border-red-900/30 bg-red-50 dark:bg-red-900/10"><div class="flex items-start gap-2 text-sm text-red-700 dark:text-red-400"><span class="flex-shrink-0 mt-0.5">⚠️</span><div class=flex-1><p class=font-medium></p><!$><!/></div></div><div class="flex gap-2 mt-2"><!$><!/><!$><!/>`), _tmpl$1 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700"><button type=button class="w-full px-4 py-2.5 text-sm font-semibold rounded-lg text-white bg-blue-600 hover:bg-blue-700 transition-colors flex items-center justify-center gap-2"><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>Search`), _tmpl$10 = /* @__PURE__ */ template(`<div style=overflow-y:auto><!$><!/><div class="divide-y divide-gray-100 dark:divide-gray-700"></div><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$11 = /* @__PURE__ */ template(`<div 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>
|
|
4
|
+
var _tmpl$ = /* @__PURE__ */ template(`<svg fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M19 9l-7 7-7-7">`), _tmpl$2 = /* @__PURE__ */ template(`<button class="p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"aria-label=Close><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$3 = /* @__PURE__ */ template(`<div class="px-4 py-2 border-b border-gray-100 dark:border-gray-700 flex flex-wrap items-center gap-1.5">`), _tmpl$4 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700 space-y-2">`), _tmpl$5 = /* @__PURE__ */ template(`<div class="flex flex-col items-center gap-2 py-4 text-center"><span class=text-2xl>🔍</span><p class="text-sm text-gray-500 dark:text-gray-400">No results for these filters</p><button type=button class="px-3 py-1.5 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors">Modify filters`), _tmpl$6 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700">`), _tmpl$7 = /* @__PURE__ */ template(`<p class="text-xs text-red-500 dark:text-red-500 mt-0.5">Code: <!$><!/>`), _tmpl$8 = /* @__PURE__ */ template(`<button type=button class="px-3 py-1.5 text-sm font-medium rounded-lg bg-red-600 text-white hover:bg-red-700 transition-colors flex items-center gap-1">🔄 Retry`), _tmpl$9 = /* @__PURE__ */ template(`<button type=button class="px-3 py-1.5 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">Close`), _tmpl$0 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-red-100 dark:border-red-900/30 bg-red-50 dark:bg-red-900/10"><div class="flex items-start gap-2 text-sm text-red-700 dark:text-red-400"><span class="flex-shrink-0 mt-0.5">⚠️</span><div class=flex-1><p class=font-medium></p><!$><!/></div></div><div class="flex gap-2 mt-2"><!$><!/><!$><!/>`), _tmpl$1 = /* @__PURE__ */ template(`<div class="px-4 py-3 border-t border-gray-100 dark:border-gray-700"><button type=button class="w-full px-4 py-2.5 text-sm font-semibold rounded-lg text-white bg-blue-600 hover:bg-blue-700 transition-colors flex items-center justify-center gap-2"><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>Search`), _tmpl$10 = /* @__PURE__ */ template(`<div style=overflow-y:auto><!$><!/><div class="divide-y divide-gray-100 dark:divide-gray-700"></div><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$11 = /* @__PURE__ */ template(`<div class="absolute bottom-1 right-1 px-2 py-1 text-[9px] font-mono bg-black/80 text-green-400 rounded z-50 pointer-events-none"><!$><!/> | ev:<!$><!/> | sec:<!$><!/> | <!$><!/> | last:<!$><!/>`), _tmpl$12 = /* @__PURE__ */ template(`<div style="animation:scratchpad-slide-down 0.2s ease-out"><div><div class="flex items-center gap-2"><span class=text-base>📝</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>
|
|
5
5
|
@keyframes scratchpad-slide-down { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
|
|
6
|
-
|
|
6
|
+
</style><!$><!/>`), _tmpl$13 = /* @__PURE__ */ template(`<svg class="w-3 h-3 text-gray-300 dark:text-gray-600 flex-shrink-0"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$14 = /* @__PURE__ */ template(`<span class="ml-1 font-normal opacity-75">— <!$><!/>`), _tmpl$15 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/><!$><!/>`), _tmpl$16 = /* @__PURE__ */ template(`<div><span class="flex-shrink-0 mt-0.5"></span><p>`), _tmpl$17 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 mb-2"><span class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide">Preview</span><span class="px-1.5 py-0.5 text-xs font-bold bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded">`), _tmpl$18 = /* @__PURE__ */ template(`<p class="text-sm text-gray-700 dark:text-gray-300">`), _tmpl$19 = /* @__PURE__ */ template(`<div class="mt-2 overflow-x-auto"><table class="min-w-full text-xs"><thead><tr></tr></thead><tbody>`), _tmpl$20 = /* @__PURE__ */ template(`<th class="px-2 py-1 text-left font-medium text-gray-500 dark:text-gray-400">`), _tmpl$21 = /* @__PURE__ */ template(`<tr class="border-t border-gray-100 dark:border-gray-700">`), _tmpl$22 = /* @__PURE__ */ template(`<td class="px-2 py-1 text-gray-700 dark:text-gray-300">`), _tmpl$23 = /* @__PURE__ */ template(`<pre class="text-xs text-gray-500 overflow-auto">`), _tmpl$24 = /* @__PURE__ */ template(`<div class="px-4 py-3"><h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-2"></h4><!$><!/>`), _tmpl$25 = /* @__PURE__ */ template(`<div class=space-y-1>`), _tmpl$26 = /* @__PURE__ */ template(`<div class="flex gap-2 text-xs"><span class="text-gray-500 dark:text-gray-400 font-mono min-w-[120px]"><!$><!/>:</span><span class="text-gray-900 dark:text-white">`), _tmpl$27 = /* @__PURE__ */ template(`<p class="text-xs text-gray-400 italic">No filters`), _tmpl$28 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-1.5"><!$><!/><!$><!/>`), _tmpl$29 = /* @__PURE__ */ template(`<button type=button class="ml-0.5 hover:text-blue-900 dark:hover:text-blue-100">×`), _tmpl$30 = /* @__PURE__ */ template(`<span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded-full"><button type=button class=hover:underline><span class="text-blue-500 dark:text-blue-400"><!$><!/>:</span> <!$><!/></button><!$><!/>`), _tmpl$31 = /* @__PURE__ */ template(`<div class="max-h-48 overflow-y-auto">`), _tmpl$32 = /* @__PURE__ */ template(`<button type=button class="mt-1 w-full px-2 py-1 text-xs text-gray-500 hover:text-gray-700 text-center">Cancel`), _tmpl$33 = /* @__PURE__ */ template(`<div class="absolute z-50 mt-1 left-0 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg p-2 min-w-[200px]">`), _tmpl$34 = /* @__PURE__ */ template(`<div class=relative><!$><!/><!$><!/>`), _tmpl$35 = /* @__PURE__ */ template(`<button type=button class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium border border-dashed border-gray-300 dark:border-gray-600 text-gray-500 dark:text-gray-400 rounded-full hover:border-blue-400 hover:text-blue-500 transition-colors">+ <!$><!/>`), _tmpl$36 = /* @__PURE__ */ template(`<form class="flex gap-1"><input type=text autofocus class="flex-1 px-2 py-1 text-sm border border-gray-200 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 outline-none"><button type=submit class="px-2 py-1 text-xs bg-blue-600 text-white rounded hover:bg-blue-700">OK</button><button type=button class="px-2 py-1 text-xs text-gray-500 hover:text-gray-700">Cancel`), _tmpl$37 = /* @__PURE__ */ template(`<span class=ml-1>✓`), _tmpl$38 = /* @__PURE__ */ template(`<button type=button><!$><!/><!$><!/>`), _tmpl$39 = /* @__PURE__ */ template(`<form class="flex flex-col gap-3"><!$><!/><div class="flex justify-end"><button type=submit class="px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 transition-colors">`), _tmpl$40 = /* @__PURE__ */ template(`<div class="flex justify-end"><button type=button class="px-3 py-1.5 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors flex items-center gap-1">Next <svg class="w-3.5 h-3.5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$41 = /* @__PURE__ */ template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$42 = /* @__PURE__ */ template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$43 = /* @__PURE__ */ template(`<div class="mt-2 ml-6">`), _tmpl$44 = /* @__PURE__ */ template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$45 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-2">`), _tmpl$46 = /* @__PURE__ */ template(`<span class=mr-1>`), _tmpl$47 = /* @__PURE__ */ template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$48 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$49 = /* @__PURE__ */ template(`<div class="flex items-start gap-1.5 text-xs text-amber-600 dark:text-amber-400"><span class=flex-shrink-0>⚠️</span><span>`), _tmpl$50 = /* @__PURE__ */ template(`<div class="flex gap-1"><input type=text class="flex-1 px-3 py-2 text-sm border border-gray-200 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 outline-none"><button type=button class="px-3 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700">Send`), _tmpl$51 = /* @__PURE__ */ template(`<div class=space-y-3><p class="text-sm text-gray-700 dark:text-gray-300"></p><div class="flex flex-wrap gap-2"></div><!$><!/>`), _tmpl$52 = /* @__PURE__ */ template(`<span>`), _tmpl$53 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$54 = /* @__PURE__ */ template(`<div class="mt-2 px-3 py-2 bg-blue-50 dark:bg-blue-900/10 rounded-lg text-sm text-blue-700 dark:text-blue-300"><span class=font-medium>Plan:</span> <!$><!/>`), _tmpl$55 = /* @__PURE__ */ template(`<button type=button class="text-xs text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1">✎ Modify`), _tmpl$56 = /* @__PURE__ */ template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$57 = /* @__PURE__ */ template(`<div class="flex gap-2 text-sm"><span class="text-gray-500 dark:text-gray-400 font-medium min-w-[80px]"><!$><!/>:</span><span class="text-gray-900 dark:text-white">`), _tmpl$58 = /* @__PURE__ */ template(`<div class="flex items-center gap-1 flex-wrap">`), _tmpl$59 = /* @__PURE__ */ template(`<div class=space-y-2>`), _tmpl$60 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$61 = /* @__PURE__ */ template(`<span class="ml-1 text-xs text-gray-400">(<!$><!/>ms)`), _tmpl$62 = /* @__PURE__ */ template(`<div><span class=flex-shrink-0></span><div><span></span><!$><!/><!$><!/>`), _tmpl$63 = /* @__PURE__ */ template(`<span class="text-[10px] opacity-75">`), _tmpl$64 = /* @__PURE__ */ template(`<div><span></span><span></span><!$><!/>`), _tmpl$65 = /* @__PURE__ */ template(`<button type=button>🔄 <!$><!/>`), _tmpl$66 = /* @__PURE__ */ template(`<button type=button class="px-2 py-1 text-xs opacity-70 hover:opacity-100">▶ Details`), _tmpl$67 = /* @__PURE__ */ template(`<pre class="mt-2 text-xs opacity-70 overflow-x-auto">`), _tmpl$68 = /* @__PURE__ */ template(`<div><div class="flex items-start gap-2"><span class=flex-shrink-0></span><div class=flex-1><p></p><div class="flex gap-2 mt-2"><!$><!/><!$><!/></div><!$><!/>`), _tmpl$69 = /* @__PURE__ */ template(`<span class="text-xs font-bold text-blue-600 dark:text-blue-400"><!$><!/> results`), _tmpl$70 = /* @__PURE__ */ template(`<p class="text-[10px] text-gray-400">`), _tmpl$71 = /* @__PURE__ */ template(`<div class="rounded-lg border border-gray-200 dark:border-gray-700 px-3 py-2"><div class="flex items-center justify-between mb-1.5"><span class="text-sm font-medium text-gray-900 dark:text-white"><!$><!/> <!$><!/></span><!$><!/></div><div class="flex flex-wrap gap-1.5 mb-1"></div><!$><!/>`), _tmpl$72 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/>`), _tmpl$73 = /* @__PURE__ */ template(`<div class=overflow-x-auto><table class="min-w-full text-xs"><thead><tr><th class="px-2 py-1 text-left text-gray-500 dark:text-gray-400"></th><th class="px-2 py-1 text-left font-medium text-blue-600 dark:text-blue-400"></th><th class="px-2 py-1 text-left font-medium text-purple-600 dark:text-purple-400"></th></tr></thead><tbody>`), _tmpl$74 = /* @__PURE__ */ template(`<tr><td class="px-2 py-1 font-mono text-gray-500 dark:text-gray-400"></td><td class="px-2 py-1 text-gray-900 dark:text-white"></td><td class="px-2 py-1 text-gray-900 dark:text-white">`);
|
|
7
7
|
const STATUS_BADGES = {
|
|
8
8
|
loading: {
|
|
9
9
|
label: "Loading...",
|
|
@@ -40,9 +40,22 @@ const ScratchpadPanel = (props) => {
|
|
|
40
40
|
const isCollapsible = () => props.collapsible !== false;
|
|
41
41
|
const preview = () => localPreview() || props.state.preview;
|
|
42
42
|
const hasFilters = () => Object.keys(props.state.filters || {}).length > 0;
|
|
43
|
+
const [eventCount, setEventCount] = createSignal(0);
|
|
44
|
+
const [lastEvent, setLastEvent] = createSignal("");
|
|
45
|
+
const debugLog = (event, data) => {
|
|
46
|
+
if (!props.debug) return;
|
|
47
|
+
setEventCount((c) => c + 1);
|
|
48
|
+
setLastEvent(event);
|
|
49
|
+
console.log(`[ScratchpadPanel:${props.state.id}] ${event}`, data || "");
|
|
50
|
+
};
|
|
43
51
|
const CLOSE_ALIASES = /* @__PURE__ */ new Set(["done", "close", "dismiss", "validate", "cancel", "sufficient"]);
|
|
44
52
|
const handleAction = (action, data) => {
|
|
45
53
|
var _a;
|
|
54
|
+
debugLog("onAction", {
|
|
55
|
+
action,
|
|
56
|
+
asyncAction: props.asyncAction,
|
|
57
|
+
data
|
|
58
|
+
});
|
|
46
59
|
if (props.asyncAction && !CLOSE_ALIASES.has(action)) {
|
|
47
60
|
setLoadingAction(action);
|
|
48
61
|
}
|
|
@@ -51,6 +64,15 @@ const ScratchpadPanel = (props) => {
|
|
|
51
64
|
props.onClose();
|
|
52
65
|
}
|
|
53
66
|
};
|
|
67
|
+
createEffect(() => {
|
|
68
|
+
var _a;
|
|
69
|
+
debugLog("state", {
|
|
70
|
+
status: props.state.status,
|
|
71
|
+
sections: (_a = props.state.sections) == null ? void 0 : _a.length,
|
|
72
|
+
filters: Object.keys(props.state.filters || {}),
|
|
73
|
+
turn: props.state.turn
|
|
74
|
+
});
|
|
75
|
+
});
|
|
54
76
|
createEffect(() => {
|
|
55
77
|
if (props.state.status === "complete" && props.autoCloseDelay && !props.pinned) {
|
|
56
78
|
const timer = setTimeout(() => {
|
|
@@ -91,8 +113,7 @@ const ScratchpadPanel = (props) => {
|
|
|
91
113
|
if (previewTimer) clearTimeout(previewTimer);
|
|
92
114
|
});
|
|
93
115
|
return (() => {
|
|
94
|
-
var _el$ = getNextElement(_tmpl$
|
|
95
|
-
_el$53.nextSibling;
|
|
116
|
+
var _el$ = getNextElement(_tmpl$12), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$7 = _el$5.nextSibling, [_el$8, _co$] = getNextMarker(_el$7.nextSibling), _el$9 = _el$3.nextSibling, _el$0 = _el$9.firstChild, _el$10 = _el$0.nextSibling, [_el$11, _co$2] = getNextMarker(_el$10.nextSibling), _el$67 = _el$2.nextSibling, [_el$68, _co$15] = getNextMarker(_el$67.nextSibling), _el$51 = _el$68.nextSibling, _el$69 = _el$51.nextSibling, [_el$70, _co$16] = getNextMarker(_el$69.nextSibling);
|
|
96
117
|
_el$2.$$click = () => isCollapsible() && setCollapsed(!collapsed());
|
|
97
118
|
insert(_el$5, () => props.state.title);
|
|
98
119
|
insert(_el$3, createComponent(Show, {
|
|
@@ -142,27 +163,27 @@ const ScratchpadPanel = (props) => {
|
|
|
142
163
|
return i() > 0;
|
|
143
164
|
},
|
|
144
165
|
get children() {
|
|
145
|
-
return getNextElement(_tmpl$
|
|
166
|
+
return getNextElement(_tmpl$13);
|
|
146
167
|
}
|
|
147
168
|
}), (() => {
|
|
148
|
-
var _el$
|
|
149
|
-
insert(_el$
|
|
169
|
+
var _el$72 = getNextElement(_tmpl$15), _el$78 = _el$72.firstChild, [_el$79, _co$18] = getNextMarker(_el$78.nextSibling), _el$73 = _el$79.nextSibling, _el$80 = _el$73.nextSibling, [_el$81, _co$19] = getNextMarker(_el$80.nextSibling), _el$82 = _el$81.nextSibling, [_el$83, _co$20] = getNextMarker(_el$82.nextSibling);
|
|
170
|
+
insert(_el$72, (() => {
|
|
150
171
|
var _c$ = memo(() => turn.status === "done");
|
|
151
172
|
return () => _c$() ? "✅" : turn.status === "active" ? "●" : "○";
|
|
152
|
-
})(), _el$
|
|
153
|
-
insert(_el$
|
|
154
|
-
insert(_el$
|
|
173
|
+
})(), _el$79, _co$18);
|
|
174
|
+
insert(_el$72, () => turn.label, _el$81, _co$19);
|
|
175
|
+
insert(_el$72, createComponent(Show, {
|
|
155
176
|
get when() {
|
|
156
177
|
return turn.summary;
|
|
157
178
|
},
|
|
158
179
|
get children() {
|
|
159
|
-
var _el$
|
|
160
|
-
insert(_el$
|
|
161
|
-
return _el$
|
|
180
|
+
var _el$74 = getNextElement(_tmpl$14), _el$75 = _el$74.firstChild, _el$76 = _el$75.nextSibling, [_el$77, _co$17] = getNextMarker(_el$76.nextSibling);
|
|
181
|
+
insert(_el$74, () => turn.summary, _el$77, _co$17);
|
|
182
|
+
return _el$74;
|
|
162
183
|
}
|
|
163
|
-
}), _el$
|
|
164
|
-
effect(() => className(_el$
|
|
165
|
-
return _el$
|
|
184
|
+
}), _el$83, _co$20);
|
|
185
|
+
effect(() => className(_el$72, `text-xs font-medium px-2 py-0.5 rounded-full ${turn.status === "done" ? "bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400" : turn.status === "active" ? "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-400" : turn.status === "skipped" ? "bg-gray-100 dark:bg-gray-700 text-gray-400 line-through" : "bg-gray-100 dark:bg-gray-700 text-gray-400"}`));
|
|
186
|
+
return _el$72;
|
|
166
187
|
})()]
|
|
167
188
|
}));
|
|
168
189
|
return _el$13;
|
|
@@ -200,14 +221,14 @@ const ScratchpadPanel = (props) => {
|
|
|
200
221
|
return props.state.agentMessages;
|
|
201
222
|
},
|
|
202
223
|
children: (msg) => (() => {
|
|
203
|
-
var _el$
|
|
204
|
-
insert(_el$
|
|
224
|
+
var _el$84 = getNextElement(_tmpl$16), _el$85 = _el$84.firstChild, _el$86 = _el$85.nextSibling;
|
|
225
|
+
insert(_el$85, (() => {
|
|
205
226
|
var _c$2 = memo(() => msg.type === "warning");
|
|
206
227
|
return () => _c$2() ? "⚠️" : msg.type === "question" ? "❓" : "ℹ️";
|
|
207
228
|
})());
|
|
208
|
-
insert(_el$
|
|
209
|
-
effect(() => className(_el$
|
|
210
|
-
return _el$
|
|
229
|
+
insert(_el$86, () => msg.text);
|
|
230
|
+
effect(() => className(_el$84, `flex items-start gap-2 text-sm rounded-lg px-3 py-2 ${msg.type === "warning" ? "bg-amber-50 dark:bg-amber-900/10 text-amber-700 dark:text-amber-400" : msg.type === "question" ? "bg-blue-50 dark:bg-blue-900/10 text-blue-700 dark:text-blue-400 border border-blue-200 dark:border-blue-800" : "bg-gray-50 dark:bg-gray-700/50 text-gray-600 dark:text-gray-400"}`));
|
|
231
|
+
return _el$84;
|
|
211
232
|
})()
|
|
212
233
|
}));
|
|
213
234
|
return _el$15;
|
|
@@ -225,49 +246,49 @@ const ScratchpadPanel = (props) => {
|
|
|
225
246
|
},
|
|
226
247
|
get fallback() {
|
|
227
248
|
return [(() => {
|
|
228
|
-
var _el$
|
|
229
|
-
insert(_el$
|
|
230
|
-
return _el$
|
|
249
|
+
var _el$87 = getNextElement(_tmpl$17), _el$88 = _el$87.firstChild, _el$89 = _el$88.nextSibling;
|
|
250
|
+
insert(_el$89, () => preview().count.toLocaleString());
|
|
251
|
+
return _el$87;
|
|
231
252
|
})(), (() => {
|
|
232
|
-
var _el$
|
|
233
|
-
insert(_el$
|
|
234
|
-
return _el$
|
|
253
|
+
var _el$90 = getNextElement(_tmpl$18);
|
|
254
|
+
insert(_el$90, () => preview().summary);
|
|
255
|
+
return _el$90;
|
|
235
256
|
})(), createComponent(Show, {
|
|
236
257
|
get when() {
|
|
237
258
|
return memo(() => !!preview().rows)() && preview().rows.length > 0;
|
|
238
259
|
},
|
|
239
260
|
get children() {
|
|
240
|
-
var _el$
|
|
241
|
-
insert(_el$
|
|
261
|
+
var _el$91 = getNextElement(_tmpl$19), _el$92 = _el$91.firstChild, _el$93 = _el$92.firstChild, _el$94 = _el$93.firstChild, _el$95 = _el$93.nextSibling;
|
|
262
|
+
insert(_el$94, createComponent(For, {
|
|
242
263
|
get each() {
|
|
243
264
|
return Object.keys(preview().rows[0]);
|
|
244
265
|
},
|
|
245
266
|
children: (k) => (() => {
|
|
246
|
-
var _el$
|
|
247
|
-
insert(_el$
|
|
248
|
-
return _el$
|
|
267
|
+
var _el$96 = getNextElement(_tmpl$20);
|
|
268
|
+
insert(_el$96, k);
|
|
269
|
+
return _el$96;
|
|
249
270
|
})()
|
|
250
271
|
}));
|
|
251
|
-
insert(_el$
|
|
272
|
+
insert(_el$95, createComponent(For, {
|
|
252
273
|
get each() {
|
|
253
274
|
return preview().rows.slice(0, 5);
|
|
254
275
|
},
|
|
255
276
|
children: (row) => (() => {
|
|
256
|
-
var _el$
|
|
257
|
-
insert(_el$
|
|
277
|
+
var _el$97 = getNextElement(_tmpl$21);
|
|
278
|
+
insert(_el$97, createComponent(For, {
|
|
258
279
|
get each() {
|
|
259
280
|
return Object.values(row);
|
|
260
281
|
},
|
|
261
282
|
children: (v) => (() => {
|
|
262
|
-
var _el$
|
|
263
|
-
insert(_el$
|
|
264
|
-
return _el$
|
|
283
|
+
var _el$98 = getNextElement(_tmpl$22);
|
|
284
|
+
insert(_el$98, () => String(v));
|
|
285
|
+
return _el$98;
|
|
265
286
|
})()
|
|
266
287
|
}));
|
|
267
|
-
return _el$
|
|
288
|
+
return _el$97;
|
|
268
289
|
})()
|
|
269
290
|
}));
|
|
270
|
-
return _el$
|
|
291
|
+
return _el$91;
|
|
271
292
|
}
|
|
272
293
|
})];
|
|
273
294
|
},
|
|
@@ -348,7 +369,24 @@ const ScratchpadPanel = (props) => {
|
|
|
348
369
|
effect((_$p) => setStyleProperty(_el$12, "max-height", props.maxHeight || "500px"));
|
|
349
370
|
return _el$12;
|
|
350
371
|
}
|
|
351
|
-
}), _el$
|
|
372
|
+
}), _el$68, _co$15);
|
|
373
|
+
insert(_el$, createComponent(Show, {
|
|
374
|
+
get when() {
|
|
375
|
+
return props.debugOverlay;
|
|
376
|
+
},
|
|
377
|
+
get children() {
|
|
378
|
+
var _el$52 = getNextElement(_tmpl$11), _el$57 = _el$52.firstChild, [_el$58, _co$10] = getNextMarker(_el$57.nextSibling), _el$53 = _el$58.nextSibling, _el$59 = _el$53.nextSibling, [_el$60, _co$11] = getNextMarker(_el$59.nextSibling), _el$54 = _el$60.nextSibling, _el$61 = _el$54.nextSibling, [_el$62, _co$12] = getNextMarker(_el$61.nextSibling), _el$55 = _el$62.nextSibling, _el$63 = _el$55.nextSibling, [_el$64, _co$13] = getNextMarker(_el$63.nextSibling), _el$56 = _el$64.nextSibling, _el$65 = _el$56.nextSibling, [_el$66, _co$14] = getNextMarker(_el$65.nextSibling);
|
|
379
|
+
insert(_el$52, () => props.state.id, _el$58, _co$10);
|
|
380
|
+
insert(_el$52, eventCount, _el$60, _co$11);
|
|
381
|
+
insert(_el$52, () => {
|
|
382
|
+
var _a;
|
|
383
|
+
return ((_a = props.state.sections) == null ? void 0 : _a.length) || 0;
|
|
384
|
+
}, _el$62, _co$12);
|
|
385
|
+
insert(_el$52, () => props.state.status, _el$64, _co$13);
|
|
386
|
+
insert(_el$52, lastEvent, _el$66, _co$14);
|
|
387
|
+
return _el$52;
|
|
388
|
+
}
|
|
389
|
+
}), _el$70, _co$16);
|
|
352
390
|
effect((_p$) => {
|
|
353
391
|
var _v$ = `w-full bg-white dark:bg-gray-800 rounded-xl border shadow-lg overflow-visible ${props.state.status === "waiting_human" ? "border-blue-300 dark:border-blue-600" : "border-gray-200 dark:border-gray-700"}`, _v$2 = `flex items-center justify-between px-4 py-3 border-b border-gray-100 dark:border-gray-700 ${isCollapsible() ? "cursor-pointer select-none hover:bg-gray-50 dark:hover:bg-gray-750" : ""}`, _v$3 = `px-2 py-0.5 text-xs font-medium rounded-full ${badge().class}`;
|
|
354
392
|
_v$ !== _p$.e && className(_el$, _p$.e = _v$);
|
|
@@ -366,9 +404,9 @@ const ScratchpadPanel = (props) => {
|
|
|
366
404
|
};
|
|
367
405
|
const SectionRenderer = (props) => {
|
|
368
406
|
return (() => {
|
|
369
|
-
var _el$
|
|
370
|
-
insert(_el$
|
|
371
|
-
insert(_el$
|
|
407
|
+
var _el$99 = getNextElement(_tmpl$24), _el$100 = _el$99.firstChild, _el$103 = _el$100.nextSibling, [_el$104, _co$21] = getNextMarker(_el$103.nextSibling);
|
|
408
|
+
insert(_el$100, () => props.section.title);
|
|
409
|
+
insert(_el$99, createComponent(Switch, {
|
|
372
410
|
get children() {
|
|
373
411
|
return [createComponent(Match, {
|
|
374
412
|
get when() {
|
|
@@ -403,9 +441,9 @@ const SectionRenderer = (props) => {
|
|
|
403
441
|
return props.section.type === "message";
|
|
404
442
|
},
|
|
405
443
|
get children() {
|
|
406
|
-
var _el$
|
|
407
|
-
insert(_el$
|
|
408
|
-
return _el$
|
|
444
|
+
var _el$101 = getNextElement(_tmpl$18);
|
|
445
|
+
insert(_el$101, () => String(props.section.content));
|
|
446
|
+
return _el$101;
|
|
409
447
|
}
|
|
410
448
|
}), createComponent(Match, {
|
|
411
449
|
get when() {
|
|
@@ -547,37 +585,37 @@ const SectionRenderer = (props) => {
|
|
|
547
585
|
}), createComponent(Match, {
|
|
548
586
|
when: true,
|
|
549
587
|
get children() {
|
|
550
|
-
var _el$
|
|
551
|
-
insert(_el$
|
|
552
|
-
return _el$
|
|
588
|
+
var _el$102 = getNextElement(_tmpl$23);
|
|
589
|
+
insert(_el$102, () => JSON.stringify(props.section.content, null, 2));
|
|
590
|
+
return _el$102;
|
|
553
591
|
}
|
|
554
592
|
})];
|
|
555
593
|
}
|
|
556
|
-
}), _el$
|
|
557
|
-
return _el$
|
|
594
|
+
}), _el$104, _co$21);
|
|
595
|
+
return _el$99;
|
|
558
596
|
})();
|
|
559
597
|
};
|
|
560
598
|
const DataSection = (props) => {
|
|
561
599
|
const entries = () => typeof props.content === "object" && props.content ? Object.entries(props.content) : [];
|
|
562
600
|
return (() => {
|
|
563
|
-
var _el$
|
|
564
|
-
insert(_el$
|
|
601
|
+
var _el$105 = getNextElement(_tmpl$25);
|
|
602
|
+
insert(_el$105, createComponent(For, {
|
|
565
603
|
get each() {
|
|
566
604
|
return entries();
|
|
567
605
|
},
|
|
568
606
|
children: ([k, v]) => (() => {
|
|
569
|
-
var _el$
|
|
570
|
-
_el$
|
|
571
|
-
var _el$
|
|
572
|
-
insert(_el$
|
|
573
|
-
insert(_el$
|
|
607
|
+
var _el$106 = getNextElement(_tmpl$26), _el$107 = _el$106.firstChild, _el$109 = _el$107.firstChild, [_el$110, _co$22] = getNextMarker(_el$109.nextSibling);
|
|
608
|
+
_el$110.nextSibling;
|
|
609
|
+
var _el$111 = _el$107.nextSibling;
|
|
610
|
+
insert(_el$107, k, _el$110, _co$22);
|
|
611
|
+
insert(_el$111, (() => {
|
|
574
612
|
var _c$3 = memo(() => !!Array.isArray(v));
|
|
575
613
|
return () => _c$3() ? v.join(", ") : String(v);
|
|
576
614
|
})());
|
|
577
|
-
return _el$
|
|
615
|
+
return _el$106;
|
|
578
616
|
})()
|
|
579
617
|
}));
|
|
580
|
-
return _el$
|
|
618
|
+
return _el$105;
|
|
581
619
|
})();
|
|
582
620
|
};
|
|
583
621
|
const InteractiveFilterSection = (props) => {
|
|
@@ -611,8 +649,8 @@ const InteractiveFilterSection = (props) => {
|
|
|
611
649
|
};
|
|
612
650
|
const getDef = (key) => filterDefs()[key] || {};
|
|
613
651
|
return (() => {
|
|
614
|
-
var _el$
|
|
615
|
-
insert(_el$
|
|
652
|
+
var _el$112 = getNextElement(_tmpl$28), _el$114 = _el$112.firstChild, [_el$115, _co$23] = getNextMarker(_el$114.nextSibling), _el$116 = _el$115.nextSibling, [_el$117, _co$24] = getNextMarker(_el$116.nextSibling);
|
|
653
|
+
insert(_el$112, createComponent(For, {
|
|
616
654
|
get each() {
|
|
617
655
|
return allKeys();
|
|
618
656
|
},
|
|
@@ -621,136 +659,136 @@ const InteractiveFilterSection = (props) => {
|
|
|
621
659
|
const value = () => props.filters[key];
|
|
622
660
|
const hasValue = () => value() !== void 0 && value() !== "";
|
|
623
661
|
return (() => {
|
|
624
|
-
var _el$
|
|
625
|
-
insert(_el$
|
|
662
|
+
var _el$118 = getNextElement(_tmpl$34), _el$134 = _el$118.firstChild, [_el$135, _co$28] = getNextMarker(_el$134.nextSibling), _el$136 = _el$135.nextSibling, [_el$137, _co$29] = getNextMarker(_el$136.nextSibling);
|
|
663
|
+
insert(_el$118, createComponent(Show, {
|
|
626
664
|
get when() {
|
|
627
665
|
return hasValue();
|
|
628
666
|
},
|
|
629
667
|
get fallback() {
|
|
630
668
|
return (() => {
|
|
631
|
-
var _el$
|
|
632
|
-
_el$
|
|
669
|
+
var _el$138 = getNextElement(_tmpl$35), _el$139 = _el$138.firstChild, _el$140 = _el$139.nextSibling, [_el$141, _co$30] = getNextMarker(_el$140.nextSibling);
|
|
670
|
+
_el$138.$$click = () => {
|
|
633
671
|
setEditingKey(key);
|
|
634
672
|
setEditValue("");
|
|
635
673
|
};
|
|
636
|
-
insert(_el$
|
|
674
|
+
insert(_el$138, () => {
|
|
637
675
|
var _a;
|
|
638
676
|
return ((_a = def()) == null ? void 0 : _a.label) || key;
|
|
639
|
-
}, _el$
|
|
677
|
+
}, _el$141, _co$30);
|
|
640
678
|
runHydrationEvents();
|
|
641
|
-
return _el$
|
|
679
|
+
return _el$138;
|
|
642
680
|
})();
|
|
643
681
|
},
|
|
644
682
|
get children() {
|
|
645
|
-
var _el$
|
|
646
|
-
_el$
|
|
647
|
-
var _el$
|
|
648
|
-
_el$
|
|
683
|
+
var _el$119 = getNextElement(_tmpl$30), _el$120 = _el$119.firstChild, _el$121 = _el$120.firstChild, _el$123 = _el$121.firstChild, [_el$124, _co$25] = getNextMarker(_el$123.nextSibling);
|
|
684
|
+
_el$124.nextSibling;
|
|
685
|
+
var _el$125 = _el$121.nextSibling, _el$126 = _el$125.nextSibling, [_el$127, _co$26] = getNextMarker(_el$126.nextSibling), _el$129 = _el$120.nextSibling, [_el$130, _co$27] = getNextMarker(_el$129.nextSibling);
|
|
686
|
+
_el$120.$$click = () => {
|
|
649
687
|
setEditingKey(key);
|
|
650
688
|
setEditValue(String(value() || ""));
|
|
651
689
|
};
|
|
652
|
-
insert(_el$
|
|
690
|
+
insert(_el$121, () => {
|
|
653
691
|
var _a;
|
|
654
692
|
return ((_a = def()) == null ? void 0 : _a.label) || key;
|
|
655
|
-
}, _el$
|
|
656
|
-
insert(_el$
|
|
693
|
+
}, _el$124, _co$25);
|
|
694
|
+
insert(_el$120, (() => {
|
|
657
695
|
var _c$4 = memo(() => !!Array.isArray(value()));
|
|
658
696
|
return () => _c$4() ? value().join(", ") : String(value());
|
|
659
|
-
})(), _el$
|
|
660
|
-
insert(_el$
|
|
697
|
+
})(), _el$127, _co$26);
|
|
698
|
+
insert(_el$119, createComponent(Show, {
|
|
661
699
|
get when() {
|
|
662
700
|
return props.onFilterChange;
|
|
663
701
|
},
|
|
664
702
|
get children() {
|
|
665
|
-
var _el$
|
|
666
|
-
_el$
|
|
667
|
-
setAttribute(_el$
|
|
703
|
+
var _el$128 = getNextElement(_tmpl$29);
|
|
704
|
+
_el$128.$$click = () => removeFilter(key);
|
|
705
|
+
setAttribute(_el$128, "aria-label", `Remove ${key}`);
|
|
668
706
|
runHydrationEvents();
|
|
669
|
-
return _el$
|
|
707
|
+
return _el$128;
|
|
670
708
|
}
|
|
671
|
-
}), _el$
|
|
709
|
+
}), _el$130, _co$27);
|
|
672
710
|
runHydrationEvents();
|
|
673
|
-
return _el$
|
|
711
|
+
return _el$119;
|
|
674
712
|
}
|
|
675
|
-
}), _el$
|
|
676
|
-
insert(_el$
|
|
713
|
+
}), _el$135, _co$28);
|
|
714
|
+
insert(_el$118, createComponent(Show, {
|
|
677
715
|
get when() {
|
|
678
716
|
return editingKey() === key;
|
|
679
717
|
},
|
|
680
718
|
get children() {
|
|
681
|
-
var _el$
|
|
682
|
-
insert(_el$
|
|
719
|
+
var _el$131 = getNextElement(_tmpl$33);
|
|
720
|
+
insert(_el$131, createComponent(Show, {
|
|
683
721
|
get when() {
|
|
684
722
|
var _a;
|
|
685
723
|
return (_a = def()) == null ? void 0 : _a.options;
|
|
686
724
|
},
|
|
687
725
|
get fallback() {
|
|
688
726
|
return (() => {
|
|
689
|
-
var _el$
|
|
690
|
-
_el$
|
|
727
|
+
var _el$142 = getNextElement(_tmpl$36), _el$143 = _el$142.firstChild, _el$144 = _el$143.nextSibling, _el$145 = _el$144.nextSibling;
|
|
728
|
+
_el$142.addEventListener("submit", (e) => {
|
|
691
729
|
e.preventDefault();
|
|
692
730
|
setFilter(key, editValue());
|
|
693
731
|
});
|
|
694
|
-
_el$
|
|
695
|
-
_el$
|
|
732
|
+
_el$143.$$input = (e) => setEditValue(e.currentTarget.value);
|
|
733
|
+
_el$145.$$click = () => setEditingKey(null);
|
|
696
734
|
effect(() => {
|
|
697
735
|
var _a;
|
|
698
|
-
return setAttribute(_el$
|
|
736
|
+
return setAttribute(_el$143, "placeholder", ((_a = def()) == null ? void 0 : _a.placeholder) || key);
|
|
699
737
|
});
|
|
700
|
-
effect(() => setProperty(_el$
|
|
738
|
+
effect(() => setProperty(_el$143, "value", editValue()));
|
|
701
739
|
runHydrationEvents();
|
|
702
|
-
return _el$
|
|
740
|
+
return _el$142;
|
|
703
741
|
})();
|
|
704
742
|
},
|
|
705
743
|
get children() {
|
|
706
744
|
return [(() => {
|
|
707
|
-
var _el$
|
|
708
|
-
insert(_el$
|
|
745
|
+
var _el$132 = getNextElement(_tmpl$31);
|
|
746
|
+
insert(_el$132, createComponent(For, {
|
|
709
747
|
get each() {
|
|
710
748
|
return def().options;
|
|
711
749
|
},
|
|
712
750
|
children: (opt) => (() => {
|
|
713
|
-
var _el$
|
|
714
|
-
_el$
|
|
715
|
-
insert(_el$
|
|
716
|
-
insert(_el$
|
|
751
|
+
var _el$146 = getNextElement(_tmpl$38), _el$148 = _el$146.firstChild, [_el$149, _co$31] = getNextMarker(_el$148.nextSibling), _el$150 = _el$149.nextSibling, [_el$151, _co$32] = getNextMarker(_el$150.nextSibling);
|
|
752
|
+
_el$146.$$click = () => setFilter(key, opt.value);
|
|
753
|
+
insert(_el$146, () => opt.label, _el$149, _co$31);
|
|
754
|
+
insert(_el$146, createComponent(Show, {
|
|
717
755
|
get when() {
|
|
718
756
|
return String(value()) === opt.value;
|
|
719
757
|
},
|
|
720
758
|
get children() {
|
|
721
|
-
return getNextElement(_tmpl$
|
|
759
|
+
return getNextElement(_tmpl$37);
|
|
722
760
|
}
|
|
723
|
-
}), _el$
|
|
724
|
-
effect(() => className(_el$
|
|
761
|
+
}), _el$151, _co$32);
|
|
762
|
+
effect(() => className(_el$146, `w-full text-left px-2 py-1.5 text-sm rounded hover:bg-blue-50 dark:hover:bg-blue-900/20 ${String(value()) === opt.value ? "text-blue-600 dark:text-blue-400 bg-blue-50/50 dark:bg-blue-900/10" : "text-gray-900 dark:text-white"}`));
|
|
725
763
|
runHydrationEvents();
|
|
726
|
-
return _el$
|
|
764
|
+
return _el$146;
|
|
727
765
|
})()
|
|
728
766
|
}));
|
|
729
|
-
return _el$
|
|
767
|
+
return _el$132;
|
|
730
768
|
})(), (() => {
|
|
731
|
-
var _el$
|
|
732
|
-
_el$
|
|
769
|
+
var _el$133 = getNextElement(_tmpl$32);
|
|
770
|
+
_el$133.$$click = () => setEditingKey(null);
|
|
733
771
|
runHydrationEvents();
|
|
734
|
-
return _el$
|
|
772
|
+
return _el$133;
|
|
735
773
|
})()];
|
|
736
774
|
}
|
|
737
775
|
}));
|
|
738
|
-
return _el$
|
|
776
|
+
return _el$131;
|
|
739
777
|
}
|
|
740
|
-
}), _el$
|
|
741
|
-
return _el$
|
|
778
|
+
}), _el$137, _co$29);
|
|
779
|
+
return _el$118;
|
|
742
780
|
})();
|
|
743
781
|
}
|
|
744
|
-
}), _el$
|
|
745
|
-
insert(_el$
|
|
782
|
+
}), _el$115, _co$23);
|
|
783
|
+
insert(_el$112, createComponent(Show, {
|
|
746
784
|
get when() {
|
|
747
785
|
return allKeys().length === 0;
|
|
748
786
|
},
|
|
749
787
|
get children() {
|
|
750
|
-
return getNextElement(_tmpl$
|
|
788
|
+
return getNextElement(_tmpl$27);
|
|
751
789
|
}
|
|
752
|
-
}), _el$
|
|
753
|
-
return _el$
|
|
790
|
+
}), _el$117, _co$24);
|
|
791
|
+
return _el$112;
|
|
754
792
|
})();
|
|
755
793
|
};
|
|
756
794
|
const EmbeddedFormSection = (props) => {
|
|
@@ -816,9 +854,9 @@ const EmbeddedFormSection = (props) => {
|
|
|
816
854
|
}
|
|
817
855
|
};
|
|
818
856
|
return (() => {
|
|
819
|
-
var _el$
|
|
820
|
-
_el$
|
|
821
|
-
insert(_el$
|
|
857
|
+
var _el$152 = getNextElement(_tmpl$39), _el$155 = _el$152.firstChild, [_el$156, _co$33] = getNextMarker(_el$155.nextSibling), _el$153 = _el$156.nextSibling, _el$154 = _el$153.firstChild;
|
|
858
|
+
_el$152.addEventListener("submit", handleSubmit);
|
|
859
|
+
insert(_el$152, createComponent(For, {
|
|
822
860
|
get each() {
|
|
823
861
|
return config().fields;
|
|
824
862
|
},
|
|
@@ -832,9 +870,9 @@ const EmbeddedFormSection = (props) => {
|
|
|
832
870
|
onChange: (val) => updateField(field.name, val),
|
|
833
871
|
formData
|
|
834
872
|
})
|
|
835
|
-
}), _el$
|
|
836
|
-
insert(_el$
|
|
837
|
-
return _el$
|
|
873
|
+
}), _el$156, _co$33);
|
|
874
|
+
insert(_el$154, () => config().submitLabel);
|
|
875
|
+
return _el$152;
|
|
838
876
|
})();
|
|
839
877
|
};
|
|
840
878
|
const EnrichedStepsSection = (props) => {
|
|
@@ -846,35 +884,35 @@ const EnrichedStepsSection = (props) => {
|
|
|
846
884
|
};
|
|
847
885
|
};
|
|
848
886
|
return (() => {
|
|
849
|
-
var _el$
|
|
850
|
-
insert(_el$
|
|
887
|
+
var _el$157 = getNextElement(_tmpl$41), _el$160 = _el$157.firstChild, [_el$161, _co$34] = getNextMarker(_el$160.nextSibling), _el$162 = _el$161.nextSibling, [_el$163, _co$35] = getNextMarker(_el$162.nextSibling);
|
|
888
|
+
insert(_el$157, createComponent(For, {
|
|
851
889
|
get each() {
|
|
852
890
|
return stepsData().steps;
|
|
853
891
|
},
|
|
854
892
|
children: (step) => (() => {
|
|
855
|
-
var _el$
|
|
856
|
-
insert(_el$
|
|
893
|
+
var _el$164 = getNextElement(_tmpl$44), _el$165 = _el$164.firstChild, _el$166 = _el$165.firstChild, _el$171 = _el$166.nextSibling, [_el$172, _co$37] = getNextMarker(_el$171.nextSibling), _el$173 = _el$172.nextSibling, [_el$174, _co$38] = getNextMarker(_el$173.nextSibling), _el$176 = _el$165.nextSibling, [_el$177, _co$39] = getNextMarker(_el$176.nextSibling);
|
|
894
|
+
insert(_el$166, (() => {
|
|
857
895
|
var _c$5 = memo(() => step.status === "done");
|
|
858
896
|
return () => _c$5() ? "✅" : step.status === "active" ? "●" : "○";
|
|
859
897
|
})());
|
|
860
|
-
insert(_el$
|
|
861
|
-
insert(_el$
|
|
898
|
+
insert(_el$165, () => step.label, _el$172, _co$37);
|
|
899
|
+
insert(_el$165, createComponent(Show, {
|
|
862
900
|
get when() {
|
|
863
901
|
return memo(() => !!step.description)() && step.status === "active";
|
|
864
902
|
},
|
|
865
903
|
get children() {
|
|
866
|
-
var _el$
|
|
867
|
-
insert(_el$
|
|
868
|
-
return _el$
|
|
904
|
+
var _el$167 = getNextElement(_tmpl$42), _el$168 = _el$167.firstChild, _el$169 = _el$168.nextSibling, [_el$170, _co$36] = getNextMarker(_el$169.nextSibling);
|
|
905
|
+
insert(_el$167, () => step.description, _el$170, _co$36);
|
|
906
|
+
return _el$167;
|
|
869
907
|
}
|
|
870
|
-
}), _el$
|
|
871
|
-
insert(_el$
|
|
908
|
+
}), _el$174, _co$38);
|
|
909
|
+
insert(_el$164, createComponent(Show, {
|
|
872
910
|
get when() {
|
|
873
911
|
return memo(() => step.status === "active")() && step.content;
|
|
874
912
|
},
|
|
875
913
|
get children() {
|
|
876
|
-
var _el$
|
|
877
|
-
insert(_el$
|
|
914
|
+
var _el$175 = getNextElement(_tmpl$43);
|
|
915
|
+
insert(_el$175, createComponent(SectionRenderer, {
|
|
878
916
|
get section() {
|
|
879
917
|
return step.content;
|
|
880
918
|
},
|
|
@@ -886,71 +924,71 @@ const EnrichedStepsSection = (props) => {
|
|
|
886
924
|
return props.onAction;
|
|
887
925
|
}
|
|
888
926
|
}));
|
|
889
|
-
return _el$
|
|
927
|
+
return _el$175;
|
|
890
928
|
}
|
|
891
|
-
}), _el$
|
|
929
|
+
}), _el$177, _co$39);
|
|
892
930
|
effect((_p$) => {
|
|
893
931
|
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" : "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"}`;
|
|
894
|
-
_v$4 !== _p$.e && className(_el$
|
|
895
|
-
_v$5 !== _p$.t && className(_el$
|
|
932
|
+
_v$4 !== _p$.e && className(_el$164, _p$.e = _v$4);
|
|
933
|
+
_v$5 !== _p$.t && className(_el$165, _p$.t = _v$5);
|
|
896
934
|
return _p$;
|
|
897
935
|
}, {
|
|
898
936
|
e: void 0,
|
|
899
937
|
t: void 0
|
|
900
938
|
});
|
|
901
|
-
return _el$
|
|
939
|
+
return _el$164;
|
|
902
940
|
})()
|
|
903
|
-
}), _el$
|
|
904
|
-
insert(_el$
|
|
941
|
+
}), _el$161, _co$34);
|
|
942
|
+
insert(_el$157, createComponent(Show, {
|
|
905
943
|
get when() {
|
|
906
944
|
return stepsData().steps.some((s) => s.status === "active");
|
|
907
945
|
},
|
|
908
946
|
get children() {
|
|
909
|
-
var _el$
|
|
910
|
-
_el$
|
|
947
|
+
var _el$158 = getNextElement(_tmpl$40), _el$159 = _el$158.firstChild;
|
|
948
|
+
_el$159.$$click = () => {
|
|
911
949
|
var _a;
|
|
912
950
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, "next_step", {
|
|
913
951
|
step: stepsData().currentStep
|
|
914
952
|
});
|
|
915
953
|
};
|
|
916
954
|
runHydrationEvents();
|
|
917
|
-
return _el$
|
|
955
|
+
return _el$158;
|
|
918
956
|
}
|
|
919
|
-
}), _el$
|
|
920
|
-
return _el$
|
|
957
|
+
}), _el$163, _co$35);
|
|
958
|
+
return _el$157;
|
|
921
959
|
})();
|
|
922
960
|
};
|
|
923
961
|
const ActionSection = (props) => {
|
|
924
962
|
const actions = () => Array.isArray(props.content) ? props.content : [];
|
|
925
963
|
return (() => {
|
|
926
|
-
var _el$
|
|
927
|
-
insert(_el$
|
|
964
|
+
var _el$178 = getNextElement(_tmpl$45);
|
|
965
|
+
insert(_el$178, createComponent(For, {
|
|
928
966
|
get each() {
|
|
929
967
|
return actions();
|
|
930
968
|
},
|
|
931
969
|
children: (item) => (() => {
|
|
932
|
-
var _el$
|
|
933
|
-
_el$
|
|
970
|
+
var _el$179 = getNextElement(_tmpl$38), _el$181 = _el$179.firstChild, [_el$182, _co$40] = getNextMarker(_el$181.nextSibling), _el$183 = _el$182.nextSibling, [_el$184, _co$41] = getNextMarker(_el$183.nextSibling);
|
|
971
|
+
_el$179.$$click = () => {
|
|
934
972
|
var _a;
|
|
935
973
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, item.value || item.action || item.label, item);
|
|
936
974
|
};
|
|
937
|
-
insert(_el$
|
|
975
|
+
insert(_el$179, createComponent(Show, {
|
|
938
976
|
get when() {
|
|
939
977
|
return item.icon;
|
|
940
978
|
},
|
|
941
979
|
get children() {
|
|
942
|
-
var _el$
|
|
943
|
-
insert(_el$
|
|
944
|
-
return _el$
|
|
980
|
+
var _el$180 = getNextElement(_tmpl$46);
|
|
981
|
+
insert(_el$180, () => item.icon);
|
|
982
|
+
return _el$180;
|
|
945
983
|
}
|
|
946
|
-
}), _el$
|
|
947
|
-
insert(_el$
|
|
948
|
-
effect(() => className(_el$
|
|
984
|
+
}), _el$182, _co$40);
|
|
985
|
+
insert(_el$179, () => item.label, _el$184, _co$41);
|
|
986
|
+
effect(() => className(_el$179, `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" : "border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`));
|
|
949
987
|
runHydrationEvents();
|
|
950
|
-
return _el$
|
|
988
|
+
return _el$179;
|
|
951
989
|
})()
|
|
952
990
|
}));
|
|
953
|
-
return _el$
|
|
991
|
+
return _el$178;
|
|
954
992
|
})();
|
|
955
993
|
};
|
|
956
994
|
const UnderstandingSection = (props) => {
|
|
@@ -974,39 +1012,39 @@ const UnderstandingSection = (props) => {
|
|
|
974
1012
|
}
|
|
975
1013
|
};
|
|
976
1014
|
return (() => {
|
|
977
|
-
var _el$
|
|
978
|
-
insert(_el$
|
|
1015
|
+
var _el$185 = getNextElement(_tmpl$47), _el$186 = _el$185.firstChild, _el$188 = _el$186.nextSibling, [_el$189, _co$42] = getNextMarker(_el$188.nextSibling);
|
|
1016
|
+
insert(_el$186, createComponent(For, {
|
|
979
1017
|
get each() {
|
|
980
1018
|
return data().detections;
|
|
981
1019
|
},
|
|
982
1020
|
children: (det) => (() => {
|
|
983
|
-
var _el$
|
|
984
|
-
insert(_el$
|
|
985
|
-
insert(_el$
|
|
986
|
-
effect(() => className(_el$
|
|
987
|
-
return _el$
|
|
1021
|
+
var _el$190 = getNextElement(_tmpl$48), _el$191 = _el$190.firstChild, _el$192 = _el$191.nextSibling;
|
|
1022
|
+
insert(_el$191, () => det.label);
|
|
1023
|
+
insert(_el$192, () => det.value);
|
|
1024
|
+
effect(() => className(_el$191, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
|
|
1025
|
+
return _el$190;
|
|
988
1026
|
})()
|
|
989
1027
|
}));
|
|
990
|
-
insert(_el$
|
|
1028
|
+
insert(_el$185, createComponent(Show, {
|
|
991
1029
|
get when() {
|
|
992
1030
|
return data().warnings.length > 0;
|
|
993
1031
|
},
|
|
994
1032
|
get children() {
|
|
995
|
-
var _el$
|
|
996
|
-
insert(_el$
|
|
1033
|
+
var _el$187 = getNextElement(_tmpl$25);
|
|
1034
|
+
insert(_el$187, createComponent(For, {
|
|
997
1035
|
get each() {
|
|
998
1036
|
return data().warnings;
|
|
999
1037
|
},
|
|
1000
1038
|
children: (w) => (() => {
|
|
1001
|
-
var _el$
|
|
1002
|
-
insert(_el$
|
|
1003
|
-
return _el$
|
|
1039
|
+
var _el$193 = getNextElement(_tmpl$49), _el$194 = _el$193.firstChild, _el$195 = _el$194.nextSibling;
|
|
1040
|
+
insert(_el$195, w);
|
|
1041
|
+
return _el$193;
|
|
1004
1042
|
})()
|
|
1005
1043
|
}));
|
|
1006
|
-
return _el$
|
|
1044
|
+
return _el$187;
|
|
1007
1045
|
}
|
|
1008
|
-
}), _el$
|
|
1009
|
-
return _el$
|
|
1046
|
+
}), _el$189, _co$42);
|
|
1047
|
+
return _el$185;
|
|
1010
1048
|
})();
|
|
1011
1049
|
};
|
|
1012
1050
|
const FeedbackSection = (props) => {
|
|
@@ -1044,39 +1082,39 @@ const FeedbackSection = (props) => {
|
|
|
1044
1082
|
});
|
|
1045
1083
|
};
|
|
1046
1084
|
return (() => {
|
|
1047
|
-
var _el$
|
|
1048
|
-
insert(_el$
|
|
1049
|
-
insert(_el$
|
|
1085
|
+
var _el$196 = getNextElement(_tmpl$51), _el$197 = _el$196.firstChild, _el$198 = _el$197.nextSibling, _el$202 = _el$198.nextSibling, [_el$203, _co$43] = getNextMarker(_el$202.nextSibling);
|
|
1086
|
+
insert(_el$197, () => data().question);
|
|
1087
|
+
insert(_el$198, createComponent(For, {
|
|
1050
1088
|
get each() {
|
|
1051
1089
|
return data().options;
|
|
1052
1090
|
},
|
|
1053
1091
|
children: (option) => (() => {
|
|
1054
|
-
var _el$
|
|
1055
|
-
_el$
|
|
1056
|
-
insert(_el$
|
|
1092
|
+
var _el$204 = getNextElement(_tmpl$38), _el$206 = _el$204.firstChild, [_el$207, _co$44] = getNextMarker(_el$206.nextSibling), _el$208 = _el$207.nextSibling, [_el$209, _co$45] = getNextMarker(_el$208.nextSibling);
|
|
1093
|
+
_el$204.$$click = () => handleOption(option);
|
|
1094
|
+
insert(_el$204, createComponent(Show, {
|
|
1057
1095
|
get when() {
|
|
1058
1096
|
return option.icon;
|
|
1059
1097
|
},
|
|
1060
1098
|
get children() {
|
|
1061
|
-
var _el$
|
|
1062
|
-
insert(_el$
|
|
1063
|
-
return _el$
|
|
1099
|
+
var _el$205 = getNextElement(_tmpl$52);
|
|
1100
|
+
insert(_el$205, () => option.icon);
|
|
1101
|
+
return _el$205;
|
|
1064
1102
|
}
|
|
1065
|
-
}), _el$
|
|
1066
|
-
insert(_el$
|
|
1067
|
-
effect(() => className(_el$
|
|
1103
|
+
}), _el$207, _co$44);
|
|
1104
|
+
insert(_el$204, () => option.label, _el$209, _co$45);
|
|
1105
|
+
effect(() => className(_el$204, `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"}`));
|
|
1068
1106
|
runHydrationEvents();
|
|
1069
|
-
return _el$
|
|
1107
|
+
return _el$204;
|
|
1070
1108
|
})()
|
|
1071
1109
|
}));
|
|
1072
|
-
insert(_el$
|
|
1110
|
+
insert(_el$196, createComponent(Show, {
|
|
1073
1111
|
get when() {
|
|
1074
1112
|
return data().allowFreeText || showComment();
|
|
1075
1113
|
},
|
|
1076
1114
|
get children() {
|
|
1077
|
-
var _el$
|
|
1078
|
-
_el$
|
|
1079
|
-
_el$
|
|
1115
|
+
var _el$199 = getNextElement(_tmpl$50), _el$200 = _el$199.firstChild, _el$201 = _el$200.nextSibling;
|
|
1116
|
+
_el$200.$$input = (e) => setComment(e.currentTarget.value);
|
|
1117
|
+
_el$201.$$click = () => {
|
|
1080
1118
|
var _a;
|
|
1081
1119
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", {
|
|
1082
1120
|
option: "comment",
|
|
@@ -1085,19 +1123,19 @@ const FeedbackSection = (props) => {
|
|
|
1085
1123
|
};
|
|
1086
1124
|
effect((_p$) => {
|
|
1087
1125
|
var _v$6 = data().placeholder, _v$7 = showComment();
|
|
1088
|
-
_v$6 !== _p$.e && setAttribute(_el$
|
|
1089
|
-
_v$7 !== _p$.t && setProperty(_el$
|
|
1126
|
+
_v$6 !== _p$.e && setAttribute(_el$200, "placeholder", _p$.e = _v$6);
|
|
1127
|
+
_v$7 !== _p$.t && setProperty(_el$200, "autofocus", _p$.t = _v$7);
|
|
1090
1128
|
return _p$;
|
|
1091
1129
|
}, {
|
|
1092
1130
|
e: void 0,
|
|
1093
1131
|
t: void 0
|
|
1094
1132
|
});
|
|
1095
|
-
effect(() => setProperty(_el$
|
|
1133
|
+
effect(() => setProperty(_el$200, "value", comment()));
|
|
1096
1134
|
runHydrationEvents();
|
|
1097
|
-
return _el$
|
|
1135
|
+
return _el$199;
|
|
1098
1136
|
}
|
|
1099
|
-
}), _el$
|
|
1100
|
-
return _el$
|
|
1137
|
+
}), _el$203, _co$43);
|
|
1138
|
+
return _el$196;
|
|
1101
1139
|
})();
|
|
1102
1140
|
};
|
|
1103
1141
|
const PromptSection = (props) => {
|
|
@@ -1112,56 +1150,56 @@ const PromptSection = (props) => {
|
|
|
1112
1150
|
};
|
|
1113
1151
|
};
|
|
1114
1152
|
return (() => {
|
|
1115
|
-
var _el$
|
|
1116
|
-
insert(_el$
|
|
1153
|
+
var _el$210 = getNextElement(_tmpl$56), _el$223 = _el$210.firstChild, [_el$224, _co$48] = getNextMarker(_el$223.nextSibling), _el$216 = _el$224.nextSibling, _el$225 = _el$216.nextSibling, [_el$226, _co$49] = getNextMarker(_el$225.nextSibling), _el$227 = _el$226.nextSibling, [_el$228, _co$50] = getNextMarker(_el$227.nextSibling);
|
|
1154
|
+
insert(_el$210, createComponent(Show, {
|
|
1117
1155
|
get when() {
|
|
1118
1156
|
return data().originalQuery;
|
|
1119
1157
|
},
|
|
1120
1158
|
get children() {
|
|
1121
|
-
var _el$
|
|
1122
|
-
_el$
|
|
1123
|
-
insert(_el$
|
|
1124
|
-
return _el$
|
|
1159
|
+
var _el$211 = getNextElement(_tmpl$53), _el$212 = _el$211.firstChild, _el$214 = _el$212.nextSibling, [_el$215, _co$46] = getNextMarker(_el$214.nextSibling);
|
|
1160
|
+
_el$215.nextSibling;
|
|
1161
|
+
insert(_el$211, () => data().originalQuery, _el$215, _co$46);
|
|
1162
|
+
return _el$211;
|
|
1125
1163
|
}
|
|
1126
|
-
}), _el$
|
|
1127
|
-
insert(_el$
|
|
1164
|
+
}), _el$224, _co$48);
|
|
1165
|
+
insert(_el$216, createComponent(For, {
|
|
1128
1166
|
get each() {
|
|
1129
1167
|
return Object.entries(data().extracted);
|
|
1130
1168
|
},
|
|
1131
1169
|
children: ([key, value]) => (() => {
|
|
1132
|
-
var _el$
|
|
1133
|
-
_el$
|
|
1134
|
-
var _el$
|
|
1135
|
-
insert(_el$
|
|
1136
|
-
insert(_el$
|
|
1137
|
-
return _el$
|
|
1170
|
+
var _el$229 = getNextElement(_tmpl$57), _el$230 = _el$229.firstChild, _el$232 = _el$230.firstChild, [_el$233, _co$51] = getNextMarker(_el$232.nextSibling);
|
|
1171
|
+
_el$233.nextSibling;
|
|
1172
|
+
var _el$234 = _el$230.nextSibling;
|
|
1173
|
+
insert(_el$230, key, _el$233, _co$51);
|
|
1174
|
+
insert(_el$234, () => String(value));
|
|
1175
|
+
return _el$229;
|
|
1138
1176
|
})()
|
|
1139
1177
|
}));
|
|
1140
|
-
insert(_el$
|
|
1178
|
+
insert(_el$210, createComponent(Show, {
|
|
1141
1179
|
get when() {
|
|
1142
1180
|
return data().plan;
|
|
1143
1181
|
},
|
|
1144
1182
|
get children() {
|
|
1145
|
-
var _el$
|
|
1146
|
-
insert(_el$
|
|
1147
|
-
return _el$
|
|
1183
|
+
var _el$217 = getNextElement(_tmpl$54), _el$218 = _el$217.firstChild, _el$219 = _el$218.nextSibling, _el$220 = _el$219.nextSibling, [_el$221, _co$47] = getNextMarker(_el$220.nextSibling);
|
|
1184
|
+
insert(_el$217, () => data().plan, _el$221, _co$47);
|
|
1185
|
+
return _el$217;
|
|
1148
1186
|
}
|
|
1149
|
-
}), _el$
|
|
1150
|
-
insert(_el$
|
|
1187
|
+
}), _el$226, _co$49);
|
|
1188
|
+
insert(_el$210, createComponent(Show, {
|
|
1151
1189
|
get when() {
|
|
1152
1190
|
return data().editable;
|
|
1153
1191
|
},
|
|
1154
1192
|
get children() {
|
|
1155
|
-
var _el$
|
|
1156
|
-
_el$
|
|
1193
|
+
var _el$222 = getNextElement(_tmpl$55);
|
|
1194
|
+
_el$222.$$click = () => {
|
|
1157
1195
|
var _a;
|
|
1158
1196
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, "edit_prompt", data());
|
|
1159
1197
|
};
|
|
1160
1198
|
runHydrationEvents();
|
|
1161
|
-
return _el$
|
|
1199
|
+
return _el$222;
|
|
1162
1200
|
}
|
|
1163
|
-
}), _el$
|
|
1164
|
-
return _el$
|
|
1201
|
+
}), _el$228, _co$50);
|
|
1202
|
+
return _el$210;
|
|
1165
1203
|
})();
|
|
1166
1204
|
};
|
|
1167
1205
|
const StepperProgressSection = (props) => {
|
|
@@ -1191,46 +1229,46 @@ const StepperProgressSection = (props) => {
|
|
|
1191
1229
|
},
|
|
1192
1230
|
get fallback() {
|
|
1193
1231
|
return (() => {
|
|
1194
|
-
var _el$
|
|
1195
|
-
insert(_el$
|
|
1232
|
+
var _el$236 = getNextElement(_tmpl$59);
|
|
1233
|
+
insert(_el$236, createComponent(For, {
|
|
1196
1234
|
get each() {
|
|
1197
1235
|
return data().steps;
|
|
1198
1236
|
},
|
|
1199
1237
|
children: (step) => (() => {
|
|
1200
|
-
var _el$
|
|
1201
|
-
insert(_el$
|
|
1202
|
-
insert(_el$
|
|
1203
|
-
insert(_el$
|
|
1238
|
+
var _el$237 = getNextElement(_tmpl$62), _el$238 = _el$237.firstChild, _el$239 = _el$238.nextSibling, _el$240 = _el$239.firstChild, _el$250 = _el$240.nextSibling, [_el$251, _co$54] = getNextMarker(_el$250.nextSibling), _el$252 = _el$251.nextSibling, [_el$253, _co$55] = getNextMarker(_el$252.nextSibling);
|
|
1239
|
+
insert(_el$238, () => statusIcon(step.status));
|
|
1240
|
+
insert(_el$240, () => step.label);
|
|
1241
|
+
insert(_el$239, createComponent(Show, {
|
|
1204
1242
|
get when() {
|
|
1205
1243
|
return step.summary;
|
|
1206
1244
|
},
|
|
1207
1245
|
get children() {
|
|
1208
|
-
var _el$
|
|
1209
|
-
insert(_el$
|
|
1210
|
-
return _el$
|
|
1246
|
+
var _el$241 = getNextElement(_tmpl$60), _el$242 = _el$241.firstChild, _el$243 = _el$242.nextSibling, [_el$244, _co$52] = getNextMarker(_el$243.nextSibling);
|
|
1247
|
+
insert(_el$241, () => step.summary, _el$244, _co$52);
|
|
1248
|
+
return _el$241;
|
|
1211
1249
|
}
|
|
1212
|
-
}), _el$
|
|
1213
|
-
insert(_el$
|
|
1250
|
+
}), _el$251, _co$54);
|
|
1251
|
+
insert(_el$239, createComponent(Show, {
|
|
1214
1252
|
get when() {
|
|
1215
1253
|
return step.duration_ms;
|
|
1216
1254
|
},
|
|
1217
1255
|
get children() {
|
|
1218
|
-
var _el$
|
|
1219
|
-
_el$
|
|
1220
|
-
insert(_el$
|
|
1221
|
-
return _el$
|
|
1256
|
+
var _el$245 = getNextElement(_tmpl$61), _el$246 = _el$245.firstChild, _el$248 = _el$246.nextSibling, [_el$249, _co$53] = getNextMarker(_el$248.nextSibling);
|
|
1257
|
+
_el$249.nextSibling;
|
|
1258
|
+
insert(_el$245, () => step.duration_ms, _el$249, _co$53);
|
|
1259
|
+
return _el$245;
|
|
1222
1260
|
}
|
|
1223
|
-
}), _el$
|
|
1224
|
-
effect(() => className(_el$
|
|
1225
|
-
return _el$
|
|
1261
|
+
}), _el$253, _co$55);
|
|
1262
|
+
effect(() => className(_el$237, `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"}`));
|
|
1263
|
+
return _el$237;
|
|
1226
1264
|
})()
|
|
1227
1265
|
}));
|
|
1228
|
-
return _el$
|
|
1266
|
+
return _el$236;
|
|
1229
1267
|
})();
|
|
1230
1268
|
},
|
|
1231
1269
|
get children() {
|
|
1232
|
-
var _el$
|
|
1233
|
-
insert(_el$
|
|
1270
|
+
var _el$235 = getNextElement(_tmpl$58);
|
|
1271
|
+
insert(_el$235, createComponent(For, {
|
|
1234
1272
|
get each() {
|
|
1235
1273
|
return data().steps;
|
|
1236
1274
|
},
|
|
@@ -1239,27 +1277,27 @@ const StepperProgressSection = (props) => {
|
|
|
1239
1277
|
return i() > 0;
|
|
1240
1278
|
},
|
|
1241
1279
|
get children() {
|
|
1242
|
-
return getNextElement(_tmpl$
|
|
1280
|
+
return getNextElement(_tmpl$13);
|
|
1243
1281
|
}
|
|
1244
1282
|
}), (() => {
|
|
1245
|
-
var _el$
|
|
1246
|
-
insert(_el$
|
|
1247
|
-
insert(_el$
|
|
1248
|
-
insert(_el$
|
|
1283
|
+
var _el$255 = getNextElement(_tmpl$64), _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling, _el$259 = _el$257.nextSibling, [_el$260, _co$56] = getNextMarker(_el$259.nextSibling);
|
|
1284
|
+
insert(_el$256, () => statusIcon(step.status));
|
|
1285
|
+
insert(_el$257, () => step.label);
|
|
1286
|
+
insert(_el$255, createComponent(Show, {
|
|
1249
1287
|
get when() {
|
|
1250
1288
|
return step.summary;
|
|
1251
1289
|
},
|
|
1252
1290
|
get children() {
|
|
1253
|
-
var _el$
|
|
1254
|
-
insert(_el$
|
|
1255
|
-
return _el$
|
|
1291
|
+
var _el$258 = getNextElement(_tmpl$63);
|
|
1292
|
+
insert(_el$258, () => step.summary);
|
|
1293
|
+
return _el$258;
|
|
1256
1294
|
}
|
|
1257
|
-
}), _el$
|
|
1258
|
-
effect(() => className(_el$
|
|
1259
|
-
return _el$
|
|
1295
|
+
}), _el$260, _co$56);
|
|
1296
|
+
effect(() => className(_el$255, `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" : step.status === "error" ? "bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400" : "text-gray-400"}`));
|
|
1297
|
+
return _el$255;
|
|
1260
1298
|
})()]
|
|
1261
1299
|
}));
|
|
1262
|
-
return _el$
|
|
1300
|
+
return _el$235;
|
|
1263
1301
|
}
|
|
1264
1302
|
});
|
|
1265
1303
|
};
|
|
@@ -1278,48 +1316,48 @@ const ErrorSectionRenderer = (props) => {
|
|
|
1278
1316
|
};
|
|
1279
1317
|
const isWarning = () => data().severity === "warning";
|
|
1280
1318
|
return (() => {
|
|
1281
|
-
var _el$
|
|
1282
|
-
insert(_el$
|
|
1283
|
-
insert(_el$
|
|
1284
|
-
insert(_el$
|
|
1319
|
+
var _el$261 = getNextElement(_tmpl$68), _el$262 = _el$261.firstChild, _el$263 = _el$262.firstChild, _el$264 = _el$263.nextSibling, _el$265 = _el$264.firstChild, _el$266 = _el$265.nextSibling, _el$272 = _el$266.firstChild, [_el$273, _co$58] = getNextMarker(_el$272.nextSibling), _el$274 = _el$273.nextSibling, [_el$275, _co$59] = getNextMarker(_el$274.nextSibling), _el$277 = _el$266.nextSibling, [_el$278, _co$60] = getNextMarker(_el$277.nextSibling);
|
|
1320
|
+
insert(_el$263, () => isWarning() ? "⚠️" : "❌");
|
|
1321
|
+
insert(_el$265, () => data().message);
|
|
1322
|
+
insert(_el$266, createComponent(Show, {
|
|
1285
1323
|
get when() {
|
|
1286
1324
|
return data().retryAction;
|
|
1287
1325
|
},
|
|
1288
1326
|
get children() {
|
|
1289
|
-
var _el$
|
|
1290
|
-
_el$
|
|
1327
|
+
var _el$267 = getNextElement(_tmpl$65), _el$268 = _el$267.firstChild, _el$269 = _el$268.nextSibling, [_el$270, _co$57] = getNextMarker(_el$269.nextSibling);
|
|
1328
|
+
_el$267.$$click = () => {
|
|
1291
1329
|
var _a;
|
|
1292
1330
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, data().retryAction);
|
|
1293
1331
|
};
|
|
1294
|
-
insert(_el$
|
|
1295
|
-
effect(() => className(_el$
|
|
1332
|
+
insert(_el$267, () => data().retryLabel, _el$270, _co$57);
|
|
1333
|
+
effect(() => className(_el$267, `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`));
|
|
1296
1334
|
runHydrationEvents();
|
|
1297
|
-
return _el$
|
|
1335
|
+
return _el$267;
|
|
1298
1336
|
}
|
|
1299
|
-
}), _el$
|
|
1300
|
-
insert(_el$
|
|
1337
|
+
}), _el$273, _co$58);
|
|
1338
|
+
insert(_el$266, createComponent(Show, {
|
|
1301
1339
|
get when() {
|
|
1302
1340
|
return data().details;
|
|
1303
1341
|
},
|
|
1304
1342
|
get children() {
|
|
1305
|
-
var _el$
|
|
1306
|
-
_el$
|
|
1343
|
+
var _el$271 = getNextElement(_tmpl$66);
|
|
1344
|
+
_el$271.$$click = () => setShowDetails(!showDetails());
|
|
1307
1345
|
runHydrationEvents();
|
|
1308
|
-
return _el$
|
|
1346
|
+
return _el$271;
|
|
1309
1347
|
}
|
|
1310
|
-
}), _el$
|
|
1311
|
-
insert(_el$
|
|
1348
|
+
}), _el$275, _co$59);
|
|
1349
|
+
insert(_el$264, createComponent(Show, {
|
|
1312
1350
|
get when() {
|
|
1313
1351
|
return memo(() => !!showDetails())() && data().details;
|
|
1314
1352
|
},
|
|
1315
1353
|
get children() {
|
|
1316
|
-
var _el$
|
|
1317
|
-
insert(_el$
|
|
1318
|
-
return _el$
|
|
1354
|
+
var _el$276 = getNextElement(_tmpl$67);
|
|
1355
|
+
insert(_el$276, () => data().details);
|
|
1356
|
+
return _el$276;
|
|
1319
1357
|
}
|
|
1320
|
-
}), _el$
|
|
1321
|
-
effect(() => className(_el$
|
|
1322
|
-
return _el$
|
|
1358
|
+
}), _el$278, _co$60);
|
|
1359
|
+
effect(() => className(_el$261, `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"}`));
|
|
1360
|
+
return _el$261;
|
|
1323
1361
|
})();
|
|
1324
1362
|
};
|
|
1325
1363
|
const SourceCardSection = (props) => {
|
|
@@ -1340,46 +1378,46 @@ const SourceCardSection = (props) => {
|
|
|
1340
1378
|
error: "❌"
|
|
1341
1379
|
})[data().status] || "📦";
|
|
1342
1380
|
return (() => {
|
|
1343
|
-
var _el$
|
|
1344
|
-
insert(_el$
|
|
1345
|
-
insert(_el$
|
|
1346
|
-
insert(_el$
|
|
1381
|
+
var _el$279 = getNextElement(_tmpl$71), _el$280 = _el$279.firstChild, _el$281 = _el$280.firstChild, _el$283 = _el$281.firstChild, [_el$284, _co$61] = getNextMarker(_el$283.nextSibling), _el$282 = _el$284.nextSibling, _el$285 = _el$282.nextSibling, [_el$286, _co$62] = getNextMarker(_el$285.nextSibling), _el$291 = _el$281.nextSibling, [_el$292, _co$64] = getNextMarker(_el$291.nextSibling), _el$293 = _el$280.nextSibling, _el$295 = _el$293.nextSibling, [_el$296, _co$65] = getNextMarker(_el$295.nextSibling);
|
|
1382
|
+
insert(_el$281, statusIcon, _el$284, _co$61);
|
|
1383
|
+
insert(_el$281, () => data().name, _el$286, _co$62);
|
|
1384
|
+
insert(_el$280, createComponent(Show, {
|
|
1347
1385
|
get when() {
|
|
1348
1386
|
return data().row_count !== void 0;
|
|
1349
1387
|
},
|
|
1350
1388
|
get children() {
|
|
1351
|
-
var _el$
|
|
1352
|
-
_el$
|
|
1353
|
-
insert(_el$
|
|
1389
|
+
var _el$287 = getNextElement(_tmpl$69), _el$289 = _el$287.firstChild, [_el$290, _co$63] = getNextMarker(_el$289.nextSibling);
|
|
1390
|
+
_el$290.nextSibling;
|
|
1391
|
+
insert(_el$287, () => {
|
|
1354
1392
|
var _a;
|
|
1355
1393
|
return (_a = data().row_count) == null ? void 0 : _a.toLocaleString();
|
|
1356
|
-
}, _el$
|
|
1357
|
-
return _el$
|
|
1394
|
+
}, _el$290, _co$63);
|
|
1395
|
+
return _el$287;
|
|
1358
1396
|
}
|
|
1359
|
-
}), _el$
|
|
1360
|
-
insert(_el$
|
|
1397
|
+
}), _el$292, _co$64);
|
|
1398
|
+
insert(_el$293, createComponent(For, {
|
|
1361
1399
|
get each() {
|
|
1362
1400
|
return data().capabilities;
|
|
1363
1401
|
},
|
|
1364
1402
|
children: (cap) => (() => {
|
|
1365
|
-
var _el$
|
|
1366
|
-
insert(_el$
|
|
1367
|
-
insert(_el$
|
|
1368
|
-
effect(() => className(_el$
|
|
1369
|
-
return _el$
|
|
1403
|
+
var _el$297 = getNextElement(_tmpl$72), _el$299 = _el$297.firstChild, [_el$300, _co$66] = getNextMarker(_el$299.nextSibling), _el$298 = _el$300.nextSibling, _el$301 = _el$298.nextSibling, [_el$302, _co$67] = getNextMarker(_el$301.nextSibling);
|
|
1404
|
+
insert(_el$297, () => cap.supported ? "✅" : "❌", _el$300, _co$66);
|
|
1405
|
+
insert(_el$297, () => cap.label, _el$302, _co$67);
|
|
1406
|
+
effect(() => className(_el$297, `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"}`));
|
|
1407
|
+
return _el$297;
|
|
1370
1408
|
})()
|
|
1371
1409
|
}));
|
|
1372
|
-
insert(_el$
|
|
1410
|
+
insert(_el$279, createComponent(Show, {
|
|
1373
1411
|
get when() {
|
|
1374
1412
|
return data().freshness || data().latency_ms;
|
|
1375
1413
|
},
|
|
1376
1414
|
get children() {
|
|
1377
|
-
var _el$
|
|
1378
|
-
insert(_el$
|
|
1379
|
-
return _el$
|
|
1415
|
+
var _el$294 = getNextElement(_tmpl$70);
|
|
1416
|
+
insert(_el$294, () => [data().freshness, data().latency_ms ? `${data().latency_ms}ms` : ""].filter(Boolean).join(" · "));
|
|
1417
|
+
return _el$294;
|
|
1380
1418
|
}
|
|
1381
|
-
}), _el$
|
|
1382
|
-
return _el$
|
|
1419
|
+
}), _el$296, _co$65);
|
|
1420
|
+
return _el$279;
|
|
1383
1421
|
})();
|
|
1384
1422
|
};
|
|
1385
1423
|
const DiffSection = (props) => {
|
|
@@ -1403,10 +1441,10 @@ const DiffSection = (props) => {
|
|
|
1403
1441
|
return [.../* @__PURE__ */ new Set([...Object.keys(l), ...Object.keys(r)])];
|
|
1404
1442
|
};
|
|
1405
1443
|
return (() => {
|
|
1406
|
-
var _el$
|
|
1407
|
-
insert(_el$
|
|
1408
|
-
insert(_el$
|
|
1409
|
-
insert(_el$
|
|
1444
|
+
var _el$303 = getNextElement(_tmpl$73), _el$304 = _el$303.firstChild, _el$305 = _el$304.firstChild, _el$306 = _el$305.firstChild, _el$307 = _el$306.firstChild, _el$308 = _el$307.nextSibling, _el$309 = _el$308.nextSibling, _el$310 = _el$305.nextSibling;
|
|
1445
|
+
insert(_el$308, () => data().left.label);
|
|
1446
|
+
insert(_el$309, () => data().right.label);
|
|
1447
|
+
insert(_el$310, createComponent(For, {
|
|
1410
1448
|
get each() {
|
|
1411
1449
|
return allKeys();
|
|
1412
1450
|
},
|
|
@@ -1421,22 +1459,22 @@ const DiffSection = (props) => {
|
|
|
1421
1459
|
};
|
|
1422
1460
|
const isDiff = () => String(lVal()) !== String(rVal()) && data().highlight.includes(key);
|
|
1423
1461
|
return (() => {
|
|
1424
|
-
var _el$
|
|
1425
|
-
insert(_el$
|
|
1426
|
-
insert(_el$
|
|
1462
|
+
var _el$311 = getNextElement(_tmpl$74), _el$312 = _el$311.firstChild, _el$313 = _el$312.nextSibling, _el$314 = _el$313.nextSibling;
|
|
1463
|
+
insert(_el$312, key);
|
|
1464
|
+
insert(_el$313, (() => {
|
|
1427
1465
|
var _c$6 = memo(() => lVal() !== void 0);
|
|
1428
1466
|
return () => _c$6() ? String(lVal()) : "—";
|
|
1429
1467
|
})());
|
|
1430
|
-
insert(_el$
|
|
1468
|
+
insert(_el$314, (() => {
|
|
1431
1469
|
var _c$7 = memo(() => rVal() !== void 0);
|
|
1432
1470
|
return () => _c$7() ? String(rVal()) : "—";
|
|
1433
1471
|
})());
|
|
1434
|
-
effect(() => className(_el$
|
|
1435
|
-
return _el$
|
|
1472
|
+
effect(() => className(_el$311, `border-t border-gray-100 dark:border-gray-700 ${isDiff() ? "bg-yellow-50 dark:bg-yellow-900/10" : ""}`));
|
|
1473
|
+
return _el$311;
|
|
1436
1474
|
})();
|
|
1437
1475
|
}
|
|
1438
1476
|
}));
|
|
1439
|
-
return _el$
|
|
1477
|
+
return _el$303;
|
|
1440
1478
|
})();
|
|
1441
1479
|
};
|
|
1442
1480
|
delegateEvents(["click", "input"]);
|