@klarkxy/dsh-current-title 0.1.4 → 0.1.6

package/lib/client.js

@@ -167,24 +167,42 @@ window.__ModuleLoader__.load({
     var exports = module.exports;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react = require("react");
+let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region ../dsh-ai-services/src/client-utils.ts
+//#region ../dsh-plugin-kit/src/client-utils.ts
 /** The Editor retains its manuscript session separately; native DSH exposes the main-view binding. */
 function selectedSessionId(client) {
-	return client.uiWorkspace.current ? client.uiWorkspace.current.getSnapshot()?.sessionId ?? "" : client.uiSession.adapter.current.getSnapshot().key ?? "";
+	const workspace = client.uiWorkspace?.current;
+	return workspace ? workspace.getSnapshot()?.sessionId ?? "" : client.uiSession.adapter.current.getSnapshot().key ?? "";
+}
+/**
+* Owner props are data the host composed, never a Cordis context: reading an
+* undeclared property off one throws instead of returning undefined, which
+* would crash the slot entry and abdicate its cell for good. Tolerate a
+* throwing read so a mistaken prop degrades to "not supplied".
+*/
+function read(source, key) {
+	if (source === null || typeof source !== "object") return void 0;
+	try {
+		return source[key];
+	} catch {
+		return;
+	}
+}
+function readString(source, key) {
+	const value = read(source, key);
+	return typeof value === "string" ? value : void 0;
 }
 /** Owner props win; native settings only supplies close, so resolve its selected session. */
 function useNativeSeat(client, props) {
-	const current = (0, react.useSyncExternalStore)((0, react.useCallback)((fn) => (client.uiWorkspace.current ?? client.uiSession.adapter.current).subscribe(fn), [client]), (0, react.useCallback)(() => selectedSessionId(client), [client]), () => "");
+	const current = (0, react.useSyncExternalStore)((0, react.useCallback)((fn) => (client.uiWorkspace?.current ?? client.uiSession.adapter.current).subscribe(fn), [client]), (0, react.useCallback)(() => selectedSessionId(client), [client]), () => "");
 	const language = (0, react.useSyncExternalStore)((0, react.useCallback)((fn) => client.locale.subscribe(fn), [client]), (0, react.useCallback)(() => client.locale.getSnapshot().active, [client]), () => "en");
-	const row = props && typeof props === "object" ? props : {};
-	const owner = row.owner && typeof row.owner === "object" ? row.owner : {};
-	const sessionId = typeof row.sessionId === "string" ? row.sessionId : typeof owner.sessionId === "string" ? owner.sessionId : current;
-	const requestedLocale = row.locale ?? owner.locale ?? language;
+	const sessionId = readString(props, "sessionId") ?? readString(read(props, "owner"), "sessionId") ?? current;
+	const requestedLocale = read(props, "locale") ?? read(read(props, "owner"), "locale") ?? language;
 	return {
 		sessionId,
 		locale: String(requestedLocale).startsWith("zh") ? "zh" : "en",
-		hidden: row.hidden === true || owner.hidden === true
+		hidden: read(props, "hidden") === true || read(read(props, "owner"), "hidden") === true
 	};
 }
 /** Refresh on native log boundaries/reconnect/focus. Read-only settling is bounded to an observed job. */
@@ -240,6 +258,378 @@ function useFeatureRefresh(client, sessionId, refresh, working = false, enabled
 		enabled
 	]);
 }
+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 RPC_CHANNEL = "/dsh-current-title";
@@ -248,26 +638,58 @@ const TITLE_CLIENT_SERVICE = "dshCurrentTitleClient";
 //#region src/client-work.ts
 const titleCopy = {
 	zh: {
-		label: "当前标题",
+		label: "自动标题",
 		pinned: "已手动命名",
 		generating: "正在生成标题…",
 		regenerate: "重新生成",
 		locale: "类型标签语言",
 		auto: "自动",
+		prompt: "标题提示词",
+		promptHint: "留空用内置说明，仍返回类型和摘要；离开输入框即保存。",
+		loading: "正在读取标题设置…",
+		model: "标题模型",
+		modelDefault: "跟随会话模型",
+		effort: "思考强度",
+		effortDefault: "默认",
+		cadence: "更新节奏",
+		cadenceAll: "跟随当前任务（每条消息）",
+		cadenceFirst: "仅首条消息",
 		saved: "已保存。",
-		failed: "无法读取标题设置。"
+		failed: "无法读取标题设置。",
+		inactive: "标题服务未接管，新消息暂时不会自动更新。"
 	},
 	en: {
-		label: "Current title",
+		label: "Auto Title",
 		pinned: "Renamed manually",
 		generating: "Generating title…",
 		regenerate: "Regenerate",
 		locale: "Type-label language",
 		auto: "Auto",
+		prompt: "Title prompt",
+		promptHint: "Empty uses the built-in instruction; a type and summary are still returned. Saves on blur.",
+		loading: "Loading title settings…",
+		model: "Title model",
+		modelDefault: "Use the session model",
+		effort: "Reasoning effort",
+		effortDefault: "Default",
+		cadence: "Update cadence",
+		cadenceAll: "Track the current task (every message)",
+		cadenceFirst: "First message only",
 		saved: "Saved.",
-		failed: "Could not read title settings."
+		failed: "Could not read title settings.",
+		inactive: "Title generation is not active, so new messages will not rename this session."
 	}
 };
