@nomix-ai/nomix-harness 0.2.5 → 0.2.6

package/dist/kernel/client-ui-user-questions/lib/client.js

@@ -122,15 +122,15 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var PlanReviewPanel_module_css_default = {
-			"footer": "PGnyDW_footer",
-			"strip": "PGnyDW_strip",
-			"discuss": "PGnyDW_discuss",
 			"actions": "PGnyDW_actions",
+			"body": "PGnyDW_body",
+			"card": "PGnyDW_card",
+			"discuss": "PGnyDW_discuss",
 			"dot": "PGnyDW_dot",
 			"feedback": "PGnyDW_feedback",
-			"card": "PGnyDW_card",
-			"body": "PGnyDW_body",
-			"frame": "PGnyDW_frame"
+			"footer": "PGnyDW_footer",
+			"frame": "PGnyDW_frame",
+			"strip": "PGnyDW_strip"
 		};
 		//#endregion
 		//#region lib/types/client/PlanReviewPanel.js
@@ -230,7 +230,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0nomix-css:/home/runner/work/nomix-harness/nomix-harness/packages/client/ui-user-questions/src/client/QuestionComposer.module.css.mjs
-		const css = "._1Q_z_G_frame{padding:6px calc(var(--nomix-composer-side-clearance) + 16px) 10px;justify-content:center;display:flex}._1Q_z_G_card{width:100%;max-width:var(--nomix-chat-content-width);border:1px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-specific-input-major);max-height:min(60vh,520px);box-shadow:var(--dsw-shadow-lv2);color:var(--dsw-alias-label-primary);--nomix-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--nomix-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:20px;flex-direction:column;padding:0 0 10px;display:flex;overflow:hidden}._1Q_z_G_card,._1Q_z_G_card *{box-sizing:border-box}._1Q_z_G_cardMinimized{max-height:none}._1Q_z_G_cardMinimized ._1Q_z_G_header{padding-bottom:14px}._1Q_z_G_headerActions{flex-shrink:0;align-items:center;gap:4px;display:flex}._1Q_z_G_header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 16px 0 24px;display:flex}._1Q_z_G_headingBlock{min-width:0}._1Q_z_G_eyebrow{color:var(--dsw-alias-label-tertiary);margin-bottom:5px;font-size:11px;line-height:16px}._1Q_z_G_title{margin:0;font-size:16px;font-weight:500;line-height:22px}._1Q_z_G_detail{margin:0 2px 8px}._1Q_z_G_footerActions{flex-shrink:0;align-items:center;gap:12px;display:flex}._1Q_z_G_pager{flex-shrink:0;align-items:center;gap:6px;display:flex}._1Q_z_G_progress{color:var(--dsw-alias-label-secondary);white-space:nowrap;word-spacing:-2px;padding:0 4px;font-size:14px;font-weight:500;line-height:24px}._1Q_z_G_iconButton{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid}._1Q_z_G_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._1Q_z_G_iconButton:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}._1Q_z_G_body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}._1Q_z_G_options{flex-direction:column;gap:1px;margin:8px 0 0;padding:4px 12px;display:flex}._1Q_z_G_option{width:100%;min-height:40px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;align-items:flex-start;gap:8px;padding:8px 12px 8px 8px;transition:background-color .12s,border-color .12s;display:flex}._1Q_z_G_option:hover:not(:disabled),._1Q_z_G_optionSelected{background:var(--dsw-alias-interactive-bg-hover)}._1Q_z_G_optionSelected{border-color:var(--dsw-alias-border-l2)}._1Q_z_G_option:disabled{cursor:default}._1Q_z_G_number{background:var(--dsw-alias-bg-overlay);width:20px;height:20px;color:var(--dsw-alias-label-secondary);border-radius:6px;flex:0 0 20px;place-items:center;margin-top:2px;font-size:12px;font-weight:500;line-height:18px;display:grid}._1Q_z_G_checkbox{flex:0 0 20px;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}._1Q_z_G_checkbox:before{content:\"\";border:1px solid var(--dsw-alias-border-l4);border-radius:4px;grid-area:1/1;width:14px;height:14px;transition:background-color .12s,border-color .12s}._1Q_z_G_checkbox>svg{grid-area:1/1}._1Q_z_G_checkboxChecked{color:var(--dsw-alias-label-primary-foreground)}._1Q_z_G_checkboxChecked:before{border-color:var(--dsw-alias-label-primary);background:var(--dsw-alias-label-primary)}._1Q_z_G_optionCopy{flex:1;min-width:0}._1Q_z_G_optionLine{flex-wrap:wrap;align-items:baseline;gap:2px 6px;display:flex}._1Q_z_G_optionLabel{font-size:14px;font-weight:500;line-height:24px}._1Q_z_G_badge{background:var(--dsw-specific-sidebar-nav-item-active-accent);color:var(--dsw-alias-button-info-fill);border-radius:6px;padding:0 4px;font-size:11px;font-weight:600;line-height:18px}._1Q_z_G_description{color:var(--dsw-alias-label-tertiary);font-size:14px;font-weight:400;line-height:24px}._1Q_z_G_customRow{border:1px solid #0000;border-radius:12px;flex-shrink:0;align-items:flex-start;gap:8px;width:100%;min-height:40px;padding:8px 12px 8px 8px;transition:background-color .12s,border-color .12s;display:flex}._1Q_z_G_customRow:hover,._1Q_z_G_customRow:focus-within,._1Q_z_G_customRowActive{background:var(--dsw-alias-interactive-bg-hover)}._1Q_z_G_customRow:focus-within,._1Q_z_G_customRowActive{border-color:var(--dsw-alias-border-l2)}._1Q_z_G_customInput{min-width:0;color:var(--dsw-alias-label-primary);caret-color:var(--dsw-alias-state-business-primary);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;line-height:24px}._1Q_z_G_customInput::placeholder{color:var(--dsw-alias-label-caption)}._1Q_z_G_customTextarea{resize:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);min-height:64px;max-height:140px;color:var(--dsw-alias-label-primary);caret-color:var(--dsw-alias-state-business-primary);font:inherit;border-radius:10px;outline:none;flex-shrink:0;margin:0 12px;padding:8px 12px;font-size:14px;line-height:24px;display:block}._1Q_z_G_customTextarea:focus{border-color:var(--dsw-alias-state-business-primary)}._1Q_z_G_customTextarea::placeholder{color:var(--dsw-alias-label-caption)}._1Q_z_G_footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:0 10px 0 18px;display:flex}._1Q_z_G_feedback{min-height:16px;color:var(--dsw-alias-state-error-primary);text-align:right;flex:1;font-size:11px;line-height:16px}@media (width<=720px){._1Q_z_G_card{border-radius:16px}._1Q_z_G_header{padding:10px 12px 0 18px}._1Q_z_G_options{padding:4px 8px}._1Q_z_G_title{font-size:15px;line-height:21px}._1Q_z_G_option,._1Q_z_G_customRow{padding:8px 6px}._1Q_z_G_footer{align-items:flex-end;padding:0 10px}._1Q_z_G_footerActions{flex-shrink:0}}@media (prefers-reduced-motion:reduce){._1Q_z_G_option,._1Q_z_G_customRow{transition:none}}";
+		const css = "._1Q_z_G_frame{padding:6px calc(var(--nomix-composer-side-clearance) + 16px) 10px;justify-content:center;display:flex}._1Q_z_G_card{width:100%;max-width:var(--nomix-chat-content-width);border:1px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-specific-input-major);max-height:min(60vh,520px);box-shadow:var(--dsw-shadow-lv2);color:var(--dsw-alias-label-primary);--nomix-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--nomix-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:20px;flex-direction:column;padding:0 0 10px;display:flex;overflow:hidden}._1Q_z_G_card,._1Q_z_G_card *{box-sizing:border-box}._1Q_z_G_cardMinimized{max-height:none}._1Q_z_G_cardMinimized ._1Q_z_G_header{padding-bottom:14px}._1Q_z_G_headerActions{flex-shrink:0;align-items:center;gap:4px;display:flex}._1Q_z_G_header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 16px 0 24px;display:flex}._1Q_z_G_headingBlock{min-width:0}._1Q_z_G_eyebrow{color:var(--dsw-alias-label-tertiary);margin-bottom:5px;font-size:11px;line-height:16px}._1Q_z_G_title{margin:0;font-size:16px;font-weight:500;line-height:22px}._1Q_z_G_detail{margin:0 2px 8px}._1Q_z_G_footerActions{flex-shrink:0;align-items:center;gap:12px;display:flex}._1Q_z_G_pager{flex-shrink:0;align-items:center;gap:6px;display:flex}._1Q_z_G_progress{color:var(--dsw-alias-label-secondary);white-space:nowrap;word-spacing:-2px;padding:0 4px;font-size:14px;font-weight:500;line-height:24px}._1Q_z_G_iconButton{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid}._1Q_z_G_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._1Q_z_G_iconButton:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}._1Q_z_G_body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}._1Q_z_G_options{flex-direction:column;gap:1px;margin:8px 0 0;padding:4px 12px;display:flex}._1Q_z_G_option{width:100%;min-height:40px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;align-items:flex-start;gap:8px;padding:8px 12px 8px 8px;transition:background-color .12s,border-color .12s;display:flex}._1Q_z_G_option:hover:not(:disabled),._1Q_z_G_optionSelected{background:var(--dsw-alias-interactive-bg-hover)}._1Q_z_G_optionSelected{border-color:var(--dsw-alias-border-l2)}._1Q_z_G_option:disabled{cursor:default}._1Q_z_G_number{background:var(--dsw-alias-bg-overlay);width:20px;height:20px;color:var(--dsw-alias-label-secondary);border-radius:6px;flex:0 0 20px;place-items:center;margin-top:2px;font-size:12px;font-weight:500;line-height:18px;display:grid}._1Q_z_G_checkbox{flex:0 0 20px;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}._1Q_z_G_checkbox:before{content:\"\";border:1px solid var(--dsw-alias-border-l4);border-radius:4px;grid-area:1/1;width:14px;height:14px;transition:background-color .12s,border-color .12s}._1Q_z_G_checkbox>svg{grid-area:1/1}._1Q_z_G_checkboxChecked{color:var(--dsw-alias-label-primary-foreground)}._1Q_z_G_checkboxChecked:before{border-color:var(--dsw-alias-label-primary);background:var(--dsw-alias-label-primary)}._1Q_z_G_optionCopy{flex:1;min-width:0}._1Q_z_G_optionLine{flex-wrap:wrap;align-items:baseline;gap:2px 6px;display:flex}._1Q_z_G_optionLabel{font-size:14px;font-weight:500;line-height:24px}._1Q_z_G_badge{background:var(--dsw-specific-sidebar-nav-item-active-accent);color:var(--dsw-alias-button-info-fill);border-radius:6px;padding:0 4px;font-size:11px;font-weight:600;line-height:18px}._1Q_z_G_description{color:var(--dsw-alias-label-tertiary);font-size:14px;font-weight:400;line-height:24px}._1Q_z_G_customRow{border:1px solid #0000;border-radius:12px;flex-shrink:0;align-items:flex-start;gap:8px;width:100%;min-height:40px;padding:8px 12px 8px 8px;transition:background-color .12s,border-color .12s;display:flex}._1Q_z_G_customRow:hover,._1Q_z_G_customRow:focus-within,._1Q_z_G_customRowActive{background:var(--dsw-alias-interactive-bg-hover)}._1Q_z_G_customRow:focus-within,._1Q_z_G_customRowActive{border-color:var(--dsw-alias-border-l2)}._1Q_z_G_field{--nomix-answer-field-padding:0;min-width:0;display:grid}._1Q_z_G_field>*{min-width:0;padding:var(--nomix-answer-field-padding);font:inherit;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;grid-area:1/1;font-size:14px;line-height:24px}._1Q_z_G_fieldMirror{box-sizing:content-box;visibility:hidden;max-height:144px;overflow:hidden}._1Q_z_G_fieldInput{resize:none;color:var(--dsw-alias-label-primary);caret-color:var(--dsw-alias-state-business-primary);background:0 0;border:none;outline:none;overflow-y:auto}._1Q_z_G_fieldInput::placeholder{color:var(--dsw-alias-label-caption)}._1Q_z_G_customInline{flex:1}._1Q_z_G_customBlock{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);--nomix-answer-field-padding:8px 12px;border-radius:10px;flex-shrink:0;min-height:64px;margin:0 12px}._1Q_z_G_customBlock:focus-within{border-color:var(--dsw-alias-state-business-primary)}._1Q_z_G_footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:0 10px 0 18px;display:flex}._1Q_z_G_feedback{min-height:16px;color:var(--dsw-alias-state-error-primary);text-align:right;flex:1;font-size:11px;line-height:16px}@media (width<=720px){._1Q_z_G_card{border-radius:16px}._1Q_z_G_header{padding:10px 12px 0 18px}._1Q_z_G_options{padding:4px 8px}._1Q_z_G_title{font-size:15px;line-height:21px}._1Q_z_G_option,._1Q_z_G_customRow{padding:8px 6px}._1Q_z_G_footer{align-items:flex-end;padding:0 10px}._1Q_z_G_footerActions{flex-shrink:0}}@media (prefers-reduced-motion:reduce){._1Q_z_G_option,._1Q_z_G_customRow{transition:none}}";
 		const tagId = "@nomix-ai/nomix-client-ui-user-questions/QuestionComposer.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -240,37 +240,40 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var QuestionComposer_module_css_default = {
