@klarkxy/dsh-session-manager 0.2.0 → 0.2.1

package/lib/client.js

@@ -8,7 +8,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_dom = require("react-dom");
 //#region src/contracts.ts
+/** Shared names and bounds for cross-session discovery. */
+const PLUGIN_NAME = "@klarkxy/dsh-session-manager";
 const COPY_THREAD_MENU_ID = "@klarkxy/dsh-session-manager.copy-thread-id";
 const COPY_THREAD_SHORTCUT_ID = "session-manager.copy-thread-id";
 const TEMP_WORKSPACE_CHANNEL = "/dsh-session-manager";
@@ -16,6 +19,17 @@ const TEMP_WORKSPACE_FLOW_SLOT = "session-manager.workspace.directoryFlow";
 const USER_ACTIONS_SLOT = "conversation.chat.user-actions";
 const USER_ACTIONS_ID = "@klarkxy/dsh-session-manager.user-actions";
 const DELETE_DIALOG_ID = "@klarkxy/dsh-session-manager.delete-chat";
+/** Endpoints on the shared TEMP_WORKSPACE_CHANNEL beyond temporary-directory allocation. */
+const WELCOME_BACK_PREPARE_ENDPOINT = "welcomeback.prepare";
+const WELCOME_BACK_COMPACT_ENDPOINT = "welcomeback.compact";
+const CONTINUE_SUGGEST_ENDPOINT = "continue.suggest";
+const CONFIG_READ_ENDPOINT = "config.read";
+const CONFIG_WRITE_ENDPOINT = "config.write";
+/** Card entry id in the chat flow; the recap renders at the latest completed turn's tail. */
+const WELCOME_BACK_CARD_ID = "@klarkxy/dsh-session-manager.welcome-back";
+const WELCOME_BACK_CARD_SLOT = "conversation.chat.turnTail";
+const CONTINUE_GHOST_ID = "@klarkxy/dsh-session-manager.continue-ghost";
+const CONTINUE_GHOST_SLOT = "conversation.input.overlay";
 //#endregion
 //#region src/copy-action.ts
 const COPY_THREAD_LABEL = {
@@ -537,6 +551,29 @@ ${scope} {
 & .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); }
 
