@klarkxy/dsh-session-manager 0.3.0 → 0.3.1

package/README.md

@@ -4,7 +4,7 @@
 
 [简体中文](README.zh-CN.md)
 
-Find and read DeepSeek Harness sessions across working directories, start a chat in a temporary workspace, continue with one tap on an empty composer, and get a welcome-back recap after time away.
+Find and read sessions across working directories, start a chat in a temporary workspace, continue with one tap from an empty composer, and get a welcome-back recap after time away.
 
 ## Install
 
@@ -16,20 +16,20 @@ Replace `web` with your profile name and restart the profile.
 
 ## Use
 
-- **Agent tools**: `list_sessions`, `search_sessions`, and `read_session` let the agent find sessions by title or content and read a conversation, its full details, or a handoff summary. Reading a conversation returns one preview per turn, newest first; the agent pages further back with the returned cursor and opens full original content through details mode.
-- **Session context menu**: right-click a session row in the sidebar, or its **⋯** button, to open the session's actions menu without switching conversations. Left-click the row to open the conversation. Search results and blank new-session rows do not have this menu.
-- **Temporary workspace**: choose it in the new-session workspace picker to start a chat in its own new folder.
-- **Continue ghost**: with an empty composer, a grey suggestion floats in the input area. Press `Tab` to fill it into the draft, or click it to send it immediately. **Fixed text** uses the configured text, or "Continue" when that is empty. **Model-generated** uses the model chosen in that same switch. The model runs once after the previous turn ends and the line stays cached in the session, so the same turn does not call it again. Mode, fixed text, and the ghost model are all under **Continue ghost** (equivalent keys: `continueMode`, `continueText`).
-- **Welcome back**: returning to a session whose last response is older than `recapMinutes` (default 15) shows an inline card at the end of the conversation, after the last turn, with a model-written recap of what you were discussing, the progress so far, and a suggested next step. Past `compactMinutes` (default 60), the same card adds a prompt-cache expiry note with two optional buttons: **Compact context** invokes the host's native compaction command; **Continue in a new session** creates a blank session in the source session's workspace (or keeps the original directory when the source is ungrouped) and fills its draft with the recap and source session ID for you to review and send, without copying the full history. You can also ignore both buttons and send normally; nothing is compacted or switched automatically. The card disappears once you continue the conversation. Toggle each feature and set its idle threshold under the **Welcome back** settings group. After **Save** is confirmed, the current conversation is checked against the new thresholds. Time is measured from the last response, not from when the settings were saved.
-- **Welcome-back model**: the **Recap model** field under the **Welcome-back recap** toggle in the **Welcome back** settings group is only for the welcome-back recap. The ghost model is chosen inside **Continue ghost** after switching to **Model-generated**. Leaving either on the default option follows the current conversation or the host default model. The model menu supports provider groups and search. If the model list fails to load, a message and retry button appear; retrying keeps your unsaved settings.
+- **Agent tools**: `list_sessions`, `search_sessions`, and `read_session` find sessions by title or content and read a conversation, its full details, or a handoff summary. Reading a conversation returns one preview per turn, newest first; page back with the returned cursor and open full content in details mode.
+- **Session context menu**: right-click a session row or use its **⋯** button to open its actions menu without switching conversations; left-click the row to open it. Search results and blank new-session rows have no such menu.
+- **Temporary workspace**: pick it in the new-session workspace picker to chat in its own new folder.
+- **Continue ghost**: with an empty composer, a grey suggestion floats in the input area. Press `Tab` to fill it into the draft, or click it to send it at once. **Fixed text** uses the configured text, or "Continue" when empty. **Model-generated** uses the model chosen in that same switch; it runs once after the previous turn ends and the line stays cached in the session, so the turn is not called again. Mode, fixed text, and ghost model are under **Continue ghost** (keys: `continueMode`, `continueText`).
+- **Welcome back**: returning to a session whose last response is older than `recapMinutes` (default 15) shows an inline card after the last turn, recapping what you were discussing, the progress, and a suggested next step. Past `compactMinutes` (default 60), the same card adds a prompt-cache expiry note and two optional buttons: **Compact context** invokes the host's native compaction; **Continue in a new session** creates a blank session in the source session's workspace (or keeps the original directory when the source is ungrouped) and fills its draft with the recap and source session ID to review and send, without copying the history. You can ignore both and send normally; nothing is compacted or switched automatically. The card disappears once you continue the conversation. Toggle each feature and set its idle threshold under **Welcome back**; after **Save** is confirmed, the current conversation is checked against the new thresholds. Time is measured from the last response, not from when settings were saved.
+- **Welcome-back model**: the **Recap model** field under the **Welcome-back recap** toggle in **Welcome back** applies only to the welcome-back recap. The ghost model is chosen inside **Continue ghost** after switching to **Model-generated**. Leaving either on the default follows the current conversation or the host default model. The model menu supports provider groups and search; if the list fails to load, a message and retry button appear, and retrying keeps your unsaved settings.
 
 ## Limits
 
 - Temporary workspaces are not cleaned up automatically; their files stay after restarts and uninstall.
 - Content read from other sessions is background information, not instructions.