-			"customTextarea": "_1Q_z_G_customTextarea",
-			"iconButton": "_1Q_z_G_iconButton",
+			"badge": "_1Q_z_G_badge",
 			"body": "_1Q_z_G_body",
-			"number": "_1Q_z_G_number",
-			"customRowActive": "_1Q_z_G_customRowActive",
-			"headingBlock": "_1Q_z_G_headingBlock",
-			"footerActions": "_1Q_z_G_footerActions",
-			"progress": "_1Q_z_G_progress",
-			"headerActions": "_1Q_z_G_headerActions",
 			"card": "_1Q_z_G_card",
+			"cardMinimized": "_1Q_z_G_cardMinimized",
+			"checkbox": "_1Q_z_G_checkbox",
+			"checkboxChecked": "_1Q_z_G_checkboxChecked",
+			"customBlock": "_1Q_z_G_customBlock",
+			"customInline": "_1Q_z_G_customInline",
+			"customRow": "_1Q_z_G_customRow",
+			"customRowActive": "_1Q_z_G_customRowActive",
+			"description": "_1Q_z_G_description",
 			"detail": "_1Q_z_G_detail",
 			"eyebrow": "_1Q_z_G_eyebrow",
-			"optionSelected": "_1Q_z_G_optionSelected",
-			"option": "_1Q_z_G_option",
-			"options": "_1Q_z_G_options",
-			"customInput": "_1Q_z_G_customInput",
-			"optionCopy": "_1Q_z_G_optionCopy",
-			"checkbox": "_1Q_z_G_checkbox",
-			"optionLine": "_1Q_z_G_optionLine",
 			"feedback": "_1Q_z_G_feedback",
