dsh-edge 0.1.0

package/dist/plugins/@deepseek-ai/dsh-client-ui-user-questions/client.js

@@ -0,0 +1,700 @@
+window.__ModuleLoader__.load({
+	id: "@deepseek-ai/dsh-client-ui-user-questions",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region ../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+		function r(e) {
+			var t, f, n = "";
+			if ("string" == typeof e || "number" == typeof e) n += e;
+			else if ("object" == typeof e) if (Array.isArray(e)) {
+				var o = e.length;
+				for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+			} else for (f in e) e[f] && (n && (n += " "), n += f);
+			return n;
+		}
+		function clsx() {
+			for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+			return n;
+		}
+		//#endregion
+		//#region lib/types/client/contract/slots.js
+		/**
+		* Narrow a request to a renderable plan review, or return undefined to leave it
+		* to the generic question flow.
+		*
+		* The card is one decision over one plan, and it claims a request only when it
+		* can send every answer that request allows — an intent changes the layout,
+		* never which answers are reachable. So the batch must be a single question
+		* that declares the intent, carries the plan as its detail, offers the approve
+		* label the intent names, and is a binary single choice: at most one option
+		* besides approve, and not multi-select. A third option or a multi-select batch
+		* has answers two buttons cannot express, so the generic flow keeps it — as it
+		* keeps any request whose intent the asker's own service would have rejected,
+		* because the client sits downstream of a wire boundary and every request must
+		* stay answerable.
+		*
+		* @param questions - the request's whole question batch.
+		* @returns The narrowed review, or undefined when the generic flow owns it.
+		*/
+		function planReviewOf(questions) {
+			if (questions.length !== 1) return void 0;
+			const question = questions[0];
+			const intent = question.intent;
+			if (intent?.kind !== "plan-review" || question.detail === void 0) return void 0;
+			if (question.multiSelect === true) return void 0;
+			const options = question.options ?? [];
+			if (options.length > 2) return void 0;
+			const approve = options.find((option) => option.label === intent.approve);
+			if (approve === void 0) return void 0;
+			const decline = options.find((option) => option.label !== intent.approve);
+			return {
+				id: question.id,
+				question: question.question,
+				plan: question.detail,
+				approve,
+				...decline === void 0 ? {} : { decline }
+			};
+		}
+		/**
+		* Question domain face over the carrier: render identity and questions
+		* transparently forwarded; answer/cancel own the wire encoding (the success
+		* fields and the cancelled error) and turn a rejected carrier receipt into a
+		* thrown error. Components mint one per carrier via useMemo (never inside a
+		* select — a per-dispatch mint would churn identity and break memoization).
+		*/
+		var PendingQuestion = class {
+			wait;
+			/**
+			* @param wait - the runtime carrier for one pending question request.
+			*/
+			constructor(wait) {
+				this.wait = wait;
+			}
+			/** Opaque render identity (React key / draft remount axis), forwarded from the carrier. */
+			get key() {
+				return this.wait.key;
+			}
+			/** The request's question list, forwarded from the carrier payload. */
+			get questions() {
+				return this.wait.payload.questions;
+			}
+			/**
+			* Deliver the whole answer batch; a rejected carrier receipt throws.
+			* @param answer - complete structured answer batch.
+			*/
+			async answer(answer) {
+				const receipt = await this.wait.respond({
+					ok: true,
+					value: {
+						sessionId: this.wait.sessionId,
+						answer
+					}
+				});
+				if (!receipt.accepted) throw new Error(`question response rejected: ${receipt.reason}`);
+			}
+			/** Reject the whole wait (the host resolves the tool call as cancelled); a rejected receipt throws. */
+			async cancel() {
+				const receipt = await this.wait.respond({
+					ok: false,
+					error: {
+						code: "cancelled",
+						message: "the user closed this question request",
+						details: {}
+					}
+				});
+				if (!receipt.accepted) throw new Error(`question cancellation rejected: ${receipt.reason}`);
+			}
+		};
+		//#endregion
+		//#region \0dsh-css:/private/var/folders/nm/n5smty9962gf5rhjc5855kt80000gn/T/dsh-edge-release-worktree.XXXXXX.RcJjogaGt4/repo/packages/client/ui-user-questions/src/client/PlanReviewPanel.module.css.mjs
+		const css$1 = ".rVSvAG_frame{padding:6px calc(var(--dsh-composer-side-clearance) + 16px) 10px;justify-content:center;display:flex}.rVSvAG_card{width:100%;max-width:var(--dsh-chat-content-width);border:1px solid var(--dsw-alias-state-warn-secondary);background:var(--dsw-specific-input-major);max-height:min(60vh,520px);box-shadow:var(--dsw-shadow-lv2);color:var(--dsw-alias-label-primary);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.rVSvAG_card,.rVSvAG_card *{box-sizing:border-box}.rVSvAG_strip{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-primary);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:13px;line-height:18px;display:flex}.rVSvAG_dot{background:var(--dsw-alias-state-warn-primary);border-radius:50%;width:8px;height:8px}.rVSvAG_body{overscroll-behavior:contain;flex:auto;min-height:0;padding:12px 16px 4px;font-size:14px;line-height:22px;overflow-y:auto}.rVSvAG_footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px 12px;display:flex}.rVSvAG_feedback{min-height:16px;color:var(--dsw-alias-state-error-primary);font-size:11px;line-height:16px}.rVSvAG_actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.rVSvAG_discuss{color:var(--dsw-alias-label-secondary);gap:6px}.rVSvAG_discuss:hover:not(:disabled){color:var(--dsw-alias-label-primary)}@media (width<=720px){.rVSvAG_card{border-radius:16px}.rVSvAG_body{padding:10px 12px 4px}.rVSvAG_footer{align-items:flex-end;padding:8px 12px 10px}}";
+		const tagId$1 = "@deepseek-ai/dsh-client-ui-user-questions/PlanReviewPanel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-user-questions";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var PlanReviewPanel_module_css_default = {
+			"card": "rVSvAG_card",
+			"actions": "rVSvAG_actions",
+			"footer": "rVSvAG_footer",
+			"body": "rVSvAG_body",
+			"discuss": "rVSvAG_discuss",
+			"feedback": "rVSvAG_feedback",
+			"dot": "rVSvAG_dot",
+			"strip": "rVSvAG_strip",
+			"frame": "rVSvAG_frame"
+		};
+		//#endregion
+		//#region lib/types/client/PlanReviewPanel.js
+		/**
+		* Optional-prop spread for a decision button's tooltip: `title` is optional on
+		* the DOM props, and exactOptionalPropertyTypes rejects an explicit undefined.
+		*
+		* @param description - the asker's option description, when it carries one.
+		* @returns The `title` prop to spread, or nothing.
+		*/
+		function tooltip(description) {
+			return description === void 0 ? {} : { title: description };
+		}
+		/**
+		* Render a plan review as a decision card.
+		*
+		* @param props - the question domain face, the narrowed plan review, and `t`.
+		* @returns The plan-review takeover for this request.
+		*/
+		function PlanReviewPanel({ pending, review, t }) {
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const settle = (send) => {
+				setBusy(true);
+				setError(null);
+				send().catch((cause) => {
+					setBusy(false);
+					setError(cause instanceof Error ? cause.message : String(cause));
+				});
+			};
+			const decide = (label) => {
+				settle(() => pending.answer({ answers: [{
+					id: review.id,
+					selected: [label]
+				}] }));
+			};
+			const decline = review.decline;
+			return (0, react_jsx_runtime.jsx)("div", {
+				className: PlanReviewPanel_module_css_default.frame,
+				"data-plan-review-key": pending.key,
+				children: (0, react_jsx_runtime.jsxs)("section", {
+					className: PlanReviewPanel_module_css_default.card,
+					"aria-label": review.question,
+					children: [
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: PlanReviewPanel_module_css_default.strip,
+							children: [(0, react_jsx_runtime.jsx)("span", { className: PlanReviewPanel_module_css_default.dot }), t("plan.header")]
+						}),
+						(0, react_jsx_runtime.jsx)("div", {
+							className: PlanReviewPanel_module_css_default.body,
+							"data-plan-review-scroll": true,
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, { text: review.plan })
+						}),
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: PlanReviewPanel_module_css_default.footer,
+							children: [(0, react_jsx_runtime.jsx)("div", {
+								className: PlanReviewPanel_module_css_default.feedback,
+								role: "status",
+								children: error
+							}), (0, react_jsx_runtime.jsxs)("div", {
+								className: PlanReviewPanel_module_css_default.actions,
+								children: [
+									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "ghost",
+										className: PlanReviewPanel_module_css_default.discuss,
+										icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 14 }),
+										disabled: busy,
+										onClick: () => {
+											settle(() => pending.cancel());
+										},
+										children: t("plan.discuss")
+									}),
+									decline !== void 0 && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "outline",
+										...tooltip(decline.description),
+										disabled: busy,
+										onClick: () => {
+											decide(decline.label);
+										},
+										children: t("plan.decline")
+									}),
+									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "primary",
+										...tooltip(review.approve.description),
+										disabled: busy,
+										onClick: () => {
+											decide(review.approve.label);
+										},
+										children: t("plan.approve")
+									})
+								]
+							})]
+						})
+					]
+				})
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:/private/var/folders/nm/n5smty9962gf5rhjc5855kt80000gn/T/dsh-edge-release-worktree.XXXXXX.RcJjogaGt4/repo/packages/client/ui-user-questions/src/client/QuestionComposer.module.css.mjs
+		const css = ".Fjs5Aa_frame{padding:6px calc(var(--dsh-composer-side-clearance) + 16px) 10px;justify-content:center;display:flex}.Fjs5Aa_card{width:100%;max-width:var(--dsh-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);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:20px;flex-direction:column;padding:0 0 10px;display:flex;overflow:hidden}.Fjs5Aa_card,.Fjs5Aa_card *{box-sizing:border-box}.Fjs5Aa_cardMinimized{max-height:none}.Fjs5Aa_cardMinimized .Fjs5Aa_header{padding-bottom:14px}.Fjs5Aa_headerActions{flex-shrink:0;align-items:center;gap:4px;display:flex}.Fjs5Aa_header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 16px 0 24px;display:flex}.Fjs5Aa_headingBlock{min-width:0}.Fjs5Aa_eyebrow{color:var(--dsw-alias-label-tertiary);margin-bottom:5px;font-size:11px;line-height:16px}.Fjs5Aa_title{margin:0;font-size:16px;font-weight:500;line-height:22px}.Fjs5Aa_detail{margin:0 2px 8px}.Fjs5Aa_footerActions{flex-shrink:0;align-items:center;gap:12px;display:flex}.Fjs5Aa_pager{flex-shrink:0;align-items:center;gap:6px;display:flex}.Fjs5Aa_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}.Fjs5Aa_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}.Fjs5Aa_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.Fjs5Aa_iconButton:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.Fjs5Aa_body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.Fjs5Aa_options{flex-direction:column;gap:1px;margin:8px 0 0;padding:4px 12px;display:flex}.Fjs5Aa_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}.Fjs5Aa_option:hover:not(:disabled),.Fjs5Aa_optionSelected{background:var(--dsw-alias-interactive-bg-hover)}.Fjs5Aa_optionSelected{border-color:var(--dsw-alias-border-l2)}.Fjs5Aa_option:disabled{cursor:default}.Fjs5Aa_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}.Fjs5Aa_checkbox{flex:0 0 20px;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.Fjs5Aa_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}.Fjs5Aa_checkbox>svg{grid-area:1/1}.Fjs5Aa_checkboxChecked{color:var(--dsw-alias-label-primary-foreground)}.Fjs5Aa_checkboxChecked:before{border-color:var(--dsw-alias-label-primary);background:var(--dsw-alias-label-primary)}.Fjs5Aa_optionCopy{flex:1;min-width:0}.Fjs5Aa_optionLine{flex-wrap:wrap;align-items:baseline;gap:2px 6px;display:flex}.Fjs5Aa_optionLabel{font-size:14px;font-weight:500;line-height:24px}.Fjs5Aa_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}.Fjs5Aa_description{color:var(--dsw-alias-label-tertiary);font-size:14px;font-weight:400;line-height:24px}.Fjs5Aa_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}.Fjs5Aa_customRow:hover,.Fjs5Aa_customRow:focus-within,.Fjs5Aa_customRowActive{background:var(--dsw-alias-interactive-bg-hover)}.Fjs5Aa_customRow:focus-within,.Fjs5Aa_customRowActive{border-color:var(--dsw-alias-border-l2)}.Fjs5Aa_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}.Fjs5Aa_customInput::placeholder{color:var(--dsw-alias-label-caption)}.Fjs5Aa_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}.Fjs5Aa_customTextarea:focus{border-color:var(--dsw-alias-state-business-primary)}.Fjs5Aa_customTextarea::placeholder{color:var(--dsw-alias-label-caption)}.Fjs5Aa_footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:0 10px 0 18px;display:flex}.Fjs5Aa_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){.Fjs5Aa_card{border-radius:16px}.Fjs5Aa_header{padding:10px 12px 0 18px}.Fjs5Aa_options{padding:4px 8px}.Fjs5Aa_title{font-size:15px;line-height:21px}.Fjs5Aa_option,.Fjs5Aa_customRow{padding:8px 6px}.Fjs5Aa_footer{align-items:flex-end;padding:0 10px}.Fjs5Aa_footerActions{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.Fjs5Aa_option,.Fjs5Aa_customRow{transition:none}}";
+		const tagId = "@deepseek-ai/dsh-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");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-user-questions";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var QuestionComposer_module_css_default = {
+			"body": "Fjs5Aa_body",
+			"options": "Fjs5Aa_options",
+			"header": "Fjs5Aa_header",
+			"headerActions": "Fjs5Aa_headerActions",
+			"optionLine": "Fjs5Aa_optionLine",
+			"eyebrow": "Fjs5Aa_eyebrow",
+			"number": "Fjs5Aa_number",
+			"cardMinimized": "Fjs5Aa_cardMinimized",
+			"iconButton": "Fjs5Aa_iconButton",
+			"headingBlock": "Fjs5Aa_headingBlock",
+			"customInput": "Fjs5Aa_customInput",
+			"feedback": "Fjs5Aa_feedback",
+			"description": "Fjs5Aa_description",
+			"customRowActive": "Fjs5Aa_customRowActive",
+			"option": "Fjs5Aa_option",
+			"optionSelected": "Fjs5Aa_optionSelected",
+			"title": "Fjs5Aa_title",
+			"pager": "Fjs5Aa_pager",
+			"checkbox": "Fjs5Aa_checkbox",
+			"customTextarea": "Fjs5Aa_customTextarea",
+			"badge": "Fjs5Aa_badge",
+			"optionLabel": "Fjs5Aa_optionLabel",
+			"optionCopy": "Fjs5Aa_optionCopy",
+			"detail": "Fjs5Aa_detail",
+			"checkboxChecked": "Fjs5Aa_checkboxChecked",
+			"frame": "Fjs5Aa_frame",
+			"progress": "Fjs5Aa_progress",
+			"footerActions": "Fjs5Aa_footerActions",
+			"footer": "Fjs5Aa_footer",
+			"card": "Fjs5Aa_card",
+			"customRow": "Fjs5Aa_customRow"
+		};
+		//#endregion
+		//#region lib/types/client/QuestionComposer.js
+		/**
+		* Split the conventional recommendation suffix without changing the answer value.
+		* @param label - Original option label returned if selected.
+		* @returns Display label plus recommendation state.
+		*/
+		function parseRecommendedLabel(label) {
+			const suffix = /\s*(?:\((?:recommended|推荐)\)|（(?:recommended|推荐)）)\s*$/i;
+			return suffix.test(label) ? {
+				label: label.replace(suffix, ""),
+				recommended: true
+			} : {
+				label,
+				recommended: false
+			};
+		}
+		/** Return whether a text-field key event belongs to an active IME composition. */
+		function isComposing(event) {
+			return event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229;
+		}
+		/**
+		* Composer takeover boundary; the carrier key keys local drafts, so a
+		* same-request replay (same key, new carrier object) preserves them.
+		*
+		* One takeover, two shapes: a request that declares a presentation intent this
+		* package renders takes that shape (a plan review is one decision over one
+		* plan, not a question set), and every other request takes the generic flow.
+		* The routing lives here, at the one entry that owns the composer seat, so
+		* neither shape can claim a request the other is already rendering.
+		*
+		* @param props - the selector-matched pending question carrier plus the framework standard kit.
+		* @returns The question flow, or the intent's own surface, for this request.
+		*/
+		function QuestionComposer(props) {
+			const question = (0, react.useMemo)(() => new PendingQuestion(props.matched), [props.matched]);
+			const review = (0, react.useMemo)(() => planReviewOf(question.questions), [question]);
+			return review === void 0 ? (0, react_jsx_runtime.jsx)(QuestionFlow, {
+				pending: question,
+				t: props.t
+			}, question.key) : (0, react_jsx_runtime.jsx)(PlanReviewPanel, {
+				pending: question,
+				review,
+				t: props.t
+			}, question.key);
+		}
+		function QuestionFlow({ pending, t }) {
+			const questions = pending.questions;
+			const [index, setIndex] = (0, react.useState)(0);
+			const [drafts, setDrafts] = (0, react.useState)(() => questions.map(() => ({
+				selected: [],
+				custom: "",
+				skipped: false
+			})));
+			const [busy, setBusy] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)(null);
+			const [minimized, setMinimized] = (0, react.useState)(false);
+			const focusedQuestions = (0, react.useRef)(/* @__PURE__ */ new Set());
+			const question = questions[index];
+			const draft = drafts[index];
+			const hasOptions = (question.options?.length ?? 0) > 0;
+			const cancelFlow = () => {
+				setBusy("cancel");
+				setError(null);
+				pending.cancel().catch((cause) => {
+					setBusy(null);
+					setError({ text: cause instanceof Error ? cause.message : String(cause) });
+				});
+			};
+			const updateDraft = (update) => {
+				setDrafts((current) => current.map((item, itemIndex) => itemIndex === index ? update(item) : item));
+				setError(null);
+			};
+			const choose = (label) => {
+				updateDraft((current) => {
+					if (question.multiSelect === true) {
+						const selected = current.selected.includes(label) ? current.selected.filter((item) => item !== label) : [...current.selected, label];
+						return {
+							...current,
+							selected,
+							skipped: false
+						};
+					}
+					return {
+						selected: [label],
+						custom: "",
+						skipped: false
+					};
+				});
+				if (question.multiSelect !== true && index < questions.length - 1) setIndex((current) => current + 1);
+			};
+			const answered = (item) => item.selected.length > 0 || item.custom.trim() !== "";
+			const completed = (item) => answered(item) || item.skipped;
+			const submitDrafts = (values) => {
+				const missing = values.findIndex((item) => !completed(item));
+				if (missing >= 0) {
+					setIndex(missing);
+					setError({ key: "error.incomplete" });
+					return;
+				}
+				const answer = { answers: questions.map((item, itemIndex) => {
+					const value = values[itemIndex];
+					if (value.skipped) return {
+						id: item.id,
+						selected: []
+					};
+					const custom = value.custom.trim();
+					return {
+						id: item.id,
+						selected: custom === "" || item.multiSelect === true ? value.selected : [],
+						...custom === "" ? {} : { custom }
+					};
+				}) };
+				setBusy("answer");
+				setError(null);
+				pending.answer(answer).catch((cause) => {
+					setBusy(null);
+					setError({ text: cause instanceof Error ? cause.message : String(cause) });
+				});
+			};
+			const continueFlow = () => {
+				if (!answered(draft)) {
+					setError({ key: "error.unanswered" });
+					return;
+				}
+				if (index < questions.length - 1) {
+					setIndex((current) => current + 1);
+					setError(null);
+					return;
+				}
+				submitDrafts(drafts);
+			};
+			const draftCustom = (event) => {
+				const value = event.target.value;
+				updateDraft((current) => ({
+					...current,
+					selected: question.multiSelect === true ? current.selected : [],
+					custom: value,
+					skipped: false
+				}));
+			};
+			const continueFromCustom = (event) => {
+				if (event.key !== "Enter" || event.shiftKey || isComposing(event)) return;
+				event.preventDefault();
+				continueFlow();
+			};
+			const skipQuestion = () => {
+				const nextDrafts = drafts.map((item, itemIndex) => itemIndex === index ? {
+					selected: [],
+					custom: "",
+					skipped: true
+				} : item);
+				setDrafts(nextDrafts);
+				setError(null);
+				if (index < questions.length - 1) {
+					setIndex((current) => current + 1);
+					return;
+				}
+				submitDrafts(nextDrafts);
+			};
+			return (0, react_jsx_runtime.jsx)("div", {
+				className: QuestionComposer_module_css_default.frame,
+				"data-question-key": pending.key,
+				children: (0, react_jsx_runtime.jsxs)("section", {
+					className: clsx(QuestionComposer_module_css_default.card, minimized && QuestionComposer_module_css_default.cardMinimized),
+					"aria-labelledby": `question-${pending.key}-${String(index)}`,
+					children: [(0, react_jsx_runtime.jsxs)("header", {
+						className: QuestionComposer_module_css_default.header,
+						children: [(0, react_jsx_runtime.jsxs)("div", {
+							className: QuestionComposer_module_css_default.headingBlock,
+							children: [question.header !== void 0 && (0, react_jsx_runtime.jsx)("div", {
+								className: QuestionComposer_module_css_default.eyebrow,
+								children: question.header
+							}), (0, react_jsx_runtime.jsx)("h2", {
+								className: QuestionComposer_module_css_default.title,
+								id: `question-${pending.key}-${String(index)}`,
+								children: question.question
+							})]
+						}), (0, react_jsx_runtime.jsxs)("div", {
+							className: QuestionComposer_module_css_default.headerActions,
+							children: [(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: QuestionComposer_module_css_default.iconButton,
+								"aria-label": t(minimized ? "nav.maximize" : "nav.minimize"),
+								title: t(minimized ? "nav.maximize" : "nav.minimize"),
+								"aria-expanded": !minimized,
+								disabled: busy !== null,
+								onClick: () => {
+									setMinimized((current) => !current);
+								},
+								children: minimized ? (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, {}) : (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})
+							}), (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: QuestionComposer_module_css_default.iconButton,
+								"aria-label": t("nav.cancel"),
+								title: t("nav.cancel"),
+								disabled: busy !== null,
+								onClick: cancelFlow,
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, {})
+							})]
+						})]
+					}), !minimized && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
+						className: QuestionComposer_module_css_default.body,
+						"data-question-scroll": true,
+						children: [question.detail !== void 0 && (0, react_jsx_runtime.jsx)("div", {
+							className: QuestionComposer_module_css_default.detail,
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, { text: question.detail })
+						}), (0, react_jsx_runtime.jsxs)("div", {
+							className: QuestionComposer_module_css_default.options,
+							role: question.multiSelect === true ? "group" : "radiogroup",
+							children: [(question.options ?? []).map((option, optionIndex) => {
+								const selected = draft.selected.includes(option.label);
+								const display = parseRecommendedLabel(option.label);
+								return (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: clsx(QuestionComposer_module_css_default.option, selected && question.multiSelect !== true && QuestionComposer_module_css_default.optionSelected),
+									role: question.multiSelect === true ? "checkbox" : "radio",
+									"aria-checked": selected,
+									"aria-label": display.label,
+									disabled: busy !== null,
+									onClick: () => {
+										choose(option.label);
+									},
+									onKeyDown: (event) => {
+										if (event.key !== "Enter" || !drafts.every(completed)) return;
+										event.preventDefault();
+										submitDrafts(drafts);
+									},
+									children: [question.multiSelect === true ? (0, react_jsx_runtime.jsx)("span", {
+										className: clsx(QuestionComposer_module_css_default.checkbox, selected && QuestionComposer_module_css_default.checkboxChecked),
+										"aria-hidden": "true",
+										children: selected && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline14, { size: 12 })
+									}) : (0, react_jsx_runtime.jsx)("span", {
+										className: QuestionComposer_module_css_default.number,
+										children: optionIndex + 1
+									}), (0, react_jsx_runtime.jsx)("span", {
+										className: QuestionComposer_module_css_default.optionCopy,
+										children: (0, react_jsx_runtime.jsxs)("span", {
+											className: QuestionComposer_module_css_default.optionLine,
+											children: [
+												(0, react_jsx_runtime.jsx)("span", {
+													className: QuestionComposer_module_css_default.optionLabel,
+													children: display.label
+												}),
+												display.recommended && (0, react_jsx_runtime.jsx)("span", {
+													className: QuestionComposer_module_css_default.badge,
+													children: t("option.recommended")
+												}),
+												option.description !== void 0 && (0, react_jsx_runtime.jsx)("span", {
+													className: QuestionComposer_module_css_default.description,
+													children: option.description
+												})
+											]
+										})
+									})]
+								}, `${option.label}-${String(optionIndex)}`);
+							}), hasOptions ? (0, react_jsx_runtime.jsxs)("div", {
+								className: clsx(QuestionComposer_module_css_default.customRow, draft.custom !== "" && QuestionComposer_module_css_default.customRowActive),
+								children: [question.multiSelect === true ? (0, react_jsx_runtime.jsx)("span", {
+									className: clsx(QuestionComposer_module_css_default.checkbox, draft.custom !== "" && QuestionComposer_module_css_default.checkboxChecked),
+									"aria-hidden": "true",
+									children: draft.custom !== "" && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline14, { size: 12 })
+								}) : (0, react_jsx_runtime.jsx)("span", {
+									className: QuestionComposer_module_css_default.number,
+									"aria-hidden": "true",
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 12 })
+								}), (0, react_jsx_runtime.jsx)("input", {
+									type: "text",
+									className: QuestionComposer_module_css_default.customInput,
+									value: draft.custom,
+									disabled: busy !== null,
+									placeholder: t("custom.placeholder"),
+									onChange: draftCustom,
+									onKeyDown: continueFromCustom
+								})]
+							}) : (0, react_jsx_runtime.jsx)("textarea", {
+								autoFocus: !focusedQuestions.current.has(index),
+								className: QuestionComposer_module_css_default.customTextarea,
+								value: draft.custom,
+								disabled: busy !== null,
+								rows: 2,
+								placeholder: t("custom.placeholder"),
+								onFocus: () => {
+									focusedQuestions.current.add(index);
+								},
+								onChange: draftCustom,
+								onKeyDown: continueFromCustom
+							})]
+						})]
+					}), (0, react_jsx_runtime.jsxs)("footer", {
+						className: QuestionComposer_module_css_default.footer,
+						children: [
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: QuestionComposer_module_css_default.pager,
+								children: [
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: QuestionComposer_module_css_default.iconButton,
+										"aria-label": t("nav.prev"),
+										disabled: index === 0 || busy !== null,
+										onClick: () => {
+											setIndex(index - 1);
+											setError(null);
+										},
+										children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronLeftOutline14, {})
+									}),
+									(0, react_jsx_runtime.jsxs)("span", {
+										className: QuestionComposer_module_css_default.progress,
+										children: [
+											index + 1,
+											" / ",
+											questions.length
+										]
+									}),
+									(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: QuestionComposer_module_css_default.iconButton,
+										"aria-label": t("nav.next"),
+										disabled: index === questions.length - 1 || busy !== null,
+										onClick: () => {
+											setIndex(index + 1);
+											setError(null);
+										},
+										children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, {})
+									})
+								]
+							}),
+							(0, react_jsx_runtime.jsx)("div", {
+								className: QuestionComposer_module_css_default.feedback,
+								role: "status",
+								children: error === null ? null : "key" in error ? t(error.key) : error.text
+							}),
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: QuestionComposer_module_css_default.footerActions,
+								children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "outline",
+									disabled: busy !== null,
+									onClick: skipQuestion,
+									children: t("action.skip")
+								}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "primary",
+									disabled: busy !== null || !answered(draft),
+									onClick: continueFlow,
+									children: busy === "answer" ? t("submitting") : index === questions.length - 1 ? t("submit") : t("action.next")
+								})]
+							})
+						]
+					})] })]
+				})
+			});
+		}
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** `question` namespace dictionaries. */
+		/** Simplified Chinese dictionary (the key-set source of truth). */
+		const zh = {
+			"error.incomplete": "请先完成这道问题。",
+			"error.unanswered": "请选择一个选项或填写自定义答案。",
+			"nav.prev": "上一题",
+			"nav.next": "下一题",
+			"nav.minimize": "收起问题卡片",
+			"nav.maximize": "展开问题卡片",
+			"nav.cancel": "放弃整组问题",
+			"option.recommended": "推荐",
+			"custom.placeholder": "输入你的答案",
+			"action.skip": "跳过本题",
+			"action.next": "下一题",
+			"plan.header": "计划待审",
+			"plan.approve": "确认执行",
+			"plan.decline": "拒绝",
+			"plan.discuss": "去聊天里说"
+		};
+		/** English dictionary, checked complete against the zh key set. */
+		const en = {
+			"error.incomplete": "Please complete this question first.",
+			"error.unanswered": "Please select an option or enter a custom answer.",
+			"nav.prev": "Previous question",
+			"nav.next": "Next question",
+			"nav.minimize": "Collapse the question card",
+			"nav.maximize": "Expand the question card",
+			"nav.cancel": "Dismiss all questions",
+			"option.recommended": "Recommended",
+			"custom.placeholder": "Type your answer",
+			"action.skip": "Skip this question",
+			"action.next": "Next",
+			"plan.header": "Plan review",
+			"plan.approve": "Approve",
+			"plan.decline": "Refuse",
+			"plan.discuss": "Chat about it"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "question";
+		/** Required services: the slot registry and the question composer's copy. */
+		const inject = ["slots", "locale"];
+		/** Chain routing: claim the composer while a question wait is pending (pure — owner props only). */
+		function selectQuestion({ interactions }) {
+			return interactions.find((i) => i.kind === "question") ?? null;
+		}
+		/**
+		* Client plugin body: register the `question` dictionaries and the question
+		* composer into the composer chain. Zero business face — data and verbs live
+		* on the matched carrier; t rides the standard locale seat.
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-user-questions: dictionaries");
+			ctx.slots.inject("conversation.composer", () => ctx.slots.register({
+				name: "conversation.composer",
+				select: selectQuestion,
+				locale: NS
+			}, QuestionComposer));
+		}
+		//#endregion
+		exports.PendingQuestion = PendingQuestion;
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map