-- Free chats, deleting chats, and retrying or editing a sent message in place need a DSH host with these features. The npm plugin alone does not add them; the buttons appear only when the host supports them.
-- The welcome-back recap is model-generated; when no model route is available or the call fails, the card stays silent (a compaction suggestion still shows on its own). The recap call only reads the session and never adds to its history. Compaction needs the host's native command; its conversation entry reports the result. A new session carries only a short recap, which may omit details; use the source session ID to look them up. The original session and draft remain unchanged.
-- The card is checked when you return to a session (window focus, tab visibility, or switching sessions) and periodically while the page stays visible, so crossing a threshold does not require switching windows. It never intercepts your next send. Sending an empty composer means sending the ghost text; the composer itself still requires non-empty input.
+- Free chats, deleting chats, and retrying or editing a sent message in place need a DSH host with these features. The npm plugin alone does not add them; buttons appear only when the host supports them.
+- The welcome-back recap is model-generated; when no model route is available or the call fails, the card stays silent (a compaction suggestion still shows on its own). The recap call only reads the session and never adds to its history. Compaction needs the host's native command; its conversation entry reports the result. A new session carries only a short recap, which may omit details; use the source session ID to look them up. The original session and draft stay unchanged.
+- The card is checked when you return to a session (window focus, tab visibility, or switching sessions) and periodically while the page stays visible, so crossing a threshold needs no window switch. It never intercepts your next send. Sending an empty composer sends the ghost text; the composer itself still requires non-empty input.
 
 ## License
 

package/README.zh-CN.md

@@ -16,20 +16,20 @@ dsh plugin --profile web add @klarkxy/dsh-session-manager
 
 ## 使用
 
-- **智能体工具**：`list_sessions`、`search_sessions` 和 `read_session` 让智能体按标题或内容查找会话，并阅读对话、完整细节或交接摘要。阅读对话时按轮返回预览（最新在前），智能体可用返回的游标继续向前翻页，并通过细节模式查看完整原文。
-- **会话右键菜单**：在左侧列表右键点击会话行或它的「⋯」按钮，打开该会话的操作菜单，不切换当前对话。左键点击会话行仍打开对话。搜索结果和空白新会话行不提供此菜单。
+- **智能体工具**：`list_sessions`、`search_sessions` 和 `read_session` 按标题或内容查找会话，并阅读对话、完整细节或交接摘要。阅读对话时按轮返回预览（最新在前），可用返回的游标向前翻页，并通过细节模式查看完整原文。
+- **会话右键菜单**：右键点击左侧会话行或它的「⋯」按钮，打开该会话的操作菜单，不切换当前对话；左键仍打开对话。搜索结果和空白新会话行没有此菜单。
 - **临时工作区**：在新会话的工作区选择器中选择它，即可在一个新的独立目录中开始对话。
