@seed-ship/mcp-ui-solid 2.5.2 → 2.6.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/ChatPrompt.cjs +76 -114
- package/dist/components/ChatPrompt.cjs.map +1 -1
- package/dist/components/ChatPrompt.d.ts +3 -1
- package/dist/components/ChatPrompt.d.ts.map +1 -1
- package/dist/components/ChatPrompt.js +78 -116
- package/dist/components/ChatPrompt.js.map +1 -1
- package/dist/components/FormFieldRenderer.cjs +232 -3
- package/dist/components/FormFieldRenderer.cjs.map +1 -1
- package/dist/components/FormFieldRenderer.d.ts.map +1 -1
- package/dist/components/FormFieldRenderer.js +233 -4
- package/dist/components/FormFieldRenderer.js.map +1 -1
- package/dist/types/chat-bus.d.ts +21 -1
- package/dist/types/chat-bus.d.ts.map +1 -1
- package/dist/types/index.d.ts +17 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types.d.cts +17 -1
- package/dist/types.d.ts +17 -1
- package/package.json +1 -1
- package/src/components/ChatPrompt.test.tsx +55 -0
- package/src/components/ChatPrompt.tsx +34 -53
- package/src/components/FormFieldRenderer.tsx +218 -3
- package/src/types/chat-bus.ts +21 -1
- package/src/types/index.ts +19 -0
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
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(`<div class="w-full max-w-2xl mx-auto mb-2 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-lg overflow-hidden"role=dialog style="animation:chat-prompt-slide-up 0.2s ease-out"><div class="flex items-center justify-between px-4 py-2.5 border-b border-gray-100 dark:border-gray-700"><p class="text-sm font-medium text-gray-900 dark:text-white"></p><button></button></div><div class="px-4 py-3"></div><style>
|
|
6
7
|
@keyframes chat-prompt-slide-up {
|
|
7
8
|
from { opacity: 0; transform: translateY(8px); }
|
|
8
9
|
to { opacity: 1; transform: translateY(0); }
|
|
9
10
|
}
|
|
10
|
-
`), _tmpl$2 = /* @__PURE__ */ web.template(`<
|
|
11
|
+
`), _tmpl$2 = /* @__PURE__ */ web.template(`<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>`), _tmpl$4 = /* @__PURE__ */ web.template(`<span class=mr-2>`), _tmpl$5 = /* @__PURE__ */ web.template(`<span class="block text-xs text-gray-500 dark:text-gray-400 mt-0.5 font-normal">`), _tmpl$6 = /* @__PURE__ */ web.template(`<button class="px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white hover:bg-blue-50 hover:border-blue-300 dark:hover:bg-blue-900/30 dark:hover:border-blue-600 transition-colors text-left"><!$><!/><!$><!/><!$><!/>`), _tmpl$7 = /* @__PURE__ */ web.template(`<p class="text-sm text-gray-600 dark:text-gray-400 mb-3">`), _tmpl$8 = /* @__PURE__ */ web.template(`<div><!$><!/><div class="flex gap-2 justify-end"><button class="px-4 py-2 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"></button><button>`), _tmpl$9 = /* @__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 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors">`);
|
|
11
12
|
const ChatPrompt = (props) => {
|
|
12
13
|
if (!props.config) return null;
|
|
13
14
|
return (() => {
|
|
@@ -23,6 +24,17 @@ const ChatPrompt = (props) => {
|
|
|
23
24
|
dismissed: true
|
|
24
25
|
});
|
|
25
26
|
};
|
|
27
|
+
web.insert(_el$4, web.createComponent(solidJs.Show, {
|
|
28
|
+
get when() {
|
|
29
|
+
return props.dismissLabel;
|
|
30
|
+
},
|
|
31
|
+
get fallback() {
|
|
32
|
+
return web.getNextElement(_tmpl$2);
|
|
33
|
+
},
|
|
34
|
+
get children() {
|
|
35
|
+
return props.dismissLabel;
|
|
36
|
+
}
|
|
37
|
+
}));
|
|
26
38
|
web.insert(_el$5, web.createComponent(solidJs.Switch, {
|
|
27
39
|
get children() {
|
|
28
40
|
return [web.createComponent(solidJs.Match, {
|
|
@@ -86,7 +98,17 @@ const ChatPrompt = (props) => {
|
|
|
86
98
|
})];
|
|
87
99
|
}
|
|
88
100
|
}));
|
|
89
|
-
web.effect(() =>
|
|
101
|
+
web.effect((_p$) => {
|
|
102
|
+
var _v$ = props.config.title, _v$2 = props.dismissLabel ? "px-3 py-1 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" : "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", _v$3 = props.dismissLabel || "Dismiss";
|
|
103
|
+
_v$ !== _p$.e && web.setAttribute(_el$, "aria-label", _p$.e = _v$);
|
|
104
|
+
_v$2 !== _p$.t && web.className(_el$4, _p$.t = _v$2);
|
|
105
|
+
_v$3 !== _p$.a && web.setAttribute(_el$4, "aria-label", _p$.a = _v$3);
|
|
106
|
+
return _p$;
|
|
107
|
+
}, {
|
|
108
|
+
e: void 0,
|
|
109
|
+
t: void 0,
|
|
110
|
+
a: void 0
|
|
111
|
+
});
|
|
90
112
|
web.runHydrationEvents();
|
|
91
113
|
return _el$;
|
|
92
114
|
})();
|
|
@@ -103,64 +125,64 @@ const ChoiceBody = (props) => {
|
|
|
103
125
|
}
|
|
104
126
|
};
|
|
105
127
|
return (() => {
|
|
106
|
-
var _el$
|
|
107
|
-
web.insert(_el$
|
|
128
|
+
var _el$7 = web.getNextElement(_tmpl$3);
|
|
129
|
+
web.insert(_el$7, web.createComponent(solidJs.For, {
|
|
108
130
|
get each() {
|
|
109
131
|
return props.config.options;
|
|
110
132
|
},
|
|
111
133
|
children: (option) => (() => {
|
|
112
|
-
var _el$
|
|
113
|
-
_el$
|
|
114
|
-
web.insert(_el$
|
|
134
|
+
var _el$8 = web.getNextElement(_tmpl$6), _el$1 = _el$8.firstChild, [_el$10, _co$] = web.getNextMarker(_el$1.nextSibling), _el$11 = _el$10.nextSibling, [_el$12, _co$2] = web.getNextMarker(_el$11.nextSibling), _el$13 = _el$12.nextSibling, [_el$14, _co$3] = web.getNextMarker(_el$13.nextSibling);
|
|
135
|
+
_el$8.$$click = () => props.onSelect(option.value, option.label);
|
|
136
|
+
web.insert(_el$8, web.createComponent(solidJs.Show, {
|
|
115
137
|
get when() {
|
|
116
138
|
return option.icon;
|
|
117
139
|
},
|
|
118
140
|
get children() {
|
|
119
|
-
var _el$
|
|
120
|
-
web.insert(_el$
|
|
121
|
-
return _el$
|
|
141
|
+
var _el$9 = web.getNextElement(_tmpl$4);
|
|
142
|
+
web.insert(_el$9, () => option.icon);
|
|
143
|
+
return _el$9;
|
|
122
144
|
}
|
|
123
|
-
}), _el$
|
|
124
|
-
web.insert(_el$
|
|
125
|
-
web.insert(_el$
|
|
145
|
+
}), _el$10, _co$);
|
|
146
|
+
web.insert(_el$8, () => option.label, _el$12, _co$2);
|
|
147
|
+
web.insert(_el$8, web.createComponent(solidJs.Show, {
|
|
126
148
|
get when() {
|
|
127
149
|
return option.description;
|
|
128
150
|
},
|
|
129
151
|
get children() {
|
|
130
|
-
var _el$
|
|
131
|
-
web.insert(_el$
|
|
132
|
-
return _el$
|
|
152
|
+
var _el$0 = web.getNextElement(_tmpl$5);
|
|
153
|
+
web.insert(_el$0, () => option.description);
|
|
154
|
+
return _el$0;
|
|
133
155
|
}
|
|
134
|
-
}), _el$
|
|
156
|
+
}), _el$14, _co$3);
|
|
135
157
|
web.runHydrationEvents();
|
|
136
|
-
return _el$
|
|
158
|
+
return _el$8;
|
|
137
159
|
})()
|
|
138
160
|
}));
|
|
139
|
-
web.effect(() => web.className(_el$
|
|
140
|
-
return _el$
|
|
161
|
+
web.effect(() => web.className(_el$7, layoutClass()));
|
|
162
|
+
return _el$7;
|
|
141
163
|
})();
|
|
142
164
|
};
|
|
143
165
|
const ConfirmBody = (props) => {
|
|
144
166
|
const isDanger = () => props.config.variant === "danger";
|
|
145
167
|
return (() => {
|
|
146
|
-
var _el$
|
|
147
|
-
web.insert(_el$
|
|
168
|
+
var _el$15 = web.getNextElement(_tmpl$8), _el$20 = _el$15.firstChild, [_el$21, _co$4] = web.getNextMarker(_el$20.nextSibling), _el$17 = _el$21.nextSibling, _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling;
|
|
169
|
+
web.insert(_el$15, web.createComponent(solidJs.Show, {
|
|
148
170
|
get when() {
|
|
149
171
|
return props.config.message;
|
|
150
172
|
},
|
|
151
173
|
get children() {
|
|
152
|
-
var _el$
|
|
153
|
-
web.insert(_el$
|
|
154
|
-
return _el$
|
|
174
|
+
var _el$16 = web.getNextElement(_tmpl$7);
|
|
175
|
+
web.insert(_el$16, () => props.config.message);
|
|
176
|
+
return _el$16;
|
|
155
177
|
}
|
|
156
|
-
}), _el$
|
|
157
|
-
web.addEventListener(_el$
|
|
158
|
-
web.insert(_el$
|
|
159
|
-
web.addEventListener(_el$
|
|
160
|
-
web.insert(_el$
|
|
161
|
-
web.effect(() => web.className(_el$
|
|
178
|
+
}), _el$21, _co$4);
|
|
179
|
+
web.addEventListener(_el$18, "click", props.onCancel, true);
|
|
180
|
+
web.insert(_el$18, () => props.config.cancelLabel || "Cancel");
|
|
181
|
+
web.addEventListener(_el$19, "click", props.onConfirm, true);
|
|
182
|
+
web.insert(_el$19, () => props.config.confirmLabel || "Confirm");
|
|
183
|
+
web.effect(() => web.className(_el$19, `px-4 py-2 text-sm font-medium rounded-lg text-white transition-colors ${isDanger() ? "bg-red-600 hover:bg-red-700" : "bg-blue-600 hover:bg-blue-700"}`));
|
|
162
184
|
web.runHydrationEvents();
|
|
163
|
-
return _el$
|
|
185
|
+
return _el$15;
|
|
164
186
|
})();
|
|
165
187
|
};
|
|
166
188
|
const FormBody = (props) => {
|
|
@@ -174,99 +196,39 @@ const FormBody = (props) => {
|
|
|
174
196
|
const handleSubmit = (e) => {
|
|
175
197
|
e.preventDefault();
|
|
176
198
|
const data = formData();
|
|
177
|
-
const label = Object.entries(data).filter(([, v]) => v).map(([k, v]) => `${k}: ${v}`).join(", ");
|
|
199
|
+
const label = Object.entries(data).filter(([, v]) => v !== void 0 && v !== "" && !(Array.isArray(v) && v.length === 0)).map(([k, v]) => `${k}: ${Array.isArray(v) ? v.join(", ") : v}`).join(", ");
|
|
178
200
|
props.onSubmit(data, label || "Form submitted");
|
|
179
201
|
};
|
|
180
202
|
const isValid = () => {
|
|
181
203
|
const data = formData();
|
|
182
204
|
return (props.config.fields || []).filter((f) => f.required).every((f) => {
|
|
183
|
-
|
|
184
|
-
|
|
205
|
+
const val = data[f.name];
|
|
206
|
+
if (Array.isArray(val)) return val.length > 0;
|
|
207
|
+
if (typeof val === "boolean") return true;
|
|
208
|
+
return val !== void 0 && val !== "";
|
|
185
209
|
});
|
|
186
210
|
};
|
|
187
211
|
return (() => {
|
|
188
|
-
var _el$
|
|
189
|
-
_el$
|
|
190
|
-
web.insert(_el$
|
|
212
|
+
var _el$22 = web.getNextElement(_tmpl$9), _el$25 = _el$22.firstChild, [_el$26, _co$5] = web.getNextMarker(_el$25.nextSibling), _el$23 = _el$26.nextSibling, _el$24 = _el$23.firstChild;
|
|
213
|
+
_el$22.addEventListener("submit", handleSubmit);
|
|
214
|
+
web.insert(_el$22, web.createComponent(solidJs.For, {
|
|
191
215
|
get each() {
|
|
192
216
|
return props.config.fields;
|
|
193
217
|
},
|
|
194
|
-
children: (field) => (
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
get children() {
|
|
207
|
-
return [web.createComponent(solidJs.Match, {
|
|
208
|
-
get when() {
|
|
209
|
-
return field.type === "textarea";
|
|
210
|
-
},
|
|
211
|
-
get children() {
|
|
212
|
-
var _el$33 = web.getNextElement(_tmpl$0);
|
|
213
|
-
_el$33.$$input = (e) => updateField(field.name, e.currentTarget.value);
|
|
214
|
-
web.effect(() => web.setAttribute(_el$33, "placeholder", field.placeholder));
|
|
215
|
-
web.effect(() => web.setProperty(_el$33, "value", formData()[field.name] || ""));
|
|
216
|
-
web.runHydrationEvents();
|
|
217
|
-
return _el$33;
|
|
218
|
-
}
|
|
219
|
-
}), web.createComponent(solidJs.Match, {
|
|
220
|
-
get when() {
|
|
221
|
-
return field.type === "select";
|
|
222
|
-
},
|
|
223
|
-
get children() {
|
|
224
|
-
var _el$34 = web.getNextElement(_tmpl$1), _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling, [_el$37, _co$8] = web.getNextMarker(_el$36.nextSibling);
|
|
225
|
-
_el$34.addEventListener("change", (e) => updateField(field.name, e.currentTarget.value));
|
|
226
|
-
web.insert(_el$35, () => field.placeholder || "Select...");
|
|
227
|
-
web.insert(_el$34, web.createComponent(solidJs.For, {
|
|
228
|
-
get each() {
|
|
229
|
-
return field.options;
|
|
230
|
-
},
|
|
231
|
-
children: (opt) => (() => {
|
|
232
|
-
var _el$41 = web.getNextElement(_tmpl$12);
|
|
233
|
-
web.insert(_el$41, () => opt.label);
|
|
234
|
-
web.effect(() => web.setProperty(_el$41, "value", opt.value));
|
|
235
|
-
return _el$41;
|
|
236
|
-
})()
|
|
237
|
-
}), _el$37, _co$8);
|
|
238
|
-
web.effect(() => web.setProperty(_el$34, "value", formData()[field.name] || ""));
|
|
239
|
-
return _el$34;
|
|
240
|
-
}
|
|
241
|
-
}), web.createComponent(solidJs.Match, {
|
|
242
|
-
when: true,
|
|
243
|
-
get children() {
|
|
244
|
-
var _el$38 = web.getNextElement(_tmpl$10);
|
|
245
|
-
_el$38.$$input = (e) => updateField(field.name, e.currentTarget.value);
|
|
246
|
-
web.effect((_p$) => {
|
|
247
|
-
var _v$ = field.type === "number" ? "number" : "text", _v$2 = field.placeholder;
|
|
248
|
-
_v$ !== _p$.e && web.setAttribute(_el$38, "type", _p$.e = _v$);
|
|
249
|
-
_v$2 !== _p$.t && web.setAttribute(_el$38, "placeholder", _p$.t = _v$2);
|
|
250
|
-
return _p$;
|
|
251
|
-
}, {
|
|
252
|
-
e: void 0,
|
|
253
|
-
t: void 0
|
|
254
|
-
});
|
|
255
|
-
web.effect(() => web.setProperty(_el$38, "value", formData()[field.name] || ""));
|
|
256
|
-
web.runHydrationEvents();
|
|
257
|
-
return _el$38;
|
|
258
|
-
}
|
|
259
|
-
})];
|
|
260
|
-
}
|
|
261
|
-
}), _el$40, _co$9);
|
|
262
|
-
return _el$26;
|
|
263
|
-
})()
|
|
264
|
-
}), _el$25, _co$5);
|
|
265
|
-
web.insert(_el$23, () => props.config.submitLabel || "Submit");
|
|
266
|
-
web.effect(() => web.setProperty(_el$23, "disabled", !isValid()));
|
|
267
|
-
return _el$21;
|
|
218
|
+
children: (field) => web.createComponent(FormFieldRenderer.FormFieldRenderer, {
|
|
219
|
+
field,
|
|
220
|
+
get value() {
|
|
221
|
+
return formData()[field.name];
|
|
222
|
+
},
|
|
223
|
+
onChange: (val) => updateField(field.name, val),
|
|
224
|
+
formData
|
|
225
|
+
})
|
|
226
|
+
}), _el$26, _co$5);
|
|
227
|
+
web.insert(_el$24, () => props.config.submitLabel || "Submit");
|
|
228
|
+
web.effect(() => web.setProperty(_el$24, "disabled", !isValid()));
|
|
229
|
+
return _el$22;
|
|
268
230
|
})();
|
|
269
231
|
};
|
|
270
|
-
web.delegateEvents(["click"
|
|
232
|
+
web.delegateEvents(["click"]);
|
|
271
233
|
exports.ChatPrompt = ChatPrompt;
|
|
272
234
|
//# sourceMappingURL=ChatPrompt.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatPrompt.cjs","sources":["../../src/components/ChatPrompt.tsx"],"sourcesContent":["/**\n * ChatPrompt — Ephemeral structured interaction above chat input\n * v2.4.0: choice, confirm, form subtypes\n *\n * @experimental — This component may change without major bump until v2.5.0.\n *\n * Renders above the chat input. User responds → Promise resolves → prompt disappears.\n * Supports AbortSignal for cleanup on navigation (C4).\n */\n\nimport { Component, Show, For, createSignal, onCleanup, Switch, Match } from 'solid-js'\nimport type {\n ChatPromptConfig,\n ChatPromptResponse,\n ChoicePromptConfig,\n ConfirmPromptConfig,\n FormPromptConfig,\n} from '../types/chat-bus'\n\nexport interface ChatPromptProps {\n /** Prompt configuration */\n config: ChatPromptConfig\n /** Called when user responds */\n onSubmit: (response: ChatPromptResponse) => void\n /** Called when user dismisses */\n onDismiss?: () => void\n}\n\n/**\n * @experimental\n * Ephemeral interaction component — choice buttons, confirmation dialog, or quick form.\n * Designed to sit between the chat messages and the input area.\n *\n * @example\n * <ChatPrompt\n * config={{ type: 'choice', title: 'Format?', config: { options: [...] } }}\n * onSubmit={(r) => bus.events.emit('onChatPromptResponse', { streamKey, response: r })}\n * onDismiss={() => setActivePrompt(null)}\n * />\n */\nexport const ChatPrompt: Component<ChatPromptProps> = (props) => {\n // F1: Guard against null/undefined config (e.g. after dismiss clears state)\n if (!props.config) return null\n\n return (\n <div\n class=\"w-full max-w-2xl mx-auto mb-2 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-lg overflow-hidden\"\n style={{ animation: 'chat-prompt-slide-up 0.2s ease-out' }}\n role=\"dialog\"\n aria-label={props.config.title}\n >\n {/* Header */}\n <div class=\"flex items-center justify-between px-4 py-2.5 border-b border-gray-100 dark:border-gray-700\">\n <p class=\"text-sm font-medium text-gray-900 dark:text-white\">{props.config.title}</p>\n <button\n onClick={() => {\n props.onDismiss?.()\n props.onSubmit({ type: props.config.type, value: '', label: '', dismissed: true })\n }}\n 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\"\n aria-label=\"Dismiss\"\n >\n <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n </button>\n </div>\n\n {/* Body — type-specific */}\n <div class=\"px-4 py-3\">\n <Switch>\n <Match when={props.config.type === 'choice'}>\n <ChoiceBody\n config={props.config.config as ChoicePromptConfig}\n onSelect={(value, label) => props.onSubmit({ type: 'choice', value, label })}\n />\n </Match>\n <Match when={props.config.type === 'confirm'}>\n <ConfirmBody\n config={props.config.config as ConfirmPromptConfig}\n onConfirm={() => props.onSubmit({ type: 'confirm', value: 'confirmed', label: (props.config.config as ConfirmPromptConfig).confirmLabel || 'Confirmed' })}\n onCancel={() => {\n props.onDismiss?.()\n props.onSubmit({ type: 'confirm', value: 'cancelled', label: (props.config.config as ConfirmPromptConfig).cancelLabel || 'Cancelled', dismissed: true })\n }}\n />\n </Match>\n <Match when={props.config.type === 'form'}>\n <FormBody\n config={props.config.config as FormPromptConfig}\n onSubmit={(data, label) => props.onSubmit({ type: 'form', value: data, label })}\n />\n </Match>\n </Switch>\n </div>\n\n <style>{`\n @keyframes chat-prompt-slide-up {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n `}</style>\n </div>\n )\n}\n\n// ─── Choice ──────────────────────────────────────────────────\n\nconst ChoiceBody: Component<{\n config: ChoicePromptConfig\n onSelect: (value: string, label: string) => void\n}> = (props) => {\n const layoutClass = () => {\n switch (props.config.layout) {\n case 'vertical': return 'flex flex-col gap-2'\n case 'grid': return 'grid grid-cols-2 gap-2'\n default: return 'flex flex-wrap gap-2'\n }\n }\n\n return (\n <div class={layoutClass()}>\n <For each={props.config.options}>\n {(option) => (\n <button\n onClick={() => props.onSelect(option.value, option.label)}\n class=\"px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white hover:bg-blue-50 hover:border-blue-300 dark:hover:bg-blue-900/30 dark:hover:border-blue-600 transition-colors text-left\"\n >\n <Show when={option.icon}>\n <span class=\"mr-2\">{option.icon}</span>\n </Show>\n {option.label}\n <Show when={option.description}>\n <span class=\"block text-xs text-gray-500 dark:text-gray-400 mt-0.5 font-normal\">{option.description}</span>\n </Show>\n </button>\n )}\n </For>\n </div>\n )\n}\n\n// ─── Confirm ─────────────────────────────────────────────────\n\nconst ConfirmBody: Component<{\n config: ConfirmPromptConfig\n onConfirm: () => void\n onCancel: () => void\n}> = (props) => {\n const isDanger = () => props.config.variant === 'danger'\n\n return (\n <div>\n <Show when={props.config.message}>\n <p class=\"text-sm text-gray-600 dark:text-gray-400 mb-3\">{props.config.message}</p>\n </Show>\n <div class=\"flex gap-2 justify-end\">\n <button\n onClick={props.onCancel}\n class=\"px-4 py-2 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\"\n >\n {props.config.cancelLabel || 'Cancel'}\n </button>\n <button\n onClick={props.onConfirm}\n class={`px-4 py-2 text-sm font-medium rounded-lg text-white transition-colors ${\n isDanger()\n ? 'bg-red-600 hover:bg-red-700'\n : 'bg-blue-600 hover:bg-blue-700'\n }`}\n >\n {props.config.confirmLabel || 'Confirm'}\n </button>\n </div>\n </div>\n )\n}\n\n// ─── Form ────────────────────────────────────────────────────\n\nconst FormBody: Component<{\n config: FormPromptConfig\n onSubmit: (data: Record<string, unknown>, label: string) => void\n}> = (props) => {\n const [formData, setFormData] = createSignal<Record<string, string>>({})\n\n const updateField = (name: string, value: string) => {\n setFormData((prev) => ({ ...prev, [name]: value }))\n }\n\n const handleSubmit = (e: Event) => {\n e.preventDefault()\n const data = formData()\n // Build a human-readable label from the form values\n const label = Object.entries(data)\n .filter(([, v]) => v)\n .map(([k, v]) => `${k}: ${v}`)\n .join(', ')\n props.onSubmit(data, label || 'Form submitted')\n }\n\n const isValid = () => {\n const data = formData()\n return (props.config.fields || [])\n .filter((f) => f.required)\n .every((f) => data[f.name]?.trim())\n }\n\n return (\n <form onSubmit={handleSubmit} class=\"flex flex-col gap-3\">\n <For each={props.config.fields}>\n {(field) => (\n <div>\n <label class=\"block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1\">\n {field.label}\n <Show when={field.required}>\n <span class=\"text-red-500 ml-0.5\">*</span>\n </Show>\n </label>\n <Switch>\n <Match when={field.type === 'textarea'}>\n <textarea\n value={formData()[field.name] || ''}\n onInput={(e) => updateField(field.name, e.currentTarget.value)}\n placeholder={field.placeholder}\n rows={3}\n class=\"w-full px-3 py-2 text-sm rounded-lg border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none transition-colors\"\n />\n </Match>\n <Match when={field.type === 'select'}>\n <select\n value={formData()[field.name] || ''}\n onChange={(e) => updateField(field.name, e.currentTarget.value)}\n class=\"w-full px-3 py-2 text-sm rounded-lg border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none transition-colors\"\n >\n <option value=\"\">{field.placeholder || 'Select...'}</option>\n <For each={field.options}>\n {(opt) => <option value={opt.value}>{opt.label}</option>}\n </For>\n </select>\n </Match>\n <Match when={true}>\n <input\n type={field.type === 'number' ? 'number' : 'text'}\n value={formData()[field.name] || ''}\n onInput={(e) => updateField(field.name, e.currentTarget.value)}\n placeholder={field.placeholder}\n class=\"w-full px-3 py-2 text-sm rounded-lg border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none transition-colors\"\n />\n </Match>\n </Switch>\n </div>\n )}\n </For>\n <div class=\"flex justify-end\">\n <button\n type=\"submit\"\n disabled={!isValid()}\n class=\"px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors\"\n >\n {props.config.submitLabel || 'Submit'}\n </button>\n </div>\n </form>\n )\n}\n"],"names":["ChatPrompt","props","config","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$insert","title","$$click","onDismiss","onSubmit","type","value","label","dismissed","_$createComponent","Switch","children","Match","when","ChoiceBody","onSelect","ConfirmBody","onConfirm","confirmLabel","onCancel","cancelLabel","FormBody","data","_$effect","_$setAttribute","_$runHydrationEvents","layoutClass","layout","_el$6","_tmpl$2","For","each","options","option","_el$7","_tmpl$5","_el$0","_el$1","_co$","_$getNextMarker","_el$10","_el$11","_co$2","_el$12","_el$13","_co$3","Show","icon","_el$8","_tmpl$3","description","_el$9","_tmpl$4","_$className","isDanger","variant","_el$14","_tmpl$7","_el$19","_el$20","_co$4","_el$16","_el$17","_el$18","message","_el$15","_tmpl$6","_$addEventListener","formData","setFormData","createSignal","updateField","name","prev","handleSubmit","e","preventDefault","Object","entries","filter","v","map","k","join","isValid","fields","f","required","every","trim","_el$21","_tmpl$8","_el$24","_el$25","_co$5","_el$22","_el$23","addEventListener","field","_el$26","_tmpl$11","_el$27","_el$29","_el$30","_co$6","_el$31","_el$32","_co$7","_el$39","_el$40","_co$9","_tmpl$9","_el$33","_tmpl$0","$$input","currentTarget","placeholder","_$setProperty","_el$34","_tmpl$1","_el$35","_el$36","_el$37","_co$8","opt","_el$41","_tmpl$12","_el$38","_tmpl$10","_p$","_v$","_v$2","t","undefined","submitLabel","_$delegateEvents"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ChatPrompt.cjs","sources":["../../src/components/ChatPrompt.tsx"],"sourcesContent":["/**\n * ChatPrompt — Ephemeral structured interaction above chat input\n * v2.4.0: choice, confirm, form subtypes\n *\n * @experimental — This component may change without major bump until v2.5.0.\n *\n * Renders above the chat input. User responds → Promise resolves → prompt disappears.\n * Supports AbortSignal for cleanup on navigation (C4).\n */\n\nimport { Component, Show, For, createSignal, onCleanup, Switch, Match } from 'solid-js'\nimport type {\n ChatPromptConfig,\n ChatPromptResponse,\n ChoicePromptConfig,\n ConfirmPromptConfig,\n FormPromptConfig,\n} from '../types/chat-bus'\nimport { FormFieldRenderer } from './FormFieldRenderer'\nimport type { FormFieldParams } from '../types'\n\nexport interface ChatPromptProps {\n /** Prompt configuration */\n config: ChatPromptConfig\n /** Called when user responds */\n onSubmit: (response: ChatPromptResponse) => void\n /** Called when user dismisses (e.g. \"send as-is\") */\n onDismiss?: () => void\n /** Label for the dismiss button (replaces X icon). Default: shows X icon. */\n dismissLabel?: string\n}\n\n/**\n * @experimental\n * Ephemeral interaction component — choice buttons, confirmation dialog, or quick form.\n * Designed to sit between the chat messages and the input area.\n *\n * @example\n * <ChatPrompt\n * config={{ type: 'choice', title: 'Format?', config: { options: [...] } }}\n * onSubmit={(r) => bus.events.emit('onChatPromptResponse', { streamKey, response: r })}\n * onDismiss={() => setActivePrompt(null)}\n * />\n */\nexport const ChatPrompt: Component<ChatPromptProps> = (props) => {\n // F1: Guard against null/undefined config (e.g. after dismiss clears state)\n if (!props.config) return null\n\n return (\n <div\n class=\"w-full max-w-2xl mx-auto mb-2 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-lg overflow-hidden\"\n style={{ animation: 'chat-prompt-slide-up 0.2s ease-out' }}\n role=\"dialog\"\n aria-label={props.config.title}\n >\n {/* Header */}\n <div class=\"flex items-center justify-between px-4 py-2.5 border-b border-gray-100 dark:border-gray-700\">\n <p class=\"text-sm font-medium text-gray-900 dark:text-white\">{props.config.title}</p>\n <button\n onClick={() => {\n props.onDismiss?.()\n props.onSubmit({ type: props.config.type, value: '', label: '', dismissed: true })\n }}\n class={props.dismissLabel\n ? 'px-3 py-1 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'\n : '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'\n }\n aria-label={props.dismissLabel || 'Dismiss'}\n >\n <Show when={props.dismissLabel} fallback={\n <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n }>\n {props.dismissLabel}\n </Show>\n </button>\n </div>\n\n {/* Body — type-specific */}\n <div class=\"px-4 py-3\">\n <Switch>\n <Match when={props.config.type === 'choice'}>\n <ChoiceBody\n config={props.config.config as ChoicePromptConfig}\n onSelect={(value, label) => props.onSubmit({ type: 'choice', value, label })}\n />\n </Match>\n <Match when={props.config.type === 'confirm'}>\n <ConfirmBody\n config={props.config.config as ConfirmPromptConfig}\n onConfirm={() => props.onSubmit({ type: 'confirm', value: 'confirmed', label: (props.config.config as ConfirmPromptConfig).confirmLabel || 'Confirmed' })}\n onCancel={() => {\n props.onDismiss?.()\n props.onSubmit({ type: 'confirm', value: 'cancelled', label: (props.config.config as ConfirmPromptConfig).cancelLabel || 'Cancelled', dismissed: true })\n }}\n />\n </Match>\n <Match when={props.config.type === 'form'}>\n <FormBody\n config={props.config.config as FormPromptConfig}\n onSubmit={(data, label) => props.onSubmit({ type: 'form', value: data, label })}\n />\n </Match>\n </Switch>\n </div>\n\n <style>{`\n @keyframes chat-prompt-slide-up {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n `}</style>\n </div>\n )\n}\n\n// ─── Choice ──────────────────────────────────────────────────\n\nconst ChoiceBody: Component<{\n config: ChoicePromptConfig\n onSelect: (value: string, label: string) => void\n}> = (props) => {\n const layoutClass = () => {\n switch (props.config.layout) {\n case 'vertical': return 'flex flex-col gap-2'\n case 'grid': return 'grid grid-cols-2 gap-2'\n default: return 'flex flex-wrap gap-2'\n }\n }\n\n return (\n <div class={layoutClass()}>\n <For each={props.config.options}>\n {(option) => (\n <button\n onClick={() => props.onSelect(option.value, option.label)}\n class=\"px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white hover:bg-blue-50 hover:border-blue-300 dark:hover:bg-blue-900/30 dark:hover:border-blue-600 transition-colors text-left\"\n >\n <Show when={option.icon}>\n <span class=\"mr-2\">{option.icon}</span>\n </Show>\n {option.label}\n <Show when={option.description}>\n <span class=\"block text-xs text-gray-500 dark:text-gray-400 mt-0.5 font-normal\">{option.description}</span>\n </Show>\n </button>\n )}\n </For>\n </div>\n )\n}\n\n// ─── Confirm ─────────────────────────────────────────────────\n\nconst ConfirmBody: Component<{\n config: ConfirmPromptConfig\n onConfirm: () => void\n onCancel: () => void\n}> = (props) => {\n const isDanger = () => props.config.variant === 'danger'\n\n return (\n <div>\n <Show when={props.config.message}>\n <p class=\"text-sm text-gray-600 dark:text-gray-400 mb-3\">{props.config.message}</p>\n </Show>\n <div class=\"flex gap-2 justify-end\">\n <button\n onClick={props.onCancel}\n class=\"px-4 py-2 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\"\n >\n {props.config.cancelLabel || 'Cancel'}\n </button>\n <button\n onClick={props.onConfirm}\n class={`px-4 py-2 text-sm font-medium rounded-lg text-white transition-colors ${\n isDanger()\n ? 'bg-red-600 hover:bg-red-700'\n : 'bg-blue-600 hover:bg-blue-700'\n }`}\n >\n {props.config.confirmLabel || 'Confirm'}\n </button>\n </div>\n </div>\n )\n}\n\n// ─── Form (delegates to FormFieldRenderer for all field types) ───\n\nconst FormBody: Component<{\n config: FormPromptConfig\n onSubmit: (data: Record<string, unknown>, label: string) => void\n}> = (props) => {\n const [formData, setFormData] = createSignal<Record<string, any>>({})\n\n const updateField = (name: string, value: any) => {\n setFormData((prev) => ({ ...prev, [name]: value }))\n }\n\n const handleSubmit = (e: Event) => {\n e.preventDefault()\n const data = formData()\n const label = Object.entries(data)\n .filter(([, v]) => v !== undefined && v !== '' && !(Array.isArray(v) && v.length === 0))\n .map(([k, v]) => `${k}: ${Array.isArray(v) ? v.join(', ') : v}`)\n .join(', ')\n props.onSubmit(data, label || 'Form submitted')\n }\n\n const isValid = () => {\n const data = formData()\n return (props.config.fields || [])\n .filter((f) => f.required)\n .every((f) => {\n const val = data[f.name]\n if (Array.isArray(val)) return val.length > 0\n if (typeof val === 'boolean') return true\n return val !== undefined && val !== ''\n })\n }\n\n return (\n <form onSubmit={handleSubmit} class=\"flex flex-col gap-3\">\n <For each={props.config.fields}>\n {(field) => (\n <FormFieldRenderer\n field={field as FormFieldParams}\n value={formData()[field.name]}\n onChange={(val) => updateField(field.name, val)}\n formData={formData}\n />\n )}\n </For>\n <div class=\"flex justify-end\">\n <button\n type=\"submit\"\n disabled={!isValid()}\n class=\"px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors\"\n >\n {props.config.submitLabel || 'Submit'}\n </button>\n </div>\n </form>\n )\n}\n"],"names":["ChatPrompt","props","config","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$insert","title","$$click","onDismiss","onSubmit","type","value","label","dismissed","_$createComponent","Show","when","dismissLabel","fallback","_tmpl$2","children","Switch","Match","ChoiceBody","onSelect","ConfirmBody","onConfirm","confirmLabel","onCancel","cancelLabel","FormBody","data","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","_$className","a","undefined","_$runHydrationEvents","layoutClass","layout","_el$7","_tmpl$3","For","each","options","option","_el$8","_tmpl$6","_el$1","_el$10","_co$","_$getNextMarker","_el$11","_el$12","_co$2","_el$13","_el$14","_co$3","icon","_el$9","_tmpl$4","description","_el$0","_tmpl$5","isDanger","variant","_el$15","_tmpl$8","_el$20","_el$21","_co$4","_el$17","_el$18","_el$19","message","_el$16","_tmpl$7","_$addEventListener","formData","setFormData","createSignal","updateField","name","prev","handleSubmit","preventDefault","Object","entries","filter","v","Array","isArray","length","map","k","join","isValid","fields","f","required","every","val","_el$22","_tmpl$9","_el$25","_el$26","_co$5","_el$23","_el$24","addEventListener","field","FormFieldRenderer","onChange","submitLabel","_$setProperty","_$delegateEvents"],"mappings":"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"}
|
|
@@ -14,8 +14,10 @@ export interface ChatPromptProps {
|
|
|
14
14
|
config: ChatPromptConfig;
|
|
15
15
|
/** Called when user responds */
|
|
16
16
|
onSubmit: (response: ChatPromptResponse) => void;
|
|
17
|
-
/** Called when user dismisses */
|
|
17
|
+
/** Called when user dismisses (e.g. "send as-is") */
|
|
18
18
|
onDismiss?: () => void;
|
|
19
|
+
/** Label for the dismiss button (replaces X icon). Default: shows X icon. */
|
|
20
|
+
dismissLabel?: string;
|
|
19
21
|
}
|
|
20
22
|
/**
|
|
21
23
|
* @experimental
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatPrompt.d.ts","sourceRoot":"","sources":["../../src/components/ChatPrompt.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,EAAqD,MAAM,UAAU,CAAA;AACvF,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAInB,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"ChatPrompt.d.ts","sourceRoot":"","sources":["../../src/components/ChatPrompt.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,EAAqD,MAAM,UAAU,CAAA;AACvF,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAInB,MAAM,mBAAmB,CAAA;AAI1B,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,MAAM,EAAE,gBAAgB,CAAA;IACxB,gCAAgC;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAChD,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAuEjD,CAAA"}
|