+/** `undefined` draft = not edited; an empty string is a real edit (use built-in instruction). */
+function promptFieldValue(draft, saved) {
+	return draft ?? saved;
+}
+/** The prompt to persist on blur, or `undefined` when nothing changed. */
+function promptToSave(draft, saved) {
+	if (draft === void 0) return void 0;
+	const next = draft.trim();
+	return next === saved ? void 0 : next;
+}
 function shouldSkipTitleRefresh(input) {
 	return input.busy;
 }
@@ -348,7 +770,9 @@ async function runTitleSettingsSave(input) {
 	input.onBusy(true);
 	try {
 		const settings = await invoke(input.call, "settings", {
-			locale: input.locale,
+			...input.prompt !== void 0 ? { prompt: input.prompt } : {},
+			...input.model !== void 0 ? { model: input.model } : {},
+			...input.cadence !== void 0 ? { cadence: input.cadence } : {},
 			expectedRevision: input.expectedRevision
 		});
 		if (!input.isCurrent()) return;
@@ -380,19 +804,65 @@ const name = "dsh-current-title-client";
 const inject = [
 	"slots",
 	"connection",
+	"remote",
+	"remote.session",
 	"sessions",
 	"locale",
 	"uiWorkspace",
 	"uiSession"
 ];
+function catalogChoices(value, selected) {
+	const envelope = value && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+	const root = (envelope?.ok === true && envelope.value && typeof envelope.value === "object" && !Array.isArray(envelope.value) ? envelope.value : void 0) ?? envelope ?? {};
+	const groups = Array.isArray(root.groups) ? root.groups : [];
+	const choices = [];
+	for (const group of groups) {
+		if (!group || typeof group !== "object") continue;
+		const row = group;
+		const provider = typeof row.id === "string" ? row.id : "";
+		const providerName = typeof row.name === "string" && row.name ? row.name : provider;
+		if (!provider || !Array.isArray(row.models)) continue;
+		for (const model of row.models) {
+			if (!model || typeof model !== "object") continue;
+			const item = model;
+			const id = typeof item.id === "string" ? item.id : "";
+			if (!id) continue;
+			const name = typeof item.name === "string" && item.name ? item.name : id;
+			const reasoning = item.reasoning && typeof item.reasoning === "object" ? item.reasoning : void 0;
+			const efforts = Array.isArray(reasoning?.efforts) ? reasoning.efforts.flatMap((effort) => {
+				if (!effort || typeof effort !== "object") return [];
+				const entry = effort;
+				return typeof entry.id === "string" && entry.id ? [{
+					id: entry.id,
+					name: typeof entry.name === "string" && entry.name ? entry.name : entry.id
+				}] : [];
+			}) : [];
+			choices.push({
+				provider,
+				model: id,
+				label: `${providerName} / ${name}`,
+				efforts
+			});
+		}
+	}
+	if (selected.provider && selected.model && !choices.some((item) => item.provider === selected.provider && item.model === selected.model)) choices.push({
+		provider: selected.provider,
+		model: selected.model,
+		label: `${selected.provider} / ${selected.model}`,
+		efforts: []
+	});
+	return choices;
+}
 function TitleSettings(props) {
-	const seat = useNativeSeat(props.client, props.owner);
+	const seat = useNativeSeat(props.client);
 	const sessionId = seat.sessionId;
 	const text = titleCopy[seat.locale];
 	const [status, setStatus] = (0, react.useState)();
 	const [busy, setBusy] = (0, react.useState)(false);
 	const [note, setNote] = (0, react.useState)("");
 	const [error, setError] = (0, react.useState)("");
+	const [prompt, setPrompt] = (0, react.useState)(void 0);
+	const [choices, setChoices] = (0, react.useState)([]);
 	const workRef = (0, react.useRef)(void 0);
 	if (!workRef.current) workRef.current = createTitleClientWork();
 	const work = workRef.current;
@@ -405,6 +875,26 @@ function TitleSettings(props) {
 	(0, react.useEffect)(() => () => {
 		work.dispose();
 	}, [work]);
+	(0, react.useEffect)(() => {
+		const catalog = props.client.remote?.session?.modelCatalog;
+		if (!catalog) return void 0;
+		let live = true;
+		catalog().then((value) => {
+			if (live) setChoices(catalogChoices(value, status?.settings.model ?? {
+				provider: "",
+				model: ""
+			}));
+		}).catch(() => {
+			if (live) setChoices([]);
+		});
+		return () => {
+			live = false;
+		};
+	}, [
+		props.client,
+		status?.settings.model.provider,
+		status?.settings.model.model
+	]);
 	(0, react.useEffect)(() => {
 		const generation = work.beginLoad();
 		const isCurrent = () => work.isLoad(generation);
@@ -456,113 +946,279 @@ function TitleSettings(props) {
 		work
 	]);
 	useFeatureRefresh(props.client, sessionId, refreshStatus, status?.session?.generating === true && !busy, Boolean(sessionId));
-	const locale = status?.settings.locale ?? "auto";
-	const modes = [
-		{
-			id: "auto",
-			label: text.auto
-		},
-		{
-			id: "zh",
-			label: "中文"
-		},
-		{
-			id: "en",
-			label: "English"
-		}
-	];
+	const savedPrompt = status?.settings.prompt ?? "";
+	const savedModel = status?.settings.model ?? {
+		provider: "",
+		model: ""
+	};
+	const modelKey = savedModel.provider && savedModel.model ? `${savedModel.provider}\u001f${savedModel.model}` : "";
 	const title = status?.session?.title;
 	const pinned = status?.session?.pinned === true;
 	const weOwn = status?.support.weOwn === true;
 	const canRegenerate = Boolean(sessionId) && weOwn && !busy;
+	const selectedChoice = choices.find((item) => item.provider === savedModel.provider && item.model === savedModel.model);
+	const efforts = selectedChoice ? [...selectedChoice.efforts] : [];
+	if (selectedChoice && savedModel.reasoningEffort && !efforts.some((item) => item.id === savedModel.reasoningEffort)) efforts.push({
+		id: savedModel.reasoningEffort,
+		name: savedModel.reasoningEffort
+	});
+	function saveSettings(patch) {
+		if (!status) return;
+		const token = work.beginRequest();
+		setError("");
+		setNote("");
+		runTitleSettingsSave({
+			call,
+			...patch,
+			expectedRevision: status.settings.revision,
+			isCurrent: () => work.isRequest(token),
+			savedMessage: text.saved,
+			failedMessage: text.failed,
+			onBusy: setBusy,
+			onSettings: (settings) => setStatus((current) => current ? {
+				...current,
+				settings
+			} : current),
+			onNote: setNote,
+			onError: setError
+		});
+	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-		className: "current-title-settings",
+		className: "current-title-settings ct-root dsh-ui-panel",
 		"data-testid": "current-title-settings",
 		children: [
 			!status && !error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				role: "status",
-				children: seat.locale === "en" ? "Loading title settings…" : "正在读取标题设置…"
+				className: "dsh-ui-hint",
+				children: text.loading
 			}) : null,
 			title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				translate: "no",
+				className: "dsh-ui-title dsh-ui-wrap",
 				children: title
 			}) : null,
 			pinned ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "current-title-meta",
+				className: "dsh-ui-meta",
 				children: text.pinned
 			}) : null,
 			status?.session?.generating ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				role: "status",
+				className: "dsh-ui-hint",
 				children: text.generating
 			}) : null,
