Reasonix
40a5640510
- FindNodeExe/FindDshBinJs/FindNpmCli：标准安装或应用旁 runtime 目录均可 - WriteServiceVbs 按当前环境动态生成（跨设备路径正确），启动时刷新 - 为离线安装包（Node 便携 + dsh 依赖内置）做准备
679 lines
34 KiB
Plaintext
679 lines
34 KiB
Plaintext
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:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-user-questions/src/client/PlanReviewPanel.module.css.mjs
|
||
const css$1 = ".LVzXQa_frame{padding:6px calc(var(--dsh-composer-side-clearance) + 16px) 10px;justify-content:center;display:flex}.LVzXQa_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}.LVzXQa_card,.LVzXQa_card *{box-sizing:border-box}.LVzXQa_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}.LVzXQa_dot{background:var(--dsw-alias-state-warn-primary);border-radius:50%;width:8px;height:8px}.LVzXQa_body{overscroll-behavior:contain;flex:auto;min-height:0;padding:12px 16px 4px;font-size:14px;line-height:22px;overflow-y:auto}.LVzXQa_footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px 12px;display:flex}.LVzXQa_feedback{min-height:16px;color:var(--dsw-alias-state-error-primary);font-size:11px;line-height:16px}.LVzXQa_actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.LVzXQa_discuss{color:var(--dsw-alias-label-secondary);gap:6px}.LVzXQa_discuss:hover:not(:disabled){color:var(--dsw-alias-label-primary)}@media (width<=720px){.LVzXQa_card{border-radius:16px}.LVzXQa_body{padding:10px 12px 4px}.LVzXQa_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 = {
|
||
"dot": "LVzXQa_dot",
|
||
"feedback": "LVzXQa_feedback",
|
||
"frame": "LVzXQa_frame",
|
||
"strip": "LVzXQa_strip",
|
||
"body": "LVzXQa_body",
|
||
"card": "LVzXQa_card",
|
||
"actions": "LVzXQa_actions",
|
||
"discuss": "LVzXQa_discuss",
|
||
"footer": "LVzXQa_footer"
|
||
};
|
||
//#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:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-user-questions/src/client/QuestionComposer.module.css.mjs
|
||
const css = ".Mbwy4a_frame{padding:6px calc(var(--dsh-composer-side-clearance) + 16px) 10px;justify-content:center;display:flex}.Mbwy4a_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}.Mbwy4a_card,.Mbwy4a_card *{box-sizing:border-box}.Mbwy4a_header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 16px 0 24px;display:flex}.Mbwy4a_headingBlock{min-width:0}.Mbwy4a_eyebrow{color:var(--dsw-alias-label-tertiary);margin-bottom:5px;font-size:11px;line-height:16px}.Mbwy4a_title{margin:0;font-size:16px;font-weight:500;line-height:22px}.Mbwy4a_detail{margin:0 2px 8px}.Mbwy4a_footerActions{flex-shrink:0;align-items:center;gap:12px;display:flex}.Mbwy4a_pager{flex-shrink:0;align-items:center;gap:6px;display:flex}.Mbwy4a_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}.Mbwy4a_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}.Mbwy4a_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.Mbwy4a_iconButton:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.Mbwy4a_body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.Mbwy4a_options{flex-direction:column;gap:1px;margin:8px 0 0;padding:4px 12px;display:flex}.Mbwy4a_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}.Mbwy4a_option:hover:not(:disabled),.Mbwy4a_optionSelected{background:var(--dsw-alias-interactive-bg-hover)}.Mbwy4a_optionSelected{border-color:var(--dsw-alias-border-l2)}.Mbwy4a_option:disabled{cursor:default}.Mbwy4a_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}.Mbwy4a_checkbox{flex:0 0 20px;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.Mbwy4a_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}.Mbwy4a_checkbox>svg{grid-area:1/1}.Mbwy4a_checkboxChecked{color:var(--dsw-alias-label-primary-foreground)}.Mbwy4a_checkboxChecked:before{border-color:var(--dsw-alias-label-primary);background:var(--dsw-alias-label-primary)}.Mbwy4a_optionCopy{flex:1;min-width:0}.Mbwy4a_optionLine{flex-wrap:wrap;align-items:baseline;gap:2px 6px;display:flex}.Mbwy4a_optionLabel{font-size:14px;font-weight:500;line-height:24px}.Mbwy4a_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}.Mbwy4a_description{color:var(--dsw-alias-label-tertiary);font-size:14px;font-weight:400;line-height:24px}.Mbwy4a_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}.Mbwy4a_customRow:hover,.Mbwy4a_customRow:focus-within,.Mbwy4a_customRowActive{background:var(--dsw-alias-interactive-bg-hover)}.Mbwy4a_customRow:focus-within,.Mbwy4a_customRowActive{border-color:var(--dsw-alias-border-l2)}.Mbwy4a_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}.Mbwy4a_customInput::placeholder{color:var(--dsw-alias-label-caption)}.Mbwy4a_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}.Mbwy4a_customTextarea:focus{border-color:var(--dsw-alias-state-business-primary)}.Mbwy4a_customTextarea::placeholder{color:var(--dsw-alias-label-caption)}.Mbwy4a_footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:0 10px 0 18px;display:flex}.Mbwy4a_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){.Mbwy4a_card{border-radius:16px}.Mbwy4a_header{padding:10px 12px 0 18px}.Mbwy4a_options{padding:4px 8px}.Mbwy4a_title{font-size:15px;line-height:21px}.Mbwy4a_option,.Mbwy4a_customRow{padding:8px 6px}.Mbwy4a_footer{align-items:flex-end;padding:0 10px}.Mbwy4a_footerActions{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.Mbwy4a_option,.Mbwy4a_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 = {
|
||
"pager": "Mbwy4a_pager",
|
||
"optionCopy": "Mbwy4a_optionCopy",
|
||
"footer": "Mbwy4a_footer",
|
||
"iconButton": "Mbwy4a_iconButton",
|
||
"option": "Mbwy4a_option",
|
||
"description": "Mbwy4a_description",
|
||
"optionLine": "Mbwy4a_optionLine",
|
||
"card": "Mbwy4a_card",
|
||
"customRow": "Mbwy4a_customRow",
|
||
"eyebrow": "Mbwy4a_eyebrow",
|
||
"options": "Mbwy4a_options",
|
||
"body": "Mbwy4a_body",
|
||
"customRowActive": "Mbwy4a_customRowActive",
|
||
"detail": "Mbwy4a_detail",
|
||
"customInput": "Mbwy4a_customInput",
|
||
"title": "Mbwy4a_title",
|
||
"checkbox": "Mbwy4a_checkbox",
|
||
"feedback": "Mbwy4a_feedback",
|
||
"headingBlock": "Mbwy4a_headingBlock",
|
||
"progress": "Mbwy4a_progress",
|
||
"checkboxChecked": "Mbwy4a_checkboxChecked",
|
||
"header": "Mbwy4a_header",
|
||
"optionLabel": "Mbwy4a_optionLabel",
|
||
"badge": "Mbwy4a_badge",
|
||
"customTextarea": "Mbwy4a_customTextarea",
|
||
"footerActions": "Mbwy4a_footerActions",
|
||
"optionSelected": "Mbwy4a_optionSelected",
|
||
"number": "Mbwy4a_number",
|
||
"frame": "Mbwy4a_frame"
|
||
};
|
||
//#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 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: QuestionComposer_module_css_default.card,
|
||
"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.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, {})
|
||
})]
|
||
}),
|
||
(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: true,
|
||
className: QuestionComposer_module_css_default.customTextarea,
|
||
value: draft.custom,
|
||
disabled: busy !== null,
|
||
rows: 2,
|
||
placeholder: t("custom.placeholder"),
|
||
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.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.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 |