-- **继续灰影**：输入框为空时，输入区域会浮现灰色建议文本。按 `Tab` 填入草稿，点击它则直接发送。切到「固定文本」就使用配置的文本，留空则使用「继续」；切到「模型生成」就使用所选模型。模型只在上一轮结束后生成一次，并缓存在这个会话中，同一轮不会重复调用。模式、固定文本和灰影模型都在插件设置页的「继续灰影」分组中调整（对应配置键：`continueMode`、`continueText`）。
-- **欢迎回来**：回到一个距上次响应超过 `recapMinutes` 分钟（默认 15）的会话时，在对话末尾（最后一轮回复之后）内嵌显示模型生成的摘要卡片，说明之前在聊什么、进展到哪一步、建议的下一步。超过 `compactMinutes` 分钟（默认 60）时，同一卡片还会提示缓存可能已失效，并提供「压缩上下文」和「在新会话中继续」两个可选按钮：前者调用宿主的原生压缩命令，后者在来源会话所属的工作区内新建空白会话（来源未归属工作区时沿用原目录），将摘要和原会话 ID 填入草稿供确认后发送，不复制完整历史。也可以不点按钮，直接发送；不会自动压缩或切换会话。继续对话后卡片自动消失。两项开关和各自的空闲阈值在设置的「欢迎回来」分组中调整，点击「保存」并确认成功后，当前会话会按新阈值重新检查。时间从上次响应计算，不从保存设置时重新计时。
-- **欢迎回来模型**：「欢迎回来」分组里「欢迎回来摘要」开关下的「摘要模型」只用于欢迎回来摘要。灰影的模型在「继续灰影」里切到「模型生成」后单独选择。两者留空都跟随当前会话或宿主默认模型。模型菜单支持按供应商分组和搜索；列表加载失败时会显示原因与重试按钮，重试会保留未保存的设置。
+- **继续灰影**：输入框为空时，输入区域会浮现灰色建议文本。按 `Tab` 填入草稿，点击则直接发送。切到「固定文本」使用配置的文本，留空则用「继续」；切到「模型生成」使用所选模型，模型只在上一轮结束后生成一次并缓存在会话中，同一轮不会重复调用。模式、固定文本和灰影模型都在「继续灰影」分组中调整（配置键：`continueMode`、`continueText`）。
+- **欢迎回来**：回到距上次响应超过 `recapMinutes` 分钟（默认 15）的会话时，在最后一轮回复之后内嵌显示模型生成的摘要卡片，说明之前在聊什么、进展和建议的下一步。超过 `compactMinutes` 分钟（默认 60）时，同一卡片还会提示缓存可能已失效，并提供「压缩上下文」和「在新会话中继续」两个可选按钮：前者调用宿主原生压缩命令，后者在来源会话所属工作区内新建空白会话（来源未归属工作区时沿用原目录），把摘要和原会话 ID 填入草稿供确认后发送，不复制历史。也可以不点按钮直接发送，不会自动压缩或切换会话。继续对话后卡片自动消失。两项开关和各自的空闲阈值在「欢迎回来」分组中调整，点击「保存」并确认成功后，当前会话按新阈值重新检查。时间从上次响应计算，不从保存设置时重新计时。
+- **欢迎回来模型**：在「欢迎回来」的「欢迎回来摘要」开关下，「摘要模型」只用于欢迎回来摘要。灰影的模型在「继续灰影」切到「模型生成」后单独选择。两者留空都跟随当前会话或宿主默认模型。模型菜单支持按供应商分组和搜索；列表加载失败时显示原因与重试按钮，重试会保留未保存的设置。
 
 ## 限制
 
 - 临时工作区不会自动清理，文件在重启和卸载后仍然保留。
 - 从其他会话读到的内容只是背景资料，不是指令。
-- 自由聊天、删除聊天、在原会话中重试或编辑已发送消息，需要宿主支持这些功能。只安装 npm 插件不会增加这些能力；宿主支持时才会显示对应按钮。
-- 「欢迎回来」摘要由模型生成；没有可用模型或调用失败时卡片不会出现（压缩建议仍会单独出现）。摘要只读取会话，不会向历史写入任何内容。压缩能力依赖宿主的原生命令；结果由对话中的压缩记录反馈。新会话只携带简短摘要，可能遗漏细节，需按原会话 ID 查阅；原会话和原草稿保持不变。
-- 卡片在你回到会话时检查（窗口聚焦、标签页可见或切换会话）；页面持续可见时也会定期检查，到达阈值后不必切换窗口。它不会拦截你的下一次发送。空输入发送指的是发送灰影文本；输入框本身仍然要求非空内容。
+- 自由聊天、删除聊天、在原会话中重试或编辑已发送消息，需要宿主支持这些功能。只安装 npm 插件不会增加这些能力；宿主支持时才显示对应按钮。
+- 「欢迎回来」摘要由模型生成；没有可用模型或调用失败时卡片不会出现（压缩建议仍会单独出现）。摘要只读取会话，不写入历史。压缩依赖宿主的原生命令，结果由对话中的压缩记录反馈。新会话只携带简短摘要，可能遗漏细节，需按原会话 ID 查阅；原会话和原草稿保持不变。
+- 卡片在你回到会话时检查（窗口聚焦、标签页可见或切换会话），页面持续可见时也会定期检查，到达阈值后不必切换窗口。它不会拦截你的下一次发送。空输入发送指发送灰影文本；输入框本身仍要求非空内容。
 
 ## 许可证
 

