@seed-ship/mcp-ui-solid 2.10.3 → 2.11.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/README.md +11 -11
- package/dist/components/ScratchpadPanel.cjs +350 -247
- 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 +350 -247
- package/dist/components/ScratchpadPanel.js.map +1 -1
- package/dist/types/chat-bus.d.ts +11 -1
- package/dist/types/chat-bus.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ScratchpadPanel.tsx +83 -32
- package/src/types/chat-bus.ts +7 -1
- 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(`<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$
|
|
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>
|
|
5
5
|
@keyframes scratchpad-slide-down { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
|
|
6
|
-
`), _tmpl$
|
|
6
|
+
`), _tmpl$12 = /* @__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$13 = /* @__PURE__ */ template(`<span class="ml-1 font-normal opacity-75">— <!$><!/>`), _tmpl$14 = /* @__PURE__ */ template(`<span><!$><!/> <!$><!/><!$><!/>`), _tmpl$15 = /* @__PURE__ */ template(`<div><span class="flex-shrink-0 mt-0.5"></span><p>`), _tmpl$16 = /* @__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$17 = /* @__PURE__ */ template(`<p class="text-sm text-gray-700 dark:text-gray-300">`), _tmpl$18 = /* @__PURE__ */ template(`<div class="mt-2 overflow-x-auto"><table class="min-w-full text-xs"><thead><tr></tr></thead><tbody>`), _tmpl$19 = /* @__PURE__ */ template(`<th class="px-2 py-1 text-left font-medium text-gray-500 dark:text-gray-400">`), _tmpl$20 = /* @__PURE__ */ template(`<tr class="border-t border-gray-100 dark:border-gray-700">`), _tmpl$21 = /* @__PURE__ */ template(`<td class="px-2 py-1 text-gray-700 dark:text-gray-300">`), _tmpl$22 = /* @__PURE__ */ template(`<pre class="text-xs text-gray-500 overflow-auto">`), _tmpl$23 = /* @__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$24 = /* @__PURE__ */ template(`<div class=space-y-1>`), _tmpl$25 = /* @__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$26 = /* @__PURE__ */ template(`<p class="text-xs text-gray-400 italic">No filters`), _tmpl$27 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-1.5"><!$><!/><!$><!/>`), _tmpl$28 = /* @__PURE__ */ template(`<button type=button class="ml-0.5 hover:text-blue-900 dark:hover:text-blue-100">×`), _tmpl$29 = /* @__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$30 = /* @__PURE__ */ template(`<div class="max-h-48 overflow-y-auto">`), _tmpl$31 = /* @__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$32 = /* @__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$33 = /* @__PURE__ */ template(`<div class=relative><!$><!/><!$><!/>`), _tmpl$34 = /* @__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$35 = /* @__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$36 = /* @__PURE__ */ template(`<span class=ml-1>✓`), _tmpl$37 = /* @__PURE__ */ template(`<button type=button><!$><!/><!$><!/>`), _tmpl$38 = /* @__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$39 = /* @__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$40 = /* @__PURE__ */ template(`<div class=space-y-3><!$><!/><!$><!/>`), _tmpl$41 = /* @__PURE__ */ template(`<span class="text-xs font-normal text-gray-500 dark:text-gray-400">— <!$><!/>`), _tmpl$42 = /* @__PURE__ */ template(`<div class="mt-2 ml-6">`), _tmpl$43 = /* @__PURE__ */ template(`<div><div><span></span><!$><!/><!$><!/></div><!$><!/>`), _tmpl$44 = /* @__PURE__ */ template(`<div class="flex flex-wrap gap-2">`), _tmpl$45 = /* @__PURE__ */ template(`<span class=mr-1>`), _tmpl$46 = /* @__PURE__ */ template(`<div class=space-y-2><div class=space-y-1.5></div><!$><!/>`), _tmpl$47 = /* @__PURE__ */ template(`<div class="flex items-center gap-2 text-sm"><span></span><span class="text-gray-900 dark:text-white">`), _tmpl$48 = /* @__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$49 = /* @__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$50 = /* @__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$51 = /* @__PURE__ */ template(`<span>`), _tmpl$52 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 italic">"<!$><!/>"`), _tmpl$53 = /* @__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$54 = /* @__PURE__ */ template(`<button type=button class="text-xs text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1">✎ Modify`), _tmpl$55 = /* @__PURE__ */ template(`<div class=space-y-2><!$><!/><div class=space-y-1></div><!$><!/><!$><!/>`), _tmpl$56 = /* @__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">`);
|
|
7
7
|
const STATUS_BADGES = {
|
|
8
8
|
loading: {
|
|
9
9
|
label: "Loading...",
|
|
@@ -24,6 +24,10 @@ const STATUS_BADGES = {
|
|
|
24
24
|
complete: {
|
|
25
25
|
label: "Complete",
|
|
26
26
|
class: "bg-green-100 text-green-600 dark:bg-green-900/30 dark:text-green-400"
|
|
27
|
+
},
|
|
28
|
+
error: {
|
|
29
|
+
label: "Error",
|
|
30
|
+
class: "bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400"
|
|
27
31
|
}
|
|
28
32
|
};
|
|
29
33
|
const ScratchpadPanel = (props) => {
|
|
@@ -53,9 +57,10 @@ const ScratchpadPanel = (props) => {
|
|
|
53
57
|
previewTimer = setTimeout(async () => {
|
|
54
58
|
try {
|
|
55
59
|
const res = await fetch(endpoint, {
|
|
56
|
-
method: "POST",
|
|
60
|
+
method: props.state.previewMethod || "POST",
|
|
57
61
|
headers: {
|
|
58
|
-
"Content-Type": "application/json"
|
|
62
|
+
"Content-Type": "application/json",
|
|
63
|
+
...props.state.previewHeaders
|
|
59
64
|
},
|
|
60
65
|
credentials: "include",
|
|
61
66
|
body: JSON.stringify({
|
|
@@ -71,8 +76,8 @@ const ScratchpadPanel = (props) => {
|
|
|
71
76
|
if (previewTimer) clearTimeout(previewTimer);
|
|
72
77
|
});
|
|
73
78
|
return (() => {
|
|
74
|
-
var _el$ = getNextElement(_tmpl$
|
|
75
|
-
_el$
|
|
79
|
+
var _el$ = getNextElement(_tmpl$11), _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$52 = _el$2.nextSibling, [_el$53, _co$10] = getNextMarker(_el$52.nextSibling);
|
|
80
|
+
_el$53.nextSibling;
|
|
76
81
|
_el$2.$$click = () => isCollapsible() && setCollapsed(!collapsed());
|
|
77
82
|
insert(_el$5, () => props.state.title);
|
|
78
83
|
insert(_el$3, createComponent(Show, {
|
|
@@ -106,7 +111,7 @@ const ScratchpadPanel = (props) => {
|
|
|
106
111
|
return !collapsed();
|
|
107
112
|
},
|
|
108
113
|
get children() {
|
|
109
|
-
var _el$12 = getNextElement(_tmpl$
|
|
114
|
+
var _el$12 = getNextElement(_tmpl$10), _el$41 = _el$12.firstChild, [_el$42, _co$7] = getNextMarker(_el$41.nextSibling), _el$14 = _el$42.nextSibling, _el$43 = _el$14.nextSibling, [_el$44, _co$8] = getNextMarker(_el$43.nextSibling), _el$45 = _el$44.nextSibling, [_el$46, _co$9] = getNextMarker(_el$45.nextSibling), _el$47 = _el$46.nextSibling, [_el$48, _co$0] = getNextMarker(_el$47.nextSibling), _el$49 = _el$48.nextSibling, [_el$50, _co$1] = getNextMarker(_el$49.nextSibling);
|
|
110
115
|
insert(_el$12, createComponent(Show, {
|
|
111
116
|
get when() {
|
|
112
117
|
return memo(() => !!props.state.turnHistory)() && props.state.turnHistory.length > 0;
|
|
@@ -122,32 +127,32 @@ const ScratchpadPanel = (props) => {
|
|
|
122
127
|
return i() > 0;
|
|
123
128
|
},
|
|
124
129
|
get children() {
|
|
125
|
-
return getNextElement(_tmpl$
|
|
130
|
+
return getNextElement(_tmpl$12);
|
|
126
131
|
}
|
|
127
132
|
}), (() => {
|
|
128
|
-
var _el$
|
|
129
|
-
insert(_el$
|
|
133
|
+
var _el$55 = getNextElement(_tmpl$14), _el$61 = _el$55.firstChild, [_el$62, _co$12] = getNextMarker(_el$61.nextSibling), _el$56 = _el$62.nextSibling, _el$63 = _el$56.nextSibling, [_el$64, _co$13] = getNextMarker(_el$63.nextSibling), _el$65 = _el$64.nextSibling, [_el$66, _co$14] = getNextMarker(_el$65.nextSibling);
|
|
134
|
+
insert(_el$55, (() => {
|
|
130
135
|
var _c$ = memo(() => turn.status === "done");
|
|
131
136
|
return () => _c$() ? "✅" : turn.status === "active" ? "●" : "○";
|
|
132
|
-
})(), _el$
|
|
133
|
-
insert(_el$
|
|
134
|
-
insert(_el$
|
|
137
|
+
})(), _el$62, _co$12);
|
|
138
|
+
insert(_el$55, () => turn.label, _el$64, _co$13);
|
|
139
|
+
insert(_el$55, createComponent(Show, {
|
|
135
140
|
get when() {
|
|
136
141
|
return turn.summary;
|
|
137
142
|
},
|
|
138
143
|
get children() {
|
|
139
|
-
var _el$
|
|
140
|
-
insert(_el$
|
|
141
|
-
return _el$
|
|
144
|
+
var _el$57 = getNextElement(_tmpl$13), _el$58 = _el$57.firstChild, _el$59 = _el$58.nextSibling, [_el$60, _co$11] = getNextMarker(_el$59.nextSibling);
|
|
145
|
+
insert(_el$57, () => turn.summary, _el$60, _co$11);
|
|
146
|
+
return _el$57;
|
|
142
147
|
}
|
|
143
|
-
}), _el$
|
|
144
|
-
effect(() => className(_el$
|
|
145
|
-
return _el$
|
|
148
|
+
}), _el$66, _co$14);
|
|
149
|
+
effect(() => className(_el$55, `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"}`));
|
|
150
|
+
return _el$55;
|
|
146
151
|
})()]
|
|
147
152
|
}));
|
|
148
153
|
return _el$13;
|
|
149
154
|
}
|
|
150
|
-
}), _el$
|
|
155
|
+
}), _el$42, _co$7);
|
|
151
156
|
insert(_el$14, createComponent(For, {
|
|
152
157
|
get each() {
|
|
153
158
|
return props.state.sections;
|
|
@@ -165,6 +170,9 @@ const ScratchpadPanel = (props) => {
|
|
|
165
170
|
},
|
|
166
171
|
get onSectionEdit() {
|
|
167
172
|
return props.onSectionEdit;
|
|
173
|
+
},
|
|
174
|
+
get onSubmit() {
|
|
175
|
+
return props.onSubmit;
|
|
168
176
|
}
|
|
169
177
|
})
|
|
170
178
|
}));
|
|
@@ -179,19 +187,19 @@ const ScratchpadPanel = (props) => {
|
|
|
179
187
|
return props.state.agentMessages;
|
|
180
188
|
},
|
|
181
189
|
children: (msg) => (() => {
|
|
182
|
-
var _el$
|
|
183
|
-
insert(_el$
|
|
190
|
+
var _el$67 = getNextElement(_tmpl$15), _el$68 = _el$67.firstChild, _el$69 = _el$68.nextSibling;
|
|
191
|
+
insert(_el$68, (() => {
|
|
184
192
|
var _c$2 = memo(() => msg.type === "warning");
|
|
185
193
|
return () => _c$2() ? "⚠️" : msg.type === "question" ? "❓" : "ℹ️";
|
|
186
194
|
})());
|
|
187
|
-
insert(_el$
|
|
188
|
-
effect(() => className(_el$
|
|
189
|
-
return _el$
|
|
195
|
+
insert(_el$69, () => msg.text);
|
|
196
|
+
effect(() => className(_el$67, `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"}`));
|
|
197
|
+
return _el$67;
|
|
190
198
|
})()
|
|
191
199
|
}));
|
|
192
200
|
return _el$15;
|
|
193
201
|
}
|
|
194
|
-
}), _el$
|
|
202
|
+
}), _el$44, _co$8);
|
|
195
203
|
insert(_el$12, createComponent(Show, {
|
|
196
204
|
get when() {
|
|
197
205
|
return preview();
|
|
@@ -204,49 +212,49 @@ const ScratchpadPanel = (props) => {
|
|
|
204
212
|
},
|
|
205
213
|
get fallback() {
|
|
206
214
|
return [(() => {
|
|
207
|
-
var _el$
|
|
208
|
-
insert(_el$
|
|
209
|
-
return _el$
|
|
215
|
+
var _el$70 = getNextElement(_tmpl$16), _el$71 = _el$70.firstChild, _el$72 = _el$71.nextSibling;
|
|
216
|
+
insert(_el$72, () => preview().count.toLocaleString());
|
|
217
|
+
return _el$70;
|
|
210
218
|
})(), (() => {
|
|
211
|
-
var _el$
|
|
212
|
-
insert(_el$
|
|
213
|
-
return _el$
|
|
219
|
+
var _el$73 = getNextElement(_tmpl$17);
|
|
220
|
+
insert(_el$73, () => preview().summary);
|
|
221
|
+
return _el$73;
|
|
214
222
|
})(), createComponent(Show, {
|
|
215
223
|
get when() {
|
|
216
224
|
return memo(() => !!preview().rows)() && preview().rows.length > 0;
|
|
217
225
|
},
|
|
218
226
|
get children() {
|
|
219
|
-
var _el$
|
|
220
|
-
insert(_el$
|
|
227
|
+
var _el$74 = getNextElement(_tmpl$18), _el$75 = _el$74.firstChild, _el$76 = _el$75.firstChild, _el$77 = _el$76.firstChild, _el$78 = _el$76.nextSibling;
|
|
228
|
+
insert(_el$77, createComponent(For, {
|
|
221
229
|
get each() {
|
|
222
230
|
return Object.keys(preview().rows[0]);
|
|
223
231
|
},
|
|
224
232
|
children: (k) => (() => {
|
|
225
|
-
var _el$
|
|
226
|
-
insert(_el$
|
|
227
|
-
return _el$
|
|
233
|
+
var _el$79 = getNextElement(_tmpl$19);
|
|
234
|
+
insert(_el$79, k);
|
|
235
|
+
return _el$79;
|
|
228
236
|
})()
|
|
229
237
|
}));
|
|
230
|
-
insert(_el$
|
|
238
|
+
insert(_el$78, createComponent(For, {
|
|
231
239
|
get each() {
|
|
232
240
|
return preview().rows.slice(0, 5);
|
|
233
241
|
},
|
|
234
242
|
children: (row) => (() => {
|
|
235
|
-
var _el$
|
|
236
|
-
insert(_el$
|
|
243
|
+
var _el$80 = getNextElement(_tmpl$20);
|
|
244
|
+
insert(_el$80, createComponent(For, {
|
|
237
245
|
get each() {
|
|
238
246
|
return Object.values(row);
|
|
239
247
|
},
|
|
240
248
|
children: (v) => (() => {
|
|
241
|
-
var _el$
|
|
242
|
-
insert(_el$
|
|
243
|
-
return _el$
|
|
249
|
+
var _el$81 = getNextElement(_tmpl$21);
|
|
250
|
+
insert(_el$81, () => String(v));
|
|
251
|
+
return _el$81;
|
|
244
252
|
})()
|
|
245
253
|
}));
|
|
246
|
-
return _el$
|
|
254
|
+
return _el$80;
|
|
247
255
|
})()
|
|
248
256
|
}));
|
|
249
|
-
return _el$
|
|
257
|
+
return _el$74;
|
|
250
258
|
}
|
|
251
259
|
})];
|
|
252
260
|
},
|
|
@@ -262,27 +270,75 @@ const ScratchpadPanel = (props) => {
|
|
|
262
270
|
}));
|
|
263
271
|
return _el$16;
|
|
264
272
|
}
|
|
265
|
-
}), _el$
|
|
273
|
+
}), _el$46, _co$9);
|
|
274
|
+
insert(_el$12, createComponent(Show, {
|
|
275
|
+
get when() {
|
|
276
|
+
return memo(() => props.state.status === "error")() && props.state.error;
|
|
277
|
+
},
|
|
278
|
+
get children() {
|
|
279
|
+
var _el$21 = getNextElement(_tmpl$0), _el$22 = _el$21.firstChild, _el$23 = _el$22.firstChild, _el$24 = _el$23.nextSibling, _el$25 = _el$24.firstChild, _el$30 = _el$25.nextSibling, [_el$31, _co$4] = getNextMarker(_el$30.nextSibling), _el$32 = _el$22.nextSibling, _el$35 = _el$32.firstChild, [_el$36, _co$5] = getNextMarker(_el$35.nextSibling), _el$37 = _el$36.nextSibling, [_el$38, _co$6] = getNextMarker(_el$37.nextSibling);
|
|
280
|
+
insert(_el$25, () => props.state.error.message);
|
|
281
|
+
insert(_el$24, createComponent(Show, {
|
|
282
|
+
get when() {
|
|
283
|
+
return props.state.error.code;
|
|
284
|
+
},
|
|
285
|
+
get children() {
|
|
286
|
+
var _el$26 = getNextElement(_tmpl$7), _el$27 = _el$26.firstChild, _el$28 = _el$27.nextSibling, [_el$29, _co$3] = getNextMarker(_el$28.nextSibling);
|
|
287
|
+
insert(_el$26, () => props.state.error.code, _el$29, _co$3);
|
|
288
|
+
return _el$26;
|
|
289
|
+
}
|
|
290
|
+
}), _el$31, _co$4);
|
|
291
|
+
insert(_el$32, createComponent(Show, {
|
|
292
|
+
get when() {
|
|
293
|
+
return props.state.error.retryable !== false;
|
|
294
|
+
},
|
|
295
|
+
get children() {
|
|
296
|
+
var _el$33 = getNextElement(_tmpl$8);
|
|
297
|
+
_el$33.$$click = () => {
|
|
298
|
+
var _a;
|
|
299
|
+
return (_a = props.onRetry) == null ? void 0 : _a.call(props);
|
|
300
|
+
};
|
|
301
|
+
runHydrationEvents();
|
|
302
|
+
return _el$33;
|
|
303
|
+
}
|
|
304
|
+
}), _el$36, _co$5);
|
|
305
|
+
insert(_el$32, createComponent(Show, {
|
|
306
|
+
get when() {
|
|
307
|
+
return props.onClose;
|
|
308
|
+
},
|
|
309
|
+
get children() {
|
|
310
|
+
var _el$34 = getNextElement(_tmpl$9);
|
|
311
|
+
_el$34.$$click = () => {
|
|
312
|
+
var _a;
|
|
313
|
+
return (_a = props.onClose) == null ? void 0 : _a.call(props);
|
|
314
|
+
};
|
|
315
|
+
runHydrationEvents();
|
|
316
|
+
return _el$34;
|
|
317
|
+
}
|
|
318
|
+
}), _el$38, _co$6);
|
|
319
|
+
return _el$21;
|
|
320
|
+
}
|
|
321
|
+
}), _el$48, _co$0);
|
|
266
322
|
insert(_el$12, createComponent(Show, {
|
|
267
323
|
get when() {
|
|
268
324
|
return memo(() => props.state.status === "waiting_human")() && hasFilters();
|
|
269
325
|
},
|
|
270
326
|
get children() {
|
|
271
|
-
var _el$
|
|
272
|
-
_el$
|
|
327
|
+
var _el$39 = getNextElement(_tmpl$1), _el$40 = _el$39.firstChild;
|
|
328
|
+
_el$40.$$click = () => {
|
|
273
329
|
var _a;
|
|
274
330
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, "search", {
|
|
275
331
|
filters: props.state.filters
|
|
276
332
|
});
|
|
277
333
|
};
|
|
278
334
|
runHydrationEvents();
|
|
279
|
-
return _el$
|
|
335
|
+
return _el$39;
|
|
280
336
|
}
|
|
281
|
-
}), _el$
|
|
337
|
+
}), _el$50, _co$1);
|
|
282
338
|
effect((_$p) => setStyleProperty(_el$12, "max-height", props.maxHeight || "500px"));
|
|
283
339
|
return _el$12;
|
|
284
340
|
}
|
|
285
|
-
}), _el$
|
|
341
|
+
}), _el$53, _co$10);
|
|
286
342
|
effect((_p$) => {
|
|
287
343
|
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}`;
|
|
288
344
|
_v$ !== _p$.e && className(_el$, _p$.e = _v$);
|
|
@@ -300,9 +356,9 @@ const ScratchpadPanel = (props) => {
|
|
|
300
356
|
};
|
|
301
357
|
const SectionRenderer = (props) => {
|
|
302
358
|
return (() => {
|
|
303
|
-
var _el$
|
|
304
|
-
insert(_el$
|
|
305
|
-
insert(_el$
|
|
359
|
+
var _el$82 = getNextElement(_tmpl$23), _el$83 = _el$82.firstChild, _el$86 = _el$83.nextSibling, [_el$87, _co$15] = getNextMarker(_el$86.nextSibling);
|
|
360
|
+
insert(_el$83, () => props.section.title);
|
|
361
|
+
insert(_el$82, createComponent(Switch, {
|
|
306
362
|
get children() {
|
|
307
363
|
return [createComponent(Match, {
|
|
308
364
|
get when() {
|
|
@@ -337,9 +393,9 @@ const SectionRenderer = (props) => {
|
|
|
337
393
|
return props.section.type === "message";
|
|
338
394
|
},
|
|
339
395
|
get children() {
|
|
340
|
-
var _el$
|
|
341
|
-
insert(_el$
|
|
342
|
-
return _el$
|
|
396
|
+
var _el$84 = getNextElement(_tmpl$17);
|
|
397
|
+
insert(_el$84, () => String(props.section.content));
|
|
398
|
+
return _el$84;
|
|
343
399
|
}
|
|
344
400
|
}), createComponent(Match, {
|
|
345
401
|
get when() {
|
|
@@ -386,6 +442,9 @@ const SectionRenderer = (props) => {
|
|
|
386
442
|
},
|
|
387
443
|
get onAction() {
|
|
388
444
|
return props.onAction;
|
|
445
|
+
},
|
|
446
|
+
get onSubmit() {
|
|
447
|
+
return props.onSubmit;
|
|
389
448
|
}
|
|
390
449
|
});
|
|
391
450
|
}
|
|
@@ -431,37 +490,37 @@ const SectionRenderer = (props) => {
|
|
|
431
490
|
}), createComponent(Match, {
|
|
432
491
|
when: true,
|
|
433
492
|
get children() {
|
|
434
|
-
var _el$
|
|
435
|
-
insert(_el$
|
|
436
|
-
return _el$
|
|
493
|
+
var _el$85 = getNextElement(_tmpl$22);
|
|
494
|
+
insert(_el$85, () => JSON.stringify(props.section.content, null, 2));
|
|
495
|
+
return _el$85;
|
|
437
496
|
}
|
|
438
497
|
})];
|
|
439
498
|
}
|
|
440
|
-
}), _el$
|
|
441
|
-
return _el$
|
|
499
|
+
}), _el$87, _co$15);
|
|
500
|
+
return _el$82;
|
|
442
501
|
})();
|
|
443
502
|
};
|
|
444
503
|
const DataSection = (props) => {
|
|
445
504
|
const entries = () => typeof props.content === "object" && props.content ? Object.entries(props.content) : [];
|
|
446
505
|
return (() => {
|
|
447
|
-
var _el$
|
|
448
|
-
insert(_el$
|
|
506
|
+
var _el$88 = getNextElement(_tmpl$24);
|
|
507
|
+
insert(_el$88, createComponent(For, {
|
|
449
508
|
get each() {
|
|
450
509
|
return entries();
|
|
451
510
|
},
|
|
452
511
|
children: ([k, v]) => (() => {
|
|
453
|
-
var _el$
|
|
454
|
-
_el$
|
|
455
|
-
var _el$
|
|
456
|
-
insert(_el$
|
|
457
|
-
insert(_el$
|
|
512
|
+
var _el$89 = getNextElement(_tmpl$25), _el$90 = _el$89.firstChild, _el$92 = _el$90.firstChild, [_el$93, _co$16] = getNextMarker(_el$92.nextSibling);
|
|
513
|
+
_el$93.nextSibling;
|
|
514
|
+
var _el$94 = _el$90.nextSibling;
|
|
515
|
+
insert(_el$90, k, _el$93, _co$16);
|
|
516
|
+
insert(_el$94, (() => {
|
|
458
517
|
var _c$3 = memo(() => !!Array.isArray(v));
|
|
459
518
|
return () => _c$3() ? v.join(", ") : String(v);
|
|
460
519
|
})());
|
|
461
|
-
return _el$
|
|
520
|
+
return _el$89;
|
|
462
521
|
})()
|
|
463
522
|
}));
|
|
464
|
-
return _el$
|
|
523
|
+
return _el$88;
|
|
465
524
|
})();
|
|
466
525
|
};
|
|
467
526
|
const InteractiveFilterSection = (props) => {
|
|
@@ -495,8 +554,8 @@ const InteractiveFilterSection = (props) => {
|
|
|
495
554
|
};
|
|
496
555
|
const getDef = (key) => filterDefs()[key] || {};
|
|
497
556
|
return (() => {
|
|
498
|
-
var _el$
|
|
499
|
-
insert(_el$
|
|
557
|
+
var _el$95 = getNextElement(_tmpl$27), _el$97 = _el$95.firstChild, [_el$98, _co$17] = getNextMarker(_el$97.nextSibling), _el$99 = _el$98.nextSibling, [_el$100, _co$18] = getNextMarker(_el$99.nextSibling);
|
|
558
|
+
insert(_el$95, createComponent(For, {
|
|
500
559
|
get each() {
|
|
501
560
|
return allKeys();
|
|
502
561
|
},
|
|
@@ -505,136 +564,136 @@ const InteractiveFilterSection = (props) => {
|
|
|
505
564
|
const value = () => props.filters[key];
|
|
506
565
|
const hasValue = () => value() !== void 0 && value() !== "";
|
|
507
566
|
return (() => {
|
|
508
|
-
var _el$
|
|
509
|
-
insert(_el$
|
|
567
|
+
var _el$101 = getNextElement(_tmpl$33), _el$117 = _el$101.firstChild, [_el$118, _co$22] = getNextMarker(_el$117.nextSibling), _el$119 = _el$118.nextSibling, [_el$120, _co$23] = getNextMarker(_el$119.nextSibling);
|
|
568
|
+
insert(_el$101, createComponent(Show, {
|
|
510
569
|
get when() {
|
|
511
570
|
return hasValue();
|
|
512
571
|
},
|
|
513
572
|
get fallback() {
|
|
514
573
|
return (() => {
|
|
515
|
-
var _el$
|
|
516
|
-
_el$
|
|
574
|
+
var _el$121 = getNextElement(_tmpl$34), _el$122 = _el$121.firstChild, _el$123 = _el$122.nextSibling, [_el$124, _co$24] = getNextMarker(_el$123.nextSibling);
|
|
575
|
+
_el$121.$$click = () => {
|
|
517
576
|
setEditingKey(key);
|
|
518
577
|
setEditValue("");
|
|
519
578
|
};
|
|
520
|
-
insert(_el$
|
|
579
|
+
insert(_el$121, () => {
|
|
521
580
|
var _a;
|
|
522
581
|
return ((_a = def()) == null ? void 0 : _a.label) || key;
|
|
523
|
-
}, _el$
|
|
582
|
+
}, _el$124, _co$24);
|
|
524
583
|
runHydrationEvents();
|
|
525
|
-
return _el$
|
|
584
|
+
return _el$121;
|
|
526
585
|
})();
|
|
527
586
|
},
|
|
528
587
|
get children() {
|
|
529
|
-
var _el$
|
|
530
|
-
_el$
|
|
531
|
-
var _el$
|
|
532
|
-
_el$
|
|
588
|
+
var _el$102 = getNextElement(_tmpl$29), _el$103 = _el$102.firstChild, _el$104 = _el$103.firstChild, _el$106 = _el$104.firstChild, [_el$107, _co$19] = getNextMarker(_el$106.nextSibling);
|
|
589
|
+
_el$107.nextSibling;
|
|
590
|
+
var _el$108 = _el$104.nextSibling, _el$109 = _el$108.nextSibling, [_el$110, _co$20] = getNextMarker(_el$109.nextSibling), _el$112 = _el$103.nextSibling, [_el$113, _co$21] = getNextMarker(_el$112.nextSibling);
|
|
591
|
+
_el$103.$$click = () => {
|
|
533
592
|
setEditingKey(key);
|
|
534
593
|
setEditValue(String(value() || ""));
|
|
535
594
|
};
|
|
536
|
-
insert(_el$
|
|
595
|
+
insert(_el$104, () => {
|
|
537
596
|
var _a;
|
|
538
597
|
return ((_a = def()) == null ? void 0 : _a.label) || key;
|
|
539
|
-
}, _el$
|
|
540
|
-
insert(_el$
|
|
598
|
+
}, _el$107, _co$19);
|
|
599
|
+
insert(_el$103, (() => {
|
|
541
600
|
var _c$4 = memo(() => !!Array.isArray(value()));
|
|
542
601
|
return () => _c$4() ? value().join(", ") : String(value());
|
|
543
|
-
})(), _el$
|
|
544
|
-
insert(_el$
|
|
602
|
+
})(), _el$110, _co$20);
|
|
603
|
+
insert(_el$102, createComponent(Show, {
|
|
545
604
|
get when() {
|
|
546
605
|
return props.onFilterChange;
|
|
547
606
|
},
|
|
548
607
|
get children() {
|
|
549
|
-
var _el$
|
|
550
|
-
_el$
|
|
551
|
-
setAttribute(_el$
|
|
608
|
+
var _el$111 = getNextElement(_tmpl$28);
|
|
609
|
+
_el$111.$$click = () => removeFilter(key);
|
|
610
|
+
setAttribute(_el$111, "aria-label", `Remove ${key}`);
|
|
552
611
|
runHydrationEvents();
|
|
553
|
-
return _el$
|
|
612
|
+
return _el$111;
|
|
554
613
|
}
|
|
555
|
-
}), _el$
|
|
614
|
+
}), _el$113, _co$21);
|
|
556
615
|
runHydrationEvents();
|
|
557
|
-
return _el$
|
|
616
|
+
return _el$102;
|
|
558
617
|
}
|
|
559
|
-
}), _el$
|
|
560
|
-
insert(_el$
|
|
618
|
+
}), _el$118, _co$22);
|
|
619
|
+
insert(_el$101, createComponent(Show, {
|
|
561
620
|
get when() {
|
|
562
621
|
return editingKey() === key;
|
|
563
622
|
},
|
|
564
623
|
get children() {
|
|
565
|
-
var _el$
|
|
566
|
-
insert(_el$
|
|
624
|
+
var _el$114 = getNextElement(_tmpl$32);
|
|
625
|
+
insert(_el$114, createComponent(Show, {
|
|
567
626
|
get when() {
|
|
568
627
|
var _a;
|
|
569
628
|
return (_a = def()) == null ? void 0 : _a.options;
|
|
570
629
|
},
|
|
571
630
|
get fallback() {
|
|
572
631
|
return (() => {
|
|
573
|
-
var _el$
|
|
574
|
-
_el$
|
|
632
|
+
var _el$125 = getNextElement(_tmpl$35), _el$126 = _el$125.firstChild, _el$127 = _el$126.nextSibling, _el$128 = _el$127.nextSibling;
|
|
633
|
+
_el$125.addEventListener("submit", (e) => {
|
|
575
634
|
e.preventDefault();
|
|
576
635
|
setFilter(key, editValue());
|
|
577
636
|
});
|
|
578
|
-
_el$
|
|
579
|
-
_el$
|
|
637
|
+
_el$126.$$input = (e) => setEditValue(e.currentTarget.value);
|
|
638
|
+
_el$128.$$click = () => setEditingKey(null);
|
|
580
639
|
effect(() => {
|
|
581
640
|
var _a;
|
|
582
|
-
return setAttribute(_el$
|
|
641
|
+
return setAttribute(_el$126, "placeholder", ((_a = def()) == null ? void 0 : _a.placeholder) || key);
|
|
583
642
|
});
|
|
584
|
-
effect(() => setProperty(_el$
|
|
643
|
+
effect(() => setProperty(_el$126, "value", editValue()));
|
|
585
644
|
runHydrationEvents();
|
|
586
|
-
return _el$
|
|
645
|
+
return _el$125;
|
|
587
646
|
})();
|
|
588
647
|
},
|
|
589
648
|
get children() {
|
|
590
649
|
return [(() => {
|
|
591
|
-
var _el$
|
|
592
|
-
insert(_el$
|
|
650
|
+
var _el$115 = getNextElement(_tmpl$30);
|
|
651
|
+
insert(_el$115, createComponent(For, {
|
|
593
652
|
get each() {
|
|
594
653
|
return def().options;
|
|
595
654
|
},
|
|
596
655
|
children: (opt) => (() => {
|
|
597
|
-
var _el$
|
|
598
|
-
_el$
|
|
599
|
-
insert(_el$
|
|
600
|
-
insert(_el$
|
|
656
|
+
var _el$129 = getNextElement(_tmpl$37), _el$131 = _el$129.firstChild, [_el$132, _co$25] = getNextMarker(_el$131.nextSibling), _el$133 = _el$132.nextSibling, [_el$134, _co$26] = getNextMarker(_el$133.nextSibling);
|
|
657
|
+
_el$129.$$click = () => setFilter(key, opt.value);
|
|
658
|
+
insert(_el$129, () => opt.label, _el$132, _co$25);
|
|
659
|
+
insert(_el$129, createComponent(Show, {
|
|
601
660
|
get when() {
|
|
602
661
|
return String(value()) === opt.value;
|
|
603
662
|
},
|
|
604
663
|
get children() {
|
|
605
|
-
return getNextElement(_tmpl$
|
|
664
|
+
return getNextElement(_tmpl$36);
|
|
606
665
|
}
|
|
607
|
-
}), _el$
|
|
608
|
-
effect(() => className(_el$
|
|
666
|
+
}), _el$134, _co$26);
|
|
667
|
+
effect(() => className(_el$129, `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"}`));
|
|
609
668
|
runHydrationEvents();
|
|
610
|
-
return _el$
|
|
669
|
+
return _el$129;
|
|
611
670
|
})()
|
|
612
671
|
}));
|
|
613
|
-
return _el$
|
|
672
|
+
return _el$115;
|
|
614
673
|
})(), (() => {
|
|
615
|
-
var _el$
|
|
616
|
-
_el$
|
|
674
|
+
var _el$116 = getNextElement(_tmpl$31);
|
|
675
|
+
_el$116.$$click = () => setEditingKey(null);
|
|
617
676
|
runHydrationEvents();
|
|
618
|
-
return _el$
|
|
677
|
+
return _el$116;
|
|
619
678
|
})()];
|
|
620
679
|
}
|
|
621
680
|
}));
|
|
622
|
-
return _el$
|
|
681
|
+
return _el$114;
|
|
623
682
|
}
|
|
624
|
-
}), _el$
|
|
625
|
-
return _el$
|
|
683
|
+
}), _el$120, _co$23);
|
|
684
|
+
return _el$101;
|
|
626
685
|
})();
|
|
627
686
|
}
|
|
628
|
-
}), _el$
|
|
629
|
-
insert(_el$
|
|
687
|
+
}), _el$98, _co$17);
|
|
688
|
+
insert(_el$95, createComponent(Show, {
|
|
630
689
|
get when() {
|
|
631
690
|
return allKeys().length === 0;
|
|
632
691
|
},
|
|
633
692
|
get children() {
|
|
634
|
-
return getNextElement(_tmpl$
|
|
693
|
+
return getNextElement(_tmpl$26);
|
|
635
694
|
}
|
|
636
|
-
}), _el$
|
|
637
|
-
return _el$
|
|
695
|
+
}), _el$100, _co$18);
|
|
696
|
+
return _el$95;
|
|
638
697
|
})();
|
|
639
698
|
};
|
|
640
699
|
const EmbeddedFormSection = (props) => {
|
|
@@ -686,15 +745,19 @@ const EmbeddedFormSection = (props) => {
|
|
|
686
745
|
const handleSubmit = (e) => {
|
|
687
746
|
var _a;
|
|
688
747
|
e.preventDefault();
|
|
689
|
-
(
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
748
|
+
if (props.onSubmit) {
|
|
749
|
+
props.onSubmit(props.sectionId, formData());
|
|
750
|
+
} else {
|
|
751
|
+
(_a = props.onAction) == null ? void 0 : _a.call(props, "submit_form", {
|
|
752
|
+
sectionId: props.sectionId,
|
|
753
|
+
values: formData()
|
|
754
|
+
});
|
|
755
|
+
}
|
|
693
756
|
};
|
|
694
757
|
return (() => {
|
|
695
|
-
var _el$
|
|
696
|
-
_el$
|
|
697
|
-
insert(_el$
|
|
758
|
+
var _el$135 = getNextElement(_tmpl$38), _el$138 = _el$135.firstChild, [_el$139, _co$27] = getNextMarker(_el$138.nextSibling), _el$136 = _el$139.nextSibling, _el$137 = _el$136.firstChild;
|
|
759
|
+
_el$135.addEventListener("submit", handleSubmit);
|
|
760
|
+
insert(_el$135, createComponent(For, {
|
|
698
761
|
get each() {
|
|
699
762
|
return config().fields;
|
|
700
763
|
},
|
|
@@ -708,9 +771,9 @@ const EmbeddedFormSection = (props) => {
|
|
|
708
771
|
onChange: (val) => updateField(field.name, val),
|
|
709
772
|
formData
|
|
710
773
|
})
|
|
711
|
-
}), _el$
|
|
712
|
-
insert(_el$
|
|
713
|
-
return _el$
|
|
774
|
+
}), _el$139, _co$27);
|
|
775
|
+
insert(_el$137, () => config().submitLabel);
|
|
776
|
+
return _el$135;
|
|
714
777
|
})();
|
|
715
778
|
};
|
|
716
779
|
const EnrichedStepsSection = (props) => {
|
|
@@ -722,35 +785,35 @@ const EnrichedStepsSection = (props) => {
|
|
|
722
785
|
};
|
|
723
786
|
};
|
|
724
787
|
return (() => {
|
|
725
|
-
var _el$
|
|
726
|
-
insert(_el$
|
|
788
|
+
var _el$140 = getNextElement(_tmpl$40), _el$143 = _el$140.firstChild, [_el$144, _co$28] = getNextMarker(_el$143.nextSibling), _el$145 = _el$144.nextSibling, [_el$146, _co$29] = getNextMarker(_el$145.nextSibling);
|
|
789
|
+
insert(_el$140, createComponent(For, {
|
|
727
790
|
get each() {
|
|
728
791
|
return stepsData().steps;
|
|
729
792
|
},
|
|
730
793
|
children: (step) => (() => {
|
|
731
|
-
var _el$
|
|
732
|
-
insert(_el$
|
|
794
|
+
var _el$147 = getNextElement(_tmpl$43), _el$148 = _el$147.firstChild, _el$149 = _el$148.firstChild, _el$154 = _el$149.nextSibling, [_el$155, _co$31] = getNextMarker(_el$154.nextSibling), _el$156 = _el$155.nextSibling, [_el$157, _co$32] = getNextMarker(_el$156.nextSibling), _el$159 = _el$148.nextSibling, [_el$160, _co$33] = getNextMarker(_el$159.nextSibling);
|
|
795
|
+
insert(_el$149, (() => {
|
|
733
796
|
var _c$5 = memo(() => step.status === "done");
|
|
734
797
|
return () => _c$5() ? "✅" : step.status === "active" ? "●" : "○";
|
|
735
798
|
})());
|
|
736
|
-
insert(_el$
|
|
737
|
-
insert(_el$
|
|
799
|
+
insert(_el$148, () => step.label, _el$155, _co$31);
|
|
800
|
+
insert(_el$148, createComponent(Show, {
|
|
738
801
|
get when() {
|
|
739
802
|
return memo(() => !!step.description)() && step.status === "active";
|
|
740
803
|
},
|
|
741
804
|
get children() {
|
|
742
|
-
var _el$
|
|
743
|
-
insert(_el$
|
|
744
|
-
return _el$
|
|
805
|
+
var _el$150 = getNextElement(_tmpl$41), _el$151 = _el$150.firstChild, _el$152 = _el$151.nextSibling, [_el$153, _co$30] = getNextMarker(_el$152.nextSibling);
|
|
806
|
+
insert(_el$150, () => step.description, _el$153, _co$30);
|
|
807
|
+
return _el$150;
|
|
745
808
|
}
|
|
746
|
-
}), _el$
|
|
747
|
-
insert(_el$
|
|
809
|
+
}), _el$157, _co$32);
|
|
810
|
+
insert(_el$147, createComponent(Show, {
|
|
748
811
|
get when() {
|
|
749
812
|
return memo(() => step.status === "active")() && step.content;
|
|
750
813
|
},
|
|
751
814
|
get children() {
|
|
752
|
-
var _el$
|
|
753
|
-
insert(_el$
|
|
815
|
+
var _el$158 = getNextElement(_tmpl$42);
|
|
816
|
+
insert(_el$158, createComponent(SectionRenderer, {
|
|
754
817
|
get section() {
|
|
755
818
|
return step.content;
|
|
756
819
|
},
|
|
@@ -762,71 +825,71 @@ const EnrichedStepsSection = (props) => {
|
|
|
762
825
|
return props.onAction;
|
|
763
826
|
}
|
|
764
827
|
}));
|
|
765
|
-
return _el$
|
|
828
|
+
return _el$158;
|
|
766
829
|
}
|
|
767
|
-
}), _el$
|
|
830
|
+
}), _el$160, _co$33);
|
|
768
831
|
effect((_p$) => {
|
|
769
832
|
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"}`;
|
|
770
|
-
_v$4 !== _p$.e && className(_el$
|
|
771
|
-
_v$5 !== _p$.t && className(_el$
|
|
833
|
+
_v$4 !== _p$.e && className(_el$147, _p$.e = _v$4);
|
|
834
|
+
_v$5 !== _p$.t && className(_el$148, _p$.t = _v$5);
|
|
772
835
|
return _p$;
|
|
773
836
|
}, {
|
|
774
837
|
e: void 0,
|
|
775
838
|
t: void 0
|
|
776
839
|
});
|
|
777
|
-
return _el$
|
|
840
|
+
return _el$147;
|
|
778
841
|
})()
|
|
779
|
-
}), _el$
|
|
780
|
-
insert(_el$
|
|
842
|
+
}), _el$144, _co$28);
|
|
843
|
+
insert(_el$140, createComponent(Show, {
|
|
781
844
|
get when() {
|
|
782
845
|
return stepsData().steps.some((s) => s.status === "active");
|
|
783
846
|
},
|
|
784
847
|
get children() {
|
|
785
|
-
var _el$
|
|
786
|
-
_el$
|
|
848
|
+
var _el$141 = getNextElement(_tmpl$39), _el$142 = _el$141.firstChild;
|
|
849
|
+
_el$142.$$click = () => {
|
|
787
850
|
var _a;
|
|
788
851
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, "next_step", {
|
|
789
852
|
step: stepsData().currentStep
|
|
790
853
|
});
|
|
791
854
|
};
|
|
792
855
|
runHydrationEvents();
|
|
793
|
-
return _el$
|
|
856
|
+
return _el$141;
|
|
794
857
|
}
|
|
795
|
-
}), _el$
|
|
796
|
-
return _el$
|
|
858
|
+
}), _el$146, _co$29);
|
|
859
|
+
return _el$140;
|
|
797
860
|
})();
|
|
798
861
|
};
|
|
799
862
|
const ActionSection = (props) => {
|
|
800
863
|
const actions = () => Array.isArray(props.content) ? props.content : [];
|
|
801
864
|
return (() => {
|
|
802
|
-
var _el$
|
|
803
|
-
insert(_el$
|
|
865
|
+
var _el$161 = getNextElement(_tmpl$44);
|
|
866
|
+
insert(_el$161, createComponent(For, {
|
|
804
867
|
get each() {
|
|
805
868
|
return actions();
|
|
806
869
|
},
|
|
807
870
|
children: (item) => (() => {
|
|
808
|
-
var _el$
|
|
809
|
-
_el$
|
|
871
|
+
var _el$162 = getNextElement(_tmpl$37), _el$164 = _el$162.firstChild, [_el$165, _co$34] = getNextMarker(_el$164.nextSibling), _el$166 = _el$165.nextSibling, [_el$167, _co$35] = getNextMarker(_el$166.nextSibling);
|
|
872
|
+
_el$162.$$click = () => {
|
|
810
873
|
var _a;
|
|
811
874
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, item.value || item.action || item.label, item);
|
|
812
875
|
};
|
|
813
|
-
insert(_el$
|
|
876
|
+
insert(_el$162, createComponent(Show, {
|
|
814
877
|
get when() {
|
|
815
878
|
return item.icon;
|
|
816
879
|
},
|
|
817
880
|
get children() {
|
|
818
|
-
var _el$
|
|
819
|
-
insert(_el$
|
|
820
|
-
return _el$
|
|
881
|
+
var _el$163 = getNextElement(_tmpl$45);
|
|
882
|
+
insert(_el$163, () => item.icon);
|
|
883
|
+
return _el$163;
|
|
821
884
|
}
|
|
822
|
-
}), _el$
|
|
823
|
-
insert(_el$
|
|
824
|
-
effect(() => className(_el$
|
|
885
|
+
}), _el$165, _co$34);
|
|
886
|
+
insert(_el$162, () => item.label, _el$167, _co$35);
|
|
887
|
+
effect(() => className(_el$162, `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"}`));
|
|
825
888
|
runHydrationEvents();
|
|
826
|
-
return _el$
|
|
889
|
+
return _el$162;
|
|
827
890
|
})()
|
|
828
891
|
}));
|
|
829
|
-
return _el$
|
|
892
|
+
return _el$161;
|
|
830
893
|
})();
|
|
831
894
|
};
|
|
832
895
|
const UnderstandingSection = (props) => {
|
|
@@ -850,90 +913,130 @@ const UnderstandingSection = (props) => {
|
|
|
850
913
|
}
|
|
851
914
|
};
|
|
852
915
|
return (() => {
|
|
853
|
-
var _el$
|
|
854
|
-
insert(_el$
|
|
916
|
+
var _el$168 = getNextElement(_tmpl$46), _el$169 = _el$168.firstChild, _el$171 = _el$169.nextSibling, [_el$172, _co$36] = getNextMarker(_el$171.nextSibling);
|
|
917
|
+
insert(_el$169, createComponent(For, {
|
|
855
918
|
get each() {
|
|
856
919
|
return data().detections;
|
|
857
920
|
},
|
|
858
921
|
children: (det) => (() => {
|
|
859
|
-
var _el$
|
|
860
|
-
insert(_el$
|
|
861
|
-
insert(_el$
|
|
862
|
-
effect(() => className(_el$
|
|
863
|
-
return _el$
|
|
922
|
+
var _el$173 = getNextElement(_tmpl$47), _el$174 = _el$173.firstChild, _el$175 = _el$174.nextSibling;
|
|
923
|
+
insert(_el$174, () => det.label);
|
|
924
|
+
insert(_el$175, () => det.value);
|
|
925
|
+
effect(() => className(_el$174, `px-1.5 py-0.5 text-xs font-medium rounded ${confidenceClass(det.confidence)}`));
|
|
926
|
+
return _el$173;
|
|
864
927
|
})()
|
|
865
928
|
}));
|
|
866
|
-
insert(_el$
|
|
929
|
+
insert(_el$168, createComponent(Show, {
|
|
867
930
|
get when() {
|
|
868
931
|
return data().warnings.length > 0;
|
|
869
932
|
},
|
|
870
933
|
get children() {
|
|
871
|
-
var _el$
|
|
872
|
-
insert(_el$
|
|
934
|
+
var _el$170 = getNextElement(_tmpl$24);
|
|
935
|
+
insert(_el$170, createComponent(For, {
|
|
873
936
|
get each() {
|
|
874
937
|
return data().warnings;
|
|
875
938
|
},
|
|
876
939
|
children: (w) => (() => {
|
|
877
|
-
var _el$
|
|
878
|
-
insert(_el$
|
|
879
|
-
return _el$
|
|
940
|
+
var _el$176 = getNextElement(_tmpl$48), _el$177 = _el$176.firstChild, _el$178 = _el$177.nextSibling;
|
|
941
|
+
insert(_el$178, w);
|
|
942
|
+
return _el$176;
|
|
880
943
|
})()
|
|
881
944
|
}));
|
|
882
|
-
return _el$
|
|
945
|
+
return _el$170;
|
|
883
946
|
}
|
|
884
|
-
}), _el$
|
|
885
|
-
return _el$
|
|
947
|
+
}), _el$172, _co$36);
|
|
948
|
+
return _el$168;
|
|
886
949
|
})();
|
|
887
950
|
};
|
|
888
951
|
const FeedbackSection = (props) => {
|
|
889
952
|
const [comment, setComment] = createSignal("");
|
|
953
|
+
const [showComment, setShowComment] = createSignal(false);
|
|
890
954
|
const data = () => {
|
|
955
|
+
var _a, _b, _c, _d;
|
|
891
956
|
const c = props.content;
|
|
957
|
+
const options = (c == null ? void 0 : c.options) || [{
|
|
958
|
+
value: ((_a = c == null ? void 0 : c.approve) == null ? void 0 : _a.value) || "approve",
|
|
959
|
+
label: ((_b = c == null ? void 0 : c.approve) == null ? void 0 : _b.label) || "Yes",
|
|
960
|
+
icon: "👍",
|
|
961
|
+
variant: "primary"
|
|
962
|
+
}, {
|
|
963
|
+
value: ((_c = c == null ? void 0 : c.reject) == null ? void 0 : _c.value) || "reject",
|
|
964
|
+
label: ((_d = c == null ? void 0 : c.reject) == null ? void 0 : _d.label) || "No",
|
|
965
|
+
icon: "👎"
|
|
966
|
+
}];
|
|
892
967
|
return {
|
|
893
968
|
question: (c == null ? void 0 : c.question) || "",
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
},
|
|
898
|
-
reject: (c == null ? void 0 : c.reject) || {
|
|
899
|
-
label: "No",
|
|
900
|
-
value: "reject"
|
|
901
|
-
},
|
|
902
|
-
allowComment: (c == null ? void 0 : c.allowComment) ?? false,
|
|
903
|
-
commentPlaceholder: (c == null ? void 0 : c.commentPlaceholder) || "Add a comment..."
|
|
969
|
+
options,
|
|
970
|
+
allowFreeText: (c == null ? void 0 : c.allowFreeText) ?? (c == null ? void 0 : c.allowComment) ?? false,
|
|
971
|
+
placeholder: (c == null ? void 0 : c.placeholder) || (c == null ? void 0 : c.commentPlaceholder) || "Add a comment..."
|
|
904
972
|
};
|
|
905
973
|
};
|
|
906
|
-
const
|
|
974
|
+
const handleOption = (option) => {
|
|
907
975
|
var _a;
|
|
908
|
-
|
|
976
|
+
if (option.needsComment) {
|
|
977
|
+
setShowComment(true);
|
|
978
|
+
return;
|
|
979
|
+
}
|
|
909
980
|
(_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", {
|
|
910
|
-
|
|
911
|
-
value: approved ? d.approve.value : d.reject.value,
|
|
981
|
+
option: option.value,
|
|
912
982
|
comment: comment()
|
|
913
983
|
});
|
|
914
984
|
};
|
|
915
985
|
return (() => {
|
|
916
|
-
var _el$
|
|
917
|
-
insert(_el$
|
|
918
|
-
_el$
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
986
|
+
var _el$179 = getNextElement(_tmpl$50), _el$180 = _el$179.firstChild, _el$181 = _el$180.nextSibling, _el$185 = _el$181.nextSibling, [_el$186, _co$37] = getNextMarker(_el$185.nextSibling);
|
|
987
|
+
insert(_el$180, () => data().question);
|
|
988
|
+
insert(_el$181, createComponent(For, {
|
|
989
|
+
get each() {
|
|
990
|
+
return data().options;
|
|
991
|
+
},
|
|
992
|
+
children: (option) => (() => {
|
|
993
|
+
var _el$187 = getNextElement(_tmpl$37), _el$189 = _el$187.firstChild, [_el$190, _co$38] = getNextMarker(_el$189.nextSibling), _el$191 = _el$190.nextSibling, [_el$192, _co$39] = getNextMarker(_el$191.nextSibling);
|
|
994
|
+
_el$187.$$click = () => handleOption(option);
|
|
995
|
+
insert(_el$187, createComponent(Show, {
|
|
996
|
+
get when() {
|
|
997
|
+
return option.icon;
|
|
998
|
+
},
|
|
999
|
+
get children() {
|
|
1000
|
+
var _el$188 = getNextElement(_tmpl$51);
|
|
1001
|
+
insert(_el$188, () => option.icon);
|
|
1002
|
+
return _el$188;
|
|
1003
|
+
}
|
|
1004
|
+
}), _el$190, _co$38);
|
|
1005
|
+
insert(_el$187, () => option.label, _el$192, _co$39);
|
|
1006
|
+
effect(() => className(_el$187, `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"}`));
|
|
1007
|
+
runHydrationEvents();
|
|
1008
|
+
return _el$187;
|
|
1009
|
+
})()
|
|
1010
|
+
}));
|
|
1011
|
+
insert(_el$179, createComponent(Show, {
|
|
923
1012
|
get when() {
|
|
924
|
-
return data().
|
|
1013
|
+
return data().allowFreeText || showComment();
|
|
925
1014
|
},
|
|
926
1015
|
get children() {
|
|
927
|
-
var _el$
|
|
928
|
-
_el$
|
|
929
|
-
|
|
930
|
-
|
|
1016
|
+
var _el$182 = getNextElement(_tmpl$49), _el$183 = _el$182.firstChild, _el$184 = _el$183.nextSibling;
|
|
1017
|
+
_el$183.$$input = (e) => setComment(e.currentTarget.value);
|
|
1018
|
+
_el$184.$$click = () => {
|
|
1019
|
+
var _a;
|
|
1020
|
+
return (_a = props.onAction) == null ? void 0 : _a.call(props, "feedback", {
|
|
1021
|
+
option: "comment",
|
|
1022
|
+
comment: comment()
|
|
1023
|
+
});
|
|
1024
|
+
};
|
|
1025
|
+
effect((_p$) => {
|
|
1026
|
+
var _v$6 = data().placeholder, _v$7 = showComment();
|
|
1027
|
+
_v$6 !== _p$.e && setAttribute(_el$183, "placeholder", _p$.e = _v$6);
|
|
1028
|
+
_v$7 !== _p$.t && setProperty(_el$183, "autofocus", _p$.t = _v$7);
|
|
1029
|
+
return _p$;
|
|
1030
|
+
}, {
|
|
1031
|
+
e: void 0,
|
|
1032
|
+
t: void 0
|
|
1033
|
+
});
|
|
1034
|
+
effect(() => setProperty(_el$183, "value", comment()));
|
|
931
1035
|
runHydrationEvents();
|
|
932
|
-
return _el$
|
|
1036
|
+
return _el$182;
|
|
933
1037
|
}
|
|
934
|
-
}), _el$
|
|
935
|
-
|
|
936
|
-
return _el$159;
|
|
1038
|
+
}), _el$186, _co$37);
|
|
1039
|
+
return _el$179;
|
|
937
1040
|
})();
|
|
938
1041
|
};
|
|
939
1042
|
const PromptSection = (props) => {
|
|
@@ -948,56 +1051,56 @@ const PromptSection = (props) => {
|
|
|
948
1051
|
};
|
|
949
1052
|
};
|
|
950
1053
|
return (() => {
|
|
951
|
-
var _el$
|
|
952
|
-
insert(_el$
|
|
1054
|
+
var _el$193 = getNextElement(_tmpl$55), _el$206 = _el$193.firstChild, [_el$207, _co$42] = getNextMarker(_el$206.nextSibling), _el$199 = _el$207.nextSibling, _el$208 = _el$199.nextSibling, [_el$209, _co$43] = getNextMarker(_el$208.nextSibling), _el$210 = _el$209.nextSibling, [_el$211, _co$44] = getNextMarker(_el$210.nextSibling);
|
|
1055
|
+
insert(_el$193, createComponent(Show, {
|
|
953
1056
|
get when() {
|
|
954
1057
|
return data().originalQuery;
|
|
955
1058
|
},
|
|
956
1059
|
get children() {
|
|
957
|
-
var _el$
|
|
958
|
-
_el$
|
|
959
|
-
insert(_el$
|
|
960
|
-
return _el$
|
|
1060
|
+
var _el$194 = getNextElement(_tmpl$52), _el$195 = _el$194.firstChild, _el$197 = _el$195.nextSibling, [_el$198, _co$40] = getNextMarker(_el$197.nextSibling);
|
|
1061
|
+
_el$198.nextSibling;
|
|
1062
|
+
insert(_el$194, () => data().originalQuery, _el$198, _co$40);
|
|
1063
|
+
return _el$194;
|
|
961
1064
|
}
|
|
962
|
-
}), _el$
|
|
963
|
-
insert(_el$
|
|
1065
|
+
}), _el$207, _co$42);
|
|
1066
|
+
insert(_el$199, createComponent(For, {
|
|
964
1067
|
get each() {
|
|
965
1068
|
return Object.entries(data().extracted);
|
|
966
1069
|
},
|
|
967
1070
|
children: ([key, value]) => (() => {
|
|
968
|
-
var _el$
|
|
969
|
-
_el$
|
|
970
|
-
var _el$
|
|
971
|
-
insert(_el$
|
|
972
|
-
insert(_el$
|
|
973
|
-
return _el$
|
|
1071
|
+
var _el$212 = getNextElement(_tmpl$56), _el$213 = _el$212.firstChild, _el$215 = _el$213.firstChild, [_el$216, _co$45] = getNextMarker(_el$215.nextSibling);
|
|
1072
|
+
_el$216.nextSibling;
|
|
1073
|
+
var _el$217 = _el$213.nextSibling;
|
|
1074
|
+
insert(_el$213, key, _el$216, _co$45);
|
|
1075
|
+
insert(_el$217, () => String(value));
|
|
1076
|
+
return _el$212;
|
|
974
1077
|
})()
|
|
975
1078
|
}));
|
|
976
|
-
insert(_el$
|
|
1079
|
+
insert(_el$193, createComponent(Show, {
|
|
977
1080
|
get when() {
|
|
978
1081
|
return data().plan;
|
|
979
1082
|
},
|
|
980
1083
|
get children() {
|
|
981
|
-
var _el$
|
|
982
|
-
insert(_el$
|
|
983
|
-
return _el$
|
|
1084
|
+
var _el$200 = getNextElement(_tmpl$53), _el$201 = _el$200.firstChild, _el$202 = _el$201.nextSibling, _el$203 = _el$202.nextSibling, [_el$204, _co$41] = getNextMarker(_el$203.nextSibling);
|
|
1085
|
+
insert(_el$200, () => data().plan, _el$204, _co$41);
|
|
1086
|
+
return _el$200;
|
|
984
1087
|
}
|
|
985
|
-
}), _el$
|
|
986
|
-
insert(_el$
|
|
1088
|
+
}), _el$209, _co$43);
|
|
1089
|
+
insert(_el$193, createComponent(Show, {
|
|
987
1090
|
get when() {
|
|
988
1091
|
return data().editable;
|
|
989
1092
|
},
|
|
990
1093
|
get children() {
|
|
991
|
-
var _el$
|
|
992
|
-
_el$
|
|
1094
|
+
var _el$205 = getNextElement(_tmpl$54);
|
|
1095
|
+
_el$205.$$click = () => {
|
|
993
1096
|
var _a;
|
|
994
1097
|
return (_a = props.onAction) == null ? void 0 : _a.call(props, "edit_prompt", data());
|
|
995
1098
|
};
|
|
996
1099
|
runHydrationEvents();
|
|
997
|
-
return _el$
|
|
1100
|
+
return _el$205;
|
|
998
1101
|
}
|
|
999
|
-
}), _el$
|
|
1000
|
-
return _el$
|
|
1102
|
+
}), _el$211, _co$44);
|
|
1103
|
+
return _el$193;
|
|
1001
1104
|
})();
|
|
1002
1105
|
};
|
|
1003
1106
|
delegateEvents(["click", "input"]);
|