@klarkxy/dsh-git-commit 0.1.4 → 0.1.5

package/lib/client.js

@@ -170,7 +170,467 @@ let react = require("react");
 let react_dom = require("react-dom");
 let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 let react_jsx_runtime = require("react/jsx-runtime");
+//#region ../dsh-plugin-kit/src/model-menu.ts
+/**
+* Shared plugin-page model menu.
+*
+* A feature plugin's own settings row exposes a model select. An empty
+* selection means the host default chat model for that feature's own call.
+*
+* Browser-safe and React-optional: pure helpers live here so hosts and clients
+* share one catalog contract without bundling React into the host build.
+*/
+const KEY_SEPARATOR = "";
+function modelMenuChoiceKey(provider, model) {
+	return provider && model ? `${provider}${KEY_SEPARATOR}${model}` : "";
+}
+function parseModelMenuChoiceKey(value) {
+	const index = value.indexOf(KEY_SEPARATOR);
+	if (index <= 0) return void 0;
+	const provider = value.slice(0, index);
+	const model = value.slice(index + 1);
+	if (!provider || !model) return void 0;
+	return {
+		provider,
+		model
+	};
+}
+function asRecord(value) {
+	return value && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+}
+function asText(value) {
+	return typeof value === "string" && value.trim() ? value.trim() : void 0;
+}
+function parseEffort(value) {
+	const row = asRecord(value);
+	const id = row ? asText(row.id) : void 0;
+	if (!id) return void 0;
+	return {
+		id,
+		name: row ? asText(row.name) ?? id : id
+	};
+}
+/** Parse the host session catalog into flat choices, keeping a saved route selectable. */
+function parseModelMenuChoices(value, bound) {
+	const envelope = asRecord(value);
+	const root = (envelope && envelope.ok === true ? asRecord(envelope.value) : void 0) ?? envelope ?? {};
+	const groups = Array.isArray(root.groups) ? root.groups : [];
+	const choices = [];
+	for (const group of groups) {
+		const groupRow = asRecord(group);
+		const provider = groupRow ? asText(groupRow.id) : void 0;
+		if (!provider || !groupRow || !Array.isArray(groupRow.models)) continue;
+		const providerName = asText(groupRow.name) ?? provider;
+		for (const entry of groupRow.models) {
+			const modelRow = asRecord(entry);
+			const model = modelRow ? asText(modelRow.id) : void 0;
+			if (!model || !modelRow) continue;
+			const name = asText(modelRow.name) ?? model;
+			const reasoning = asRecord(modelRow.reasoning);
+			const efforts = reasoning && Array.isArray(reasoning.efforts) ? reasoning.efforts.flatMap((effort) => {
+				const parsed = parseEffort(effort);
+				return parsed ? [parsed] : [];
+			}) : [];
+			choices.push({
+				provider,
+				model,
+				label: `${providerName} / ${name}`,
+				efforts
+			});
+		}
+	}
+	if (bound?.provider && bound.model && !choices.some((item) => item.provider === bound.provider && item.model === bound.model)) choices.push({
+		provider: bound.provider,
+		model: bound.model,
+		label: `${bound.provider} / ${bound.model}`,
+		efforts: []
+	});
+	return choices;
+}
+/** Reasoning-effort options for one choice; the saved value stays selectable. */
+function modelMenuEffortOptions(choice, current) {
+	const listed = (choice?.efforts ?? []).map((item) => ({ ...item }));
+	if (current && !listed.some((item) => item.id === current)) listed.push({
+		id: current,
+		name: current
+	});
+	return listed;
+}
+Object.values({
+	/** Surfaces, from the page up to the topmost nested card. */
+	surface: [
+		"--dsw-alias-bg-base",
+		"--dsw-alias-bg-layer-1",
+		"--dsw-alias-bg-layer-2",
+		"--dsw-alias-bg-layer-3",
+		"--dsw-alias-bg-layer-4",
+		"--dsw-alias-bg-module-platform",
+		"--dsw-alias-bg-overlay"
+	],
+	/** Hairlines. l1 is near-invisible on a menu surface, so menus use l2+. */
+	border: [
+		"--dsw-alias-border-l1",
+		"--dsw-alias-border-l2",
+		"--dsw-alias-border-l3",
+		"--dsw-alias-border-l4"
+	],
+	/** Text. `caption` is menu shortcut text, `dimmed` is placeholder text. */
+	label: [
+		"--dsw-alias-label-primary",
+		"--dsw-alias-label-secondary",
+		"--dsw-alias-label-tertiary",
+		"--dsw-alias-label-caption",
+		"--dsw-alias-label-dimmed",
+		"--dsw-alias-label-error",
+		"--dsw-alias-label-primary-foreground"
+	],
+	/** Interactive fills. The `-danger` hover belongs to destructive rows. */
+	interactive: [
+		"--dsw-alias-interactive-bg-hover",
+		"--dsw-alias-interactive-bg-active",
+		"--dsw-alias-interactive-bg-hover-danger"
+	],
+	/** Accent and status. `business` is the focus ring's default colour. */
+	accent: [
+		"--dsw-alias-brand-primary",
+		"--dsw-alias-button-primary-fill",
+		"--dsw-alias-button-primary-hover",
+		"--dsw-alias-button-tool-bar-fill",
+		"--dsw-alias-button-tool-bar-hover",
+		"--dsw-alias-button-ghost-active-fill",
+		"--dsw-alias-button-ghost-active-border"
+	],
+	state: [
+		"--dsw-alias-state-business-primary",
+		"--dsw-alias-state-success-primary",
+		"--dsw-alias-state-warn-primary",
+		"--dsw-alias-state-error-primary",
+		"--dsw-alias-state-idle-primary"
+	],
+	/** Corner scale: sm 8, md 12, lg the large card, panel the modal. */
+	radius: [
+		"--dsw-radius-sm",
+		"--dsw-radius-md",
+		"--dsw-radius-lg",
+		"--dsw-radius-panel"
+	],
+	/** An elevated surface draws its edge in the shadow, so it keeps border: 0. */
+	elevation: [
+		"--dsw-elevation-soft",
+		"--dsw-elevation-stroke",
+		"--dsw-elevation-stroke-color",
+		"--dsw-elevation-panel",
+		"--dsw-elevation-prominent"
+	],
+	/** Floats, masks and scrollbars. */
+	overlay: [
+		"--dsw-menu-surface-fill",
+		"--dsw-menu-backdrop-filter",
+		"--dsw-mask-blur",
+		"--dsw-alias-bg-mask-1",
+		"--dsw-alias-menu-icon",
+		"--dsw-alias-scrollbar-bg-l2",
+		"--dsw-alias-scrollbar-hover-l2",
+		"--dsw-shadow-lv3"
+	],
+	/** Motion, focus and type axis, published by the host rather than by a component. */
+	system: [
+		"--dsw-focus-ring-width",
+		"--dsw-focus-ring-color",
+		"--dsw-font-markdown-code-font-family",
+		"--ds-transition-duration",
+		"--ds-ease-in-out",
+		"--ds-font-family-code",
+		"--dsh-scrollbar-thumb",
+		"--dsh-scrollbar-thumb-hover",
+		"--dsh-content-font-size-secondary",
+		"--dsh-content-font-delta",
+		"--dsh-frame-top-clearance"
+	]
+}).flat();
+/**
+* The host's focus ring shorthand, verbatim. Writing this per control is how
+* rings drift apart; a stylesheet that draws its own focus style should use
+* {@link officialFocus} instead. The colour fallback is the host's own default.
+*/
+const OFFICIAL_FOCUS_RING = "var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary))";
+/**
+* A complete `outline` declaration at the official geometry. `offset` defaults
+* to the 2px the native controls use; the host's inline field rules sit at 1px
+* and a segmented tab pulls the ring inside itself at -2px.
+*/
+function officialFocus(offset = "2px") {
+	return `outline: ${OFFICIAL_FOCUS_RING}; outline-offset: ${offset}`;
+}
+/**
+* An elevated surface. The host draws a raised surface's edge inside its
+* shadow rather than as a border, so a card sets `border: 0` and takes the edge
+* from the elevation — which is also why its border stays off the alias-border
+* set that a flat, non-elevated rule would use.
+*/
+function officialElevation(level) {
+	return `border: 0; box-shadow: var(--dsw-elevation-${level})`;
+}
+/**
+* The shared stylesheet for a plugin UI, scoped under that plugin's root class.
+*
+* Scoping is what keeps this safe to always-bundle into every client: the rules
+* can only match inside the plugin's own subtree, so two plugins can both mount
+* `dsh-ui-card` without either styling the other's markup.
+*
+* Each recipe matches the root element *and* its descendants, because the
+* commonest arrangement is one element that is both — a surface that carries
+* the root class and `dsh-ui-card`, or a portaled dialog that is the root and
+* the `dsh-ui-surface`. A descendant-only scope would silently leave those
+* unstyled, with no error anywhere.
+*
+* A caveat worth knowing: `Modal` and `Menu` portal to `document.body`, so their
+* content leaves the plugin's subtree entirely. A portaled surface therefore
+* needs its own root class on an element inside the portal.
+*
+* Only patterns that primitives do not provide live here. If a control appears
+* below that `Button`/`Input`/`Switch`/`Tag`/`Menu` already covers, that is a
+* bug in this file: use the primitive and delete the recipe.
+*/
+function officialUiCss(roots) {
+	const scope = (typeof roots === "string" ? [roots] : roots).map((root) => `.${root}`).join(", ");
+	return `
+/* Official DSH Web UI contract. Generated by @klarkxy/dsh-plugin-kit/official-ui.
+ * Do not hand-edit the copy inside a plugin: change this module so every plugin
+ * moves together. Scope: ${scope} */
+/* The scope rule below stays open for the whole sheet: every rule after it
+ * nests with the parent selector, so one stylesheet can cover several unrelated
+ * roots without leaking into a neighbouring plugin. Its closing brace is last. */
+${scope} {
+  color: var(--dsw-alias-label-primary);
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 22px;
+  min-width: 0;
+
+& *, & *::before, & *::after { box-sizing: border-box; }
+& h1, & h2, & h3, & h4, & p, & figure { margin: 0; }
+/* Keyboard focus only: pointer input keeps the native resting appearance. The
+ * ring needs no radius of its own — the outline already follows the control's
+ * own border-radius, and overriding it here would flatten every control. */
+& :focus-visible { ${officialFocus()}; }
+& [hidden] { display: none !important; }
+
+/* --- Type tiers. The same 14/22 and 13/20 steps the primitives use. --- */
+& .dsh-ui-title { font-size: 16px; line-height: 24px; font-weight: 500; color: var(--dsw-alias-label-primary); }
+& .dsh-ui-heading { font-size: 14px; line-height: 22px; font-weight: 500; color: var(--dsw-alias-label-primary); }
+& .dsh-ui-compact { font-size: 13px; line-height: 20px; color: var(--dsw-alias-label-primary); }
+& .dsh-ui-meta { font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-secondary); }
+& .dsh-ui-hint { font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-tertiary); }
+& .dsh-ui-error { font-size: 12px; line-height: 18px; color: var(--dsw-alias-state-error-primary); }
+& .dsh-ui-warn { color: var(--dsw-alias-state-warn-primary); }
+& .dsh-ui-success { color: var(--dsw-alias-state-success-primary); }
+& .dsh-ui-muted { color: var(--dsw-alias-label-tertiary); }
+& .dsh-ui-truncate { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+& .dsh-ui-wrap { min-width: 0; overflow-wrap: anywhere; }
+
+/* --- Layout scaffolding. --- */
+& .dsh-ui-stack { display: flex; flex-direction: column; gap: 12px; }
+& .dsh-ui-stack-lg { display: flex; flex-direction: column; gap: 20px; }
+& .dsh-ui-row { display: flex; align-items: center; gap: 8px; min-width: 0; }
+& .dsh-ui-row-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
+& .dsh-ui-spacer { flex: 1; min-width: 0; }
+/* A 0.5px l2 rule is the host's section divider; reserve the same rhythm. */
+& .dsh-ui-divider { height: 0.5px; background: var(--dsw-alias-border-l2); }
+& .dsh-ui-section { display: flex; flex-direction: column; gap: 12px; padding-top: 16px; border-top: 0.5px solid var(--dsw-alias-border-l2); }
+
+/* --- Card: a raised surface whose edge lives in the shadow. --- */
+& .dsh-ui-card {
+  ${officialElevation("stroke")}
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 16px;
+  border-radius: var(--dsw-radius-lg);
+  background: var(--dsw-alias-bg-layer-1);
+  color: var(--dsw-alias-label-primary);
+  min-width: 0;
+}
+& .dsh-ui-card--flat { border: 0.5px solid var(--dsw-alias-border-l3); box-shadow: none; }
+& .dsh-ui-card--nested { background: var(--dsw-alias-bg-layer-2); }
+& .dsh-ui-card--plain { background: none; }
+
+/* --- Field: label, control, help, error. The control itself is an
+ * official primitive, so this only owns the vertical rhythm. --- */
+& .dsh-ui-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
+& .dsh-ui-field + .dsh-ui-field { border-top: 0.5px solid var(--dsw-alias-border-l2); padding-top: 12px; }
+& .dsh-ui-label { display: flex; align-items: center; gap: 6px; font-size: 13px; line-height: 20px; font-weight: 500; color: var(--dsw-alias-label-primary); }
+& .dsh-ui-label-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
+& .dsh-ui-help { font-size: 12px; line-height: 1.6; color: var(--dsw-alias-label-secondary); }
+& .dsh-ui-help p { margin: 0; }
+& .dsh-ui-help p + p { margin-top: 8px; }
+& .dsh-ui-required { color: var(--dsw-alias-state-error-primary); }
+& .dsh-ui-control { width: 100%; min-width: 0; }
+/* An invalid control is marked on the control, not only in the message. */
+& .dsh-ui-control[aria-invalid='true'] { border-color: var(--dsw-alias-state-error-primary); }
+& .dsh-ui-readonly { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
+& .dsh-ui-readonly > dt { font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-tertiary); }
+& .dsh-ui-readonly > dd { margin: 0; font-size: 13px; line-height: 20px; overflow-wrap: anywhere; }
+
+/* --- Buttons row. A no-op container: it exists so actions line up on the
+ * trailing edge the way every native panel does. --- */
+& .dsh-ui-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 4px; }
+& .dsh-ui-actions-end { justify-content: flex-end; }
+
+/* --- Banners. A banner is a left-rail notice, the shape used for warnings,
+ * deprecations and blocking instructions. --- */
+& .dsh-ui-banner {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 10px 14px;
+  border: 0.5px solid var(--dsw-alias-border-l3);
+  border-left: 3px solid var(--dsw-alias-state-warn-primary);
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-bg-layer-1);
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--dsw-alias-label-secondary);
+}
+& .dsh-ui-banner-title { font-weight: 500; color: var(--dsw-alias-state-warn-primary); }
+& .dsh-ui-banner--info { border-left-color: var(--dsw-alias-state-business-primary); }
+& .dsh-ui-banner--danger { border-left-color: var(--dsw-alias-state-error-primary); }
+& .dsh-ui-banner--success { border-left-color: var(--dsw-alias-state-success-primary); }
+& .dsh-ui-banner p { margin: 0; }
+
+/* --- Inline notice: a transient confirmation with no chrome of its own. --- */
+& .dsh-ui-notice { display: flex; align-items: center; gap: 6px; font-size: 12px; line-height: 18px; color: var(--dsw-alias-state-success-primary); }
+& .dsh-ui-notice--error { color: var(--dsw-alias-state-error-primary); }
+
+/* --- Empty and loading states. Both sit in a dashed well so an empty panel
+ * reads as "nothing here yet" rather than as a broken layout. --- */
+& .dsh-ui-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+  padding: 20px 16px;
+  border: 0.5px dashed var(--dsw-alias-border-l3);
+  border-radius: var(--dsw-radius-md);
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--dsw-alias-label-secondary);
+}
+& .dsh-ui-loading { display: flex; align-items: center; gap: 8px; padding: 20px 0; font-size: 13px; line-height: 20px; color: var(--dsw-alias-label-secondary); }
+
+/* --- Selectable list. A row is a button-sized target with a hover fill and
+ * a selected fill; the name carries the weight, the description does not. --- */
+& .dsh-ui-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
+& .dsh-ui-list-scroll { max-height: min(66vh, 760px); overflow-y: auto; overflow-x: hidden; }
+& .dsh-ui-list-row { border-radius: var(--dsw-radius-md); }
+& .dsh-ui-list-row:hover { background: var(--dsw-alias-interactive-bg-hover); }
+& .dsh-ui-list-row[aria-selected='true'], & .dsh-ui-list-row[data-selected] { background: var(--dsw-alias-interactive-bg-active); }
+& .dsh-ui-list-item {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+  width: 100%;
+  min-width: 0;
+  padding: 10px 12px;
+  border: 0;
+  border-radius: var(--dsw-radius-md);
+  background: none;
+  font: inherit;
+  color: inherit;
+  text-align: start;
+  cursor: pointer;
+}
+& .dsh-ui-list-item:disabled { cursor: default; }
+& .dsh-ui-list-item:disabled:hover { background: none; }
+& .dsh-ui-list-name { font-size: 14px; line-height: 22px; font-weight: 500; color: var(--dsw-alias-label-primary); overflow-wrap: anywhere; }
+& .dsh-ui-list-desc { font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-tertiary); }
+
+/* --- Code and structured output. Wraps rather than scrolls, because a
+ * feature panel is read rather than scanned. --- */
+& .dsh-ui-code {
+  padding: 10px 12px;
+  border: 0.5px solid var(--dsw-alias-border-l3);
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-bg-layer-1);
+  font-family: var(--ds-font-family-code, ui-monospace, 'Cascadia Mono', Consolas, monospace);
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--dsw-alias-label-secondary);
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+& .dsh-ui-scroll { max-height: 60vh; overflow: auto; overscroll-behavior: contain; }
+
+/* --- A toggle row: label on the left, switch on the trailing edge. This is
+ * layout only; the switch itself is the official primitive. --- */
+& .dsh-ui-toggle-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; padding: 12px 0; }
+& .dsh-ui-toggle-row + .dsh-ui-toggle-row { border-top: 0.5px solid var(--dsw-alias-border-l2); }
+& .dsh-ui-toggle-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
+& .dsh-ui-toggle-label { font-size: 14px; line-height: 22px; font-weight: 500; color: var(--dsw-alias-label-primary); }
+
+/* --- Floating surface: a panel anchored to a trigger. This is the material
+ * a menu card is made of — the translucent fill plus its backdrop blur, with
+ * the edge riding inside the prominent elevation. A plugin that hand-rolls this
+ * is how tokens like --dsw-specific-menu get invented; use this instead. --- */
+& .dsh-ui-surface {
+  --dsw-elevation-stroke-color: var(--dsw-alias-border-l1);
+  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);
+  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  border: 0;
+  border-radius: var(--dsw-radius-lg);
+  background: var(--dsw-menu-surface-fill);
+  backdrop-filter: var(--dsw-menu-backdrop-filter);
+  box-shadow: var(--dsw-elevation-prominent);
+  color: var(--dsw-alias-label-primary);
+  font-size: 13px;
+  line-height: 20px;
+  min-width: 0;
+}
+& .dsh-ui-surface-body { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px 14px; overflow-y: auto; }
+& .dsh-ui-surface-head { display: flex; align-items: center; gap: 8px; min-width: 0; }
+& .dsh-ui-surface-title { font-size: 14px; line-height: 22px; font-weight: 500; color: var(--dsw-alias-label-primary); }
+
+/* --- Native select. The primitives ship no select, so a plugin that offers a
+ * closed list of choices keeps the platform control and matches the official
+ * settings field geometry exactly (34px, 0.5px l4, radius-md, layer-3). A
+ * SegmentedControl is the primitive to reach for when the choices are few
+ * enough to show at once. --- */
+& .dsh-ui-select {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  height: 34px;
+  padding: 0 12px;
+  border: 0.5px solid var(--dsw-alias-border-l4);
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-bg-layer-3);
+  font: inherit;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-primary);
+  cursor: pointer;
+}
+& .dsh-ui-select:focus-visible { outline: none; border-color: var(--dsw-alias-state-business-primary); }
+& .dsh-ui-select:disabled { color: var(--dsw-alias-label-tertiary); cursor: default; }
+& .dsh-ui-select[aria-invalid='true'] { border-color: var(--dsw-alias-state-error-primary); }
+
+/* Long panels scroll inside themselves instead of growing the host page. */
+& .dsh-ui-panel { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
+& .dsh-ui-panel-wide { max-width: 100%; }
+
+@media (prefers-reduced-motion: reduce) {
+  & *, & *::before, & *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
+}
+}
+`.replace(/^& (\.dsh-ui-[a-z0-9-]+)(?![+>~])/gm, (_match, className) => `&${className}, & ${className}`);
+}
+//#endregion
 //#region src/contracts.ts
