@adea-ai/ui 0.140.0 → 0.142.0

package/dist/components/ui/questionnaire/questionnaire.js

@@ -0,0 +1,470 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { Checkbox } from "../checkbox/checkbox.js";
+import { RadioGroup, RadioGroupItem } from "../radio-group/radio-group.js";
+import { Textarea } from "../textarea/textarea.js";
+import { createComponent, delegateEvents, effect, insert, memo, mergeProps, setAttribute, spread, template, use } from "solid-js/web";
+import { Check, CircleHelp, Clock, LoaderCircle } from "lucide-solid";
+import { For, Show, createEffect, createMemo, createSignal, createUniqueId, on, splitProps } from "solid-js";
+//#region src/components/ui/questionnaire/questionnaire.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p class="m-0 mt-0.5 text-xs text-muted-foreground">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class="flex items-center gap-1 text-xs text-muted-foreground">Answered`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class="text-xs text-muted-foreground">No longer waiting`);
+var _tmpl$4 = /*#__PURE__*/ template(`<p role=status class="m-0 text-xs text-muted-foreground">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<p role=alert class="m-0 text-xs text-destructive">`);
+var _tmpl$6 = /*#__PURE__*/ template(`<footer class="flex items-center justify-between gap-2">`);
+var _tmpl$7 = /*#__PURE__*/ template(`<section data-slot=questionnaire tabindex=-1><header class="flex items-start gap-2.5"><span aria-hidden=true class="mt-0.5 text-muted-foreground [&amp;_svg]:size-4"></span><div class="min-w-0 flex-1"><h3 class="m-0 text-sm font-semibold">`);
+var _tmpl$8 = /*#__PURE__*/ template(`<dl class="m-0 flex flex-col gap-2">`);
+var _tmpl$9 = /*#__PURE__*/ template(`<div class="flex flex-col gap-0.5"><dt class="text-xs text-muted-foreground"></dt><dd class="m-0 text-sm [overflow-wrap:anywhere] whitespace-pre-wrap">`);
+var _tmpl$0 = /*#__PURE__*/ template(`<span class="block text-xs text-muted-foreground tabular-nums">Question <!> of `);
+var _tmpl$1 = /*#__PURE__*/ template(`<span class="mt-0.5 block text-xs font-normal text-muted-foreground">`);
+var _tmpl$10 = /*#__PURE__*/ template(`<div role=group class="grid gap-2">`);
+var _tmpl$11 = /*#__PURE__*/ template(`<div class="flex flex-col gap-1"><label class="text-xs text-muted-foreground">`);
+var _tmpl$12 = /*#__PURE__*/ template(`<fieldset class="m-0 flex min-w-0 flex-col gap-2.5 border-0 p-0"><legend class="mb-1 p-0"><h4 tabindex=-1 class="m-0 text-sm font-medium outline-none [overflow-wrap:anywhere]">`);
+var _tmpl$13 = /*#__PURE__*/ template(`<span>`);
+var EMPTY = {
+	optionIds: [],
+	text: ""
+};
+/**
+* The answer a record holds for a question. Question ids are host strings, and
+* the record is an ordinary object, so `constructor`, `toString` and `__proto__`
+* are valid ids that a plain index would resolve to inherited values and a
+* summary or a validity check would then read `optionIds` from.
+*/
+function answerFor(record, question) {
+	return Object.hasOwn(record, question.id) ? record[question.id] : void 0;
+}
+/** Whether a question has what it needs. */
+function isQuestionAnswered(question, answer) {
+	if (question.optional) return true;
+	return (answer?.optionIds.length ?? 0) > 0 || (answer?.text.trim().length ?? 0) > 0;
+}
+function Questionnaire(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"questions",
+		"title",
+		"description",
+		"status",
+		"answers",
+		"defaultAnswers",
+		"onAnswersChange",
+		"onSubmit",
+		"disabledReason",
+		"error",
+		"submitLabel"
+	]);
+	const uid = createUniqueId();
+	const [internal, setInternal] = createSignal(local.defaultAnswers ?? {});
+	const [step, setStep] = createSignal(0);
+	const answers = () => local.answers ?? internal();
+	const status = () => local.status ?? "open";
+	const settled = () => status() === "answered" || status() === "expired";
+	const hostDisabledReason = () => local.disabledReason?.trim() ? local.disabledReason : void 0;
+	const locked = () => status() !== "open" || hostDisabledReason() !== void 0;
+	const count = () => local.questions.length;
+	const current = () => local.questions[Math.min(step(), count() - 1)];
+	const last = () => step() >= count() - 1;
+	const reasonId = `${uid}-reason`;
+	const submitReason = () => hostDisabledReason() ?? (status() === "open" && last() && local.onSubmit === void 0 ? "Sending answers is not available here." : void 0);
+	let questionHeading;
+	const answerOf = (question) => answerFor(answers(), question) ?? EMPTY;
+	const change = (question, next) => {
+		const value = {
+			...answers(),
+			[question.id]: next
+		};
+		if (local.answers === void 0) setInternal(value);
+		local.onAnswersChange?.(value);
+	};
+	const canAdvance = () => {
+		const question = current();
+		return question !== void 0 && isQuestionAnswered(question, answerFor(answers(), question));
+	};
+	const canSubmit = () => local.questions.every((question) => isQuestionAnswered(question, answerFor(answers(), question)));
+	let sending = false;
+	const submit = async () => {
+		if (sending || locked() || !canSubmit() || local.onSubmit === void 0) return;
+		sending = true;
+		try {
+			await local.onSubmit?.(answers());
+		} finally {
+			sending = false;
+		}
+	};
+	let root;
+	let focusWithin = false;
+	let wasSettled = settled();
+	createEffect(on(settled, (done) => {
+		if (done === wasSettled) return;
+		wasSettled = done;
+		if (done && focusWithin && document.activeElement === document.body) root?.focus({ preventScroll: true });
+		focusWithin = false;
+	}, { defer: true }));
+	let firstStep = true;
+	createEffect(() => {
+		step();
+		if (firstStep) {
+			firstStep = false;
+			return;
+		}
+		questionHeading?.focus();
+	});
+	const onKeyDown = (event) => {
+		if (event.key === "Enter" && (event.metaKey || event.ctrlKey) && last()) {
+			event.preventDefault();
+			submit();
+		}
+	};
+	const summary = createMemo(() => local.questions.map((question) => {
+		const answer = answerFor(answers(), question) ?? EMPTY;
+		return {
+			question,
+			parts: [...(question.options ?? []).filter((option) => answer.optionIds.includes(option.id)).map((option) => option.label), ...answer.text.trim() ? [answer.text.trim()] : []]
+		};
+	}));
+	return (() => {
+		var _el$ = _tmpl$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+		_el$.$$focusout = (event) => {
+			const next = event.relatedTarget;
+			if (next instanceof Node && !event.currentTarget.contains(next)) focusWithin = false;
+		};
+		_el$.$$focusin = () => focusWithin = true;
+		_el$.$$keydown = onKeyDown;
+		use((element) => root = element, _el$);
+		spread(_el$, mergeProps({
+			get ["data-status"]() {
+				return status();
+			},
+			get ["aria-label"]() {
+				return local.title ?? "Question from the agent";
+			},
+			get ["class"]() {
+				return cn("flex w-full max-w-xl min-w-0 flex-col gap-3 rounded-xl border bg-card p-4 outline-none focus-visible:ring-3 focus-visible:ring-primary-subtle", {
+					"border-border": settled(),
+					"border-ring": !settled()
+				});
+			}
+		}, rest), false, true);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return status() === "expired";
+			},
+			get fallback() {
+				return createComponent(CircleHelp, {});
+			},
+			get children() {
+				return createComponent(Clock, {});
+			}
+		}));
+		insert(_el$5, () => local.title ?? "The agent has a question");
+		insert(_el$4, createComponent(Show, {
+			get when() {
+				return local.description;
+			},
+			get children() {
+				var _el$6 = _tmpl$();
+				insert(_el$6, () => local.description);
+				return _el$6;
+			}
+		}), null);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return status() === "answered";
+			},
+			get children() {
+				var _el$7 = _tmpl$2(), _el$8 = _el$7.firstChild;
+				insert(_el$7, createComponent(Check, {
+					"aria-hidden": "true",
+					"class": "size-3.5"
+				}), _el$8);
+				return _el$7;
+			}
+		}), null);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return status() === "expired";
+			},
+			get children() {
+				return _tmpl$3();
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return !settled();
+			},
+			get fallback() {
+				return (() => {
+					var _el$11 = _tmpl$8();
+					insert(_el$11, createComponent(For, {
+						get each() {
+							return summary();
+						},
+						children: (entry) => (() => {
+							var _el$12 = _tmpl$9(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
+							insert(_el$13, () => entry.question.prompt);
+							insert(_el$14, (() => {
+								var _c$ = memo(() => entry.parts.length > 0);
+								return () => _c$() ? entry.parts.join(", ") : "Skipped";
+							})());
+							return _el$12;
+						})()
+					}));
+					return _el$11;
+				})();
+			},
+			get children() {
+				return [
+					createComponent(Show, {
+						get when() {
+							return current();
+						},
+						keyed: true,
+						children: (question) => (() => {
+							var _el$15 = _tmpl$12(), _el$16 = _el$15.firstChild, _el$21 = _el$16.firstChild;
+							insert(_el$16, createComponent(Show, {
+								get when() {
+									return count() > 1;
+								},
+								get children() {
+									var _el$17 = _tmpl$0(), _el$20 = _el$17.firstChild.nextSibling;
+									_el$20.nextSibling;
+									insert(_el$17, () => step() + 1, _el$20);
+									insert(_el$17, count, null);
+									return _el$17;
+								}
+							}), _el$21);
+							use((element) => questionHeading = element, _el$21);
+							insert(_el$21, () => question.prompt);
+							insert(_el$16, createComponent(Show, {
+								get when() {
+									return question.description;
+								},
+								get children() {
+									var _el$22 = _tmpl$1();
+									insert(_el$22, () => question.description);
+									return _el$22;
+								}
+							}), null);
+							insert(_el$15, createComponent(Show, {
+								get when() {
+									return (question.options?.length ?? 0) > 0;
+								},
+								get children() {
+									return createComponent(Show, {
+										get when() {
+											return question.multiple;
+										},
+										get fallback() {
+											return createComponent(RadioGroup, {
+												get ["aria-label"]() {
+													return question.prompt;
+												},
+												get value() {
+													return answerOf(question).optionIds[0] ?? "";
+												},
+												onChange: (value) => change(question, {
+													...answerOf(question),
+													optionIds: value ? [value] : []
+												}),
+												get disabled() {
+													return locked();
+												},
+												get children() {
+													return createComponent(For, {
+														get each() {
+															return question.options;
+														},
+														children: (option) => createComponent(RadioGroupItem, {
+															get value() {
+																return option.id;
+															},
+															get label() {
+																return option.label;
+															},
+															get description() {
+																return option.description;
+															},
+															variant: "card"
+														})
+													});
+												}
+											});
+										},
+										get children() {
+											var _el$23 = _tmpl$10();
+											insert(_el$23, createComponent(For, {
+												get each() {
+													return question.options;
+												},
+												children: (option) => createComponent(Checkbox, {
+													get label() {
+														return option.label;
+													},
+													get description() {
+														return option.description;
+													},
+													get checked() {
+														return answerOf(question).optionIds.includes(option.id);
+													},
+													get disabled() {
+														return locked();
+													},
+													onChange: (checked) => {
+														const ids = answerOf(question).optionIds;
+														change(question, {
+															...answerOf(question),
+															optionIds: checked ? [...ids.filter((id) => id !== option.id), option.id] : ids.filter((id) => id !== option.id)
+														});
+													}
+												})
+											}));
+											effect(() => setAttribute(_el$23, "aria-label", question.prompt));
+											return _el$23;
+										}
+									});
+								}
+							}), null);
+							insert(_el$15, createComponent(Show, {
+								get when() {
+									return (question.options?.length ?? 0) === 0 || question.allowText;
+								},
+								get children() {
+									var _el$24 = _tmpl$11(), _el$25 = _el$24.firstChild;
+									insert(_el$25, () => question.textLabel ?? ((question.options?.length ?? 0) > 0 ? "Something else" : "Your answer"));
+									insert(_el$24, createComponent(Textarea, {
+										get id() {
+											return `${uid}-${question.id}-text`;
+										},
+										rows: 2,
+										get placeholder() {
+											return question.textPlaceholder;
+										},
+										get value() {
+											return answerOf(question).text;
+										},
+										get disabled() {
+											return locked();
+										},
+										get ["aria-describedby"]() {
+											return locked() && hostDisabledReason() ? reasonId : void 0;
+										},
+										onInput: (event) => change(question, {
+											...answerOf(question),
+											text: event.currentTarget.value
+										})
+									}), null);
+									effect(() => setAttribute(_el$25, "for", `${uid}-${question.id}-text`));
+									return _el$24;
+								}
+							}), null);
+							effect(() => _el$15.disabled = locked());
+							return _el$15;
+						})()
+					}),
+					createComponent(Show, {
+						get when() {
+							return submitReason();
+						},
+						get children() {
+							var _el$0 = _tmpl$4();
+							setAttribute(_el$0, "id", reasonId);
+							insert(_el$0, submitReason);
+							return _el$0;
+						}
+					}),
+					createComponent(Show, {
+						get when() {
+							return local.error;
+						},
+						get children() {
+							var _el$1 = _tmpl$5();
+							insert(_el$1, () => local.error);
+							return _el$1;
+						}
+					}),
+					(() => {
+						var _el$10 = _tmpl$6();
+						insert(_el$10, createComponent(Show, {
+							get when() {
+								return count() > 1;
+							},
+							get fallback() {
+								return _tmpl$13();
+							},
+							get children() {
+								return createComponent(Button, {
+									type: "button",
+									variant: "ghost",
+									size: "sm",
+									get disabled() {
+										return step() === 0 || locked();
+									},
+									onClick: () => setStep((value) => Math.max(0, value - 1)),
+									children: "Back"
+								});
+							}
+						}), null);
+						insert(_el$10, createComponent(Show, {
+							get when() {
+								return last();
+							},
+							get fallback() {
+								return createComponent(Button, {
+									type: "button",
+									size: "sm",
+									get disabled() {
+										return locked() || !canAdvance();
+									},
+									get ["aria-describedby"]() {
+										return hostDisabledReason() ? reasonId : void 0;
+									},
+									onClick: () => setStep((value) => Math.min(count() - 1, value + 1)),
+									children: "Next"
+								});
+							},
+							get children() {
+								return createComponent(Button, {
+									type: "button",
+									size: "sm",
+									get disabled() {
+										return locked() || !canSubmit() || local.onSubmit === void 0;
+									},
+									get ["aria-describedby"]() {
+										return submitReason() ? reasonId : void 0;
+									},
+									onClick: () => void submit(),
+									get children() {
+										return [createComponent(Show, {
+											get when() {
+												return status() === "submitting";
+											},
+											get children() {
+												return createComponent(LoaderCircle, {
+													"aria-hidden": "true",
+													"class": "motion-safe:animate-spin"
+												});
+											}
+										}), memo(() => local.submitLabel ?? "Send answer")];
+									}
+								});
+							}
+						}), null);
+						return _el$10;
+					})()
+				];
+			}
+		}), null);
+		return _el$;
+	})();
+}
+delegateEvents([
+	"keydown",
+	"focusin",
+	"focusout"
+]);
+//#endregion
+export { Questionnaire, answerFor, isQuestionAnswered };
+
+//# sourceMappingURL=questionnaire.js.map