+/* --- Native textarea. The primitives ship no textarea either, so a settings
+ * prompt keeps the platform element and the same field shell as the select:
+ * 0.5px l4, radius-md, layer-3, 13/1.5 type. It grows vertically instead of
+ * locking to the select's 34px row. --- */
+& .dsh-ui-textarea {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  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);
+}
+& .dsh-ui-textarea:focus-visible { outline: none; border-color: var(--dsw-alias-state-business-primary); }
+& .dsh-ui-textarea:disabled { color: var(--dsw-alias-label-tertiary); cursor: default; }
+& .dsh-ui-textarea::placeholder { color: var(--dsw-alias-label-dimmed); }
+& .dsh-ui-textarea[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%; }
@@ -548,24 +585,984 @@ ${scope} {
 `.replace(/^& (\.dsh-ui-[a-z0-9-]+)(?![+>~])/gm, (_match, className) => `&${className}, & ${className}`);
 }
 //#endregion
+//#region ../dsh-model-route/src/route.ts
+const KEY_SEPARATOR = "";
+/** Stable key for one route, safe to use as a select-option value. */
+function modelRouteKey(provider, model) {
+	return provider && model ? `${provider}${KEY_SEPARATOR}${model}` : "";
+}
+/** Inverse of modelRouteKey; undefined for malformed keys. */
+function parseModelRouteKey(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
+	};
+}
+//#endregion
+//#region ../dsh-model-route/src/catalog.ts
+/** Both services are required: Cordis checks the nested namespace separately. */
+const MODEL_CATALOG_INJECT = ["remote", "remote.session"];
+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;
+}
+/** A useful diagnostic even when a transport rejects with a plain object. */
+function modelCatalogErrorMessage(value) {
+	if (value instanceof Error && value.message) return value.message;
+	return asText(asRecord(value)?.message) ?? asText(value) ?? "Unable to load the model catalog.";
+}
+/**
+* Validate and unwrap a successful catalog without discarding provider failures
+* or newer host metadata. Names and metadata remain optional for older hosts.
+* A broken response is never presented as a successfully loaded empty menu.
+*/
+function checkedModelCatalog(value) {
+	const envelope = asRecord(value);
+	if (envelope?.ok === false) throw new Error(modelCatalogErrorMessage(envelope.error ?? envelope));
+	const root = envelope?.ok === true ? asRecord(envelope.value) : envelope;
+	const malformed = (field) => {
+		throw new Error(`Invalid model catalog: ${field}.`);
+	};
+	if (!root || !Array.isArray(root.groups)) return malformed("groups must be an array");
+	for (const value of root.groups) {
+		const group = asRecord(value);
+		if (!group || !asText(group.id) || !Array.isArray(group.models)) return malformed("each group needs an id and models array");
+		for (const value of group.models) {
+			const model = asRecord(value);
+			if (!model || !asText(model.id)) return malformed("each model needs an id");
+			if (model.reasoning !== void 0) {
+				const reasoning = asRecord(model.reasoning);
+				if (!reasoning || !Array.isArray(reasoning.efforts) || reasoning.efforts.some((value) => !parseEffort(value))) return malformed("reasoning efforts must be an array of identified efforts");
+			}
+		}
+	}
+	if (root.failures !== void 0 && (!Array.isArray(root.failures) || root.failures.some((value) => {
+		const failure = asRecord(value);
+		return !failure || !asText(failure.id) || typeof failure.name !== "string" || typeof failure.message !== "string";
+	}))) return malformed("failures must be an array of provider failures");
+	return root;
+}
+/** Read through the injected session namespace; absence and rejection are errors. */
+async function readModelCatalog(client) {
+	const session = client.remote?.session;
+	if (typeof session?.modelCatalog !== "function") throw new Error("Model catalog unavailable: inject both remote and remote.session.");
+	return checkedModelCatalog(await session.modelCatalog());
+}
+/** Provider failures are partial results, not a transport failure. */
+function modelCatalogFailures(value) {
+	try {
+		return checkedModelCatalog(value).failures ?? [];
+	} catch {
+		return [];
+	}
+}
+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;
+}
+//#endregion
+//#region ../dsh-model-route/src/catalog-ui.tsx
+/**
+* Latest refresh wins, including retries while a previous request is pending.
+* Keep load stable (for example with useCallback); changing it invalidates the
+* previous source and fetches again, so switching clients cannot publish stale data.
+*/
+function useModelCatalog(load, options = {}) {
+	const enabled = options.enabled !== false;
+	const enabledRef = (0, react.useRef)(enabled);
+	enabledRef.current = enabled;
+	const live = (0, react.useRef)(false);
+	const source = (0, react.useRef)(load);
+	const revision = (0, react.useRef)(0);
+	const [state, setState] = (0, react.useState)(() => {
+		try {
+			return {
+				catalog: options.initialCatalog === void 0 ? void 0 : checkedModelCatalog(options.initialCatalog),
+				loading: enabled,
+				error: ""
+			};
+		} catch (error) {
+			return {
+				catalog: void 0,
+				loading: enabled,
+				error: modelCatalogErrorMessage(error)
+			};
+		}
+	});
+	const refresh = (0, react.useCallback)(async () => {
+		if (!live.current || !enabledRef.current) return;
+		const request = ++revision.current;
+		setState((previous) => ({
+			...previous,
+			loading: true,
+			error: ""
+		}));
+		try {
+			const catalog = checkedModelCatalog(await load());
+			if (live.current && request === revision.current) setState({
+				catalog,
+				loading: false,
+				error: ""
+			});
+		} catch (error) {
+			if (live.current && request === revision.current) setState((previous) => ({
+				...previous,
+				loading: false,
+				error: modelCatalogErrorMessage(error)
+			}));
+		}
+	}, [load, enabled]);
+	(0, react.useEffect)(() => {
+		live.current = true;
+		if (source.current !== load) {
+			source.current = load;
+			setState({
+				catalog: void 0,
+				loading: enabled,
+				error: ""
+			});
+		}
+		if (enabled) refresh();
+		else setState((previous) => ({
+			...previous,
+			loading: false
+		}));
+		return () => {
+			live.current = false;
+			++revision.current;
+		};
+	}, [enabled, refresh]);
+	(0, react.useEffect)(() => {
+		if (!enabled) return;
+		const reload = () => {
+			refresh();
+		};
+		if (typeof window !== "undefined") window.addEventListener("focus", reload);
+		let unsubscribe;
+		try {
+			unsubscribe = options.subscribe?.(reload);
+		} catch (error) {
+			setState((previous) => ({
+				...previous,
+				error: modelCatalogErrorMessage(error)
+			}));
+		}
+		return () => {
+			if (typeof window !== "undefined") window.removeEventListener("focus", reload);
+			unsubscribe?.();
+		};
+	}, [
+		enabled,
+		refresh,
+		options.subscribe
+	]);
+	const choices = (0, react.useMemo)(() => parseModelMenuChoices(state.catalog), [state.catalog]);
+	const failures = (0, react.useMemo)(() => state.catalog === void 0 ? [] : modelCatalogFailures(state.catalog), [state.catalog]);
+	return {
+		...state,
+		choices,
+		failures,
+		refresh
+	};
+}
+/** Also accepts a mapped state from a caller that owns broader async orchestration. */
+function ModelCatalogStatus({ state, locale }) {
+	const zh = locale?.toLowerCase().startsWith("zh") === true;
+	const copy = zh ? {
+		loading: "正在加载模型…",
+		error: "模型列表加载失败",
+		partial: "部分提供商的模型未能加载",
+		retry: "重试"
+	} : {
+		loading: "Loading models…",
+		error: "Unable to load models",
+		partial: "Some providers could not load their models",
+		retry: "Retry"
+	};
+	if (!state.loading && !state.error && state.failures.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "dsh-model-catalog-status",
+		lang: zh ? "zh" : "en",
+		children: [
+			state.loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				children: copy.loading
+			}) : null,
+			state.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				role: "alert",
+				children: [
+					copy.error,
+					": ",
+					state.error
+				]
+			}) : null,
+			state.failures.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				role: "status",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: copy.partial }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: state.failures.map((failure, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+					failure.name || failure.id,
+					": ",
+					failure.message
+				] }, `${failure.id}:${index}`)) })]
+			}) : null,
+			state.error || state.failures.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+				type: "button",
+				size: "sm",
+				disabled: state.loading,
+				onClick: () => {
+					state.refresh();
+				},
+				children: copy.retry
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region ../dsh-model-route/src/menu.ts
+/** Localize standard effort ids only when the provider has not supplied a display name. */
+function modelMenuEffortLabel(effort, locale) {
+	if (effort.name !== effort.id) return effort.name;
+	return {
+		off: ["关闭", "Off"],
+		none: ["无", "None"],
+		minimal: ["最低", "Minimal"],
+		low: ["低", "Low"],
+		medium: ["中", "Medium"],
+		high: ["高", "High"],
+		xhigh: ["极高", "Extra high"],
+		max: ["最高", "Maximum"],
+		ultra: ["超高", "Ultra"]
+	}[effort.id]?.[locale?.toLowerCase().startsWith("zh") ? 0 : 1] ?? effort.name;
+}
+/** The short model label shown inside a provider group. */
+function modelMenuShortName(choice) {
+	const sep = choice.label.indexOf(" / ");
+	return sep > 0 ? choice.label.slice(sep + 3) : choice.model;
+}
+/** Group catalog choices by provider and filter them by a case-insensitive query. */
+function groupModelMenuChoices(choices, query) {
+	const needle = query.trim().toLowerCase();
+	const matched = needle ? choices.filter((choice) => choice.label.toLowerCase().includes(needle) || choice.model.toLowerCase().includes(needle) || choice.provider.toLowerCase().includes(needle)) : choices;
+	const groups = [];
+	for (const choice of matched) {
+		const sep = choice.label.indexOf(" / ");
+		const name = sep > 0 ? choice.label.slice(0, sep) : choice.provider;
+		const last = groups.at(-1);
+		if (last && last.provider === choice.provider) last.items.push(choice);
+		else groups.push({
+			provider: choice.provider,
+			name,
+			items: [choice]
+		});
+	}
+	return groups;
+}
+//#endregion
+//#region ../dsh-model-route/src/ui.tsx
+/**
+* ModelMenu: the standard editor of one model-route field — the visible half
+* of the x-model-route contract. A feature plugin's settings page renders it
+* for its own marked field; the model hub renders one per detected field.
+*
+* It is a plugin-side copy of the host's composer model picker
+* (dsh-client-ui-model-selection's ModelSelect), rebuilt from the official
+* primitives and the published bundle's behavior: one card that opens on the
+* root pane (Model / Effort cells), drills into the provider-grouped,
+* searchable model list or the effort list, and Escapes back before closing.
+* Sticky group headings, subsequence ranking, highlight walking and focus
+* hand-back all match the host. SYNC POINT: when the host's ModelSelect or
+* ModelSelect.module.css changes, this copy must be re-transcribed; styles
+* below may only reference --dsw-* theme tokens, never literal colors.
+*
+* It statically imports the primitives, so only browser clients should load
+* this entry; host code and node tests use the core entry (`./index.ts`).
+*/
+/** Unplaced portal card: hidden but laid out at a fixed origin so measurements are real. */
+const MEASURE_STYLE = {
+	visibility: "hidden",
+	left: 0,
+	top: 0
+};
+function ModelMenu(props) {
+	const language = props.locale?.toLowerCase().startsWith("zh") ? "zh" : "en";
+	const copy = language === "zh" ? {
+		model: "模型",
+		effort: "思考强度",
+		default: "默认",
+		search: "搜索模型…",
+		empty: "没有匹配的模型",
+		clear: "清除搜索"
+	} : {
+		model: "Model",
+		effort: "Reasoning",
+		default: "Default",
+		search: "Search models…",
+		empty: "No matching models",
+		clear: "Clear search"
+	};
+	const { open, onOpenChange, anchor, choices, selected, onPick, leading = [], onPickLeading, efforts = [], selectedEffort, onPickEffort, modelLabel = copy.model, modelValue = "—", effortLabel = copy.effort, effortValue, defaultEffortLabel = copy.default, searchPlaceholder = copy.search, emptyLabel = copy.empty, clearSearchLabel = copy.clear, className, listClassName } = props;
+	const rootRef = (0, react.useRef)(null);
+	const openRef = (0, react.useRef)(open);
+	openRef.current = open;
+	const pendingOpenRef = (0, react.useRef)(false);
+	const pendingRestoreFocus = (0, react.useRef)(false);
+	const [requestedOpen, setRequestedOpen] = (0, react.useState)(false);
+	const menuRef = (0, react.useRef)(null);
+	const groupsRef = (0, react.useRef)(null);
+	const searchRef = (0, react.useRef)(null);
+	const itemRefs = (0, react.useRef)([]);
+	const paneFocus = (0, react.useRef)(null);
+	const [pane, setPane] = (0, react.useState)("root");
+	const [query, setQuery] = (0, react.useState)("");
+	const [highlightedIndex, setHighlightedIndex] = (0, react.useState)(null);
+	const [menuPos, setMenuPos] = (0, react.useState)(null);
+	const id = (0, react.useId)();
+	const showSearch = choices.length > 4;
+	const effortRows = (0, react.useMemo)(() => [{
+		id: "",
+		name: defaultEffortLabel
+	}, ...efforts.map((effort) => ({
+		...effort,
+		name: modelMenuEffortLabel(effort, language)
+	}))], [
+		defaultEffortLabel,
+		efforts,
+		language
+	]);
+	const filteredGroups = (0, react.useMemo)(() => groupModelMenuChoices(choices, "").map((group) => ({
+		...group,
+		items: (0, _deepseek_ai_dsh_client_ui_primitives.rankByName)(group.items.map((choice) => ({
+			choice,
+			name: modelMenuShortName(choice),
+			label: choice.model
+		})), showSearch ? query.trim() : "")
+	})).filter((group) => group.items.length > 0), [
+		choices,
+		query,
+		showSearch
+	]);
+	const visibleModels = (0, react.useMemo)(() => filteredGroups.flatMap((group) => group.items.map((item) => item.choice)), [filteredGroups]);
+	const currentVisibleIndex = visibleModels.findIndex((choice) => choice.provider === selected?.provider && choice.model === selected.model);
+	const activeModelIndex = Math.min(highlightedIndex ?? Math.max(0, currentVisibleIndex), visibleModels.length - 1);
+	const changeOpen = (next) => {
+		if (openRef.current === next) return;
+		openRef.current = next;
+		onOpenChange(next);
+	};
+	const requestOpen = () => {
+		if (open || pendingOpenRef.current) return;
+		pendingOpenRef.current = true;
+		pendingRestoreFocus.current = false;
+		setRequestedOpen(true);
+	};
+	const close = (restoreFocus = false) => {
+		const active = document.activeElement;
+		pendingRestoreFocus.current = restoreFocus && (active === document.body || rootRef.current?.contains(active) === true || menuRef.current?.contains(active) === true);
+		changeOpen(false);
+	};
+	const drill = (next) => {
+		setQuery("");
+		setHighlightedIndex(null);
+		paneFocus.current = "drill";
+		setPane(next);
+	};
+	/** Leave a drilled pane for the root one, handing the keyboard back to its cell. */
+	const back = (from) => {
+		paneFocus.current = from;
+		setPane("root");
+	};
+	const moveFocus = (offset) => {
+		const items = itemRefs.current.filter((item) => item !== null && !item.disabled);
+		if (!items.length) return;
+		const active = items.findIndex((item) => item === document.activeElement);
+		items[active === -1 ? offset > 0 ? 0 : items.length - 1 : (active + offset + items.length) % items.length]?.focus();
+	};
+	(0, react.useLayoutEffect)(() => {
+		if (open || !pendingRestoreFocus.current) return;
+		const active = document.activeElement;
+		if (active !== document.body && !rootRef.current?.contains(active)) {
+			pendingRestoreFocus.current = false;
+			return;
+		}
+		const trigger = rootRef.current?.querySelector("button");
+		if (!trigger || trigger.disabled) return;
+		trigger.focus();
+		if (document.activeElement === trigger) pendingRestoreFocus.current = false;
+	});
+	(0, react.useEffect)(() => {
+		if (open || !pendingRestoreFocus.current) return;
+		const cancelOutside = (event) => {
+			if (event.target instanceof Node && !rootRef.current?.contains(event.target)) pendingRestoreFocus.current = false;
+		};
+		document.addEventListener("focusin", cancelOutside);
+		document.addEventListener("pointerdown", cancelOutside);
+		return () => {
+			document.removeEventListener("focusin", cancelOutside);
+			document.removeEventListener("pointerdown", cancelOutside);
+		};
+	});
+	(0, react.useEffect)(() => {
+		if (!requestedOpen) return;
+		pendingOpenRef.current = false;
+		setRequestedOpen(false);
+		if (!open) changeOpen(true);
+	}, [requestedOpen, open]);
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		setPane("root");
+		setQuery("");
+		setHighlightedIndex(null);
+	}, [open]);
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		const closeOutside = (event) => {
+			const target = event.target;
+			if (rootRef.current?.contains(target) || menuRef.current?.contains(target)) return;
+			changeOpen(false);
+		};
+		document.addEventListener("mousedown", closeOutside);
+		return () => document.removeEventListener("mousedown", closeOutside);
+	}, [open, onOpenChange]);
+	(0, react.useEffect)(() => {
+		const intent = paneFocus.current;
+		if (!open || menuPos === null || intent === null) return;
+		if (intent !== "drill" && pane !== "root") return;
+		paneFocus.current = null;
+		if (intent === "drill") {
+			if (pane === "model" && showSearch) {
+				searchRef.current?.focus();
+				return;
+			}
+			(menuRef.current?.querySelector("[role=\"menuitemradio\"][aria-checked=\"true\"]:not([disabled])") ?? itemRefs.current.find((item) => item !== null && !item.disabled))?.focus();
+			return;
+		}
+		itemRefs.current[intent === "effort" ? 1 : 0]?.focus();
+	}, [
+		open,
+		pane,
+		showSearch,
+		menuPos
+	]);
+	(0, react.useEffect)(() => {
+		const viewport = groupsRef.current;
+		if (viewport === null) return;
+		return (0, _deepseek_ai_dsh_client_ui_primitives.observeStickyMenuGroups)(viewport);
+	}, [
+		open,
+		pane,
+		filteredGroups
+	]);
+	(0, react.useLayoutEffect)(() => {
+		if (open && pane === "model" && activeModelIndex >= 0) itemRefs.current[leading.length + activeModelIndex]?.scrollIntoView({ block: "nearest" });
+	}, [
+		open,
+		pane,
+		activeModelIndex,
+		visibleModels,
+		leading.length
+	]);
+	(0, react.useLayoutEffect)(() => {
+		if (!open) {
+			setMenuPos(null);
+			return;
+		}
+		const place = () => {
+			const rect = rootRef.current?.getBoundingClientRect();
+			if (!rect) return;
+			const margin = 12, lw = menuRef.current?.offsetWidth ?? 0, lh = menuRef.current?.offsetHeight ?? 0;
+			let x = rect.right - lw, y = rect.top - 8 - lh;
+			if (lw > 0) x = Math.min(Math.max(x, margin), window.innerWidth - lw - margin);
+			if (lh > 0) y = Math.min(Math.max(y, margin), window.innerHeight - lh - margin);
+			setMenuPos({
+				left: x,
+				top: y
+			});
+		};
+		place();
+		window.addEventListener("scroll", place, true);
+		window.addEventListener("resize", place);
+		return () => {
+			window.removeEventListener("scroll", place, true);
+			window.removeEventListener("resize", place);
+		};
+	}, [
+		open,
+		pane,
+		choices,
+		query
+	]);
+	function onKeyDown(event) {
+		if (event.defaultPrevented || event.nativeEvent.isComposing) return;
+		if (!open && [
+			"Enter",
+			" ",
+			"ArrowDown",
+			"ArrowUp"
+		].includes(event.key)) {
+			const button = event.target instanceof Element ? event.target.closest("button") : null;
+			if (!(button instanceof HTMLButtonElement) || button.disabled || !rootRef.current?.contains(button)) return;
+			event.preventDefault();
+			paneFocus.current = "model";
+			requestOpen();
+			return;
+		}
+		if (event.key === "Escape" && open) {
+			event.preventDefault();
+			if (pane !== "root") back(pane);
+			else close(true);
+			return;
+		}
+		if (!open) return;
+		if (pane === "model" && showSearch && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
+			event.preventDefault();
+			if (visibleModels.length > 0) {
+				setHighlightedIndex((activeModelIndex + (event.key === "ArrowDown" ? 1 : -1) + visibleModels.length) % visibleModels.length);
+				searchRef.current?.focus();
+			}
+			return;
+		}
+		if (pane === "model" && showSearch && event.target instanceof HTMLInputElement && (event.key === "Enter" || event.key === "Tab" && !event.shiftKey)) {
+			if (event.key === "Tab" && visibleModels.length === 0) return;
+			event.preventDefault();
+			const highlighted = visibleModels[activeModelIndex];
+			if (highlighted) {
+				onPick({
+					provider: highlighted.provider,
+					model: highlighted.model
+				});
+				close(true);
+			}
+			return;
+		}
+		if (event.key === "Tab") {
+			if (event.shiftKey) {
+				event.preventDefault();
+				if (pane !== "root") back(pane);
+				else close(true);
+				return;
+			}
+			const focused = document.activeElement;
+			const rows = itemRefs.current.filter((item) => item !== null);
+			if (focused instanceof HTMLButtonElement && rows.includes(focused)) {
+				event.preventDefault();
+				focused.click();
+				return;
+			}
+			if (pane === "model" && showSearch) {
+				event.preventDefault();
+				setHighlightedIndex(null);
+				searchRef.current?.focus();
+			}
+			return;
+		}
+		if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+			event.preventDefault();
+			moveFocus(event.key === "ArrowDown" ? 1 : -1);
+		}
+	}
+	function onBlur(event) {
+		if (event.relatedTarget instanceof Node && (rootRef.current?.contains(event.relatedTarget) || menuRef.current?.contains(event.relatedTarget))) return;
+		if (open) changeOpen(false);
+	}
+	itemRefs.current = [];
+	let itemIndex = 0;
+	let modelIndex = 0;
+	const itemRef = () => {
+		const at = itemIndex++;
+		return (node) => {
+			itemRefs.current[at] = node;
+		};
+	};
+	const menu = open && typeof document !== "undefined" ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.MenuSurface, {
+		ref: menuRef,
+		id: `${id}-menu`,
+		className: `dsh-model-menu-menu${listClassName ? ` ${listClassName}` : ""}`,
+		style: menuPos ?? MEASURE_STYLE,
+		role: pane === "model" ? "group" : "menu",
+		"aria-label": modelLabel,
+		lang: language,
+		children: [
+			pane === "root" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				ref: itemRef(),
+				type: "button",
+				role: "menuitem",
+				className: "dsh-model-menu-cell",
+				onClick: () => drill("model"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-model-menu-cellLabel",
+						children: modelLabel
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-model-menu-cellValue",
+						children: modelValue
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, { className: "dsh-model-menu-cellChevron" })
+				]
+			}), efforts.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				ref: itemRef(),
+				type: "button",
+				role: "menuitem",
+				className: "dsh-model-menu-cell",
+				onClick: () => drill("effort"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-model-menu-cellLabel",
+						children: effortLabel
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-model-menu-cellValue",
+						children: effortValue ?? effortRows.find((row) => row.id === (selectedEffort ?? ""))?.name ?? defaultEffortLabel
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, { className: "dsh-model-menu-cellChevron" })
+				]
+			}) : null] }) : null,
+			pane === "model" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				showSearch ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-model-menu-searchRow",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+						ref: searchRef,
+						className: `dsh-model-menu-search${query !== "" ? " dsh-model-menu-searchWithQuery" : ""}`,
+						type: "text",
+						role: "searchbox",
+						"aria-label": searchPlaceholder,
+						"aria-controls": `${id}-models`,
+						"aria-activedescendant": activeModelIndex < 0 ? void 0 : `${id}-model-${activeModelIndex}`,
+						placeholder: searchPlaceholder,
+						value: query,
+						onChange: (event) => {
+							setQuery(event.target.value);
+							setHighlightedIndex(0);
+						}
+					}), query !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dsh-model-menu-searchClear",
+						"aria-label": clearSearchLabel,
+						onClick: () => {
+							setQuery("");
+							setHighlightedIndex(null);
+							searchRef.current?.focus();
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseFillRegular, {})
+					}) : null]
+				}) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					ref: groupsRef,
+					id: `${id}-models`,
+					className: "dsh-model-menu-groups scrollable",
+					role: "menu",
+					"aria-label": modelLabel,
+					hidden: filteredGroups.length === 0,
+					children: [leading.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-model-menu-leading",
+						children: leading.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							ref: itemRef(),
+							type: "button",
+							role: "menuitemradio",
+							"aria-checked": item.selected === true,
+							className: `dsh-model-menu-option${item.selected === true ? " dsh-model-menu-selected" : ""}`,
+							onClick: () => {
+								onPickLeading?.(item.id);
+								close(true);
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-model-menu-optionCopy",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-model-menu-modelName",
+									children: item.label
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-model-menu-check",
+								children: item.selected === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutlineRegular, {}) : null
+							})]
+						}, item.id))
+					}) : null, filteredGroups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MenuGroup, {
+						label: group.name,
+						children: group.items.map((item) => {
+							const index = modelIndex++;
+							const choice = item.choice;
+							const checked = selected?.provider === choice.provider && selected.model === choice.model;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								ref: itemRef(),
+								type: "button",
+								role: "menuitemradio",
+								"aria-checked": checked,
+								id: `${id}-model-${index}`,
+								tabIndex: showSearch ? -1 : 0,
+								onFocus: () => setHighlightedIndex(index),
+								"data-highlighted": index === activeModelIndex ? "" : void 0,
+								className: `dsh-model-menu-option dsh-model-menu-modelOption${checked ? " dsh-model-menu-selected" : ""}${index === activeModelIndex ? " dsh-model-menu-optionActive" : ""}`,
+								onMouseMove: index === activeModelIndex ? void 0 : () => {
+									if (showSearch) setHighlightedIndex(index);
+									else itemRefs.current[leading.length + index]?.focus();
+								},
+								title: choice.label,
+								onClick: () => {
+									onPick({
+										provider: choice.provider,
+										model: choice.model
+									});
+									close(true);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-model-menu-optionCopy",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-model-menu-modelName",
+										children: modelMenuShortName(choice)
+									})
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-model-menu-check",
+									children: checked ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutlineRegular, {}) : null
+								})]
+							}, `${choice.provider}/${choice.model}`);
+						})
+					}, group.provider))]
+				}),
+				filteredGroups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dsh-model-menu-empty",
+					role: "status",
+					children: emptyLabel
+				}) : null
+			] }) : null,
+			pane === "effort" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: effortRows.map((row) => {
+				const checked = (selectedEffort ?? "") === row.id;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					ref: itemRef(),
+					type: "button",
+					role: "menuitemradio",
+					"aria-checked": checked,
+					className: `dsh-model-menu-option${checked ? " dsh-model-menu-selected" : ""}`,
+					onClick: () => {
+						onPickEffort?.(row.id || void 0);
+						close(true);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-model-menu-optionCopy",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-model-menu-modelName",
+							children: row.name
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-model-menu-check",
+						children: checked ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutlineRegular, {}) : null
+					})]
+				}, row.id || "__default");
+			}) }) : null
+		]
+	}), document.body) : null;
+	const trigger = (0, react.isValidElement)(anchor) ? (0, react.cloneElement)(anchor, {
+		"aria-haspopup": "menu",
+		"aria-expanded": open,
+		"aria-controls": open ? `${id}-menu` : void 0
+	}) : anchor;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		ref: rootRef,
+		className: `dsh-model-menu-root${className ? ` ${className}` : ""}`,
+		onKeyDown,
+		onBlur,
+		onClick: (event) => {
+			if (event.defaultPrevented) return;
+			const button = event.target instanceof Element ? event.target.closest("button") : null;
+			if (!(button instanceof HTMLButtonElement) || button.disabled || !rootRef.current?.contains(button)) return;
+			requestOpen();
+		},
+		onMouseDown: (event) => {
+			if (event.target instanceof Element && menuRef.current?.contains(event.target) && event.target.closest("button") !== null) event.preventDefault();
+		},
+		children: [trigger, menu]
+	});
+}
+/**
+* ModelMenu styles, transcribed from the official ModelSelect.module.css (the
+* published dsh-client-ui-model-selection bundle): card capped at
+* min(360px, 100vh - 96px), 34px option cells at 13/18 with 5px 7px padding,
+* 34px root cells at 13/20, a borderless 12px search row with a clear button,
+* sticky group headings (MenuGroup's own CSS), and the l1-stroke prominent
+* elevation at portal z-index 1100. The trigger mirrors the composer's 28px
+* model pill, chevron rotating open. MenuSurface paints fill and backdrop.
+* Only --dsw-* theme tokens may appear here — a literal color is a bug.
+*/
+const modelMenuCss = `
+.dsh-model-menu-root { min-width: 0; position: relative; display: inline-flex; }
+.dsh-model-menu-trigger {
+  border-radius: var(--dsw-radius-sm);
+  min-width: 0;
+  max-width: min(360px, 45cqw);
+  height: 28px;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+  background: none;
+  border: none;
+  outline: none;
+  align-items: center;
+  gap: 4px;
+  padding: 0 4px 0 8px;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 20px;
+  display: flex;
+}
+.dsh-model-menu-trigger:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
+.dsh-model-menu-trigger:focus-visible:not([data-selection-focus]) { box-shadow: 0 0 0 2px var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); }
+.dsh-model-menu-trigger:disabled { color: var(--dsw-alias-label-dimmed); cursor: default; }
+.dsh-model-menu-triggerLabel { text-overflow: ellipsis; white-space: nowrap; min-width: 0; overflow: hidden; }
+.dsh-model-menu-triggerEffort { text-overflow: ellipsis; white-space: nowrap; min-width: 0; color: var(--dsw-alias-label-caption); flex-shrink: 1000; overflow: hidden; }
+.dsh-model-menu-chevron { color: var(--dsw-alias-label-caption); flex: none; transition: transform 0.12s; }
+.dsh-model-menu-chevronOpen { transform: rotate(180deg); }
+.dsh-model-menu-menu {
+  z-index: 1100;
+  --dsw-elevation-stroke-color: var(--dsw-alias-border-l1);
+  width: max-content;
+  min-width: min(240px, 100vw - 32px);
+  max-width: min(420px, 100vw - 32px);
+  max-height: min(360px, 100vh - 96px);
+  box-shadow: var(--dsw-elevation-prominent);
+  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: 0;
+  flex-direction: column;
+  padding: 4px;
+  display: flex;
+  position: fixed;
+  overflow: hidden;
+}
+.dsh-model-menu-status, .dsh-model-menu-empty { color: var(--dsw-alias-label-tertiary); padding: 8px; font-size: 12px; line-height: 18px; }
+.dsh-model-menu-searchRow { flex-shrink: 0; margin: 2px 0 3px; position: relative; }
+.dsh-model-menu-searchRow .dsh-model-menu-search { border-radius: var(--dsw-radius-md); background: none; border: 0 solid transparent; height: auto; padding: 5px 7px; display: flex; }
+.dsh-model-menu-searchRow .dsh-model-menu-search:focus-within { border-color: transparent; }
+.dsh-model-menu-searchWithQuery { padding-right: 34px; }
+.dsh-model-menu-searchRow .dsh-model-menu-search input { padding: 0; font-size: 12px; line-height: normal; }
+.dsh-model-menu-searchRow .dsh-model-menu-search input::placeholder { color: var(--dsw-alias-label-caption); }
+.dsh-model-menu-searchClear {
+  width: 24px;
+  height: 24px;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+  background: none;
+  border: none;
+  border-radius: 50%;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+  position: absolute;
+  top: 50%;
+  right: 4px;
+  transform: translateY(-50%);
+}
+.dsh-model-menu-searchClear:hover, .dsh-model-menu-searchClear:focus-visible { background: var(--dsw-alias-interactive-bg-hover); outline: none; }
+.dsh-model-menu-groups { min-height: 0; overflow-y: auto; }
+.dsh-model-menu-leading { border-bottom: 0.5px solid var(--dsw-alias-border-l2); margin-bottom: 3px; padding-bottom: 3px; }
+.dsh-model-menu-option {
+  box-sizing: border-box;
+  border-radius: var(--dsw-radius-md);
+  width: auto;
+  min-width: 100%;
+  min-height: 34px;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  background: none;
+  border: none;
+  outline: none;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 7px;
+  display: flex;
+}
+.dsh-model-menu-option:not(.dsh-model-menu-modelOption):hover:not(:disabled),
+.dsh-model-menu-option:focus-visible,
+.dsh-model-menu-optionActive:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
+.dsh-model-menu-modelOption:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
+.dsh-model-menu-selected { background: none; }
+.dsh-model-menu-option:disabled { color: var(--dsw-alias-label-dimmed); cursor: default; }
+.dsh-model-menu-optionCopy { flex-direction: column; flex: 1; min-width: 0; display: flex; }
+.dsh-model-menu-modelName { color: inherit; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 400; line-height: 18px; overflow: hidden; }
+.dsh-model-menu-check { color: var(--dsw-alias-label-primary); flex: 0 0 14px; place-items: center; display: grid; }
+.dsh-model-menu-check svg { width: 14px; height: 14px; }
+.dsh-model-menu-cell {
+  box-sizing: border-box;
+  border-radius: var(--dsw-radius-md);
+  width: auto;
+  min-width: 100%;
+  height: 34px;
+  color: var(--dsw-alias-label-primary);
+  cursor: pointer;
+  text-align: left;
+  background: none;
+  border: none;
+  outline: none;
+  align-items: center;
+  gap: 6px;
+  padding: 0 8px;
+  font-size: 13px;
+  line-height: 20px;
+  display: flex;
+}
+.dsh-model-menu-cell:hover, .dsh-model-menu-cell:focus-visible { background: var(--dsw-alias-interactive-bg-hover); }
+.dsh-model-menu-cellLabel { white-space: nowrap; flex: none; }
+.dsh-model-menu-cellValue { text-overflow: ellipsis; white-space: nowrap; text-align: right; min-width: 0; color: var(--dsw-alias-label-tertiary); flex: auto; overflow: hidden; }
+.dsh-model-menu-cellChevron { width: 12px; height: 12px; color: var(--dsw-alias-menu-icon); flex: none; }
+`;
+//#endregion
 //#region src/styles.ts
 const FREE_CHAT_ROOT = "dsh-free-chat";
 /** Host tokens and official scaffolding. Only the edit draft, the inline action row,
 * and the alert line survive the panel removal; the modals reuse the root class. */
 const freeChatCss = `${officialUiCss(FREE_CHAT_ROOT)}