+const PLUGIN_NAME = "@klarkxy/dsh-git-commit";
 const RPC_CHANNEL = "/dsh-git-commit";
 const GIT_COMMIT_CLIENT_SERVICE = "dshGitCommitClient";
 //#endregion
@@ -179,6 +639,8 @@ const name = "dsh-git-commit-client";
 const inject = [
 	"slots",
 	"connection",
+	"remote",
+	"remote.session",
 	"locale"
 ];
 const NS = "dsh-git-commit.action";
@@ -189,7 +651,12 @@ const zh = {
 	files: "个文件",
 	model: "模型",
 	modelDefault: "默认模型",
-	modelCustom: "AI 服务配置",
+	modelCustom: "插件设置",
+	filesCount: "（{n} 个文件）",
+	confirmPrompt: "将把 {n} 个文件的全部修改分次提交到当前分支。",
+	confirm: "确认提交",
+	cancel: "取消",
+	loading: "正在读取仓库状态…",
 	running: "正在整理修改并分次提交…",
 	done: "已创建提交",
 	fallback: "模型不可用，已合并为单个提交",
@@ -202,6 +669,7 @@ const zh = {
 	sessionRunning: "会话正在运行，提交已暂停",
 	refresh: "刷新",
 	failed: "操作失败",
+	planUnavailable: "模型没有给出可用的提交方案，已取消本次提交，工作区没有被改动。换一个模型重试，或在插件设置里开启兜底提交。",
 	close: "关闭"
 };
 const en = {
@@ -211,7 +679,12 @@ const en = {
 	files: "files",
 	model: "Model",
 	modelDefault: "default model",
-	modelCustom: "AI services route",
+	modelCustom: "Plugin settings",
+	filesCount: " ({n} files)",
+	confirmPrompt: "All changes in {n} files will be committed to the current branch in one or more commits.",
+	confirm: "Commit now",
+	cancel: "Cancel",
+	loading: "Reading repository status…",
 	running: "Organizing changes into commits…",
 	done: "Commits created",
 	fallback: "Model unavailable; used a single commit",
@@ -224,11 +697,24 @@ const en = {
 	sessionRunning: "Session is running; commits paused",
 	refresh: "Refresh",
 	failed: "Operation failed",
+	planUnavailable: "The model returned no usable commit plan, so the run was cancelled and your workspace is untouched. Try another model, or turn on the fallback in plugin settings.",
 	close: "Close"
 };
-async function rpc(call, endpoint, payload) {
+/** A failed RPC keeps its code so the panel can explain a rejection in its own words. */
+var RpcError = class extends Error {
+	code;
+	constructor(code, message) {
+		super(message);
+		this.name = "RpcError";
+		this.code = code;
+	}
+};
+async function rpc(call, endpoint, payload = {}, fallback = "Operation failed") {
 	const result = await call(endpoint, payload);
-	if (!result || result.ok !== true) throw new Error(result && "error" in result ? result.error.message : "request failed");
+	if (!result || result.ok !== true) {
+		const failed = result && "error" in result ? result.error : void 0;
+		throw new RpcError(failed?.code ?? "unknown", failed?.message ? failed.message : fallback);
+	}
 	return result.value;
 }
 function reasonText(t, status) {
@@ -240,6 +726,19 @@ function reasonText(t, status) {
 		default: return t("unavailable");
 	}
 }
+/** A refusal the plugin can name gets its own sentence; the rest stay verbatim. */
+function errorText(t, error) {
+	return error.code === "plan-unavailable" ? t("planUnavailable") : error.message;
+}
+function panelError(reason) {
+	return reason instanceof RpcError ? {
+		code: reason.code,
+		message: reason.message
+	} : {
+		code: "unknown",
+		message: reason instanceof Error ? reason.message : String(reason)
+	};
+}
 function GitBranchIcon() {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width: "14",
@@ -289,6 +788,7 @@ function GitCommitAction({ sessionId, useSession, call, t }) {
 	const [running, setRunning] = (0, react.useState)(false);
 	const [result, setResult] = (0, react.useState)(null);
 	const [error, setError] = (0, react.useState)(null);
+	const [confirming, setConfirming] = (0, react.useState)(false);
 	const rootRef = (0, react.useRef)(null);
 	const triggerRef = (0, react.useRef)(null);
 	const panelRef = (0, react.useRef)(null);
@@ -303,11 +803,16 @@ function GitCommitAction({ sessionId, useSession, call, t }) {
 	const sessionRunning = useSession((snapshot) => snapshot.running === true);
 	const changeOpen = (0, react.useCallback)((next) => {
 		setOpen(next);
+		setConfirming(false);
 		if (next) {
 			setResult(null);
 			setError(null);
 		}
 	}, []);
+	const positioned = Boolean(position);
+	(0, react.useEffect)(() => {
+		if (open && positioned) panelRef.current?.focus();
+	}, [open, positioned]);
 	(0, _deepseek_ai_dsh_client_ui_primitives.useDismissOnOutsidePointer)(rootRef, open, changeOpen, panelRef);
 	(0, react.useEffect)(() => {
 		generationRef.current += 1;
@@ -322,17 +827,21 @@ function GitCommitAction({ sessionId, useSession, call, t }) {
 		setLoading(true);
 		setError(null);
 		try {
-			const next = await rpc(call, "status", { sessionId });
+			const next = await rpc(call, "status", { sessionId }, t("failed"));
 			if (generationRef.current !== generation) return;
 			setStatus(next);
 		} catch (reason) {
 			if (generationRef.current !== generation) return;
 			setStatus(void 0);
-			setError(reason instanceof Error ? reason.message : String(reason));
+			setError(panelError(reason));
 		} finally {
 			if (generationRef.current === generation) setLoading(false);
 		}
-	}, [call, sessionId]);
+	}, [
+		call,
+		sessionId,
+		t
+	]);
 	(0, react.useEffect)(() => {
 		if (!open) return;
 		loadStatus();
@@ -350,11 +859,12 @@ function GitCommitAction({ sessionId, useSession, call, t }) {
 	}, [open, changeOpen]);
 	const runCommit = (0, react.useCallback)(async () => {
 		const generation = generationRef.current;
+		setConfirming(false);
 		setRunning(true);
 		setResult(null);
 		setError(null);
 		try {
-			const value = await rpc(call, "commit", { sessionId });
+			const value = await rpc(call, "commit", { sessionId }, t("failed"));
 			if (generationRef.current !== generation) return;
 			setResult(value);
 			const next = await rpc(call, "status", { sessionId }).catch(() => void 0);
@@ -362,176 +872,423 @@ function GitCommitAction({ sessionId, useSession, call, t }) {
 			if (next) setStatus(next);
 		} catch (reason) {
 			if (generationRef.current !== generation) return;
-			setError(reason instanceof Error ? reason.message : String(reason));
+			setError(panelError(reason));
 		} finally {
 			if (generationRef.current === generation) setRunning(false);
 		}
-	}, [call, sessionId]);
+	}, [
+		call,
+		sessionId,
+		t
+	]);
 	const available = status?.available === true;
 	const workspaceCount = status?.workspace.files ?? 0;
 	const canCommit = available && !running && !sessionRunning && workspaceCount > 0;
-	const modelLabel = status?.model ? `${status.model.provider}/${status.model.model} · ${status.model.source === "purpose" || status.model.source === "override" ? t("modelCustom") : t("modelDefault")}` : void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref: rootRef,
 		className: "gcm-root",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: css }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-				label: t("title"),
-				side: "bottom",
-				gap: 4,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					ref: triggerRef,
-					className: "gcm-trigger",
-					"aria-label": t("title"),
-					"aria-haspopup": "dialog",
-					"aria-expanded": open,
-					onClick: () => changeOpen(!open),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GitBranchIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "gcm-triggerLabel",
-						children: t("action")
-					})]
-				})
-			}),
-			open && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				ref: panelRef,
-				className: "gcm-panel",
-				style: position ?? {
-					visibility: "hidden",
-					left: 0,
-					top: 0
-				},
-				role: "dialog",
-				tabIndex: -1,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+			label: t("title"),
+			side: "bottom",
+			gap: 4,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+				ref: triggerRef,
+				variant: "ghost",
+				size: "sm",
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GitBranchIcon, {}),
 				"aria-label": t("title"),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "gcm-body",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "gcm-header",