-			"header": "_1Q_z_G_header",
-			"cardMinimized": "_1Q_z_G_cardMinimized",
+			"field": "_1Q_z_G_field",
+			"fieldInput": "_1Q_z_G_fieldInput",
+			"fieldMirror": "_1Q_z_G_fieldMirror",
+			"footer": "_1Q_z_G_footer",
+			"footerActions": "_1Q_z_G_footerActions",
 			"frame": "_1Q_z_G_frame",
-			"badge": "_1Q_z_G_badge",
-			"title": "_1Q_z_G_title",
-			"description": "_1Q_z_G_description",
-			"customRow": "_1Q_z_G_customRow",
+			"header": "_1Q_z_G_header",
+			"headerActions": "_1Q_z_G_headerActions",
+			"headingBlock": "_1Q_z_G_headingBlock",
+			"iconButton": "_1Q_z_G_iconButton",
+			"number": "_1Q_z_G_number",
+			"option": "_1Q_z_G_option",
+			"optionCopy": "_1Q_z_G_optionCopy",
 			"optionLabel": "_1Q_z_G_optionLabel",
-			"checkboxChecked": "_1Q_z_G_checkboxChecked",
+			"optionLine": "_1Q_z_G_optionLine",
+			"optionSelected": "_1Q_z_G_optionSelected",
+			"options": "_1Q_z_G_options",
 			"pager": "_1Q_z_G_pager",