+			status && !weOwn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				role: "status",
+				className: "dsh-ui-hint",
+				children: [text.inactive, status.support.limitation ? ` ${status.support.limitation}` : ""]
+			}) : null,
 			error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				role: "alert",
+				className: "dsh-ui-error dsh-ui-wrap",
 				children: error
 			}) : null,
 			note ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				role: "status",
+				className: "dsh-ui-notice",
 				children: note
 			}) : null,
-			sessionId ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				disabled: !canRegenerate,
-				"aria-label": text.regenerate,
-				onClick: () => {
-					if (!sessionId) return;
-					const token = work.beginRequest();
-					setError("");
-					setNote("");
-					runTitleRegenerateFlow({
-						call,
-						sessionId,
-						isCurrent: () => work.isRequest(token),
-						failedMessage: text.failed,
-						onBusy: setBusy,
-						onStatus: setStatus,
-						onError: setError,
-						onMarker: commitMarker
-					});
-				},
-				children: text.regenerate
-			}) : null,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
-				disabled: busy || !status,
-				"aria-label": text.locale,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", { children: text.locale }), modes.map((mode) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					type: "radio",
-					name: "current-title-locale",
-					value: mode.id,
-					checked: locale === mode.id,
-					onChange: () => {
-						if (!status) return;
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-ui-actions",
+				children: sessionId ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "outline",
+					size: "md",
+					disabled: !canRegenerate,
+					onClick: () => {
+						if (!sessionId) return;
 						const token = work.beginRequest();
 						setError("");
 						setNote("");
-						runTitleSettingsSave({
+						runTitleRegenerateFlow({
 							call,
-							locale: mode.id,
-							expectedRevision: status.settings.revision,
+							sessionId,
 							isCurrent: () => work.isRequest(token),
-							savedMessage: text.saved,
 							failedMessage: text.failed,
 							onBusy: setBusy,
-							onSettings: (settings) => setStatus({
-								...status,
-								settings
-							}),
-							onNote: setNote,
-							onError: setError
+							onStatus: setStatus,
+							onError: setError,
+							onMarker: commitMarker
 						});
-					}
-				}), mode.label] }, mode.id))]
+					},
+					children: text.regenerate
+				}) : null
+			}),
+			/* @__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.prompt
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						className: "ct-prompt",
+						value: status ? promptFieldValue(prompt, savedPrompt) : "",
+						maxLength: 4e3,
+						rows: 5,
+						disabled: busy || !status,
+						onChange: (event) => {
+							setPrompt(event.target.value);
+							setNote("");
+						},
+						onBlur: () => {
+							if (!status) return;
+							const next = promptToSave(prompt, savedPrompt);
+							if (next === void 0) {
+								setPrompt(void 0);
+								return;
+							}
+							const token = work.beginRequest();
+							setError("");
+							runTitleSettingsSave({
+								call,
+								prompt: next,
+								expectedRevision: status.settings.revision,
+								isCurrent: () => work.isRequest(token),
+								savedMessage: text.saved,
+								failedMessage: text.failed,
+								onBusy: setBusy,
+								onSettings: (settings) => {
+									setStatus((current) => current ? {
+										...current,
+										settings
+									} : current);
+									setPrompt(void 0);
+								},
+								onNote: setNote,
+								onError: setError
+							});
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-ui-help",
+						children: text.promptHint
+					})
+				]
+			}),
+			/* @__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: modelKey,
+					disabled: busy || !status,
+					onChange: (event) => {
+						const value = event.target.value;
+						const choice = choices.find((item) => `${item.provider}\u001f${item.model}` === value);
+						saveSettings({ model: choice ? {
+							provider: choice.provider,
+							model: choice.model
+						} : {
+							provider: "",
+							model: ""
+						} });
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: "",
+						children: text.modelDefault
+					}), choices.map((choice) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: `${choice.provider}\u001f${choice.model}`,
+						children: choice.label
+					}, `${choice.provider}\u001f${choice.model}`))]
+				})]
+			}),
+			selectedChoice && 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.effort
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+					className: "dsh-ui-select",
+					value: savedModel.reasoningEffort ?? "",
+					disabled: busy || !status,
+					onChange: (event) => {
+						const effort = event.target.value;
+						const model = {
+							provider: savedModel.provider,
+							model: savedModel.model
+						};
+						saveSettings({ model: effort ? {
+							...model,
+							reasoningEffort: effort
+						} : model });
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: "",
+						children: text.effortDefault
+					}), efforts.map((effort) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: effort.id,
+						children: effort.name
+					}, effort.id))]
+				})]
+			}) : null,
+			/* @__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.cadence
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+					className: "dsh-ui-select",
+					value: status?.settings.cadence ?? "all-prompts",
+					disabled: busy || !status,
+					onChange: (event) => {
+						saveSettings({ cadence: event.target.value === "first-prompt" ? "first-prompt" : "all-prompts" });
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: "all-prompts",
+						children: text.cadenceAll
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: "first-prompt",
+						children: text.cadenceFirst
+					})]
+				})]
 			})
 		]
 	});
 }
+const styles = `${officialUiCss("ct-root")}
+.ct-root { max-width: 760px; }
+.ct-prompt {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  min-height: 96px;
+  resize: vertical;
+  padding: 8px 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);
+}
+.ct-prompt:disabled { color: var(--dsw-alias-label-tertiary); cursor: default; }
+.ct-prompt::placeholder { color: var(--dsw-alias-label-dimmed); }
+`;
 function apply(ctx) {
 	const client = ctx;
 	const marker = createTitleClientMarker();
 	ctx.provide(TITLE_CLIENT_SERVICE, marker);
+	ctx.effect(() => {
+		if (typeof document === "undefined") return () => {};
+		const style = document.createElement("style");
+		style.setAttribute("data-plugin", name);
+		style.textContent = styles;
+		document.head.appendChild(style);
+		return () => style.remove();
+	}, "current-title.styles");
+	ctx.effect(() => client.slots.inject("plugins.bundle.config", () => client.slots.register({
+		name: "plugins.bundle.config",
+		key: "@klarkxy/dsh-current-title"
+	}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TitleSettings, {
+		client,
+		marker
+	}))), "current-title.settings");
 	ctx.effect(() => {
 		let live = true;
 		client.connection.rpc.call(RPC_CHANNEL, "status", {}).then((result) => {