+				"aria-haspopup": "dialog",
+				"aria-expanded": open,
+				onClick: () => changeOpen(!open),
+				children: t("action")
+			})
+		}), open && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref: panelRef,
+			className: "gcm-root dsh-ui-surface gcm-panel",
+			style: position ?? {
+				visibility: "hidden",
+				left: 0,
+				top: 0
+			},
+			role: "dialog",
+			tabIndex: -1,
+			"aria-label": t("title"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-ui-surface-body",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ui-surface-head",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-ui-surface-title",
+								children: t("title")
+							}),
+							status?.branch ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-ui-hint dsh-ui-truncate",
+								children: status.branch
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dsh-ui-spacer" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+								label: t("refresh"),
+								side: "bottom",
+								gap: 4,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "ghost",
+									size: "sm",
+									"aria-label": t("refresh"),
+									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutlineRegular, { size: 14 }),
+									disabled: loading || running,
+									onClick: () => void loadStatus()
+								})
+							})
+						]
+					}),
+					loading && !status && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-ui-hint",
+						role: "status",
+						children: t("loading")
+					}),
+					error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-ui-error",
+						role: "alert",
+						children: errorText(t, error)
+					}),
+					status && !available && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-ui-meta",
+						role: "status",
+						children: reasonText(t, status)
+					}),
+					available && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						status?.model ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "gcm-model",
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "gcm-title",
-									children: t("title")
+									className: "dsh-ui-hint",
+									children: t("model")
 								}),