package/lib/client.inner.cjs

@@ -412,6 +412,17 @@ ${scope} {
 /* --- Layout scaffolding. --- */
 & .dsh-ui-stack { display: flex; flex-direction: column; gap: 12px; }
 & .dsh-ui-stack-lg { display: flex; flex-direction: column; gap: 20px; }
+/* Plugin detail pages share one reading column. These are layout recipes;
+ * controls keep their own primitive styles. Form spacing follows the host's
+ * settings-form/fields.module.css and SettingsForm.module.css. */
+& .dsh-ui-page { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 760px; min-width: 0; }
+& .dsh-ui-form { display: flex; flex-direction: column; gap: 0; min-width: 0; }
+&.dsh-ui-form > .dsh-ui-field, & .dsh-ui-form > .dsh-ui-field { padding: 12px 0; }
+& .dsh-ui-form-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 16px; min-width: 0; }
+& .dsh-ui-fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; min-width: 0; margin: 0; padding: 0; border: 0; }
+@media (max-width: 560px) {
+  & .dsh-ui-fields-grid { grid-template-columns: minmax(0, 1fr); }
+}
 & .dsh-ui-row { display: flex; align-items: center; gap: 8px; min-width: 0; }
 & .dsh-ui-row-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
 & .dsh-ui-spacer { flex: 1; min-width: 0; }
@@ -439,6 +450,9 @@ ${scope} {
  * official primitive, so this only owns the vertical rhythm. --- */
 & .dsh-ui-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
 & .dsh-ui-field + .dsh-ui-field { border-top: 0.5px solid var(--dsw-alias-border-l2); padding-top: 12px; }
+/* Grid fields share a row, so the stacked-field divider must not win later in
+ * the cascade. Reset it here, after the field recipe. */
+& .dsh-ui-fields-grid > .dsh-ui-field { padding: 0; border: 0; }
 & .dsh-ui-label { display: flex; align-items: center; gap: 6px; font-size: 13px; line-height: 20px; font-weight: 500; color: var(--dsw-alias-label-primary); }
 & .dsh-ui-label-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
 & .dsh-ui-help { font-size: 12px; line-height: 1.6; color: var(--dsw-alias-label-secondary); }
@@ -629,7 +643,7 @@ ${scope} {
   & *, & *::before, & *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
 }
 }
-`.replace(/^& (\.dsh-ui-[a-z0-9-]+)(?![+>~])/gm, (_match, className) => `&${className}, & ${className}`);
+`.replace(/^& (\.dsh-ui-[a-z0-9-]+)(?=\s*\{)/gm, (_match, className) => `&${className}, & ${className}`);
 }
 //#endregion
 //#region ../dsh-model-route/src/route.ts
@@ -861,7 +875,14 @@ function useModelCatalog(load, options = {}) {
 		refresh
 	};
 }
