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