-								status?.branch ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "gcm-branch",
-									children: status.branch
-								}) : null,
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "gcm-iconButton",
-									"aria-label": t("refresh"),
-									disabled: loading || running,
-									onClick: () => void loadStatus(),
-									children: "⟳"
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsh-ui-truncate",
+									children: [
+										status.model.provider,
+										"/",
+										status.model.model
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+									tone: status.model.source === "page" ? "info" : "neutral",
+									children: status.model.source === "page" ? t("modelCustom") : t("modelDefault")
 								})
 							]
+						}) : null,
+						confirming && canCommit ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ui-stack",
+							role: "group",
+							"aria-label": t("commitAction"),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsh-ui-hint dsh-ui-wrap",
+								children: t("confirmPrompt").replace("{n}", String(workspaceCount))
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-ui-actions",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "ghost",
+									size: "md",
+									onClick: () => setConfirming(false),
+									children: t("cancel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "primary",
+									size: "md",
+									onClick: () => void runCommit(),
+									children: t("confirm")
+								})]
+							})]
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							size: "md",
+							disabled: !canCommit,
+							onClick: () => setConfirming(true),
+							children: [t("commitAction"), t("filesCount").replace("{n}", String(workspaceCount))]
 						}),
-						error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "gcm-error",
-							role: "alert",
-							children: error
-						}),
-						status && !available && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "gcm-notice",
-							role: "status",
-							children: reasonText(t, status)
+						workspaceCount === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsh-ui-hint",
+							children: t("noWorkspace")
 						}),