package/dist/components/ui/questionnaire/questionnaire.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire.js","names":["Check","CircleHelp","Clock","LoaderCircle","createEffect","createMemo","createSignal","createUniqueId","For","on","Show","splitProps","ComponentProps","JSX","cn","Button","Checkbox","RadioGroup","RadioGroupItem","Textarea","QuestionnaireOption","Readonly","id","label","description","QuestionnaireQuestion","prompt","options","multiple","allowText","textLabel","textPlaceholder","optional","QuestionnaireAnswer","optionIds","text","QuestionnaireAnswers","Record","QuestionnaireStatus","EMPTY","answerFor","record","question","Pick","Object","hasOwn","undefined","isQuestionAnswered","answer","length","trim","QuestionnaireProps","Omit","questions","title","status","answers","defaultAnswers","onAnswersChange","onSubmit","Promise","disabledReason","error","submitLabel","Questionnaire","props","local","rest","uid","internal","setInternal","step","setStep","settled","hostDisabledReason","locked","count","current","Math","min","last","reasonId","submitReason","questionHeading","HTMLHeadingElement","answerOf","change","next","value","canAdvance","canSubmit","every","sending","submit","root","HTMLElement","focusWithin","wasSettled","done","document","activeElement","body","focus","preventScroll","defer","firstStep","onKeyDown","EventHandler","KeyboardEvent","event","key","metaKey","ctrlKey","preventDefault","summary","map","chosen","filter","option","includes","parts","_el$","_tmpl$7","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","$$focusout","relatedTarget","Node","currentTarget","contains","$$focusin","$$keydown","_$use","element","_$spread","_$mergeProps","data-status","aria-label","class","_$insert","_$createComponent","when","fallback","children","_el$6","_tmpl$","_el$7","_tmpl$2","_el$8","_tmpl$3","_el$11","_tmpl$8","each","entry","_el$12","_tmpl$9","_el$13","_el$14","_c$","_$memo","join","keyed","_el$15","_tmpl$12","_el$16","_el$21","_el$17","_tmpl$0","_el$18","_el$20","_el$19","_el$22","_tmpl$1","onChange","disabled","variant","_el$23","_tmpl$10","checked","ids","_$effect","_$setAttribute","_el$24","_tmpl$11","_el$25","rows","placeholder","aria-describedby","onInput","_el$0","_tmpl$4","_el$1","_tmpl$5","_el$10","_tmpl$6","_tmpl$13","type","size","onClick","max","_$delegateEvents","_$mergeProps","_$createComponent","_$memo","_$setAttribute","_$delegateEvents"],"sources":["../../../../src/components/ui/questionnaire/questionnaire.tsx"],"sourcesContent":["import { Check, CircleHelp, Clock, LoaderCircle } from 'lucide-solid'\nimport {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  on,\n  Show,\n  splitProps,\n  type ComponentProps,\n  type JSX,\n} from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Button } from '../button'\nimport { Checkbox } from '../checkbox'\nimport { RadioGroup, RadioGroupItem } from '../radio-group'\nimport { Textarea } from '../textarea'\n\n/**\n * Questionnaire.\n *\n * The agent has stopped and is asking the person something before it continues.\n * This is the one place in a transcript where the reader *must* act, so it is\n * the one element allowed to look like a card — and it only ever asks what the\n * runtime actually asked.\n *\n * ## What it models\n *\n * One question or several. Each has a prompt and, optionally, a closed set of\n * options (single choice, or `multiple`) and/or a free-text answer. A question\n * with only a prompt is a text box; the runtime contract that exists today is\n * exactly that. Options are shown only when the producer supplied them, which is\n * why they are data here and not something this component can invent.\n *\n * Several questions are asked one at a time, with \"Question 2 of 3\" and Back /\n * Next, because a wall of unrelated fields is how a person answers none of them\n * well. Moving between them returns focus to the question, so a screen-reader\n * user hears what they are now answering.\n *\n * ## It does not decide whether you may answer\n *\n * `status` and `disabledReason` come from the host, which owns authority (is\n * this session connected, is the generation current, does this client have the\n * input). A disabled questionnaire says *why* in words next to the button.\n * `answered` and `expired` render the exchange read-only, so a settled question\n * stays in the record as what was asked and what was answered.\n *\n * Submit is `Cmd/Ctrl+Enter` from any text field; plain Enter stays a newline.\n */\nexport type QuestionnaireOption = Readonly<{\n  id: string\n  label: string\n  description?: string\n}>\n\nexport type QuestionnaireQuestion = Readonly<{\n  id: string\n  prompt: string\n  description?: string\n  options?: readonly QuestionnaireOption[]\n  /** Allow more than one option. */\n  multiple?: boolean\n  /** Offer a free-text answer (always present when there are no options). */\n  allowText?: boolean\n  textLabel?: string\n  textPlaceholder?: string\n  /** The question may be skipped. */\n  optional?: boolean\n}>\n\nexport type QuestionnaireAnswer = Readonly<{ optionIds: readonly string[]; text: string }>\nexport type QuestionnaireAnswers = Readonly<Record<string, QuestionnaireAnswer>>\nexport type QuestionnaireStatus = 'open' | 'submitting' | 'answered' | 'expired'\n\nconst EMPTY: QuestionnaireAnswer = { optionIds: [], text: '' }\n\n/**\n * The answer a record holds for a question. Question ids are host strings, and\n * the record is an ordinary object, so `constructor`, `toString` and `__proto__`\n * are valid ids that a plain index would resolve to inherited values and a\n * summary or a validity check would then read `optionIds` from.\n */\nexport function answerFor(\n  record: QuestionnaireAnswers,\n  question: Pick<QuestionnaireQuestion, 'id'>\n): QuestionnaireAnswer | undefined {\n  return Object.hasOwn(record, question.id) ? record[question.id] : undefined\n}\n\n/** Whether a question has what it needs. */\nexport function isQuestionAnswered(\n  question: QuestionnaireQuestion,\n  answer: QuestionnaireAnswer | undefined\n): boolean {\n  if (question.optional) return true\n  return (answer?.optionIds.length ?? 0) > 0 || (answer?.text.trim().length ?? 0) > 0\n}\n\nexport type QuestionnaireProps = Omit<ComponentProps<'section'>, 'onSubmit' | 'title'> & {\n  questions: readonly QuestionnaireQuestion[]\n  title?: string\n  description?: string\n  status?: QuestionnaireStatus\n  answers?: QuestionnaireAnswers\n  defaultAnswers?: QuestionnaireAnswers\n  onAnswersChange?: (answers: QuestionnaireAnswers) => void\n  onSubmit?: (answers: QuestionnaireAnswers) => void | Promise<void>\n  /** Why answering is not possible right now; shown beside the button. */\n  disabledReason?: string\n  /** A failed submit, in words. */\n  error?: string\n  submitLabel?: string\n}\n\nexport function Questionnaire(props: QuestionnaireProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'questions',\n    'title',\n    'description',\n    'status',\n    'answers',\n    'defaultAnswers',\n    'onAnswersChange',\n    'onSubmit',\n    'disabledReason',\n    'error',\n    'submitLabel',\n  ])\n  const uid = createUniqueId()\n  const [internal, setInternal] = createSignal<QuestionnaireAnswers>(local.defaultAnswers ?? {})\n  const [step, setStep] = createSignal(0)\n  const answers = () => local.answers ?? internal()\n  const status = () => local.status ?? 'open'\n  const settled = () => status() === 'answered' || status() === 'expired'\n  const hostDisabledReason = () => (local.disabledReason?.trim() ? local.disabledReason : undefined)\n  const locked = () => status() !== 'open' || hostDisabledReason() !== undefined\n  const count = () => local.questions.length\n  const current = () => local.questions[Math.min(step(), count() - 1)]\n  const last = () => step() >= count() - 1\n  const reasonId = `${uid}-reason`\n  const submitReason = () =>\n    hostDisabledReason() ??\n    (status() === 'open' && last() && local.onSubmit === undefined\n      ? 'Sending answers is not available here.'\n      : undefined)\n  let questionHeading: HTMLHeadingElement | undefined\n\n  const answerOf = (question: QuestionnaireQuestion) => answerFor(answers(), question) ?? EMPTY\n  const change = (question: QuestionnaireQuestion, next: QuestionnaireAnswer) => {\n    const value = { ...answers(), [question.id]: next }\n    if (local.answers === undefined) setInternal(value)\n    local.onAnswersChange?.(value)\n  }\n\n  const canAdvance = () => {\n    const question = current()\n    return question !== undefined && isQuestionAnswered(question, answerFor(answers(), question))\n  }\n  const canSubmit = () =>\n    local.questions.every((question) =>\n      isQuestionAnswered(question, answerFor(answers(), question))\n    )\n\n  // A host that is slow to report `submitting` must not be handed the same answer\n  // twice by a second Ctrl+Enter or a double click.\n  let sending = false\n  const submit = async () => {\n    if (sending || locked() || !canSubmit() || local.onSubmit === undefined) return\n    sending = true\n    try {\n      await local.onSubmit?.(answers())\n    } finally {\n      sending = false\n    }\n  }\n\n  // The control that had focus is removed when the exchange settles into its\n  // read-only record. Give focus to the record instead of dropping it on <body>,\n  // but only if it was inside this questionnaire to begin with.\n  let root: HTMLElement | undefined\n  let focusWithin = false\n  let wasSettled = settled()\n  createEffect(\n    on(\n      settled,\n      (done) => {\n        // `settled` is not memoised, so this also runs for open -> submitting.\n        if (done === wasSettled) return\n        wasSettled = done\n        if (done && focusWithin && document.activeElement === document.body) {\n          root?.focus({ preventScroll: true })\n        }\n        focusWithin = false\n      },\n      { defer: true }\n    )\n  )\n\n  // Land on the new question when the step changes, not on the Next button that\n  // has just been replaced by one for a different question.\n  let firstStep = true\n  createEffect(() => {\n    void step()\n    if (firstStep) {\n      firstStep = false\n      return\n    }\n    questionHeading?.focus()\n  })\n\n  const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (event) => {\n    if (event.key === 'Enter' && (event.metaKey || event.ctrlKey) && last()) {\n      event.preventDefault()\n      void submit()\n    }\n  }\n\n  const summary = createMemo(() =>\n    local.questions.map((question) => {\n      const answer = answerFor(answers(), question) ?? EMPTY\n      const chosen = (question.options ?? [])\n        .filter((option) => answer.optionIds.includes(option.id))\n        .map((option) => option.label)\n      return {\n        question,\n        parts: [...chosen, ...(answer.text.trim() ? [answer.text.trim()] : [])],\n      }\n    })\n  )\n\n  return (\n    <section\n      ref={(element) => (root = element)}\n      data-slot=\"questionnaire\"\n      data-status={status()}\n      aria-label={local.title ?? 'Question from the agent'}\n      // Not a tab stop: only the landing place for focus when a control goes away.\n      tabindex=\"-1\"\n      class={cn(\n        'flex w-full max-w-xl min-w-0 flex-col gap-3 rounded-xl border bg-card p-4 outline-none focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        {\n          'border-border': settled(),\n          'border-ring': !settled(),\n        }\n      )}\n      onKeyDown={onKeyDown}\n      onFocusIn={() => (focusWithin = true)}\n      onFocusOut={(event) => {\n        // Moving to another element ends it; a control disappearing does not.\n        const next = event.relatedTarget\n        if (next instanceof Node && !event.currentTarget.contains(next)) focusWithin = false\n      }}\n      {...rest}\n    >\n      <header class=\"flex items-start gap-2.5\">\n        <span aria-hidden=\"true\" class=\"mt-0.5 text-muted-foreground [&_svg]:size-4\">\n          <Show when={status() === 'expired'} fallback={<CircleHelp />}>\n            <Clock />\n          </Show>\n        </span>\n        <div class=\"min-w-0 flex-1\">\n          <h3 class=\"m-0 text-sm font-semibold\">{local.title ?? 'The agent has a question'}</h3>\n          <Show when={local.description}>\n            <p class=\"m-0 mt-0.5 text-xs text-muted-foreground\">{local.description}</p>\n          </Show>\n        </div>\n        <Show when={status() === 'answered'}>\n          <span class=\"flex items-center gap-1 text-xs text-muted-foreground\">\n            <Check aria-hidden=\"true\" class=\"size-3.5\" />\n            Answered\n          </span>\n        </Show>\n        <Show when={status() === 'expired'}>\n          <span class=\"text-xs text-muted-foreground\">No longer waiting</span>\n        </Show>\n      </header>\n\n      <Show\n        when={!settled()}\n        fallback={\n          <dl class=\"m-0 flex flex-col gap-2\">\n            <For each={summary()}>\n              {(entry) => (\n                <div class=\"flex flex-col gap-0.5\">\n                  <dt class=\"text-xs text-muted-foreground\">{entry.question.prompt}</dt>\n                  <dd class=\"m-0 text-sm [overflow-wrap:anywhere] whitespace-pre-wrap\">\n                    {entry.parts.length > 0 ? entry.parts.join(', ') : 'Skipped'}\n                  </dd>\n                </div>\n              )}\n            </For>\n          </dl>\n        }\n      >\n        <Show when={current()} keyed>\n          {(question) => (\n            <fieldset class=\"m-0 flex min-w-0 flex-col gap-2.5 border-0 p-0\" disabled={locked()}>\n              <legend class=\"mb-1 p-0\">\n                <Show when={count() > 1}>\n                  <span class=\"block text-xs text-muted-foreground tabular-nums\">\n                    Question {step() + 1} of {count()}\n                  </span>\n                </Show>\n                <h4\n                  ref={(element) => (questionHeading = element)}\n                  tabindex=\"-1\"\n                  class=\"m-0 text-sm font-medium outline-none [overflow-wrap:anywhere]\"\n                >\n                  {question.prompt}\n                </h4>\n                <Show when={question.description}>\n                  <span class=\"mt-0.5 block text-xs font-normal text-muted-foreground\">\n                    {question.description}\n                  </span>\n                </Show>\n              </legend>\n\n              <Show when={(question.options?.length ?? 0) > 0}>\n                <Show\n                  when={question.multiple}\n                  fallback={\n                    <RadioGroup\n                      aria-label={question.prompt}\n                      value={answerOf(question).optionIds[0] ?? ''}\n                      onChange={(value) =>\n                        change(question, { ...answerOf(question), optionIds: value ? [value] : [] })\n                      }\n                      disabled={locked()}\n                    >\n                      <For each={question.options}>\n                        {(option) => (\n                          <RadioGroupItem\n                            value={option.id}\n                            label={option.label}\n                            description={option.description}\n                            variant=\"card\"\n                          />\n                        )}\n                      </For>\n                    </RadioGroup>\n                  }\n                >\n                  <div role=\"group\" aria-label={question.prompt} class=\"grid gap-2\">\n                    <For each={question.options}>\n                      {(option) => (\n                        <Checkbox\n                          label={option.label}\n                          description={option.description}\n                          checked={answerOf(question).optionIds.includes(option.id)}\n                          disabled={locked()}\n                          onChange={(checked: boolean) => {\n                            const ids = answerOf(question).optionIds\n                            change(question, {\n                              ...answerOf(question),\n                              optionIds: checked\n                                ? [...ids.filter((id) => id !== option.id), option.id]\n                                : ids.filter((id) => id !== option.id),\n                            })\n                          }}\n                        />\n                      )}\n                    </For>\n                  </div>\n                </Show>\n              </Show>\n\n              <Show when={(question.options?.length ?? 0) === 0 || question.allowText}>\n                <div class=\"flex flex-col gap-1\">\n                  <label class=\"text-xs text-muted-foreground\" for={`${uid}-${question.id}-text`}>\n                    {question.textLabel ??\n                      ((question.options?.length ?? 0) > 0 ? 'Something else' : 'Your answer')}\n                  </label>\n                  <Textarea\n                    id={`${uid}-${question.id}-text`}\n                    rows={2}\n                    placeholder={question.textPlaceholder}\n                    value={answerOf(question).text}\n                    disabled={locked()}\n                    aria-describedby={locked() && hostDisabledReason() ? reasonId : undefined}\n                    onInput={(event) =>\n                      change(question, { ...answerOf(question), text: event.currentTarget.value })\n                    }\n                  />\n                </div>\n              </Show>\n            </fieldset>\n          )}\n        </Show>\n\n        <Show when={submitReason()}>\n          <p id={reasonId} role=\"status\" class=\"m-0 text-xs text-muted-foreground\">\n            {submitReason()}\n          </p>\n        </Show>\n        <Show when={local.error}>\n          <p role=\"alert\" class=\"m-0 text-xs text-destructive\">\n            {local.error}\n          </p>\n        </Show>\n\n        <footer class=\"flex items-center justify-between gap-2\">\n          <Show when={count() > 1} fallback={<span />}>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={step() === 0 || locked()}\n              onClick={() => setStep((value) => Math.max(0, value - 1))}\n            >\n              Back\n            </Button>\n          </Show>\n          <Show\n            when={last()}\n            fallback={\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                disabled={locked() || !canAdvance()}\n                aria-describedby={hostDisabledReason() ? reasonId : undefined}\n                onClick={() => setStep((value) => Math.min(count() - 1, value + 1))}\n              >\n                Next\n              </Button>\n            }\n          >\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              disabled={locked() || !canSubmit() || local.onSubmit === undefined}\n              aria-describedby={submitReason() ? reasonId : undefined}\n              onClick={() => void submit()}\n            >\n              <Show when={status() === 'submitting'}>\n                <LoaderCircle aria-hidden=\"true\" class=\"motion-safe:animate-spin\" />\n              </Show>\n              {local.submitLabel ?? 'Send answer'}\n            </Button>\n          </Show>\n        </footer>\n      </Show>\n    </section>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/status-chip/status-chip.d.ts