-			"footer": "_1Q_z_G_footer"
+			"progress": "_1Q_z_G_progress",
+			"title": "_1Q_z_G_title"
 		};
 		//#endregion
 		//#region lib/types/client/QuestionComposer.js
@@ -294,6 +297,42 @@ window.__ModuleLoader__.load({
 			return event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229;
 		}
 		/**
+		* Auto-growing free-text answer: a textarea, so a long answer soft-wraps and
+		* Shift+Enter breaks a line, over a hidden mirror that owns the height.
+		*
+		* The mirror renders the draft plus a trailing newline in normal flow and so
+		* sizes the grid row (counting rows by '\n' cannot see soft wraps); the
+		* textarea shares that one cell and stretches to it, and `rows={1}` keeps the
+		* control's own intrinsic height out of the row sizing so the mirror alone
+		* decides. Past the mirror's cap the textarea scrolls itself — it is the only
+		* scrollport in the stack, there being no second glyph layer to keep aligned.
+		* Mirror and textarea MUST share font, line-height, padding and wrapping rules
+		* or the two heights diverge.
+		*
+		* @param props - field shape, draft text, and the field's event handlers.
+		* @returns The mirrored auto-growing field.
+		*/
+		function AnswerField(props) {
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: clsx(QuestionComposer_module_css_default.field, props.variant === "inline" ? QuestionComposer_module_css_default.customInline : QuestionComposer_module_css_default.customBlock),
+				children: [(0, react_jsx_runtime.jsx)("div", {
+					"aria-hidden": true,
+					className: QuestionComposer_module_css_default.fieldMirror,
+					children: `${props.value}\n`
+				}), (0, react_jsx_runtime.jsx)("textarea", {
+					autoFocus: props.autoFocus,
+					className: QuestionComposer_module_css_default.fieldInput,
+					value: props.value,
+					disabled: props.disabled,
+					rows: 1,
+					placeholder: props.placeholder,
+					onFocus: props.onFocus,
+					onChange: props.onChange,
+					onKeyDown: props.onKeyDown
+				})]
+			});
+		}
+		/**
 		* Composer takeover boundary; the carrier key keys local drafts, so a
 		* same-request replay (same key, new carrier object) preserves them.
 		*
@@ -538,21 +577,19 @@ window.__ModuleLoader__.load({
 									className: QuestionComposer_module_css_default.number,
 									"aria-hidden": "true",
 									children: (0, react_jsx_runtime.jsx)(_nomix_ai_nomix_client_ui_primitives.IconEditOutline16, { size: 12 })
-								}), (0, react_jsx_runtime.jsx)("input", {
-									type: "text",
-									className: QuestionComposer_module_css_default.customInput,
+								}), (0, react_jsx_runtime.jsx)(AnswerField, {
+									variant: "inline",
 									value: draft.custom,
 									disabled: busy !== null,
 									placeholder: t("custom.placeholder"),
 									onChange: draftCustom,
 									onKeyDown: continueFromCustom
 								})]
-							}) : (0, react_jsx_runtime.jsx)("textarea", {
+							}) : (0, react_jsx_runtime.jsx)(AnswerField, {
 								autoFocus: !focusedQuestions.current.has(index),
-								className: QuestionComposer_module_css_default.customTextarea,
+								variant: "block",
 								value: draft.custom,
 								disabled: busy !== null,
-								rows: 2,
 								placeholder: t("custom.placeholder"),
 								onFocus: () => {
 									focusedQuestions.current.add(index);

package/dist/kernel/client-ui-user-questions/lib/types/client/QuestionComposer.js

@@ -22,6 +22,25 @@ function isComposing(event) {
     // oxlint-disable-next-line typescript/no-deprecated
     return event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229;
 }
+/**
+ * Auto-growing free-text answer: a textarea, so a long answer soft-wraps and
+ * Shift+Enter breaks a line, over a hidden mirror that owns the height.
+ *
+ * The mirror renders the draft plus a trailing newline in normal flow and so
+ * sizes the grid row (counting rows by '\n' cannot see soft wraps); the
+ * textarea shares that one cell and stretches to it, and `rows={1}` keeps the
+ * control's own intrinsic height out of the row sizing so the mirror alone
+ * decides. Past the mirror's cap the textarea scrolls itself — it is the only
+ * scrollport in the stack, there being no second glyph layer to keep aligned.
+ * Mirror and textarea MUST share font, line-height, padding and wrapping rules
+ * or the two heights diverge.
+ *
+ * @param props - field shape, draft text, and the field's event handlers.
+ * @returns The mirrored auto-growing field.
+ */
+function AnswerField(props) {
+    return (_jsxs("div", { className: clsx(css.field, props.variant === 'inline' ? css.customInline : css.customBlock), children: [_jsx("div", { "aria-hidden": true, className: css.fieldMirror, children: `${props.value}\n` }), _jsx("textarea", { autoFocus: props.autoFocus, className: css.fieldInput, value: props.value, disabled: props.disabled, rows: 1, placeholder: props.placeholder, onFocus: props.onFocus, onChange: props.onChange, onKeyDown: props.onKeyDown })] }));
+}
 /**
  * Composer takeover boundary; the carrier key keys local drafts, so a
  * same-request replay (same key, new carrier object) preserves them.
@@ -132,10 +151,9 @@ function QuestionFlow({ pending, t }) {
         }
         submitDrafts(drafts);
     };
-    // Shared by the inline custom input and the optionless textarea: a
-    // multi-select draft retains checked labels, while a single-select custom
-    // answer replaces its selection. Enter continues the flow (Shift+Enter
-    // stays a newline in the textarea; on the single-line input it is inert).
+    // Shared by the inline custom field and the optionless one: a multi-select
+    // draft retains checked labels, while a single-select custom answer replaces
+    // its selection. Enter continues the flow, Shift+Enter breaks a line.
     const draftCustom = (event) => {
         const value = event.target.value;
         updateDraft(current => ({
@@ -177,8 +195,8 @@ function QuestionFlow({ pending, t }) {
                                         }), hasOptions
                                             ? (_jsxs("div", { className: clsx(css.customRow, draft.custom !== '' && css.customRowActive), children: [question.multiSelect === true
                                                         ? (_jsx("span", { className: clsx(css.checkbox, draft.custom !== '' && css.checkboxChecked), "aria-hidden": "true", children: draft.custom !== '' && _jsx(IconCheckOutline14, { size: 12 }) }))
-                                                        : (_jsx("span", { className: css.number, "aria-hidden": "true", children: _jsx(IconEditOutline16, { size: 12 }) })), _jsx("input", { type: "text", className: css.customInput, value: draft.custom, disabled: busy !== null, placeholder: t('custom.placeholder'), onChange: draftCustom, onKeyDown: continueFromCustom })] }))
-                                            : (_jsx("textarea", { autoFocus: !focusedQuestions.current.has(index), className: css.customTextarea, value: draft.custom, disabled: busy !== null, rows: 2, placeholder: t('custom.placeholder'), onFocus: () => { focusedQuestions.current.add(index); }, onChange: draftCustom, onKeyDown: continueFromCustom }))] })] }), _jsxs("footer", { className: css.footer, children: [_jsxs("div", { className: css.pager, children: [_jsx("button", { type: "button", className: css.iconButton, "aria-label": t('nav.prev'), disabled: index === 0 || busy !== null, onClick: () => { setIndex(index - 1); setError(null); }, children: _jsx(IconChevronLeftOutline14, {}) }), _jsxs("span", { className: css.progress, children: [index + 1, " / ", questions.length] }), _jsx("button", { type: "button", className: css.iconButton, "aria-label": t('nav.next'), disabled: index === questions.length - 1 || busy !== null, onClick: () => { setIndex(index + 1); setError(null); }, children: _jsx(IconChevronRightOutline14, {}) })] }), _jsx("div", { className: css.feedback, role: "status", children: error === null ? null : 'key' in error ? t(error.key) : error.text }), _jsxs("div", { className: css.footerActions, children: [_jsx(Button, { variant: "outline", disabled: busy !== null, onClick: skipQuestion, children: t('action.skip') }), _jsx(Button, { variant: "primary", disabled: busy !== null || !answered(draft), onClick: continueFlow, children: busy === 'answer'
+                                                        : (_jsx("span", { className: css.number, "aria-hidden": "true", children: _jsx(IconEditOutline16, { size: 12 }) })), _jsx(AnswerField, { variant: "inline", value: draft.custom, disabled: busy !== null, placeholder: t('custom.placeholder'), onChange: draftCustom, onKeyDown: continueFromCustom })] }))
+                                            : (_jsx(AnswerField, { autoFocus: !focusedQuestions.current.has(index), variant: "block", value: draft.custom, disabled: busy !== null, placeholder: t('custom.placeholder'), onFocus: () => { focusedQuestions.current.add(index); }, onChange: draftCustom, onKeyDown: continueFromCustom }))] })] }), _jsxs("footer", { className: css.footer, children: [_jsxs("div", { className: css.pager, children: [_jsx("button", { type: "button", className: css.iconButton, "aria-label": t('nav.prev'), disabled: index === 0 || busy !== null, onClick: () => { setIndex(index - 1); setError(null); }, children: _jsx(IconChevronLeftOutline14, {}) }), _jsxs("span", { className: css.progress, children: [index + 1, " / ", questions.length] }), _jsx("button", { type: "button", className: css.iconButton, "aria-label": t('nav.next'), disabled: index === questions.length - 1 || busy !== null, onClick: () => { setIndex(index + 1); setError(null); }, children: _jsx(IconChevronRightOutline14, {}) })] }), _jsx("div", { className: css.feedback, role: "status", children: error === null ? null : 'key' in error ? t(error.key) : error.text }), _jsxs("div", { className: css.footerActions, children: [_jsx(Button, { variant: "outline", disabled: busy !== null, onClick: skipQuestion, children: t('action.skip') }), _jsx(Button, { variant: "primary", disabled: busy !== null || !answered(draft), onClick: continueFlow, children: busy === 'answer'
                                                 ? t('submitting')
                                                 : index === questions.length - 1 ? t('submit') : t('action.next') })] })] })] }))] }) }));
 }

package/dist/kernel/client-ui-user-questions/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nomix-ai/nomix-client-ui-user-questions",
   "description": "Web ask_user_question feature: host tool mount plus composer-takeover question UI",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "publishConfig": {
     "access": "public"
   },
@@ -44,19 +44,15 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@nomix-ai/nomix-client-connection": "workspace:^",
-    "@nomix-ai/nomix-client-runtime": "workspace:^",
-    "@nomix-ai/nomix-client-ui-conversation": "workspace:^",
-    "@nomix-ai/nomix-client-ui-primitives": "workspace:^",
-    "@nomix-ai/nomix-client-ui-slots": "workspace:^",
-    "clsx": "^2.0.0",
-    "react": "^18.2.0"
+    "clsx": "^2.0.0"
   },
   "peerDependencies": {
     "@nomix-ai/cordis": "workspace:^",
     "@nomix-ai/nomix-api-remotes": "workspace:^",
     "@nomix-ai/nomix-client-locale": "workspace:^",
-    "@nomix-ai/nomix-invariants": "workspace:^"
+    "@nomix-ai/nomix-invariants": "workspace:^",
+    "@nomix-ai/nomix-client-runtime": "workspace:^",
+    "@nomix-ai/nomix-client-ui-conversation": "workspace:^"
   },
   "devDependencies": {
     "@nomix-ai/cordis": "workspace:^",
@@ -67,7 +63,13 @@
     "@nomix-ai/nomix-system-prompt": "workspace:^",
     "@nomix-ai/nomix-tools": "workspace:^",
     "@nomix-ai/nomix-user-questions": "workspace:^",
-    "@types/react": "~18.3.1"
+    "@types/react": "~18.3.1",
+    "@nomix-ai/nomix-client-ui-primitives": "workspace:^",
+    "@nomix-ai/nomix-client-ui-slots": "workspace:^",
+    "react": "^18.2.0",
+    "@nomix-ai/nomix-client-runtime": "workspace:^",
+    "@nomix-ai/nomix-client-ui-conversation": "workspace:^",
+    "@nomix-ai/nomix-client-connection": "workspace:^"
   },
   "files": [
     "lib/index.js",