-						available && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							modelLabel ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-								className: "gcm-meta",
-								children: [
-									t("model"),
-									": ",
-									modelLabel
-								]
-							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: "gcm-action gcm-primary",
-								disabled: !canCommit,
-								onClick: () => void runCommit(),
+						sessionRunning && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsh-ui-hint",
+							children: t("sessionRunning")
+						})
+					] }),
+					running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-ui-hint",
+						role: "status",
+						children: t("running")
+					}),
+					result && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ui-stack",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: "dsh-ui-hint dsh-ui-wrap",
 								children: [
-									t("commitAction"),
-									"（",
-									workspaceCount,
-									" ",
-									t("files"),
-									"）"
+									t("done"),
+									" · ",
+									result.branch
 								]
 							}),
-							workspaceCount === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "gcm-notice",
-								children: t("noWorkspace")
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+								className: "gcm-commits",
+								children: result.commits.map((commit) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: commit.hash }),
+									" ",
+									commit.message
+								] }, commit.hash || commit.message))
 							}),
-							sessionRunning && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "gcm-notice",
-								children: t("sessionRunning")
+							result.fallback && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsh-ui-hint",
+								children: t("fallback")
 							})
-						] }),
-						running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "gcm-notice",
-							role: "status",
-							children: t("running")
-						}),
-						result && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "gcm-result",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-									className: "gcm-meta",
-									children: [
-										t("done"),
-										" · ",
-										result.branch
-									]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-									className: "gcm-commits",
-									children: result.commits.map((commit) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: commit.hash }),
-										" ",
-										commit.message
-									] }, commit.hash || commit.message))
-								}),
-								result.fallback && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "gcm-notice",
-									children: t("fallback")
-								})
-							]
-						})
-					]
+						]
+					})
+				]
+			})
+		}), document.body)]
+	});
+}
+const clientCss = `${officialUiCss("gcm-root")}
+/* Only the floating panel's geometry is this plugin's own: the material, the
+ * rounded edge and the scrollbar tokens all come from the shared contract.
+ *
+ * The root class is spelled out because the panel is portaled and *is* the
+ * root: the dsh-ui-surface recipe therefore reaches it as a compound
+ * .gcm-root.dsh-ui-surface selector and declares position:relative at the
+ * weight a bare .gcm-panel rule also carries. Left unqualified that recipe
+ * wins, and the anchored left/top degrade into offsets from the panel's static
+ * spot at the end of body — the popover then renders under the page instead
+ * of at the trigger. Naming both classes puts this rule at the same weight,
+ * later in the sheet, so it wins. */
+.gcm-root.gcm-panel { position: fixed; width: min(360px, calc(100vw - 32px)); max-height: min(560px, calc(100vh - 32px)); overflow: auto; }
+.gcm-model { display: flex; align-items: center; gap: 6px; min-width: 0; margin: 0; font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-primary); }
+.gcm-commits { margin: 0; padding-inline-start: 18px; display: grid; gap: 2px; font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
+.gcm-commits code { font-size: 12px; background: var(--dsw-alias-bg-layer-2); padding: 0 4px; border-radius: var(--dsw-radius-sm); }
+.gcm-settings { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
+.gcm-settings-status { display: flex; flex-direction: column; gap: 4px; }
+`;
+/** Host UI language, following live switches; falls back to zh when the service lacks a snapshot. */
+function useHostLocale(client) {
+	const subscribe = (0, react.useCallback)((listener) => client.locale.subscribe?.(listener) ?? (() => {}), [client]);
+	const snapshot = (0, react.useCallback)(() => client.locale.getSnapshot?.().active ?? "zh", [client]);
+	return (0, react.useSyncExternalStore)(subscribe, snapshot, snapshot);
+}
+const settingsZh = {
+	pageTitle: "Git 提交",
+	model: "提交规划模型",
+	modelDefault: "默认模型",
+	modelEffort: "思考强度",
+	modelHint: "留空则使用当前会话模型，再回落到宿主默认对话模型。",
+	fallback: "模型不可用时仍然提交",
+	fallbackHint: "默认关闭：模型规划失败会取消本次提交，工作区不变。开启后全部改动会合并成一个提交，由插件代写提交信息。",
+	loading: "正在读取设置…",
+	saved: "已保存。",
+	stale: "设置已更新，请刷新后重试。",
+	failed: "无法读取提交设置。",
+	retry: "重试"
+};
+const settingsEn = {
+	pageTitle: "Git Commit",
+	model: "Commit planning model",
+	modelDefault: "Default model",
+	modelEffort: "Reasoning effort",
+	modelHint: "Leave empty to use the current session model, then the host default chat model.",
+	fallback: "Commit even without a model plan",
+	fallbackHint: "Off by default: a failed plan cancels the run and leaves the workspace untouched. When on, every change lands in one commit with a plugin-written message.",
+	loading: "Loading settings…",
+	saved: "Saved.",
+	stale: "Settings changed; refresh and retry.",
+	failed: "Could not load commit settings.",
+	retry: "Retry"
+};
+function settingsCopy(locale) {
+	return String(locale).startsWith("zh") ? settingsZh : settingsEn;
+}
+/** Plugin-page settings row: pick the model this plugin's planning call uses. */
+function GitCommitSettingsPanel(props) {
+	const hostLocale = useHostLocale(props.client);
+	const text = settingsCopy(props.locale ?? hostLocale);
+	const [settings, setSettings] = (0, react.useState)(void 0);
+	const [choices, setChoices] = (0, react.useState)([]);
+	const [error, setError] = (0, react.useState)("");
+	const [note, setNote] = (0, react.useState)("");
+	const [busy, setBusy] = (0, react.useState)(false);
+	const call = (0, react.useCallback)((endpoint, payload = {}) => props.client.connection.rpc.call(RPC_CHANNEL, endpoint, payload), [props.client]);
+	(0, react.useEffect)(() => {
+		let live = true;
+		rpc(call, "settings", {}, text.failed).then((next) => {
+			if (live) {
+				setSettings(next);
+				setError("");
+			}
+		}).catch(() => {
+			if (live) setError(text.failed);
+		});
+		return () => {
+			live = false;
+		};
+	}, [call, text.failed]);
+	const boundProvider = settings?.model.provider ?? "";
+	const boundModel = settings?.model.model ?? "";
+	(0, react.useEffect)(() => {
+		let live = true;
+		const bound = boundProvider && boundModel ? {
+			provider: boundProvider,
+			model: boundModel
+		} : void 0;
+		props.client.remote?.session?.modelCatalog?.()?.then((value) => {
+			if (live) setChoices(parseModelMenuChoices(value, bound));
+		}).catch(() => {
+			if (live) setChoices([]);
+		});
+		return () => {
+			live = false;
+		};
+	}, [
+		props.client,
+		boundProvider,
+		boundModel
+	]);
+	const save = (0, react.useCallback)((patch) => {
+		if (!settings) return;
+		setBusy(true);
+		setNote("");
+		setError("");
+		rpc(call, "settings.update", {
+			settings: {
+				model: patch.model ?? settings.model,
+				allowFallback: patch.allowFallback ?? settings.allowFallback
+			},
+			expectedRevision: settings.revision
+		}, text.stale).then((next) => {
+			setSettings(next);
+			setNote(text.saved);
+			setBusy(false);
+		}).catch(() => {
+			setError(text.stale);
+			setBusy(false);
+		});
+	}, [
+		call,
+		settings,
+		text.saved,
+		text.stale
+	]);
+	if (!settings) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+		className: "gcm-root gcm-settings",
+		children: error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			role: "alert",
+			className: "dsh-ui-error",
+			children: error
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			role: "status",
+			className: "dsh-ui-hint",
+			children: text.loading
+		})
+	});
+	const current = settings.model;
+	const selected = choices.find((item) => item.provider === current.provider && item.model === current.model);
+	const efforts = modelMenuEffortOptions(selected, current.reasoningEffort);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "gcm-root gcm-settings",
+		"data-testid": "git-commit-settings",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "gcm-settings-status",
+				children: [error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					role: "alert",
+					className: "dsh-ui-error",
+					children: error
+				}), note && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					role: "status",
+					className: "dsh-ui-notice",
+					children: note
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "dsh-ui-field",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsh-ui-label",
+					children: text.model
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+					className: "dsh-ui-select",
+					value: modelMenuChoiceKey(current.provider, current.model),
+					disabled: busy,
+					onChange: (event) => {
+						const key = event.target.value;
+						if (!key) {
+							save({ model: {
+								provider: "",
+								model: ""
+							} });
+							return;
+						}
+						const parsed = parseModelMenuChoiceKey(key);
+						if (parsed) save({ model: parsed });
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: "",
+						children: text.modelDefault
+					}), choices.map((choice) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: modelMenuChoiceKey(choice.provider, choice.model),
+						children: choice.label
+					}, modelMenuChoiceKey(choice.provider, choice.model)))]
+				})]
+			}),
+			selected && efforts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "dsh-ui-field",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsh-ui-label",
+					children: text.modelEffort
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+					className: "dsh-ui-select",
+					value: current.reasoningEffort ?? "",
+					disabled: busy,
+					onChange: (event) => save({ model: {
+						...current,
+						reasoningEffort: event.target.value || void 0
+					} }),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: "",
+						children: text.modelDefault
+					}), efforts.map((effort) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: effort.id,
+						children: effort.name
+					}, effort.id))]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-ui-meta",
+				children: text.modelHint
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
+				className: "gcm-root dsh-ui-card",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+					className: "dsh-ui-toggle-row",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ui-toggle-text",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "dsh-ui-toggle-label",
+							children: text.fallback
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsh-ui-hint",
+							children: text.fallbackHint
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+						checked: settings.allowFallback,
+						label: text.fallback,
+						disabled: busy,
+						onChange: (next) => save({ allowFallback: next })
+					})]
 				})