@@ -30,7 +30,7 @@ import { type ComponentProps, type JSX } from 'solid-js';
  * the only signal.
  */
 export declare const statusDotVariants: (props?: ({
-    tone?: "success" | "warning" | "info" | "neutral" | "danger" | "pending" | "unknown" | null | undefined;
+    tone?: "success" | "warning" | "info" | "neutral" | "pending" | "danger" | "unknown" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type StatusTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'pending' | 'unknown';
 export type StatusChipProps = Omit<ComponentProps<'span'>, 'children'> & {

package/dist/components/ui/switch/switch.js

@@ -2,10 +2,10 @@ import { cn } from "../../../lib/utils.js";
 import { useFormFieldControl } from "../../../lib/form-field.js";
 import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
 import { splitProps } from "solid-js";
-import { Switch } from "@kobalte/core/switch";
+import { Switch as Switch$1 } from "@kobalte/core/switch";
 //#region src/components/ui/switch/switch.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<div class="grid gap-0.5">`);
-function Switch$1(props) {
+function Switch$2(props) {
 	const [local, rest] = splitProps(props, [
 		"class",
 		"controlClass",
@@ -33,7 +33,7 @@ function Switch$1(props) {
 		"aria-invalid": local["aria-invalid"],
 		"aria-errormessage": local["aria-errormessage"]
 	});
-	return createComponent(Switch, mergeProps({
+	return createComponent(Switch$1, mergeProps({
 		"data-slot": "switch",
 		get id() {
 			return field ? void 0 : local.id;
@@ -46,7 +46,7 @@ function Switch$1(props) {
 		}
 	}, rest, { get children() {
 		return [
-			createComponent(Switch.Input, {
+			createComponent(Switch$1.Input, {
 				get id() {
 					return field?.id ?? local.inputId;
 				},
@@ -72,12 +72,12 @@ function Switch$1(props) {
 					return local.title;
 				}
 			}),
-			createComponent(Switch.Control, {
+			createComponent(Switch$1.Control, {
 				get ["class"]() {
 					return cn("bg-input inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent", "transition-colors ease-out outline-none", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "data-[checked]:bg-primary", "data-[invalid]:border-destructive", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", local.controlClass);
 				},
 				get children() {
-					return createComponent(Switch.Thumb, { get ["class"]() {
+					return createComponent(Switch$1.Thumb, { get ["class"]() {
 						return cn("bg-background pointer-events-none block size-4 rounded-full shadow-xs", "transition-transform ease-out", "data-[checked]:translate-x-4", local.thumbClass);
 					} });
 				}
@@ -86,7 +86,7 @@ function Switch$1(props) {
 				var _el$ = _tmpl$();
 				insert(_el$, (() => {
 					var _c$ = memo(() => !!local.label);
-					return () => _c$() ? createComponent(Switch.Label, {
+					return () => _c$() ? createComponent(Switch$1.Label, {
 						get ["class"]() {
 							return cn("text-sm leading-none font-medium", local.labelClass);
 						},
@@ -97,7 +97,7 @@ function Switch$1(props) {
 				})(), null);
 				insert(_el$, (() => {
 					var _c$2 = memo(() => !!local.description);
-					return () => _c$2() ? createComponent(Switch.Description, {
+					return () => _c$2() ? createComponent(Switch$1.Description, {
 						get ["class"]() {
 							return cn("text-muted-foreground text-sm", local.descriptionClass);
 						},
@@ -119,17 +119,17 @@ function Switch$1(props) {
 */
 function SwitchLabel(props) {
 	const [local, rest] = splitProps(props, ["class"]);
-	return createComponent(Switch.Label, mergeProps({ get ["class"]() {
+	return createComponent(Switch$1.Label, mergeProps({ get ["class"]() {
 		return cn("text-sm leading-none font-medium", local.class);
 	} }, rest));
 }
 function SwitchDescription(props) {
 	const [local, rest] = splitProps(props, ["class"]);
-	return createComponent(Switch.Description, mergeProps({ get ["class"]() {
+	return createComponent(Switch$1.Description, mergeProps({ get ["class"]() {
 		return cn("text-muted-foreground text-sm", local.class);
 	} }, rest));
 }
 //#endregion
-export { Switch$1 as Switch, SwitchDescription, SwitchLabel };
+export { Switch$2 as Switch, SwitchDescription, SwitchLabel };
 
 //# sourceMappingURL=switch.js.map