+${modelMenuCss}
 .${FREE_CHAT_ROOT} .dsh-free-draft {
-  box-sizing: border-box;
   width: 100%;
   min-height: 8em;
-  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);
-  color: var(--dsw-alias-label-primary);
-  font: inherit;
-  font-size: 14px;
-  line-height: 22px;
-  resize: vertical;
 }
 .${FREE_CHAT_ROOT} .dsh-free-actions {
   display: inline-flex;
@@ -574,6 +1571,82 @@ const freeChatCss = `${officialUiCss(FREE_CHAT_ROOT)}
   min-width: 0;
 }
 .${FREE_CHAT_ROOT} .dsh-free-alert { margin: 0; }
+/* Settings page: a feature is its toggle row plus the nested well that holds
+ * the fields the switch gates. The well reuses the nested-card surface
+ * (layer-2 on layer-1) so the grouping reads without another heading. */
+.${FREE_CHAT_ROOT} .dsm-feature + .dsm-feature {
+  border-top: 0.5px solid var(--dsw-alias-border-l2);
+}
+.${FREE_CHAT_ROOT} .dsm-subs {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin: 0 0 4px;
+  padding: 12px;
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-bg-layer-2);
+}
+.${FREE_CHAT_ROOT} .dsm-subs[data-disabled='true'] .dsh-ui-label {
+  color: var(--dsw-alias-label-tertiary);
+}
+.${FREE_CHAT_ROOT} .dsm-minutes { width: 120px; }
+/* Welcome-back card: one flat full-width row at the latest turn's tail in the
+ * chat flow — a single bordered surface with the recap laid out inline, no
+ * nested box. */
+.${FREE_CHAT_ROOT}.dsh-welcome-card {
+  box-sizing: border-box;
+  width: 100%;
+  margin: 8px 0 0;
+  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);
+}
+.${FREE_CHAT_ROOT} .dsh-welcome-card-head {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  margin: 0 0 4px;
+}
+.${FREE_CHAT_ROOT} .dsh-welcome-card-title { font-weight: 600; }
+.${FREE_CHAT_ROOT} .dsh-welcome-card-idle {
+  flex: 1;
+  min-width: 0;
+  color: var(--dsw-alias-label-secondary);
+  font-size: 12px;
+}
+.${FREE_CHAT_ROOT} .dsh-welcome-card-close {
+  align-self: flex-start;
+  margin-left: auto;
+}
+.${FREE_CHAT_ROOT} .dsh-welcome-card-actions {
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 8px 0 0;
+}
+.${FREE_CHAT_ROOT} .dsh-welcome-recap {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.${FREE_CHAT_ROOT} .dsh-welcome-recap dt {
+  margin: 6px 0 0;
+  font-size: 12px;
+  color: var(--dsw-alias-label-tertiary);
+}
+.${FREE_CHAT_ROOT} .dsh-welcome-recap dt:first-child { margin-top: 0; }
+.${FREE_CHAT_ROOT} .dsh-welcome-recap dd {
+  margin: 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.${FREE_CHAT_ROOT} .dsh-welcome-cache {
+  margin: 6px 0 0;
+  color: var(--dsw-alias-label-secondary);
+}
+.${FREE_CHAT_ROOT} .dsh-welcome-done { margin: 6px 0 0; }
 `;
 //#endregion
 //#region src/ui-copy.ts
@@ -612,7 +1685,45 @@ const text = {
 		edit: "编辑并重发",
 		send: "发送",
 		editTitle: "编辑并重发",
-		draft: "消息文本"
+		draft: "消息文本",
+		continueDefault: "继续",
+		welcomeBack: "欢迎回来",
+		recapSummary: "在聊什么",
+		recapProgress: "目前进展",
+		recapNextStep: "建议下一步",
+		cacheNotice: "离开时间较久，模型的提示缓存可能已失效，下一次发送会重新处理完整上下文。可以压缩上下文，或在新会话中继续；也可以忽略提示直接发送。",
+		compactNow: "压缩上下文",
+		compacting: "正在压缩",
+		compactCommandSent: "已调用宿主压缩命令，结果请查看对话中的压缩记录。",
+		continueNew: "在新会话中继续",
+		creatingContinuation: "正在创建新会话",
+		continueNewHint: "在来源会话的工作区新建会话，将摘要和原会话 ID 填入草稿，不自动发送。",
+		compactNothing: "没有值得压缩的内容。",
+		settingsMode: "继续灰影",
+		modeFixed: "固定文本",
+		modeAuto: "模型生成",
+		settingsModeHint: "输入框为空时显示的灰色继续文本：Tab 填入，点击发送。",
+		continueTextLabel: "固定文本内容",
+		continueTextPlaceholder: "留空使用默认「继续」",
+		ghostModelLabel: "灰影模型",
+		ghostModelHint: "只在上一轮结束后生成一次，并缓存在这个会话中；留空跟随会话或宿主默认。",
+		welcomeBackGroup: "欢迎回来",
+		recapEnabledLabel: "欢迎回来摘要",
+		recapEnabledHint: "回到空闲的会话时，在对话顶部生成回顾卡片。",
+		recapMinutesLabel: "摘要阈值（分钟）",
+		compactEnabledLabel: "压缩建议",
+		compactEnabledHint: "空闲较久时，回到会话会建议先压缩上下文。",
+		compactMinutesLabel: "建议阈值（分钟）",
+		modelLabel: "摘要模型",
+		modelFollowOption: "当前会话 / 宿主默认模型",
+		modelGroupHint: "只用于欢迎回来摘要；留空跟随会话或宿主默认。",
+		saveSettings: "保存",
+		settingsSaving: "正在保存",
+		settingsSaved: "已保存",
+		settingsLoading: "正在加载",
+		settingsUnavailable: "当前宿主不支持在线修改配置",
+		minutesInvalid: "请填写大于等于 1 的整数分钟。",
+		externalChange: "配置已在别处修改。草稿已保留，请刷新页面后再保存。"
 	},
 	en: {
 		tempWorkspace: "Temporary Workspace",
@@ -628,14 +1739,53 @@ const text = {
 		edit: "Edit and resend",
 		send: "Send",
 		editTitle: "Edit and resend",
-		draft: "Message text"
+		draft: "Message text",
+		continueDefault: "Continue",
+		welcomeBack: "Welcome back",
+		recapSummary: "What you were discussing",
+		recapProgress: "Where things stand",
+		recapNextStep: "Suggested next step",
+		cacheNotice: "The model prompt cache may have expired, so the next message reprocesses the full context. Compact the context, continue in a new session, or ignore this notice and send normally.",
+		compactNow: "Compact context",
+		compacting: "Compacting",
+		compactCommandSent: "Host compaction command invoked. See the compaction entry in the conversation for its result.",
+		continueNew: "Continue in a new session",
+		creatingContinuation: "Creating new session",
+		continueNewHint: "Create a session in the source session's workspace and fill its draft with the recap and source session ID, without sending.",
+		compactNothing: "There is nothing useful to compact.",
+		settingsMode: "Continue ghost",
+		modeFixed: "Fixed text",
+		modeAuto: "Model-generated",
+		settingsModeHint: "The grey continuation shown on an empty composer: Tab fills it, clicking sends it.",
+		continueTextLabel: "Fixed text",
+		continueTextPlaceholder: "Empty uses the default \"Continue\"",
+		ghostModelLabel: "Ghost model",
+		ghostModelHint: "Generated once after the previous turn ends and cached for this session; empty follows the conversation or host default.",
+		welcomeBackGroup: "Welcome back",
+		recapEnabledLabel: "Welcome-back recap",
+		recapEnabledHint: "Shows a recap card at the top of the conversation when you return to an idle session.",
+		recapMinutesLabel: "Recap threshold (minutes)",
+		compactEnabledLabel: "Compaction suggestion",
+		compactEnabledHint: "Suggests compacting the context when you return after a longer idle stretch.",
+		compactMinutesLabel: "Suggestion threshold (minutes)",
+		modelLabel: "Recap model",
+		modelFollowOption: "Current conversation / host default",
+		modelGroupHint: "Used only for the welcome-back recap; empty follows the conversation or host default.",
+		saveSettings: "Save",
+		settingsSaving: "Saving",
+		settingsSaved: "Saved",
+		settingsLoading: "Loading",
+		settingsUnavailable: "This runtime cannot edit the plugin configuration",
+		minutesInvalid: "Enter a whole number of minutes of at least 1.",
+		externalChange: "Settings changed elsewhere. The draft was kept; reload this page before saving."
 	}
 };
 function uiText(locale, key) {
 	return text[locale][key];
 }
 function failureReason(failure) {
-	if (failure.code === "session/lifecycle-unavailable" || failure.code === "session/fork-unavailable") return "unsupported";
+	if (failure.code === "session/lifecycle-unavailable" || failure.code === "session/fork-unavailable" || failure.code === "session-manager/unavailable") return "unsupported";
+	if (failure.code === "session-manager/busy") return "running";
 	if (failure.code === "session/retry-revision" || failure.code === "session/branch-moved" || failure.code === "session/retry-input" || failure.code === "session/retry-conflict") return "stale";
 	if (failure.code === "session/delete-pending") return "cleanup";
 	if (failure.code === "session/agent-busy" && failure.reason === "free-session-work-active") return "running";
@@ -650,6 +1800,15 @@ function failureText(locale, failure) {
 function deleteBody(locale, classification) {
 	return classification === "free" ? text[locale].deleteFree : text[locale].deleteOrdinary;
 }
+/** Idle duration sentence on the welcome-back card. */
+function idleText(locale, minutes) {
+	return locale === "zh" ? `距离上次响应已约 ${minutes} 分钟。` : `About ${minutes} minutes have passed since the last response.`;
+}
+/** Compaction outcome line; a null token count means the host did not report one. */
+function compactedText(locale, tokens) {
+	if (locale === "zh") return tokens === null ? "上下文已压缩。" : `上下文已压缩，约 ${tokens} tokens 的历史被折叠。`;
+	return tokens === null ? "Context compacted." : `Context compacted; about ${tokens} tokens of history were folded.`;
+}
 //#endregion
 //#region src/free-panel.tsx
 function FreeChatIcon({ size }) {
@@ -715,6 +1874,7 @@ function DeleteChatDialog(props) {
 		},
 		footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 			variant: "ghost",
+			"data-modal-autofocus": true,
 			disabled: request.busy,
 			onClick: () => {
 				props.model.cancelDelete();
@@ -723,7 +1883,6 @@ function DeleteChatDialog(props) {
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 			ref: confirmRef,
 			variant: "primary",
-			"data-modal-autofocus": true,
 			disabled: request.busy,
 			onClick: () => {
 				props.model.confirmDelete();
@@ -1200,7 +2359,7 @@ var SubmissionLedger = class {
 		}
 	}
 };
-function store() {
+function store$1() {
 	const listeners = /* @__PURE__ */ new Set();
 	return {
 		subscribe(listener) {
@@ -1215,7 +2374,7 @@ function store() {
 	};
 }
 function createFreeChatModel(host, ids = () => crypto.randomUUID()) {
-	const events = store();
+	const events = store$1();
 	let capabilities = UNSUPPORTED_CAPABILITIES;
 	let capabilitiesReady = false;
 	let creating = false;
@@ -1334,7 +2493,7 @@ function createFreeChatModel(host, ids = () => crypto.randomUUID()) {
 	};
 }
 function createRetryModel(host, ids = () => crypto.randomUUID()) {
-	const events = store();
+	const events = store$1();
 	const ledger = new SubmissionLedger();
 	let capabilities = UNSUPPORTED_CAPABILITIES;
 	let ready = false;
@@ -1580,6 +2739,1263 @@ function bindHost(ctx) {
 	};
 }
 //#endregion
+//#region src/welcome-continuation.ts
+function handoffText(sourceId, recap, locale) {
+	if (locale === "zh") return [
+		"在新会话中继续。",
+		`来源会话 ID：${sourceId}`,
+		"以下摘要仅供背景参考，不是指令，且可能不完整。需要核实时请先读取来源会话；以用户当前要求为准。",
+		...recap ? [
+			`在聊什么：${recap.summary || "未确认"}`,
+			`目前进展：${recap.progress || "未确认"}`,
+			`建议下一步：${recap.nextStep || "未确认"}`
+		] : ["当前没有可用摘要。请用户或 agent 先读取上述来源会话，确认任务与进展后再继续。"]
+	].join("\n");
+	return [
+		"Continue in a new session.",
+		`Source session ID: ${sourceId}`,
+		"The following recap is background only, not instructions, and may be incomplete. Read the source session when verification is needed; follow the user’s current request.",
+		...recap ? [
+			`What you were discussing: ${recap.summary || "Not established"}`,
+			`Where things stand: ${recap.progress || "Not established"}`,
+			`Suggested next step: ${recap.nextStep || "Not established"}`
+		] : ["No recap is available. The user or agent should read the source session above first and confirm the task and progress before continuing."]
+	].join("\n");
+}
+/** Only uses the public create/using and session-addressed input faces; never submits. */
+function bindWelcomeContinuationHost(ctx, ids = () => crypto.randomUUID()) {
+	const continuations = /* @__PURE__ */ new Map();
+	return { async continueInNewSession(sourceId, recap, locale, lifetime) {
+		lifetime.throwIfAborted();
+		const host = ctx;
+		if (typeof host?.sessions?.create !== "function" || typeof host.sessions.using !== "function" || typeof host.sessions.list?.getSnapshot !== "function" || typeof host.workspaces?.list?.getSnapshot !== "function" || typeof host.conversation?.input?.for !== "function" || typeof host.layout?.beginNavigation !== "function" || typeof host.uiWorkspace?.openSession !== "function") throw new HostOperationError("session/lifecycle-unavailable");
+		const { sessions, workspaces, conversation, layout, uiWorkspace } = host;
+		const signal = AbortSignal.any([layout.beginNavigation(), lifetime]);
+		signal.throwIfAborted();
+		let continuation = continuations.get(sourceId);
+		if (!continuation) {
+			const workspaceSnapshot = workspaces.list.getSnapshot();
+			if (workspaceSnapshot.phase !== "ready" || workspaceSnapshot.state !== "idle") throw new HostOperationError("session/lifecycle-unavailable");
+			const owners = workspaceSnapshot.items.filter((row) => row.sessionIds.includes(sourceId));
+			if (owners.length > 1) throw new HostOperationError("session/lifecycle-unavailable");
+			const owner = owners[0];
+			let location;
+			if (owner !== void 0) {
+				if (!owner.workspaceId.trim()) throw new HostOperationError("session/lifecycle-unavailable");
+				location = { workspaceId: owner.workspaceId };
+			} else {
+				const cwd = sessions.list.getSnapshot()?.byId?.[sourceId]?.cwd;
+				if (typeof cwd !== "string" || !cwd.trim()) throw new HostOperationError("session/lifecycle-unavailable");
+				location = { cwd };
+			}
+			const id = ids();
+			if (!id || id === sourceId) throw new HostOperationError("session/lifecycle-unavailable");
+			continuation = {
+				id,
+				location,
+				handoff: handoffText(sourceId, recap, locale),
+				created: false,
+				seeded: false
+			};
+			continuations.set(sourceId, continuation);
+		}
+		const target = continuation;
+		if (!target.created) {
+			target.creating ??= (async () => {
+				if (await sessions.create({
+					...target.location,
+					sessionId: target.id
+				}) !== target.id) throw new HostOperationError("session/lifecycle-unavailable");
+				target.created = true;
+			})().finally(() => {
+				target.creating = void 0;
+			});
+			await target.creating;
+		}
+		signal.throwIfAborted();
+		await sessions.using(target.id, {
+			source: "controllerOperation",
+			signal
+		}, async (reference) => {
+			const binding = await reference.ready;
+			signal.throwIfAborted();
+			if (!binding?.ctx) throw new HostOperationError("session/lifecycle-unavailable");
+			const input = conversation.input.for(binding.ctx);
+			if (typeof input?.setDraft !== "function" || typeof input.state?.getSnapshot !== "function") throw new HostOperationError("session/lifecycle-unavailable");
+			const state = input.state.getSnapshot();
+			if (typeof state?.draft !== "string" || !Array.isArray(state.attachmentIds)) throw new HostOperationError("session/lifecycle-unavailable");
+			signal.throwIfAborted();
+			if (state.attachmentIds.length || state.draft !== "" && !(target.seeded && state.draft === target.handoff)) throw new HostOperationError("session/retry-conflict", "modified");
+			if (!target.seeded || target.seededInput !== input) {
+				input.setDraft(target.handoff);
+				target.seeded = true;
+				target.seededInput = input;
+			}
+			signal.throwIfAborted();
+			await uiWorkspace.openSession(target.id);
+		});
+		if (continuations.get(sourceId) === target) continuations.delete(sourceId);
+	} };
+}
+//#endregion
+//#region src/presence-model.ts
+/**
+* Client models for the continue ghost and the welcome-back card.
+* Business state lives here, not in React state, mirroring session-actions.ts.
+*/
+/** Narrow the plugin client's connection face without redeclaring the Context type. */
+function bindPresenceHost(ctx) {
+	const client = ctx;
+	return {
+		...bindWelcomeContinuationHost(ctx),
+		...typeof client.connection?.rpc?.call === "function" ? { rpc: client.connection.rpc } : {},
+		...typeof client.sessions?.using === "function" ? { compactContext: async (sessionId, signal) => {
+			await client.sessions.using(sessionId, {
+				source: "controllerOperation",
+				signal
+			}, async (reference) => {
+				const binding = await reference.ready;
+				signal.throwIfAborted();
+				if ((await unwrap(binding.session.command("/compact")))?.matched !== true) throw new HostOperationError("session-manager/unavailable");
+			});
+		} } : {}
+	};
+}
+function requireRpc(host) {
+	if (typeof host.rpc?.call !== "function") throw new HostOperationError("session/lifecycle-unavailable");
+	return host.rpc;
+}
+async function callPresence(host, endpoint, payload, signal) {
+	return await unwrap(requireRpc(host).call(TEMP_WORKSPACE_CHANNEL, endpoint, payload, signal));
+}
+function store() {
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		emit() {
+			for (const listener of listeners) listener();
+		}
+	};
+}
+const EMPTY_CONTINUE = {};
+function createContinueModel(host) {
+	const events = store();
+	const states = /* @__PURE__ */ new Map();
+	const inflight = /* @__PURE__ */ new Map();
+	const lifetime = new AbortController();
+	let empty = EMPTY_CONTINUE;
+	function read(sessionId) {
+		return states.get(sessionId) ?? empty;
+	}
+	function write(sessionId, next) {
+		if (lifetime.signal.aborted) return;
+		states.set(sessionId, next);
+		events.emit();
+	}
+	return {
+		subscribe: events.subscribe,
+		getSnapshot: read,
+		load(sessionId) {
+			if (sessionId === "" || lifetime.signal.aborted || inflight.has(sessionId)) return;
+			const current = read(sessionId);
+			if (current.text !== void 0 && current.seq === void 0) return;
+			const ticket = new AbortController();
+			inflight.set(sessionId, ticket);
+			const signal = AbortSignal.any([lifetime.signal, ticket.signal]);
+			callContinueSuggest(host, sessionId, current.seq, signal).then((value) => {
+				if (signal.aborted || inflight.get(sessionId) !== ticket) return;
+				write(sessionId, value);
+			}).catch(() => {}).finally(() => {
+				if (inflight.get(sessionId) === ticket) inflight.delete(sessionId);
+			});
+		},
+		invalidate(sessionId) {
+			if (sessionId === "") return;
+			inflight.get(sessionId)?.abort();
+			inflight.delete(sessionId);
+			if (!states.has(sessionId)) return;
+			states.delete(sessionId);
+			events.emit();
+		},
+		invalidateAll() {
+			for (const ticket of inflight.values()) ticket.abort();
+			inflight.clear();
+			states.clear();
+			empty = {};
+			events.emit();
+		},
+		cancel() {
+			lifetime.abort();
+			for (const ticket of inflight.values()) ticket.abort();
+			inflight.clear();
+			states.clear();
+		}
+	};
+}
+async function callContinueSuggest(host, sessionId, knownSeq, signal) {
+	const value = await callPresence(host, CONTINUE_SUGGEST_ENDPOINT, {
+		sessionId,
+		...knownSeq === void 0 ? {} : { knownSeq }
+	}, signal);
+	const text = typeof value?.text === "string" && value.text.trim() !== "" ? value.text : null;
+	const seq = typeof value?.seq === "number" && Number.isSafeInteger(value.seq) && value.seq >= 0 ? value.seq : void 0;
+	return {
+		text,
+		...seq === void 0 ? {} : { seq }
+	};
+}
+function createPresenceConfigModel(host, delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms))) {
+	const events = store();
+	const lifetime = new AbortController();
+	let phase = "loading";
+	let values;
+	let saving = false;
+	let saved = false;
+	let failure;
+	let snapshot = build();
+	let readGeneration = 0;
+	function build() {
+		return {
+			phase,
+			...values === void 0 ? {} : { values },
+			saving,
+			saved,
+			...failure === void 0 ? {} : { failure }
+		};
+	}
+	function publish() {
+		snapshot = build();
+		events.emit();
+	}
+	function sameRoute(current, value) {
+		const route = value;
+		if (current === null || current === void 0) return route === null || route === void 0;
+		return route !== null && route !== void 0 && current.provider === route.provider && current.model === route.model && current.reasoningEffort === route.reasoningEffort;
+	}
+	function same(view, patch) {
+		if (view === void 0) return false;
+		return Object.entries(patch).every(([key, value]) => {
+			if (key === "model" || key === "ghostModel") return sameRoute(view[key], value);
+			return view[key] === value;
+		});
+	}
+	return {
+		subscribe: events.subscribe,
+		getSnapshot: () => snapshot,
+		async load() {
+			const generation = ++readGeneration;
+			try {
+				const view = await callPresence(host, CONFIG_READ_ENDPOINT, {}, lifetime.signal);
+				if (lifetime.signal.aborted || generation !== readGeneration) return;
+				values = view;
+				phase = "ready";
+				failure = void 0;
+			} catch (error) {
+				if (lifetime.signal.aborted || generation !== readGeneration) return;
+				phase = "unavailable";
+				failure = readFailure(error);
+			}
+			publish();
+		},
+		async save(patch) {
+			if (saving || lifetime.signal.aborted) return;
+			saving = true;
+			++readGeneration;
+			saved = false;
+			failure = void 0;
+			publish();
+			try {
+				await callPresence(host, CONFIG_WRITE_ENDPOINT, { patch }, lifetime.signal);
+			} catch {}
+			try {
+				for (let attempt = 0; attempt < 10 && !lifetime.signal.aborted; attempt++) {
+					await delay(400);
+					let view;
+					try {
+						view = await callPresence(host, CONFIG_READ_ENDPOINT, {}, lifetime.signal);
+					} catch (error) {
+						if (lifetime.signal.aborted || attempt === 9) throw error;
+						continue;
+					}
+					if (same(view, patch)) {
+						++readGeneration;
+						values = view;
+						phase = "ready";
+						saved = true;
+						saving = false;
+						publish();
+						return;
+					}
+				}
+				throw new HostOperationError("transport", "unknown");
+			} catch (error) {
+				if (lifetime.signal.aborted) return;
+				saving = false;
+				failure = readFailure(error);
+				publish();
+			}
+		},
+		cancel() {
+			lifetime.abort();
+		}
+	};
+}
+const EMPTY_WELCOME_BACK = { compactBusy: false };
+function createWelcomeBackModel(host, ids = () => crypto.randomUUID(), minIntervalMs = 1e4) {
+	const events = store();
+	const lifetime = new AbortController();
+	/** Sessions already answered for one exact lastResponseAt; new activity re-arms the card. */
+	const settled = /* @__PURE__ */ new Map();
+	const checkedAt = /* @__PURE__ */ new Map();
+	const capMarks = (map) => {
+		while (map.size > 64) map.delete(map.keys().next().value);
+	};
+	/** Per-session card plus its live compact operation fields. */
+	const states = /* @__PURE__ */ new Map();
+	/** Stable snapshot per session, rebuilt only when its fields change. */
+	const snapshots = /* @__PURE__ */ new Map();
+	const inflight = /* @__PURE__ */ new Map();
+	function read(sessionId) {
+		return snapshots.get(sessionId) ?? EMPTY_WELCOME_BACK;
+	}
+	function publish(sessionId) {
+		const state = states.get(sessionId);
+		if (state === void 0) snapshots.delete(sessionId);
+		else snapshots.set(sessionId, {
+			card: state.card,
+			compactBusy: state.compactBusy,
+			continueBusy: state.continueBusy === true,
+			compactCommandSent: state.compactCommandSent === true,
+			...state.compactedTokens === void 0 ? {} : { compactedTokens: state.compactedTokens },
+			...state.compactReason === void 0 ? {} : { compactReason: state.compactReason },
+			...state.failure === void 0 ? {} : { failure: state.failure }
+		});
+		events.emit();
+	}
+	return {
+		subscribe: events.subscribe,
+		getSnapshot: read,
+		async check(sessionId) {
+			if (sessionId === "" || lifetime.signal.aborted || states.has(sessionId)) return;
+			const now = Date.now();
+			if (now - (checkedAt.get(sessionId) ?? 0) < minIntervalMs) return;
+			if (inflight.has(sessionId)) return;
+			checkedAt.set(sessionId, now);
+			capMarks(checkedAt);
+			const ticket = new AbortController();
+			inflight.set(sessionId, ticket);
+			const signal = AbortSignal.any([lifetime.signal, ticket.signal]);
+			try {
+				const value = await callPresence(host, WELCOME_BACK_PREPARE_ENDPOINT, {
+					sessionId,
+					...settled.has(sessionId) ? { knownLastResponseAt: settled.get(sessionId) } : {}
+				}, signal);
+				if (signal.aborted || inflight.get(sessionId) !== ticket || states.has(sessionId) || value.show !== true) return;
+				if (value.sessionId !== sessionId) return;
+				if (settled.get(sessionId) === value.lastResponseAt) return;
+				states.set(sessionId, {
+					card: {
+						sessionId,
+						idleMinutes: value.idleMinutes,
+						lastResponseAt: value.lastResponseAt,
+						recap: value.recap,
+						compactSuggested: value.compactSuggested,
+						compactAvailable: value.compactAvailable,
+						compactMinutes: value.compactMinutes
+					},
+					compactBusy: false,
+					compactedTokens: void 0,
+					compactReason: void 0,
+					failure: void 0
+				});
+				publish(sessionId);
+			} catch {} finally {
+				if (inflight.get(sessionId) === ticket) inflight.delete(sessionId);
+			}
+		},
+		invalidate() {
+			for (const ticket of inflight.values()) ticket.abort();
+			inflight.clear();
+			checkedAt.clear();
+			settled.clear();
+			for (const [sessionId, state] of states) {
+				if (state.compactBusy || state.continueBusy) continue;
+				states.delete(sessionId);
+				snapshots.delete(sessionId);
+			}
+			events.emit();
+		},
+		dismiss(sessionId) {
+			inflight.get(sessionId)?.abort();
+			inflight.delete(sessionId);
+			const state = states.get(sessionId);
+			if (state === void 0) return;
+			state.continueAbort?.abort();
+			settled.set(sessionId, state.card.lastResponseAt);
+			capMarks(settled);
+			states.delete(sessionId);
+			publish(sessionId);
+		},
+		async compact(sessionId) {
+			const state = states.get(sessionId);
+			if (state === void 0 || state.compactBusy || state.continueBusy || lifetime.signal.aborted) return;
+			state.compactBusy = true;
+			state.failure = void 0;
+			state.compactReason = void 0;
+			publish(sessionId);
+			try {
+				if (host.compactContext !== void 0) {
+					await host.compactContext(sessionId, lifetime.signal);
+					if (lifetime.signal.aborted || states.get(sessionId) !== state) return;
+					state.compactBusy = false;
+					state.compactCommandSent = true;
+					publish(sessionId);
+					return;
+				}
+				const value = await callPresence(host, WELCOME_BACK_COMPACT_ENDPOINT, {
+					sessionId: state.card.sessionId,
+					requestId: ids()
+				}, lifetime.signal);
+				if (lifetime.signal.aborted || states.get(sessionId) !== state) return;
+				state.compactBusy = false;
+				if (value.compacted) state.compactedTokens = value.shadowedTokens;
+				else state.compactReason = value.reason;
+				publish(sessionId);
+			} catch (error) {
+				if (lifetime.signal.aborted || states.get(sessionId) !== state) return;
+				state.compactBusy = false;
+				state.failure = readFailure(error);
+				publish(sessionId);
+			}
+		},
+		async continueInNewSession(sessionId, locale) {
+			const state = states.get(sessionId);
+			if (state === void 0 || state.compactBusy || state.continueBusy || lifetime.signal.aborted) return;
+			state.continueBusy = true;
+			state.continueAbort = new AbortController();
+			state.failure = void 0;
+			publish(sessionId);
+			try {
+				if (host.continueInNewSession === void 0) throw new HostOperationError("session/lifecycle-unavailable");
+				await host.continueInNewSession(sessionId, state.card.recap, locale, AbortSignal.any([lifetime.signal, state.continueAbort.signal]));
+				if (lifetime.signal.aborted || states.get(sessionId) !== state) return;
+				settled.set(sessionId, state.card.lastResponseAt);
+				capMarks(settled);
+				states.delete(sessionId);
+				publish(sessionId);
+			} catch (error) {
+				if (lifetime.signal.aborted || states.get(sessionId) !== state) return;
+				state.continueBusy = false;
+				if (!(error instanceof Error && error.name === "AbortError")) state.failure = readFailure(error);
+				publish(sessionId);
+			}
+		},
+		cancel() {
+			lifetime.abort();
+			inflight.clear();
+			states.clear();
+			snapshots.clear();
+			settled.clear();
+			checkedAt.clear();
+		}
+	};
+}
+//#endregion
+//#region ../dsh-plugin-kit/src/contracts.ts
+/**
+* Remote contribution for model-settings change notifications.
+* Provided by `@klarkxy/dsh-model-hub` (`ModelSettingsChangesController`);
+* subscribers degrade silently when that package is not installed.
+* The stream carries invalidations only — `ready` is never a settings snapshot.
+*/
+const MODEL_SETTINGS_CHANGES_REMOTE = {
+	package: "@klarkxy/dsh-model-hub",
+	descriptors: [{
+		id: "modelSettingsChanges/watch",
+		service: "modelSettingsChangesController",
+		namespace: "modelSettingsChanges",
+		method: "watch",
+		mode: "stream",
+		invocation: { kind: "direct" },
+		parameters: [],
+		cancellation: { parameter: "signal" }
+	}]
+};
+//#endregion
+//#region ../dsh-plugin-kit/src/model-settings-client.ts
+/** This stream carries invalidations only; ready is never a settings snapshot. */
+function parseModelSettingsChangeFrame(value) {
+	if (!value || typeof value !== "object" || Array.isArray(value)) throw new Error("Invalid model settings change frame");
+	const frame = value;
+	if (frame.kind === "ready" && Object.keys(frame).length === 1) return { kind: "ready" };
+	if (frame.kind === "changed" && Object.keys(frame).length === 3 && typeof frame.ns === "string" && frame.ns.length > 0 && typeof frame.revision === "number" && Number.isSafeInteger(frame.revision) && frame.revision >= 0) return {
+		kind: "changed",
+		ns: frame.ns,
+		revision: frame.revision
+	};
+	throw new Error("Invalid model settings change frame");
+}
+MODEL_SETTINGS_CHANGES_REMOTE.package, MODEL_SETTINGS_CHANGES_REMOTE.descriptors.map((descriptor) => ({
+	...descriptor,
+	result: {
+		mode: "strict",
+		typeSymbol: "ModelSettings.ChangeFrame",
+		create: () => ({ parse: parseModelSettingsChangeFrame })
+	}
+}));
+/** Native RemoteStream owns carrier reconnects; no timers or browser transport.
+* A factory shares one logical stream while at least one subscriber remains. */
+function createModelSettingsSubscriber(ctx, namespace) {
+	const listeners = /* @__PURE__ */ new Set();
+	let injection;
+	let current;
+	let lifecycle = 0;
+	let failureMessage;
+	const report = (message) => {
+		failureMessage = message;
+		for (const listener of [...listeners]) try {
+			listener.error?.(message);
+		} catch {}
+	};
+	const invalidate = () => {
+		for (const listener of [...listeners]) {
+			if (!listeners.has(listener)) continue;
+			try {
+				listener.change();
+			} catch (error) {
+				try {
+					listener.error?.(error instanceof Error ? error.message : String(error));
+				} catch {}
+			}
+		}
+	};
+	const start = () => {
+		const life = ++lifecycle;
+		injection = ctx.inject(["remote", "remote.modelSettingsChanges"], (injected) => {
+			if (life !== lifecycle || !listeners.size) return;
+			const scope = injected;
+			const stream = scope.remote.$stream({
+				name: "Model settings sync",
+				open: (signal) => scope.remote.modelSettingsChanges.watch(signal),
+				ended: (accepted) => /* @__PURE__ */ new Error(`Model settings sync stream ended ${accepted ? "after" : "before"} ready; refresh or reopen the page`)
+			});
+			const session = {
+				stream,
+				active: true
+			};
+			current = session;
+			scope.effect(() => () => {
+				session.active = false;
+				if (current === session) {
+					current = void 0;
+					if (life === lifecycle && listeners.size) report("Model settings sync service unavailable");
+				}
+				return stream.dispose();
+			});
+			(async () => {
+				let generation;
+				let ready = false;
+				try {
+					for await (const item of stream) {
+						if (!session.active || life !== lifecycle || !listeners.size) break;
+						if (item.signal.aborted) continue;
+						if (generation !== item.generation) {
+							generation = item.generation;
+							ready = false;
+						}
+						const frame = parseModelSettingsChangeFrame(item.value);
+						if (frame.kind === "ready") {
+							ready = true;
+							failureMessage = void 0;
+							item.accept();
+							invalidate();
+						} else {
+							if (!ready) throw new Error("Model settings sync change arrived before ready");
+							if (namespace === "*" || frame.ns === namespace) invalidate();
+						}
+					}
+				} catch (error) {
+					if (session.active && life === lifecycle) report(error instanceof Error ? error.message : String(error));
+				} finally {
+					if (current === session) current = void 0;
+					session.active = false;
+					await stream.dispose().catch(() => {});
+				}
+			})();
+		});
+		queueMicrotask(() => {
+			if (life === lifecycle && listeners.size && !current) report("Model settings sync service unavailable");
+		});
+	};
+	return Object.freeze({ subscribe(onChange, onError) {
+		const listener = {
+			change: onChange,
+			error: onError
+		};
+		listeners.add(listener);
+		if (!injection) start();
+		else if (failureMessage) queueMicrotask(() => {
+			if (listeners.has(listener) && failureMessage) try {
+				listener.error?.(failureMessage);
+			} catch {}
+		});
+		return () => {
+			if (!listeners.delete(listener) || listeners.size) return;
+			lifecycle++;
+			if (current) {
+				current.active = false;
+				current.stream.dispose().catch(() => {});
+			}
+			current = void 0;
+			failureMessage = void 0;
+			const previous = injection;
+			injection = void 0;
+			try {
+				Promise.resolve(previous?.dispose()).catch(() => {});
+			} catch {}
+		};
+	} });
+}
+//#endregion
+//#region src/presence-panel.tsx
+/**
+* Grey inline-completion for an empty composer, IDE style: the shipped
+* placeholder's own text becomes the continuation (native look, zero
+* positioning), and Tab fills it into the draft for a normal send.
+* The rendered element is a hidden anchor; all work happens in effects.
+*/
+function ContinueGhost(props) {
+	const sessionId = props.sessionId ?? "";
+	const draft = props.useInput?.((state) => state.draft) ?? "";
+	const phase = props.useInput?.((state) => state.phase) ?? "plain";
+	const bare = (props.useInput?.((state) => state.attachmentIds.length) ?? 0) === 0;
+	const blank = props.useSession?.((state) => state.blank) ?? true;
+	const running = props.useSessionStatus?.((state) => state.get(sessionId)?.running === true) ?? false;
+	const snapshot = (0, react.useSyncExternalStore)(props.model.subscribe, () => props.model.getSnapshot(sessionId), () => props.model.getSnapshot(sessionId));
+	const text = snapshot.text ?? uiText(props.locale, "continueDefault");
+	const active = sessionId !== "" && !blank && bare && draft === "" && phase === "plain";
+	const latest = (0, react.useRef)({
+		active,
+		text
+	});
+	(0, react.useEffect)(() => {
+		latest.current = {
+			active,
+			text
+		};
+	}, [active, text]);
+	const wasRunning = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		const finished = wasRunning.current && !running;
+		wasRunning.current = running;
+		if (finished && sessionId !== "") props.model.invalidate(sessionId);
+		if (active && !running) props.model.load(sessionId);
+	}, [
+		props.model,
+		active,
+		running,
+		sessionId
+	]);
+	(0, react.useEffect)(() => {
+		if (active && !running && snapshot.text === void 0) props.model.load(sessionId);
+	}, [
+		props.model,
+		active,
+		running,
+		sessionId,
+		snapshot
+	]);
+	const anchorRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		if (!active) return;
+		const card = anchorRef.current?.closest("[data-composer-card]") ?? document.querySelector("[data-composer-card]");
+		if (!card) return;
+		const write = () => {
+			const placeholder = card.querySelector("[data-composer-placeholder]");
+			if (placeholder !== null && placeholder.textContent !== latest.current.text) placeholder.textContent = latest.current.text;
+		};
+		write();
+		const observer = new MutationObserver(write);
+		observer.observe(card, {
+			subtree: true,
+			childList: true,
+			characterData: true
+		});
+		return () => {
+			observer.disconnect();
+			const placeholder = card.querySelector("[data-composer-placeholder]");
+			const original = card.querySelector("[data-composer-input]")?.getAttribute("data-placeholder");
+			if (placeholder !== null && typeof original === "string" && placeholder.textContent === latest.current.text) placeholder.textContent = original;
+		};
+	}, [active, text]);
+	(0, react.useEffect)(() => {
+		const onKey = (event) => {
+			if (event.key !== "Tab" || event.shiftKey || event.ctrlKey || event.metaKey || event.altKey) return;
+			if (event.isComposing || event.keyCode === 229) return;
+			const current = latest.current;
+			if (!current.active) return;
+			const target = event.target;
+			if (!(target instanceof HTMLElement)) return;
+			if (target.closest("[role=\"dialog\"]") !== null) return;
+			const anchored = anchorRef.current?.closest("[data-composer-card]");
+			const fromTarget = target.closest("[data-composer-card]");
+			const only = document.querySelectorAll("[data-composer-card]");
+			const composer = (anchored ?? (fromTarget !== null && only.length === 1 ? fromTarget : null) ?? (only.length === 1 ? only[0] : null))?.querySelector("[data-composer-input]") ?? null;
+			if (composer === null || target !== composer && !composer.contains(target)) return;
+			event.preventDefault();
+			event.stopPropagation();
+			props.inputActions?.setDraft(current.text);
+		};
+		document.addEventListener("keydown", onKey, true);
+		return () => document.removeEventListener("keydown", onKey, true);
+	}, [props.inputActions]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref: anchorRef,
+		hidden: true,
+		"data-sm-ghost-anchor": ""
+	});
+}
+/**
+* The merged return card inside the chat flow: model recap past the recap
+* threshold, compaction offer past the compact one. It renders at the latest
+* completed turn's tail instead of opening a modal, so it suggests rather
+* than intercepts a send.
+*/
+function WelcomeBackCard(props) {
+	const sessionId = props.sessionId ?? "";
+	const snapshot = (0, react.useSyncExternalStore)(props.model.subscribe, () => props.model.getSnapshot(sessionId), () => props.model.getSnapshot(sessionId));
+	const lastTurn = props.useChat?.((state) => state.timeline.turnOrder[state.timeline.turnOrder.length - 1]);
+	const inputPhase = props.useInput?.((state) => state.phase);
+	const card = snapshot.card;
+	const [liveMinutes, setLiveMinutes] = (0, react.useState)(() => card === void 0 ? 0 : Math.max(0, Math.floor((Date.now() - card.lastResponseAt) / 6e4)));
+	(0, react.useEffect)(() => {
+		if (card === void 0) return;
+		const tick = () => setLiveMinutes(Math.max(0, Math.floor((Date.now() - card.lastResponseAt) / 6e4)));
+		tick();
+		const timer = setInterval(tick, 3e4);
+		return () => clearInterval(timer);
+	}, [card]);
+	const phaseRef = (0, react.useRef)(inputPhase);
+	(0, react.useEffect)(() => {
+		const previous = phaseRef.current;
+		phaseRef.current = inputPhase;
+		if (inputPhase === void 0 || previous === inputPhase) return;
+		if (previous === "plain" && sessionId !== "") props.model.dismiss(sessionId);
+	}, [
+		inputPhase,
+		sessionId,
+		props.model
+	]);
+	if (sessionId === "" || card === void 0) return null;
+	if (props.turn === void 0 || lastTurn === void 0 || props.turn.turn !== lastTurn) return null;
+	const respondedAt = props.turn.end?.time ?? props.turn.start?.time;
+	if (respondedAt !== void 0 && card.lastResponseAt < respondedAt) return null;
+	const copy = (key) => uiText(props.locale, key);
+	const recap = card.recap;
+	const settled = snapshot.compactedTokens !== void 0 || snapshot.compactReason === "nothing";
+	const liveCompactSuggested = card.compactSuggested || card.compactMinutes > 0 && liveMinutes >= card.compactMinutes;
+	const offerCompact = liveCompactSuggested && !settled;
+	const actionBusy = snapshot.compactBusy || snapshot.continueBusy === true;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${FREE_CHAT_ROOT} dsh-welcome-card`,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-welcome-card-head",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-welcome-card-title",
+						children: copy("welcomeBack")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-welcome-card-idle",
+						children: idleText(props.locale, liveMinutes)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						className: "dsh-welcome-card-close",
+						"aria-label": copy("close"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseFillRegular, {}),
+						onClick: () => {
+							props.model.dismiss(sessionId);
+						}
+					})
+				]
+			}),
+			recap !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+				className: "dsh-welcome-recap",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: copy("recapSummary") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: recap.summary }),
+					recap.progress !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: copy("recapProgress") }) : null,
+					recap.progress !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: recap.progress }) : null,
+					recap.nextStep !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: copy("recapNextStep") }) : null,
+					recap.nextStep !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: recap.nextStep }) : null
+				]
+			}) : null,
+			liveCompactSuggested ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-welcome-cache",
+				children: copy("cacheNotice")
+			}) : null,
+			liveCompactSuggested ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-welcome-card-actions",
+				children: [offerCompact ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					type: "button",
+					variant: "outline",
+					disabled: actionBusy,
+					onClick: () => {
+						props.model.compact(sessionId);
+					},
+					children: snapshot.compactBusy ? copy("compacting") : copy("compactNow")
+				}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					type: "button",
+					variant: "outline",
+					disabled: actionBusy,
+					title: copy("continueNewHint"),
+					onClick: () => {
+						props.model.continueInNewSession(sessionId, props.locale);
+					},
+					children: snapshot.continueBusy ? copy("creatingContinuation") : copy("continueNew")
+				})]
+			}) : null,
+			snapshot.compactCommandSent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-welcome-done",
+				role: "status",
+				children: copy("compactCommandSent")
+			}) : null,
+			snapshot.compactedTokens !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-welcome-done",
+				role: "status",
+				children: compactedText(props.locale, snapshot.compactedTokens)
+			}) : null,
+			snapshot.compactReason === "nothing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-welcome-done",
+				role: "status",
+				children: copy("compactNothing")
+			}) : null,
+			snapshot.compactReason === "busy" || snapshot.compactReason === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-ui-error dsh-free-alert",
+				role: "alert",
+				children: failureText(props.locale, { code: snapshot.compactReason === "busy" ? "session-manager/busy" : "session-manager/unavailable" })
+			}) : null,
+			snapshot.failure ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-ui-error dsh-free-alert",
+				role: "alert",
+				children: failureText(props.locale, snapshot.failure)
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/settings-panel.tsx
+function toDraft(values) {
+	const recapEnabled = values.recapMinutes > 0;
+	const compactEnabled = values.compactMinutes > 0;
+	return {
+		recapEnabled,
+		recapMinutes: String(recapEnabled ? values.recapMinutes : 15),
+		compactEnabled,
+		compactMinutes: String(compactEnabled ? values.compactMinutes : 60),
+		continueText: values.continueText,
+		continueMode: values.continueMode,
+		model: values.model === null ? "" : modelRouteKey(values.model.provider, values.model.model),
+		ghostModel: values.ghostModel === null ? "" : modelRouteKey(values.ghostModel.provider, values.ghostModel.model)
+	};
+}
+/** Enabled thresholds are whole minutes of at least 1. 0 stays the stored "off" value and is not a valid enabled draft. */
+function minutesOf(text) {
+	if (!/^[1-9]\d*$/.test(text.trim())) return void 0;
+	const value = Number.parseInt(text.trim(), 10);
+	return Number.isSafeInteger(value) && value >= 1 ? value : void 0;
+}
+function sameDraft(left, right) {
+	return left.recapEnabled === right.recapEnabled && left.recapMinutes === right.recapMinutes && left.compactEnabled === right.compactEnabled && left.compactMinutes === right.compactMinutes && left.continueText === right.continueText && left.continueMode === right.continueMode && left.model === right.model && left.ghostModel === right.ghostModel;
+}
+const missingCatalog = async () => {
+	throw new Error("Model catalog service unavailable");
+};
+/** The bundle config page: edits the cordis plugin config through the host config editor. */
+function SessionManagerSettings(props) {
+	const snapshot = (0, react.useSyncExternalStore)(props.model.subscribe, props.model.getSnapshot, props.model.getSnapshot);
+	const [draft, setDraft] = (0, react.useState)(void 0);
+	const catalog = useModelCatalog(props.modelCatalog ?? missingCatalog, { subscribe: props.subscribeCatalog });
+	const [menuOpen, setMenuOpen] = (0, react.useState)(false);
+	const [ghostMenuOpen, setGhostMenuOpen] = (0, react.useState)(false);
+	const [externalChange, setExternalChange] = (0, react.useState)(false);
+	const dirty = (0, react.useRef)(false);
+	const baseline = (0, react.useRef)();
+	const tabsId = (0, react.useId)();
+	const copy = (key) => uiText(props.locale, key);
+	const edit = (next) => {
+		dirty.current = true;
+		setDraft(next);
+	};
+	(0, react.useEffect)(() => {
+		if (snapshot.phase === "loading") props.model.load();
+	}, [props.model, snapshot.phase]);
+	(0, react.useEffect)(() => {
+		if (snapshot.values === void 0) return;
+		const next = toDraft(snapshot.values);
+		setDraft((current) => {
+			if (dirty.current && (current === void 0 || !sameDraft(current, next))) return current;
+			dirty.current = false;
+			baseline.current = next;
+			return next;
+		});
+		setExternalChange(dirty.current);
+	}, [snapshot.values]);
+	(0, react.useEffect)(() => props.subscribeSettings?.(() => {
+		props.model.load();
+		catalog.refresh();
+	}) ?? (() => {}), [
+		props.model,
+		props.subscribeSettings,
+		catalog.refresh
+	]);
+	if (snapshot.phase === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: `${FREE_CHAT_ROOT} dsh-ui-loading`,
+		children: copy("settingsLoading")
+	});
+	if (snapshot.phase === "unavailable" || draft === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: `${FREE_CHAT_ROOT} dsh-ui-error`,
+		role: "alert",
+		children: snapshot.failure ? failureText(props.locale, snapshot.failure) : copy("settingsUnavailable")
+	});
+	const selectedRoute = parseModelRouteKey(draft.model);
+	const ghostRoute = parseModelRouteKey(draft.ghostModel);
+	const selectableChoices = parseModelMenuChoices(catalog.catalog, selectedRoute ?? ghostRoute);
+	const selectedLabel = selectableChoices.find((choice) => modelRouteKey(choice.provider, choice.model) === draft.model)?.label ?? copy("modelFollowOption");
+	const ghostLabel = selectableChoices.find((choice) => modelRouteKey(choice.provider, choice.model) === draft.ghostModel)?.label ?? copy("modelFollowOption");
+	const recapMinutes = draft.recapEnabled ? minutesOf(draft.recapMinutes) : 0;
+	const compactMinutes = draft.compactEnabled ? minutesOf(draft.compactMinutes) : 0;
+	const recapInvalid = recapMinutes === void 0;
+	const compactInvalid = compactMinutes === void 0;
+	const invalid = recapInvalid || compactInvalid;
+	const fixedPanelId = `${tabsId}-fixed-panel`;
+	const autoPanelId = `${tabsId}-auto-panel`;
+	const save = () => {
+		if (invalid) return;
+		const route = parseModelRouteKey(draft.model);
+		const ghost = parseModelRouteKey(draft.ghostModel);
+		setExternalChange(false);
+		props.model.save({
+			recapMinutes,
+			compactMinutes,
+			continueText: draft.continueText,
+			continueMode: draft.continueMode,
+			...draft.model === baseline.current?.model ? {} : { model: route === void 0 ? null : {
+				provider: route.provider,
+				model: route.model
+			} },
+			...draft.ghostModel === baseline.current?.ghostModel ? {} : { ghostModel: ghost === void 0 ? null : {
+				provider: ghost.provider,
+				model: ghost.model
+			} }
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${FREE_CHAT_ROOT} dsh-ui-panel`,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-ui-card",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "dsh-ui-heading",
+						children: copy("settingsMode")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-ui-hint",
+						children: copy("settingsModeHint")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
+						label: copy("settingsMode"),
+						items: [{
+							id: `${tabsId}-fixed`,
+							panelId: fixedPanelId,
+							value: "fixed",
+							label: copy("modeFixed")
+						}, {
+							id: `${tabsId}-auto`,
+							panelId: autoPanelId,
+							value: "auto",
+							label: copy("modeAuto")
+						}],
+						value: draft.continueMode,
+						onChange: (value) => edit({
+							...draft,
+							continueMode: value
+						})
+					}) }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						role: "tabpanel",
+						id: fixedPanelId,
+						"aria-labelledby": `${tabsId}-fixed`,
+						hidden: draft.continueMode !== "fixed",
+						children: draft.continueMode === "fixed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: "dsh-ui-field",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-ui-label",
+								children: copy("continueTextLabel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								value: draft.continueText,
+								placeholder: copy("continueTextPlaceholder"),
+								onChange: (event) => edit({
+									...draft,
+									continueText: event.target.value
+								})
+							})]
+						}) : null
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						role: "tabpanel",
+						id: autoPanelId,
+						"aria-labelledby": `${tabsId}-auto`,
+						hidden: draft.continueMode !== "auto",
+						children: draft.continueMode === "auto" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ui-field",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-label",
+									children: copy("ghostModelLabel")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
+									locale: props.locale,
+									open: ghostMenuOpen,
+									onOpenChange: setGhostMenuOpen,
+									listClassName: FREE_CHAT_ROOT,
+									anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: "dsh-model-menu-trigger",
+										"aria-label": `${copy("ghostModelLabel")}: ${ghostLabel}`,
+										"aria-haspopup": "menu",
+										"aria-expanded": ghostMenuOpen,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-model-menu-triggerLabel",
+											children: ghostLabel
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `dsh-model-menu-chevron${ghostMenuOpen ? " dsh-model-menu-chevronOpen" : ""}` })]
+									}),
+									choices: selectableChoices,
+									selected: ghostRoute,
+									onPick: (route) => edit({
+										...draft,
+										ghostModel: modelRouteKey(route.provider, route.model)
+									}),
+									leading: [{
+										id: "follow",
+										label: copy("modelFollowOption"),
+										selected: !ghostRoute
+									}],
+									onPickLeading: () => edit({
+										...draft,
+										ghostModel: ""
+									}),
+									modelValue: ghostLabel
+								}) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-ui-hint",
+									children: copy("ghostModelHint")
+								})
+							]
+						}) : null
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-ui-card",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "dsh-ui-heading",
+						children: copy("welcomeBackGroup")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsm-feature",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ui-toggle-row",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "dsh-ui-toggle-text",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-toggle-label",
+									children: copy("recapEnabledLabel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-hint",
+									children: copy("recapEnabledHint")
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+								label: copy("recapEnabledLabel"),
+								checked: draft.recapEnabled,
+								onChange: (next) => edit({
+									...draft,
+									recapEnabled: next
+								})
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsm-subs",
+							"data-disabled": draft.recapEnabled ? void 0 : "true",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "dsh-ui-field",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-ui-label",
+										children: copy("recapMinutesLabel")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+										className: "dsm-minutes",
+										value: draft.recapMinutes,
+										inputMode: "numeric",
+										disabled: !draft.recapEnabled,
+										"aria-invalid": recapInvalid || void 0,
+										"aria-describedby": recapInvalid ? `${tabsId}-recap-error` : void 0,
+										onChange: (event) => edit({
+											...draft,
+											recapMinutes: event.target.value
+										})
+									})]
+								}), recapInvalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									id: `${tabsId}-recap-error`,
+									className: "dsh-ui-error",
+									role: "alert",
+									children: copy("minutesInvalid")
+								}) : null] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-ui-field",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ui-label",
+											children: copy("modelLabel")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
+											locale: props.locale,
+											open: menuOpen,
+											onOpenChange: setMenuOpen,
+											listClassName: FREE_CHAT_ROOT,
+											anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: "dsh-model-menu-trigger",
+												disabled: !draft.recapEnabled,
+												"aria-label": `${copy("modelLabel")}: ${selectedLabel}`,
+												"aria-haspopup": "menu",
+												"aria-expanded": menuOpen,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsh-model-menu-triggerLabel",
+													children: selectedLabel
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `dsh-model-menu-chevron${menuOpen ? " dsh-model-menu-chevronOpen" : ""}` })]
+											}),
+											choices: selectableChoices,
+											selected: selectedRoute,
+											onPick: (route) => edit({
+												...draft,
+												model: modelRouteKey(route.provider, route.model)
+											}),
+											leading: [{
+												id: "follow",
+												label: copy("modelFollowOption"),
+												selected: !selectedRoute
+											}],
+											onPickLeading: () => edit({
+												...draft,
+												model: ""
+											}),
+											modelValue: selectedLabel
+										}) }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsh-ui-hint",
+											children: copy("modelGroupHint")
+										})
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelCatalogStatus, {
+									state: catalog,
+									locale: props.locale
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsm-feature",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ui-toggle-row",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "dsh-ui-toggle-text",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-toggle-label",
+									children: copy("compactEnabledLabel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-hint",
+									children: copy("compactEnabledHint")
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+								label: copy("compactEnabledLabel"),
+								checked: draft.compactEnabled,
+								onChange: (next) => edit({
+									...draft,
+									compactEnabled: next
+								})
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dsm-subs",
+							"data-disabled": draft.compactEnabled ? void 0 : "true",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: "dsh-ui-field",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-label",
+									children: copy("compactMinutesLabel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+									className: "dsm-minutes",
+									value: draft.compactMinutes,
+									inputMode: "numeric",
+									disabled: !draft.compactEnabled,
+									"aria-invalid": compactInvalid || void 0,
+									"aria-describedby": compactInvalid ? `${tabsId}-compact-error` : void 0,
+									onChange: (event) => edit({
+										...draft,
+										compactMinutes: event.target.value
+									})
+								})]
+							}), compactInvalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								id: `${tabsId}-compact-error`,
+								className: "dsh-ui-error",
+								role: "alert",
+								children: copy("minutesInvalid")
+							}) : null] })
+						})]
+					})
+				]
+			}),
+			/* @__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: "primary",
+						disabled: invalid || snapshot.saving,
+						onClick: save,
+						children: snapshot.saving ? copy("settingsSaving") : copy("saveSettings")
+					}),
+					snapshot.saved ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-ui-notice",
+						role: "status",
+						children: copy("settingsSaved")
+					}) : null,
+					externalChange ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-ui-notice dsh-ui-notice--error",
+						role: "alert",
+						children: copy("externalChange")
+					}) : null,
+					snapshot.failure ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-ui-notice dsh-ui-notice--error",
+						role: "alert",
+						children: failureText(props.locale, snapshot.failure)
+					}) : null
+				]
+			})
+		]
+	});
+}
+//#endregion
 //#region src/user-actions.tsx
 function UserMessageActions(props) {
 	const snapshot = (0, react.useSyncExternalStore)(props.model.subscribe, props.model.getSnapshot, props.model.getSnapshot);
@@ -1655,7 +4071,6 @@ function UserMessageActions(props) {
 					children: copy("cancel")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 					variant: "primary",
-					"data-modal-autofocus": true,
 					disabled: snapshot.busy,
 					onClick: () => {
 						props.model.sendEdit(props.sessionId, props.messageId, signal.current.signal);
@@ -1663,7 +4078,8 @@ function UserMessageActions(props) {
 					children: copy("send")
 				})] }),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-					className: "dsh-free-draft",
+					className: "dsh-ui-textarea dsh-free-draft",
+					"data-modal-autofocus": true,
 					"aria-label": copy("draft"),
 					value: draft,
 					onChange: (event) => {
@@ -1685,7 +4101,9 @@ const inject = [
 	"shortcuts",
 	"connection",
 	"workspaces",
-	"layout"
+	"layout",
+	"conversation",
+	...MODEL_CATALOG_INJECT
 ];
 function CopyThreadMenuItem(props) {
 	const [failed, setFailed] = (0, react.useState)(false);
@@ -1712,6 +4130,14 @@ function apply(ctx) {
 	const temporaryHost = bindTemporaryWorkspaceHost(client);
 	const temporary = createTemporaryWorkspaceModel(temporaryHost, void 0, () => uiText(copyLocale(client.locale?.getSnapshot().active), "tempWorkspace"));
 	const currentLocale = () => client.locale?.getSnapshot().active;
+	const presenceHost = bindPresenceHost(client);
+	const continues = createContinueModel(presenceHost);
+	const welcomeBack = createWelcomeBackModel(presenceHost);
+	const presenceConfig = createPresenceConfigModel(presenceHost);
+	const settingsSubscriber = createModelSettingsSubscriber(client, PLUGIN_NAME);
+	const subscribeSettings = (onChange, onError) => settingsSubscriber.subscribe(onChange, onError);
+	const modelCatalog = () => readModelCatalog(client);
+	const subscribeCatalog = (onChange) => client.connection?.generation?.subscribe(onChange);
 	client.effect(() => {
 		const stops = [];
 		if (typeof document !== "undefined") stops.push(installContextMenuForwarding(document));
@@ -1746,6 +4172,40 @@ function apply(ctx) {
 			locale: useLiveLocale(client.locale),
 			model: retries
 		}))));
+		stops.push(client.slots.inject(CONTINUE_GHOST_SLOT, () => client.slots.register({
+			name: CONTINUE_GHOST_SLOT,
+			id: CONTINUE_GHOST_ID,
+			order: 10
+		}, (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContinueGhost, {
+			sessionId: props.sessionId,
+			useInput: props.useInput,
+			useSession: props.useSession,
+			useSessionStatus: props.useSessionStatus,
+			inputActions: props.inputActions,
+			locale: useLiveLocale(client.locale),
+			model: continues
+		}))));
+		stops.push(client.slots.inject(WELCOME_BACK_CARD_SLOT, () => client.slots.register({
+			name: WELCOME_BACK_CARD_SLOT,
+			id: WELCOME_BACK_CARD_ID,
+			order: 30
+		}, (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WelcomeBackCard, {
+			sessionId: props.sessionId,
+			turn: props.turn,
+			useChat: props.useChat,
+			useInput: props.useInput,
+			locale: useLiveLocale(client.locale),
+			model: welcomeBack
+		}))));
+		stops.push(client.slots.inject("plugins.bundle.config", () => client.slots.register({
+			name: "plugins.bundle.config",
+			key: "@klarkxy/dsh-session-manager"
+		}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionManagerSettings, {
+			model: presenceConfig,
+			locale: useLiveLocale(client.locale),
+			modelCatalog,
+			subscribeCatalog
+		}))));
 		stops.push(client.slots.inject("shell.overlay", () => client.slots.register({
 			name: "shell.overlay",
 			id: DELETE_DIALOG_ID,
@@ -1774,9 +4234,71 @@ function apply(ctx) {
 				})
 			] });
 		})));
+		const findCurrent = () => Object.values(client.sessions?.list.getSnapshot().byId ?? {}).find((row) => (row?.retainedBy?.mainView ?? 0) > 0)?.id ?? "";
+		let current = findCurrent();
+		const onReturn = () => {
+			const id = findCurrent();
+			if (id !== "") welcomeBack.check(id);
+		};
+		let lastThresholds;
+		let lastContinuation;
+		stops.push(presenceConfig.subscribe(() => {
+			const config = presenceConfig.getSnapshot();
+			if (config.phase !== "ready" || config.saving || config.values === void 0) return;
+			const continuation = JSON.stringify([
+				config.values.continueMode,
+				config.values.continueText,
+				config.values.ghostModel
+			]);
+			if (continuation !== lastContinuation) {
+				lastContinuation = continuation;
+				continues.invalidateAll();
+			}
+			const thresholds = `${config.values.recapMinutes}:${config.values.compactMinutes}`;
+			if (thresholds !== lastThresholds) {
+				lastThresholds = thresholds;
+				welcomeBack.invalidate();
+				onReturn();
+			}
+		}));
+		stops.push(subscribeSettings(() => {
+			presenceConfig.load();
+		}));
+		const refreshConfig = () => {
+			presenceConfig.load().then(onReturn);
+		};
+		const watchGeneration = client.connection?.generation?.subscribe(refreshConfig);
+		if (watchGeneration) stops.push(watchGeneration);
+		if (typeof window !== "undefined") {
+			const refreshOnReturn = refreshConfig;
+			const onVisibility = () => {
+				if (!document.hidden) refreshOnReturn();
+			};
+			window.addEventListener("focus", refreshOnReturn);
+			document.addEventListener("visibilitychange", onVisibility);
+			const timer = setTimeout(refreshOnReturn, 1500);
+			const idleTimer = setInterval(() => {
+				if (!document.hidden) onReturn();
+			}, 3e4);
+			stops.push(() => {
+				window.removeEventListener("focus", refreshOnReturn);
+				document.removeEventListener("visibilitychange", onVisibility);
+				clearTimeout(timer);
+				clearInterval(idleTimer);
+			});
+		}
+		const watchList = client.sessions?.list.subscribe(() => {
+			const id = findCurrent();
+			if (id !== current) {
+				current = id;
+				if (id !== "") welcomeBack.check(id);
+			}
+		});
+		if (typeof watchList === "function") stops.push(watchList);
 		const reset = client.on?.("connection/reset", () => {
 			chats.reloadCapabilities();
 			retries.load();
+			refreshConfig();
 		});
 		if (typeof reset === "function") stops.push(reset);
 		chats.reloadCapabilities();
@@ -1785,6 +4307,9 @@ function apply(ctx) {
 			chats.cancel();
 			retries.cancel();
 			temporary.cancel();
+			continues.cancel();
+			welcomeBack.cancel();
+			presenceConfig.cancel();
 			for (const stop of stops) stop();
 		};
 	});
@@ -1806,6 +4331,7 @@ function DeleteMenuItem(props) {
 	const [, setMenuOpen] = props.useMenuOpenState();
 	if (!snapshot.controls.delete) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MenuItemButton, {
+		danger: true,
 		onSelect: () => {
 			props.model.requestDelete(props.sessionId);
 			setMenuOpen(false);