-/** Also accepts a mapped state from a caller that owns broader async orchestration. */
+/**
+* Also accepts a mapped state from a caller that owns broader async orchestration.
+*
+* The dsh-ui-* classes carry the styling and resolve through the consuming
+* plugin's own officialUiCss scope (every consumer mounts its root class, so
+* e.g. `.dsh-model-hub .dsh-ui-loading` paints this); dsh-model-catalog-status
+* stays as a structural hook for tests and layout, never a colour source.
+*/
 function ModelCatalogStatus({ state, locale }) {
 	const zh = locale?.toLowerCase().startsWith("zh") === true;
 	const copy = zh ? {
@@ -877,15 +898,17 @@ function ModelCatalogStatus({ state, locale }) {
 	};
 	if (!state.loading && !state.error && state.failures.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "dsh-model-catalog-status",
+		className: "dsh-model-catalog-status dsh-ui-stack",
 		lang: zh ? "zh" : "en",
 		children: [
 			state.loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				role: "status",
+				className: "dsh-ui-loading",
 				children: copy.loading
 			}) : null,
 			state.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
 				role: "alert",
+				className: "dsh-ui-error dsh-ui-wrap",
 				children: [
 					copy.error,
 					": ",
@@ -894,20 +917,27 @@ function ModelCatalogStatus({ state, locale }) {
 			}) : 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}`)) })]
+				className: "dsh-ui-meta",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: copy.partial }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+					className: "dsh-ui-list",
+					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
+			state.error || state.failures.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-ui-actions",
+				children: /* @__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
 		]
 	});
@@ -967,7 +997,8 @@ function groupModelMenuChoices(choices, query) {
 * 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.
+* below may only reference allowlisted theme tokens (the --dsw-* set plus the
+* host's --ds-* motion 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`).
@@ -1475,7 +1506,8 @@ function ModelMenu(props) {
 * 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.
+* Only allowlisted --dsw- and --ds- 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; }
@@ -1498,12 +1530,14 @@ const modelMenuCss = `
   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:focus-visible:not([data-selection-focus]) { box-shadow: 0 0 0 var(--dsw-focus-ring-width) 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-chevron { color: var(--dsw-alias-label-caption); flex: none; transition: transform var(--ds-transition-duration) var(--ds-ease-in-out); }
 .dsh-model-menu-chevronOpen { transform: rotate(180deg); }
+/* Portal overlay: the host publishes no z-index token, so the card keeps the
+ * native menu layer's 1100 verbatim. */
 .dsh-model-menu-menu {
   z-index: 1100;
   --dsw-elevation-stroke-color: var(--dsw-alias-border-l1);
@@ -1529,6 +1563,8 @@ const modelMenuCss = `
 .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); }
+/* The clear button is a circle by geometry (border-radius: 50%), a shape the
+ * radius token scale does not describe. */
 .dsh-model-menu-searchClear {
   width: 24px;
   height: 24px;
@@ -1697,20 +1733,6 @@ ${modelMenuCss}
 `;
 //#endregion
 //#region src/free-panel.tsx
-function FreeChatIcon({ size }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		width: size,
-		height: size,
-		viewBox: "0 0 16 16",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			d: "M2.5 3.5h11v7.5h-4.2L6 13.5V11H2.5z",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "1.2"
-		})
-	});
-}
 /** Create failures used to surface inside the standalone panel. The panel is gone,
 * so they get a small overlay instead; closing it dismisses the stored notice. */
 function CreateNoticeDialog(props) {
@@ -1908,7 +1930,7 @@ function TemporaryWorkspacePicker(props) {
 			}] : [], {
 				id: "::temporary-workspace",
 				label: uiText(locale, "tempWorkspace"),
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FreeChatIcon, { size: 16 }),
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconNewChatOutlineRegular, { size: 16 }),
 				disabled: busy
 			}],
 			onSelect: (id) => {
@@ -1921,6 +1943,7 @@ function TemporaryWorkspacePicker(props) {
 		}),
 		props.open && workspaces.phase === "pending" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			role: "status",
+			className: `dsh-free-chat dsh-ui-loading`,
 			children: props.t("picker.loading")
 		}),
 		props.renderSlot(TEMP_WORKSPACE_FLOW_SLOT, {
@@ -1956,6 +1979,7 @@ function TemporaryWorkspacePicker(props) {
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
 			open: failure !== void 0,
+			className: FREE_CHAT_ROOT,
 			title: props.t("folderError.title"),
 			closeLabel: props.t("close"),
 			onClose: () => setFailure(void 0),
@@ -1980,6 +2004,7 @@ function TemporaryWorkspaceNotice({ model, locale }) {
 	const state = (0, react.useSyncExternalStore)(model.subscribe, model.getSnapshot, model.getSnapshot);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
 		open: state.failure !== void 0,
+		className: FREE_CHAT_ROOT,
 		title: uiText(locale, "createFailed"),
 		closeLabel: uiText(locale, "close"),
 		onClose: model.dismissFailure,
@@ -3612,7 +3637,7 @@ function SessionManagerSettings(props) {
 		});
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: `${FREE_CHAT_ROOT} dsh-ui-panel`,
+		className: `${FREE_CHAT_ROOT} dsh-ui-page`,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 				className: "dsh-ui-card",
@@ -3879,7 +3904,7 @@ function SessionManagerSettings(props) {
 				]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "dsh-ui-actions",
+				className: "dsh-ui-form-footer",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 						variant: "primary",