-			}), document.body)
+			})
 		]
 	});
 }
-const css = `
-.gcm-root{position:relative;display:inline-flex}
-.gcm-trigger{min-height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:none;border:0;border-radius:6px;align-items:center;gap:5px;padding:3px 7px;font-size:12px;display:inline-flex}
-.gcm-trigger:hover,.gcm-trigger:focus-visible{color:var(--dsw-alias-label-primary)}
-.gcm-triggerLabel{white-space:nowrap}
-.gcm-panel{--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);z-index:100;box-sizing:border-box;width:min(360px,100vw - 32px);max-height:min(560px,100vh - 32px);box-shadow:var(--dsw-elevation-prominent);border:0;border-radius:12px;display:flex;flex-direction:column;position:fixed;overflow:hidden;color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5;font-family:var(--default-font-family,system-ui,sans-serif)}
-.gcm-panel::before{content:"";z-index:-1;background:var(--dsw-specific-menu);backdrop-filter:var(--dsw-menu-backdrop-filter);border-radius:12px;position:absolute;inset:0}
-.gcm-body{display:grid;gap:8px;padding:12px 14px 14px;overflow-y:auto}
-.gcm-header{display:flex;align-items:center;gap:8px}
-.gcm-title{font-weight:600}
-.gcm-branch{color:var(--dsw-alias-label-caption);overflow-wrap:anywhere;font-size:12px}
-.gcm-iconButton{margin-left:auto;border:0;background:none;color:var(--dsw-alias-label-tertiary);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:6px}
-.gcm-iconButton:hover:not(:disabled){color:var(--dsw-alias-label-primary)}
-.gcm-iconButton:disabled{opacity:.45;cursor:not-allowed}
-.gcm-action{--dsw-elevation-stroke-color:var(--dsw-alias-border-l2);display:block;width:100%;text-align:left;padding:7px 10px;border:0;box-shadow:var(--dsw-elevation-stroke);border-radius:8px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer}
-.gcm-action:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2)}
-.gcm-action:disabled{opacity:.45;cursor:not-allowed}
-.gcm-primary{--dsw-elevation-stroke-color:var(--dsw-alias-brand-primary)}
-.gcm-meta{margin:0;font-size:12px;color:var(--dsw-alias-label-caption);overflow-wrap:anywhere}
-.gcm-notice{margin:0;font-size:12px;color:var(--dsw-alias-label-secondary)}
-.gcm-error{margin:0;font-size:12px;color:var(--dsw-alias-state-error-primary)}
-.gcm-result{display:grid;gap:4px}
-.gcm-commits{margin:0;padding-left:18px;display:grid;gap:2px;font-size:12px;overflow-wrap:anywhere}
-.gcm-commits code{font-size:12px;background:var(--dsw-alias-bg-layer-2);padding:0 4px;border-radius:4px}
-`;
 function apply(ctx) {
 	const client = ctx;
 	ctx.provide(GIT_COMMIT_CLIENT_SERVICE, { active: true });
@@ -539,6 +1296,18 @@ function apply(ctx) {
 		zh: { ...zh },
 		en: { ...en }
 	}), "git-commit.locale");
+	ctx.effect(() => {
+		if (typeof document === "undefined") return () => {};
+		const style = document.createElement("style");
+		style.setAttribute("data-plugin", name);
+		style.textContent = clientCss;
+		document.head.appendChild(style);
+		return () => style.remove();
+	}, "git-commit.styles");
+	ctx.effect(() => client.slots.inject("plugins.bundle.config", () => client.slots.register({
+		name: "plugins.bundle.config",
+		key: PLUGIN_NAME
+	}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GitCommitSettingsPanel, { client }))), "git-commit.settings");
 	ctx.effect(() => client.slots.inject("conversation.session.header.actions", () => client.slots.register({
 		name: "conversation.session.header.actions",
 		id: "git-commit",
@@ -549,7 +1318,9 @@ function apply(ctx) {
 }
 //#endregion
 exports.GitCommitAction = GitCommitAction;
+exports.GitCommitSettingsPanel = GitCommitSettingsPanel;
 exports.apply = apply;
+exports.clientCss = clientCss;
 exports.inject = inject;
 exports.name = name;