dsh-desktop-enhance 0.3.2 → 0.3.4

package/lib/client.js

@@ -45,6 +45,16 @@ window.__ModuleLoader__.load({
 			"sessionInfo.override.reset": "重置为全局默认",
 			"settings.title": "UI 增强",
 			"settings.description": "逐项开关本插件添加的界面增强。关闭后恢复 DSH 原生外观。",
+			"settings.enabledSummary": "已启用 ",
+			"settings.group.visual": "对话浏览与视觉",
+			"settings.group.visual.hint": "查找 · 轮次 · 压缩 · 耗时",
+			"settings.group.suggest": "智能追问建议",
+			"settings.group.suggest.hint": "每轮结束生成下一轮候选提示词",
+			"settings.group.session": "会话信息与能力管控",
+			"settings.group.session.hint": "右上角悬浮看板与工具 / Skill 全局默认策略",
+			"settings.badge.findBar": "⌘F",
+			"settings.badge.turnPrefix": "#N",
+			"settings.badge.stepDuration": "14:32 · 23s",
 			"settings.findBar": "页内查找",
 			"settings.findBar.hint": "按 Cmd+F 唤出查找条，在整个对话里搜索并高亮",
 			"settings.turnPrefix": "轮次编号",
@@ -107,6 +117,10 @@ window.__ModuleLoader__.load({
 			"settings.suggestPrompt.missingPlaceholder": "模板里必须保留 {{MAX_SUGGESTIONS}} 与 {{LABEL_MAX}} 两个占位符。",
 			"settings.suggestPrompt.missingFormat": "模板里必须保留输出格式那段（一个 JSON 数组，每条带 \"label\" 与 \"prompt\"）。",
 			"settings.suggestPrompt.placeholders": "可用占位符：",
+			"settings.suggestPrompt.edit": "编辑模板 ▾",
+			"settings.suggestPrompt.collapse": "收起模板 ▴",
+			"settings.suggestPrompt.defaultBadge": "默认模板",
+			"settings.suggestPrompt.customBadge": "已自定义",
 			"settings.readOnly": "当前宿主没有可写的设置服务，开关暂不可用；插件按默认（全部开启）运行。",
 			"settings.staleHost": "插件已更新，但应用还跑着旧的宿主半侧，这些设置改不动：请重启应用（刷新页面不够）。",
 			"settings.writeFailed": "设置没写进去，开关已退回原状态；请重试。"
@@ -148,6 +162,16 @@ window.__ModuleLoader__.load({
 			"sessionInfo.override.reset": "Reset to global default",
 			"settings.title": "UI enhancements",
 			"settings.description": "Switch each interface enhancement this plugin adds. Turning one off restores the native DSH look.",
+			"settings.enabledSummary": "Enabled ",
+			"settings.group.visual": "Conversation & visuals",
+			"settings.group.visual.hint": "Find · turns · compaction · timing",
+			"settings.group.suggest": "Next-round suggestions",
+			"settings.group.suggest.hint": "Suggests next-round prompts after each turn",
+			"settings.group.session": "Session inspector & capabilities",
+			"settings.group.session.hint": "Top-right session inspector and global tool/skill defaults",
+			"settings.badge.findBar": "⌘F",
+			"settings.badge.turnPrefix": "#N",
+			"settings.badge.stepDuration": "14:32 · 23s",
 			"settings.findBar": "Find in conversation",
 			"settings.findBar.hint": "Cmd+F opens a find bar that searches and highlights the whole conversation",
 			"settings.turnPrefix": "Turn numbers",
@@ -210,6 +234,10 @@ window.__ModuleLoader__.load({
 			"settings.suggestPrompt.missingPlaceholder": "The template must keep both the {{MAX_SUGGESTIONS}} and {{LABEL_MAX}} placeholders.",
 			"settings.suggestPrompt.missingFormat": "The template must keep the output-format clause (a JSON array whose entries carry \"label\" and \"prompt\").",
 			"settings.suggestPrompt.placeholders": "Available placeholders: ",
+			"settings.suggestPrompt.edit": "Edit template ▾",
+			"settings.suggestPrompt.collapse": "Hide template ▴",
+			"settings.suggestPrompt.defaultBadge": "Default",
+			"settings.suggestPrompt.customBadge": "Customized",
 			"settings.readOnly": "This host has no writable settings service, so the switches are unavailable; the plugin runs with its defaults (all on).",
 			"settings.staleHost": "The plugin updated, but the app is still running the old host half, so these settings cannot change: restart the app (refreshing the page is not enough).",
 			"settings.writeFailed": "The setting did not save; the switch went back. Try again."
@@ -490,6 +518,34 @@ window.__ModuleLoader__.load({
 			"toolsManager",
 			"skillsManager"
 		];
+		const SETTINGS_GROUPS = [
+			{
+				id: "visual",
+				fields: [
+					"findBar",
+					"turnPrefix",
+					"compactionRow",
+					"stepDuration"
+				]
+			},
+			{
+				id: "suggest",
+				fields: ["suggest"]
+			},
+			{
+				id: "session",
+				fields: [
+					"sessionInfo",
+					"toolsManager",
+					"skillsManager"
+				]
+			}
+		];
+		const FEATURE_BADGES = {
+			findBar: "settings.badge.findBar",
+			turnPrefix: "settings.badge.turnPrefix",
+			stepDuration: "settings.badge.stepDuration"
+		};
 		const ALL_FIELDS = [...FIELDS, ...TEXT_FIELDS];
 		function flagOn(value, field) {
 			if (value === null || typeof value !== "object") return true;
@@ -1958,13 +2014,40 @@ window.__ModuleLoader__.load({
 				send(0);
 			};
 			const drifted = ready && !readOnly ? undeclaredFields(value, ALL_FIELDS) : [];
-			const items = FIELDS.map((field) => {
+			const renderDefaultsSubpanel = (featureField, configField, key, Component) => flagOn(value, featureField) || readOnly ? h(Component, {
+				key,
+				t,
+				disabledRaw: String(readField(value, configField)),
+				disabled: readOnly || busy.includes(configField) || isUndeclared(configField),
+				onSave: (nextCanonical) => write(configField, nextCanonical)
+			}) : null;
+			const subpanels = {
+				suggest: flagOn(value, "suggest") || readOnly ? h(SuggestSettings, {
+					key: "suggest",
+					t,
+					value,
+					busy,
+					readOnly,
+					write,
+					drifted
+				}) : null,
+				toolsManager: renderDefaultsSubpanel("toolsManager", "disabledTools", "default-tools", DefaultToolsManager),
+				skillsManager: renderDefaultsSubpanel("skillsManager", "disabledSkills", "default-skills", DefaultSkillsManager)
+			};
+			const renderFeatureItem = (field) => {
 				const on = flagOn(value, field);
 				const dead = drifted.includes(field);
+				const badgeKey = FEATURE_BADGES[field];
+				const subpanel = subpanels[field] ?? null;
 				return h("div", {
-					className: "de-item",
-					key: field
-				}, h("div", { className: "de-text" }, h("div", { className: "de-title" }, t("settings." + field)), h("div", { className: "de-desc" }, t("settings." + field + ".hint"))), h("button", {
+					className: "de-item-wrap",
+					key: field,
+					"data-desktop-enhance-item": field,
+					"data-enabled": on ? "true" : "false"
+				}, h("div", { className: "de-item" }, h("div", { className: "de-text" }, h("div", { className: "de-title-row" }, h("span", { className: "de-title" }, t("settings." + field)), badgeKey !== void 0 ? h("span", {
+					className: "de-feature-badge",
+					"data-desktop-enhance-badge": field
+				}, t(badgeKey)) : null), h("div", { className: "de-desc" }, t("settings." + field + ".hint"))), h("button", {
 					type: "button",
 					className: "de-switch",
 					role: "switch",
@@ -1973,8 +2056,18 @@ window.__ModuleLoader__.load({
 					"data-desktop-enhance-field": field,
 					disabled: readOnly || dead || busy.includes(field),
 					onClick: () => write(field, !on)
-				}));
-			});
+				})), subpanel !== null ? h("div", {
+					key: `sub-${field}`,
+					className: "de-subpanel"
+				}, subpanel) : null);
+			};
+			const sectionCards = SETTINGS_GROUPS.map((group) => h("section", {
+				className: "de-section-card",
+				key: group.id,
+				"data-desktop-enhance-group": group.id
+			}, h("div", { className: "de-section-head" }, h("span", { className: "de-section-title" }, t("settings.group." + group.id)), h("span", { className: "de-section-hint" }, t("settings.group." + group.id + ".hint"))), h("div", { className: "de-section-body" }, ...group.fields.map(renderFeatureItem))));
+			const enabledCount = FIELDS.filter((field) => flagOn(value, field)).length;
+			const countText = `${String(enabledCount)}/${String(FIELDS.length)}`;
 			const note = failed.length > 0 ? h("div", {
 				className: "de-error",
 				role: "alert"
@@ -1982,30 +2075,11 @@ window.__ModuleLoader__.load({
 				className: "de-note",
 				role: "alert"
 			}, t("settings.staleHost") + "（" + drifted.map((field) => labelOf(t, field)).join("、") + "）") : null;
-			const showSuggest = flagOn(value, "suggest") || readOnly;
-			const showDefaultTools = flagOn(value, "toolsManager") || readOnly;
-			const showDefaultSkills = flagOn(value, "skillsManager") || readOnly;
-			return h("div", { "data-desktop-enhance-settings": "" }, h("div", {}, h("div", { className: "de-head-title" }, t("settings.title")), h("div", { className: "de-head-desc" }, t("settings.description"))), ...items, showDefaultTools ? h(DefaultToolsManager, {
-				key: "default-tools",
-				t,
-				disabledRaw: String(readField(value, "disabledTools")),
-				disabled: readOnly || busy.includes("disabledTools") || isUndeclared("disabledTools"),
-				onSave: (nextCanonical) => write("disabledTools", nextCanonical)
-			}) : null, showDefaultSkills ? h(DefaultSkillsManager, {
-				key: "default-skills",
-				t,
-				disabledRaw: String(readField(value, "disabledSkills")),
-				disabled: readOnly || busy.includes("disabledSkills") || isUndeclared("disabledSkills"),
-				onSave: (nextCanonical) => write("disabledSkills", nextCanonical)
-			}) : null, showSuggest ? h(SuggestSettings, {
-				key: "suggest",
-				t,
-				value,
-				busy,
-				readOnly,
-				write,
-				drifted
-			}) : null, note);
+			return h("div", { "data-desktop-enhance-settings": "" }, h("div", { className: "de-head" }, h("div", { className: "de-head-main" }, h("div", { className: "de-head-title" }, t("settings.title")), h("div", { className: "de-head-desc" }, t("settings.description"))), h("span", {
+				className: "de-head-pill",
+				"data-desktop-enhance-enabled-count": countText,
+				"data-all-off": enabledCount === 0 ? "true" : "false"
+			}, `${t("settings.enabledSummary")}${countText}`)), ...sectionCards, note);
 		}
 		function SuggestSettings({ t, value, busy, readOnly, write, drifted }) {
 			const model = textOf(value, "suggestModel");
@@ -2014,36 +2088,36 @@ window.__ModuleLoader__.load({
 			const modelDisabled = readOnly || busy.includes("suggestModel") || drifted.includes("suggestModel");
 			const effortDisabled = readOnly || busy.includes("suggestReasoning") || drifted.includes("suggestReasoning");
 			const promptDisabled = readOnly || busy.includes("suggestPrompt") || drifted.includes("suggestPrompt");
-			return h("div", { className: "de-suggest-settings" }, [
-				h("div", {
-					className: "de-item de-item-block",
-					key: "model"
-				}, h("div", { className: "de-text" }, h("div", { className: "de-title" }, t("settings.suggestModel")), h("div", { className: "de-desc" }, t("settings.suggestModel.hint"))), h(ModelPicker, {
-					model,
-					t,
-					disabled: modelDisabled,
-					onPick: (id) => write("suggestModel", id)
-				})),
-				h("div", {
-					className: "de-item de-item-block",
-					key: "reasoning"
-				}, h("div", { className: "de-text" }, h("div", { className: "de-title" }, t("settings.suggestReasoning")), h("div", { className: "de-desc" }, t("settings.suggestReasoning.hint"))), h(EffortPicker, {
-					model,
-					reasoning,
-					t,
-					disabled: effortDisabled,
-					onPick: (id) => write("suggestReasoning", id)
-				})),
-				h("div", {
-					className: "de-item de-item-block",
-					key: "prompt"
-				}, h("div", { className: "de-text" }, h("div", { className: "de-title" }, t("settings.suggestPrompt")), h("div", { className: "de-desc" }, t("settings.suggestPrompt.hint"))), h(PromptEditor, {
-					prompt,
-					t,
-					readOnly: promptDisabled,
-					onSave: (text) => write("suggestPrompt", text)
-				}))
-			]);
+			return h("div", { className: "de-suggest-settings" }, [h("div", {
+				className: "de-suggest-grid",
+				key: "grid",
+				"data-desktop-enhance-suggest-grid": "true"
+			}, [h("div", {
+				className: "de-item de-item-block",
+				key: "model"
+			}, h("div", { className: "de-text" }, h("div", { className: "de-title" }, t("settings.suggestModel")), h("div", { className: "de-desc" }, t("settings.suggestModel.hint"))), h(ModelPicker, {
+				model,
+				t,
+				disabled: modelDisabled,
+				onPick: (id) => write("suggestModel", id)
+			})), h("div", {
+				className: "de-item de-item-block",
+				key: "reasoning"
+			}, h("div", { className: "de-text" }, h("div", { className: "de-title" }, t("settings.suggestReasoning")), h("div", { className: "de-desc" }, t("settings.suggestReasoning.hint"))), h(EffortPicker, {
+				model,
+				reasoning,
+				t,
+				disabled: effortDisabled,
+				onPick: (id) => write("suggestReasoning", id)
+			}))]), h("div", {
+				className: "de-item de-item-block de-prompt-item",
+				key: "prompt"
+			}, h("div", { className: "de-text" }, h("div", { className: "de-title" }, t("settings.suggestPrompt")), h("div", { className: "de-desc" }, t("settings.suggestPrompt.hint"))), h(PromptEditor, {
+				prompt,
+				t,
+				readOnly: promptDisabled,
+				onSave: (text) => write("suggestPrompt", text)
+			}))]);
 		}
 		function ModelPicker({ model, t, disabled, onPick }) {
 			const [catalog, setCatalog] = React.useState(null);
@@ -2170,20 +2244,42 @@ window.__ModuleLoader__.load({
 			]);
 		}
 		function PromptEditor({ prompt, t, readOnly, onSave }) {
-			const [draft, setDraft] = React.useState(() => prompt === "" ? DEFAULT_PROMPT : prompt);
+			const effectivePrompt = prompt === "" ? DEFAULT_PROMPT : prompt;
+			const [draft, setDraft] = React.useState(effectivePrompt);
 			const [problem, setProblem] = React.useState(null);
+			const [open, setOpen] = React.useState(false);
 			React.useEffect(() => {
-				setDraft(prompt === "" ? DEFAULT_PROMPT : prompt);
+				setDraft(effectivePrompt);
 				setProblem(null);
-			}, [prompt]);
-			const dirty = draft !== (prompt === "" ? DEFAULT_PROMPT : prompt);
+			}, [effectivePrompt]);
+			const isCustom = effectivePrompt !== DEFAULT_PROMPT;
+			const dirty = draft !== effectivePrompt;
 			const save = () => {
 				const found = promptProblem(draft);
 				setProblem(found);
 				if (found !== null) return;
 				onSave(draft === "Do not continue the task. Instead, predict what the user is most likely to ask you next, as up to {{MAX_SUGGESTIONS}} concrete prompts written in the user's own voice (imperative, specific to this conversation: name the file, test, or follow-up they would actually type). Prefer the obvious next action (run the tests, commit, fix the thing you flagged, do the same for X) over generic ones. Write them in the same language the user has been writing in. If the conversation is clearly finished, or nothing useful comes to mind, return an empty list.\n\nAnswer with ONLY a JSON array, no prose and no code fence: [{\"label\": \"<at most {{LABEL_MAX}} characters, shown on a button>\", \"prompt\": \"<the full prompt text>\"}]" ? "" : draft);
 			};
-			return h("div", { className: "de-prompt" }, [
+			return h("div", { className: "de-prompt" }, [h("div", {
+				key: "bar",
+				className: "de-prompt-bar"
+			}, [h("span", {
+				key: "status",
+				className: "de-defaults-pill",
+				"data-desktop-enhance-prompt-status": isCustom ? "custom" : "default"
+			}, t(isCustom ? "settings.suggestPrompt.customBadge" : "settings.suggestPrompt.defaultBadge")), h("button", {
+				key: "toggle",
+				type: "button",
+				className: "de-button",
+				"data-desktop-enhance-prompt-toggle": "true",
+				"aria-expanded": open ? "true" : "false",
+				onClick: () => setOpen((v) => !v)
+			}, t(open ? "settings.suggestPrompt.collapse" : "settings.suggestPrompt.edit"))]), h("div", {
+				key: "body",
+				className: "de-prompt-body",
+				"data-desktop-enhance-prompt-body": "true",
+				hidden: !open
+			}, [
 				h("textarea", {
 					key: "box",
 					className: "de-textarea",
@@ -2230,7 +2326,7 @@ window.__ModuleLoader__.load({
 						setProblem(null);
 					}
 				}, t("settings.suggestPrompt.reset"))])
-			]);
+			])]);
 		}
 		function renderDefaultSummaryTags(disabledNames, t, prefixKey, tagAttr) {
 			if (disabledNames.length === 0) return h("div", {
@@ -3789,6 +3885,13 @@ window.__ModuleLoader__.load({
 		//#region src/client/session-info/tools-popover.ts
 		const TOOLS_POPOVER_ATTR = "data-desktop-enhance-tools-popover";
 		const SKILLS_POPOVER_ATTR = "data-desktop-enhance-skills-popover";
+		const POPOVER_BACKDROP_ATTR = "data-desktop-enhance-popover-backdrop";
+		function removePopoverBackdrop(root) {
+			if (root === null || root === void 0 || typeof root.querySelector !== "function") return;
+			const existing = root.querySelector(`[${POPOVER_BACKDROP_ATTR}]`);
+			if (existing !== null) existing.remove();
+		}
+		const popoverLiveHandlers = new WeakMap();
 		function populateSummaryContainer(container, opts) {
 			const { kind, t, titleKey, manageKey, closeKey, disabledPrefixKey, enabledCount, totalCount, disabledInCatalog, customized, popoverOpen, onTogglePopover } = opts;
 			const row = globalThis.document.createElement("div");
@@ -4178,13 +4281,20 @@ window.__ModuleLoader__.load({
 			return groups.map(buildGroupDom);
 		}
 		function syncAnchoredPopoverShell(opts) {
-			const { root, popoverAttr, kind, t, titleKey, hintKey, searchPlaceholderKey, searchQuery, totalCount, disabledInCatalogCount, hasAnyDisabled, customized, writable, onSearchChange, onEnableAll, onResetOverride, onRefreshCatalog, onClose, renderTreeNodes } = opts;
+			const { root, popoverAttr, kind, t, titleKey, hintKey, searchPlaceholderKey, searchQuery, totalCount, disabledInCatalogCount, hasAnyDisabled, customized, writable, compact = false, onSearchChange, onEnableAll, onResetOverride, onRefreshCatalog, onClose, renderTreeNodes } = opts;
+			removePopoverBackdrop(root);
+			if (compact) {
+				const backdrop = globalThis.document.createElement("div");
+				backdrop.setAttribute(POPOVER_BACKDROP_ATTR, kind);
+				backdrop.addEventListener("click", onClose);
+				root.appendChild(backdrop);
+			}
 			const enableAllAttr = `data-${kind}-popover-enable-all`;
 			const refreshAttr = `data-${kind}-popover-refresh`;
 			let pop = root.querySelector(`[${popoverAttr}]`);
 			if (pop === null) {
-				pop = globalThis.document.createElement("aside");
-				pop.setAttribute(popoverAttr, "");
+				const newPop = globalThis.document.createElement("aside");
+				newPop.setAttribute(popoverAttr, "");
 				const head = globalThis.document.createElement("div");
 				head.setAttribute("data-tools-popover-header", "");
 				const titleWrap = globalThis.document.createElement("div");
@@ -4203,9 +4313,11 @@ window.__ModuleLoader__.load({
 				closeBtn.setAttribute("data-tools-popover-close", "");
 				if (kind === "skills") closeBtn.setAttribute("data-skills-popover-close", "");
 				closeBtn.textContent = "✕";
-				closeBtn.addEventListener("click", onClose);
+				closeBtn.addEventListener("click", () => {
+					popoverLiveHandlers.get(newPop)?.onClose();
+				});
 				head.appendChild(closeBtn);
-				pop.appendChild(head);
+				newPop.appendChild(head);
 				const body = globalThis.document.createElement("div");
 				body.setAttribute("data-tools-popover-body", "");
 				const overrideSlot = globalThis.document.createElement("div");
@@ -4220,7 +4332,7 @@ window.__ModuleLoader__.load({
 				searchInput.setAttribute("placeholder", t(searchPlaceholderKey));
 				searchInput.value = searchQuery;
 				searchInput.addEventListener("input", () => {
-					onSearchChange(searchInput.value);
+					popoverLiveHandlers.get(newPop)?.onSearchChange(searchInput.value);
 				});
 				toolbar.appendChild(searchInput);
 				const actions = globalThis.document.createElement("div");
@@ -4229,14 +4341,18 @@ window.__ModuleLoader__.load({
 				enableAllBtn.setAttribute("type", "button");
 				enableAllBtn.setAttribute("data-tools-btn", "");
 				enableAllBtn.setAttribute(enableAllAttr, "");
-				enableAllBtn.addEventListener("click", onEnableAll);
+				enableAllBtn.addEventListener("click", () => {
+					popoverLiveHandlers.get(newPop)?.onEnableAll();
+				});
 				actions.appendChild(enableAllBtn);
 				const refreshBtn = globalThis.document.createElement("button");
 				refreshBtn.setAttribute("type", "button");
 				refreshBtn.setAttribute("data-tools-btn", "");
 				refreshBtn.setAttribute(refreshAttr, "");
 				refreshBtn.textContent = t("settings.tools.refresh");
-				refreshBtn.addEventListener("click", onRefreshCatalog);
+				refreshBtn.addEventListener("click", () => {
+					popoverLiveHandlers.get(newPop)?.onRefreshCatalog();
+				});
 				actions.appendChild(refreshBtn);
 				toolbar.appendChild(actions);
 				body.appendChild(toolbar);
@@ -4244,9 +4360,17 @@ window.__ModuleLoader__.load({
 				treeContainer.setAttribute("data-tools-popover-tree", "");
 				if (kind === "skills") treeContainer.setAttribute("data-skills-popover-tree", "");
 				body.appendChild(treeContainer);
-				pop.appendChild(body);
-				root.appendChild(pop);
+				newPop.appendChild(body);
+				root.appendChild(newPop);
+				pop = newPop;
 			}
+			popoverLiveHandlers.set(pop, {
+				onSearchChange,
+				onEnableAll,
+				onRefreshCatalog,
+				onClose
+			});
+			pop.setAttribute("data-compact", compact ? "true" : "false");
 			syncOverrideBanner(pop, t, customized, writable, onResetOverride);
 			const enableAllBtn = pop.querySelector(`[${enableAllAttr}]`);
 			if (enableAllBtn !== null) {
@@ -4260,7 +4384,7 @@ window.__ModuleLoader__.load({
 			return pop;
 		}
 		function syncToolsPopover(props) {
-			const { root, t, toolsCatalog, disabledSet, disabledInCatalog, customized = false, searchQuery, expandedToolNodes, writable, onSearchChange, onToggleNodeExpand, onCommitSet, onResetOverride, onRefreshCatalog, onClose } = props;
+			const { root, t, toolsCatalog, disabledSet, disabledInCatalog, customized = false, searchQuery, expandedToolNodes, writable, compact = false, onSearchChange, onToggleNodeExpand, onCommitSet, onResetOverride, onRefreshCatalog, onClose } = props;
 			return syncAnchoredPopoverShell({
 				root,
 				popoverAttr: TOOLS_POPOVER_ATTR,
@@ -4275,6 +4399,7 @@ window.__ModuleLoader__.load({
 				hasAnyDisabled: disabledSet.size > 0,
 				customized,
 				writable,
+				compact,
 				onSearchChange,
 				onEnableAll: () => onCommitSet(new Set()),
 				onResetOverride,
@@ -4293,7 +4418,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function syncSkillsPopover(props) {
-			const { root, t, skillsCatalog, disabledSet, disabledInCatalog, customized = false, searchQuery, expandedSkillScopes, writable, onSearchChange, onToggleScopeExpand, onCommitSet, onResetOverride, onRefreshCatalog, onPreviewSkill, onClose } = props;
+			const { root, t, skillsCatalog, disabledSet, disabledInCatalog, customized = false, searchQuery, expandedSkillScopes, writable, compact = false, onSearchChange, onToggleScopeExpand, onCommitSet, onResetOverride, onRefreshCatalog, onPreviewSkill, onClose } = props;
 			return syncAnchoredPopoverShell({
 				root,
 				popoverAttr: SKILLS_POPOVER_ATTR,
@@ -4308,6 +4433,7 @@ window.__ModuleLoader__.load({
 				hasAnyDisabled: disabledSet.size > 0,
 				customized,
 				writable,
+				compact,
 				onSearchChange,
 				onEnableAll: () => onCommitSet(new Set()),
 				onResetOverride,
@@ -4332,6 +4458,12 @@ window.__ModuleLoader__.load({
 		const SESSION_INFO_ATTR = "data-desktop-enhance-session-info";
 		const SESSION_INFO_URL = SESSION_INFO_ROUTE;
 		const RECONCILE_MS = 700;
+		function isCompactViewport() {
+			const cls = globalThis.document?.body?.getAttribute?.("class") ?? "";
+			if (cls !== "" && cls.split(/\s+/).includes("dsh-remote-portrait")) return true;
+			const width = globalThis.innerWidth;
+			return typeof width === "number" && width > 0 && width <= 768;
+		}
 		function openSkillInHost(ctx, sessionId, name) {
 			if (sessionId === "" || name === "") return false;
 			const sessions = ctx.get("sessions");
@@ -4381,6 +4513,7 @@ window.__ModuleLoader__.load({
 		function renderSignature(state) {
 			return JSON.stringify({
 				minimized: state.minimized,
+				compact: state.compact,
 				collapsed: [...state.collapsedSections].sort(),
 				sections: state.sections,
 				toolsEnabled: state.toolsEnabled,
@@ -4490,7 +4623,7 @@ window.__ModuleLoader__.load({
 			let unsubscribeSource = null;
 			let hostProjection = null;
 			let fetchToken = 0;
-			let minimized = false;
+			let userMinimized = null;
 			const collapsedSections = new Set();
 			let mountedPanel = null;
 			let mountedToolsPopover = null;
@@ -4524,13 +4657,16 @@ window.__ModuleLoader__.load({
 					mountedSkillsPopover = null;
 				}
 			}
-			function removePanel() {
+			function removePanel(root) {
+				const fallbackParent = mountedPanel?.parentElement ?? mountedPanel?.parentNode ?? null;
+				const hostRoot = root ?? fallbackParent;
 				if (mountedPanel !== null) {
 					mountedPanel.remove();
 					mountedPanel = null;
 				}
 				removeToolsPopover();
 				removeSkillsPopover();
+				removePopoverBackdrop(hostRoot);
 				lastSignature = "";
 			}
 			function detach() {
@@ -4548,6 +4684,7 @@ window.__ModuleLoader__.load({
 				activeSessionId = null;
 				hostProjection = null;
 				activePopover = null;
+				userMinimized = null;
 				removePanel();
 			}
 			function ensureToolsCatalog(root, sessionId, force = false) {
@@ -4633,9 +4770,12 @@ window.__ModuleLoader__.load({
 				const clientProjection = currentClientProjection();
 				const sections = buildSessionInfoSections(mergeSkillProjections(hostProjection, clientProjection), t);
 				const totalItems = sections.reduce((sum, sec) => sum + sec.items.length, 0);
+				const compact = isCompactViewport();
+				const minimized = userMinimized ?? compact;
 				const sig = renderSignature({
 					sections,
 					minimized,
+					compact,
 					collapsedSections,
 					toolsEnabled,
 					toolsWritable,
@@ -4655,6 +4795,7 @@ window.__ModuleLoader__.load({
 				});
 				let panel = root.querySelector(`[${SESSION_INFO_ATTR}]`);
 				if (panel === null) {
+					if (mountedPanel !== null) removePanel();
 					panel = globalThis.document.createElement("aside");
 					panel.setAttribute(SESSION_INFO_ATTR, "");
 					root.appendChild(panel);
@@ -4664,6 +4805,7 @@ window.__ModuleLoader__.load({
 				if (sig === lastSignature) return;
 				lastSignature = sig;
 				panel.setAttribute("data-minimized", minimized ? "true" : "false");
+				panel.setAttribute("data-compact", compact ? "true" : "false");
 				panel.setAttribute("data-empty", totalItems === 0 ? "true" : "false");
 				const header = globalThis.document.createElement("button");
 				header.setAttribute("type", "button");
@@ -4677,9 +4819,12 @@ window.__ModuleLoader__.load({
 				titleWrap.appendChild(dot);
 				const titleText = globalThis.document.createElement("span");
 				if (minimized) {
-					const parts = sections.map((sec) => sec.id === "skills" && skillsEnabled && skillsCatalog.length > 0 ? `${sec.shortLabel} ${String(sec.items.length)} (${String(enabledSkillsCount)}/${String(skillsCatalog.length)})` : `${sec.shortLabel} ${String(sec.items.length)}`);
+					const parts = sections.map((sec) => {
+						if (sec.id === "skills" && skillsEnabled && skillsCatalog.length > 0) return !compact || disabledSkillsInCatalog.length > 0 ? `${sec.shortLabel} ${String(sec.items.length)} (${String(enabledSkillsCount)}/${String(skillsCatalog.length)})` : `${sec.shortLabel} ${String(sec.items.length)}`;
+						return `${sec.shortLabel} ${String(sec.items.length)}`;
+					});
 					if (toolsEnabled && toolsCatalog.length > 0) parts.push(`${t("sessionInfo.tools.short")} ${String(enabledToolsCount)}/${String(toolsCatalog.length)}`);
-					titleText.textContent = `${t("sessionInfo.title")} · ${parts.join(" · ")}`;
+					titleText.textContent = compact ? parts.join(" · ") : `${t("sessionInfo.title")} · ${parts.join(" · ")}`;
 				} else titleText.textContent = t("sessionInfo.title");
 				titleWrap.appendChild(titleText);
 				header.appendChild(titleWrap);
@@ -4688,11 +4833,23 @@ window.__ModuleLoader__.load({
 				toggleIcon.textContent = minimized ? "▾" : "−";
 				header.appendChild(toggleIcon);
 				header.addEventListener("click", () => {
-					minimized = !minimized;
-					if (minimized) activePopover = null;
+					userMinimized = !(userMinimized ?? isCompactViewport());
+					if (userMinimized) activePopover = null;
 					paint(root, sessionId);
 				});
 				const children = [header];
+				const closePopover = () => {
+					activePopover = null;
+					lastSignature = "";
+					paint(root, sessionId);
+				};
+				const openSkillPreview = (skillName) => {
+					openSkillInHost(ctx, sessionId, skillName);
+					if (compact) {
+						userMinimized = true;
+						closePopover();
+					}
+				};
 				if (!minimized) {
 					for (const sec of sections) {
 						const secCollapsed = collapsedSections.has(sec.id);
@@ -4753,7 +4910,7 @@ window.__ModuleLoader__.load({
 								}
 								row.appendChild(metaSpan);
 								row.addEventListener("click", () => {
-									openSkillInHost(ctx, sessionId, item.name);
+									openSkillPreview(item.name);
 								});
 								body.appendChild(row);
 							}
@@ -4801,6 +4958,7 @@ window.__ModuleLoader__.load({
 						searchQuery: toolsSearchQuery,
 						expandedToolNodes,
 						writable: toolsWritable,
+						compact,
 						onSearchChange: (nextQuery) => {
 							toolsSearchQuery = nextQuery;
 							lastSignature = "";
@@ -4827,11 +4985,7 @@ window.__ModuleLoader__.load({
 						onRefreshCatalog: () => {
 							ensureToolsCatalog(root, sessionId, true);
 						},
-						onClose: () => {
-							activePopover = null;
-							lastSignature = "";
-							paint(root, sessionId);
-						}
+						onClose: closePopover
 					});
 				} else if (activePopover === "skills" && !minimized) {
 					removeToolsPopover();
@@ -4845,6 +4999,7 @@ window.__ModuleLoader__.load({
 						searchQuery: skillsSearchQuery,
 						expandedSkillScopes,
 						writable: skillsWritable,
+						compact,
 						onSearchChange: (nextQuery) => {
 							skillsSearchQuery = nextQuery;
 							lastSignature = "";
@@ -4871,18 +5026,13 @@ window.__ModuleLoader__.load({
 						onRefreshCatalog: () => {
 							ensureSkillsCatalog(root, sessionId, true);
 						},
-						onPreviewSkill: (skillName) => {
-							openSkillInHost(ctx, sessionId, skillName);
-						},
-						onClose: () => {
-							activePopover = null;
-							lastSignature = "";
-							paint(root, sessionId);
-						}
+						onPreviewSkill: openSkillPreview,
+						onClose: closePopover
 					});
 				} else {
 					removeToolsPopover();
 					removeSkillsPopover();
+					removePopoverBackdrop(root);
 				}
 			}
 			function triggerHostRefresh(sessionId, root) {
@@ -4947,9 +5097,16 @@ window.__ModuleLoader__.load({
 				});
 				observer.observe(globalThis.document.documentElement, {
 					childList: true,
-					subtree: true
+					subtree: true,
+					attributes: true,
+					attributeFilter: ["class"]
 				});
+				const onResize = () => {
+					sync();
+				};
+				globalThis.addEventListener?.("resize", onResize);
 				return () => {
+					globalThis.removeEventListener?.("resize", onResize);
 					observer.disconnect();
 					detach();
 				};
@@ -4959,7 +5116,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-desktop-enhance-css:/Users/lijiechengbj/projects/AI-agents/dsh-desktop-enhance/src/client/styles/enhance.css.mjs
-		var enhance_css_default = "\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-compaction\"]) {\n  content-visibility: visible !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"][hidden=\"until-found\"],\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"][hidden=\"until-found\"] {\n  content-visibility: visible !important;\n}\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  [data-turn-process-member=\"true\"]:not([data-chat-flow-kind=\"compaction\"]):not([data-chat-flow-kind=\"manual-compaction\"]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-compaction\"])\n  [data-turn-process-member=\"true\"]:not([data-chat-flow-kind=\"compaction\"]):not([data-chat-flow-kind=\"manual-compaction\"]) {\n  display: none !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-step-process=\"true\"][hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  > div:has(> [data-process-activity]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-step-process=\"true\"][hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-compaction\"])\n  > div:has(> [data-process-activity]) {\n  display: none !important;\n}\n\n\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"compaction\"],\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"manual-compaction\"] {\n  padding: 6px 0 !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"compaction\"] button,\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"manual-compaction\"] button {\n  width: fit-content !important;\n  margin: 0 auto !important;\n  height: auto !important;\n  min-height: 28px;\n  padding: 0 14px !important;\n  justify-content: center !important;\n  background: var(--dsw-alias-state-warn-tertiary) !important;\n  border-radius: 999px !important;\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dsw-alias-state-warn-primary) 45%, transparent);\n  color: var(--dsw-alias-state-warn-label) !important;\n}\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button:hover:not(:disabled),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button:hover:not(:disabled) {\n  background: var(--dsw-alias-state-warn-secondary) !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button:has([data-compaction-disclosure=\"expanded\"]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button:has([data-compaction-disclosure=\"expanded\"]) {\n  width: 100% !important;\n  margin: 0 !important;\n  border-radius: var(--dsw-radius-sm) !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button > span:not([aria-hidden]):not(:last-child),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button > span:not([aria-hidden]):not(:last-child) {\n  font-weight: 600;\n}\n\n\n[data-desktop-enhance-reveal] {\n  content-visibility: visible !important;\n}\n[hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  [data-turn-process-member=\"true\"][data-desktop-enhance-reveal]:not([data-chat-flow-kind=\"compaction\"]) {\n  display: revert !important;\n}\n\n\n:root:not([data-desktop-enhance-off-turn-prefix]) [data-desktop-enhance-turn]::before {\n  content: attr(data-desktop-enhance-turn);\n  flex: none;\n  margin-right: 6px;\n  padding: 0 5px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n  font: var(--dsw-font-xxxs-strong-11);\n}\n\n\n\n:root[data-desktop-enhance-off-find-bar] [data-desktop-enhance-findbar] {\n  display: none !important;\n}\n[data-desktop-enhance-findbar] {\n  position: absolute;\n  top: 12px;\n  right: 20px;\n  z-index: 30;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-elevation-panel);\n}\n[data-desktop-enhance-findbar] input {\n  width: 200px;\n  border: none;\n  outline: none;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n}\n[data-desktop-enhance-findbar] input:focus-visible {\n  outline: 1px solid var(--dsw-focus-ring-color);\n  outline-offset: 2px;\n}\n[data-desktop-enhance-findbar] .count {\n  min-width: 44px;\n  text-align: right;\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-findbar] button {\n  display: grid;\n  place-items: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: var(--dsw-radius-xs);\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: var(--dsw-font-s-14);\n}\n[data-desktop-enhance-findbar] button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n[data-desktop-enhance-findbar] button:disabled {\n  opacity: .4;\n  cursor: default;\n}\n::highlight(desktop-enhance-find) {\n  background-color: var(--dsw-alias-state-warn-tertiary);\n}\n::highlight(desktop-enhance-find-current) {\n  background-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-label-primary-inverted);\n}\n\n\n[data-desktop-enhance-settings] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 16px 0;\n}\n[data-desktop-enhance-settings] .de-head-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n  font-weight: 600;\n}\n[data-desktop-enhance-settings] .de-head-desc,\n[data-desktop-enhance-settings] .de-desc {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n[data-desktop-enhance-settings] .de-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n[data-desktop-enhance-settings] .de-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n}\n\n[data-desktop-enhance-settings] .de-switch {\n  position: relative;\n  flex: none;\n  width: 36px;\n  height: 20px;\n  padding: 0;\n  border: none;\n  border-radius: 999px;\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  cursor: pointer;\n  transition: background .15s;\n}\n[data-desktop-enhance-settings] .de-switch::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--dsw-alias-switch-thumb);\n  transition: transform .15s;\n}\n[data-desktop-enhance-settings] .de-switch[aria-checked=\"true\"] {\n  background: var(--dsw-alias-state-success-primary);\n}\n[data-desktop-enhance-settings] .de-switch[aria-checked=\"true\"]::after {\n  transform: translateX(16px);\n}\n[data-desktop-enhance-settings] .de-switch:disabled {\n  opacity: .5;\n  cursor: default;\n}\n[data-desktop-enhance-settings] .de-note {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-error {\n  color: var(--dsw-alias-state-error-primary);\n  font: var(--dsw-font-xxs-12);\n}\n\n\n\n[data-desktop-enhance-settings] .de-suggest-settings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  \n  border-top: 1px solid var(--dsw-alias-border-l1);\n  margin-top: 4px;\n  padding-top: 12px;\n}\n[data-desktop-enhance-settings] .de-item-block {\n  align-items: stretch;\n  flex-direction: column;\n  gap: 6px;\n}\n[data-desktop-enhance-settings] .de-select,\n[data-desktop-enhance-settings] .de-text-input,\n[data-desktop-enhance-settings] .de-textarea {\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xs-13);\n  padding: 6px 8px;\n  width: 100%;\n}\n[data-desktop-enhance-settings] .de-select:disabled,\n[data-desktop-enhance-settings] .de-text-input:disabled,\n[data-desktop-enhance-settings] .de-textarea:disabled {\n  opacity: .5;\n}\n\n[data-desktop-enhance-settings] .de-textarea {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  line-height: 1.5;\n  resize: vertical;\n  white-space: pre-wrap;\n}\n[data-desktop-enhance-settings] .de-prompt {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n[data-desktop-enhance-settings] .de-prompt-meta {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-prompt-actions {\n  display: flex;\n  gap: 8px;\n}\n[data-desktop-enhance-settings] .de-button {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: var(--dsw-font-xxs-12);\n  padding: 4px 10px;\n}\n[data-desktop-enhance-settings] .de-button:hover {\n  border-color: var(--dsw-alias-border-l2);\n}\n[data-desktop-enhance-settings] .de-button:disabled {\n  cursor: default;\n  opacity: .5;\n}\n\n\n\n\n:root[data-desktop-enhance-off-suggest] [data-desktop-enhance='suggest'] {\n  display: none !important;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest {\n  align-items: center;\n  \n  background: color-mix(in srgb, var(--dsw-alias-state-business-tertiary) 10%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 20%, transparent);\n  border-radius: var(--dsw-radius-md);\n  box-sizing: border-box;\n  display: flex;\n  \n  flex-wrap: wrap;\n  gap: 6px;\n  \n  margin: 0 auto 6px;\n  max-width: var(--dsh-composer-card-max-width, 100%);\n  \n  min-width: 0;\n  \n  padding: 4px 10px 4px 13px;\n  width: calc(100% - var(--dsh-composer-side-clearance, 0px) - var(--dsh-composer-side-clearance, 0px));\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-head {\n  align-items: center;\n  display: flex;\n  flex: none;\n  gap: 2px;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xs-13);\n  font-weight: 500;\n  \n  white-space: nowrap;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-close {\n  appearance: none;\n  background: none;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  flex: none;\n  font: var(--dsw-font-xxs-12);\n  line-height: 1;\n  padding: 2px 4px;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-close:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row {\n  appearance: none;\n  align-items: center;\n  background: none;\n  \n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 35%, transparent);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  display: flex;\n  flex: 0 1 auto;\n  font: var(--dsw-font-xs-13);\n  gap: 6px;\n  \n  max-width: 100%;\n  min-width: 0;\n  padding: 4px 10px;\n  text-align: left;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row:hover {\n  background: var(--dsw-alias-state-business-tertiary);\n  border-color: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-state-business-primary);\n  transition: background-color .12s ease, border-color .12s ease, color .12s ease;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row[data-used='true'] {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-label-secondary);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-num {\n  color: var(--dsw-alias-label-primary);\n  flex: none;\n  font: var(--dsw-font-xs-13);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-text {\n  max-width: 22ch;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-loading {\n  border-style: dashed;\n  color: var(--dsw-alias-label-secondary);\n  cursor: default;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-error {\n  color: var(--dsw-alias-state-error-primary);\n  flex: 1 1 auto;\n  font: var(--dsw-font-xxs-12);\n  min-width: 0;\n  padding: 2px;\n}\n\n\n:root:not([data-desktop-enhance-off-step-duration]) [data-desktop-enhance-duration]::after {\n  content: attr(data-desktop-enhance-duration);\n  \n  margin-left: 8px;\n  font-size: inherit;\n  line-height: inherit;\n  \n  font-variant-numeric: tabular-nums;\n  color: inherit;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n:root:not([data-desktop-enhance-off-step-duration])\n  [data-desktop-enhance-duration]:has([data-step-process-icon])::after {\n  margin-left: 2px;\n}\n\n\n:root[data-desktop-enhance-off-session-info] [data-desktop-enhance-session-info] {\n  display: none !important;\n}\n:root:not([data-desktop-enhance-off-session-info]) [data-desktop-enhance-session-info] {\n  position: absolute;\n  top: 12px;\n  right: 36px;\n  z-index: 10;\n  width: 244px;\n  box-sizing: border-box;\n  border-radius: var(--dsw-radius-lg);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 90%, transparent);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  box-shadow: var(--dsw-elevation-panel);\n  color: var(--dsw-alias-label-primary);\n  overflow: hidden;\n}\n:root:not([data-desktop-enhance-off-session-info])\n  [data-desktop-enhance-session-info][data-minimized=\"true\"] {\n  width: auto;\n  border-radius: 999px;\n}\n[data-desktop-enhance-session-info] [data-session-info-header] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 10px;\n  border: none;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  background: color-mix(in srgb, var(--dsw-alias-bg-module-platform) 60%, transparent);\n  color: var(--dsw-alias-label-secondary);\n  font: var(--dsw-font-xxs-strong-12, 600 12px/18px sans-serif);\n  cursor: pointer;\n  user-select: none;\n}\n[data-desktop-enhance-session-info][data-minimized=\"true\"] [data-session-info-header] {\n  border-bottom: none;\n  background: transparent;\n  padding: 5px 11px;\n}\n[data-desktop-enhance-session-info] [data-session-info-header]:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n[data-desktop-enhance-session-info] [data-session-info-title] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n[data-desktop-enhance-session-info] [data-session-info-dot] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  flex: none;\n  background: var(--dsw-alias-state-business-primary);\n  box-shadow: 0 0 0 2.5px var(--dsw-alias-state-business-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-dot=\"idle\"] {\n  background: var(--dsw-alias-label-caption);\n  box-shadow: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-chevron] {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  line-height: 1;\n}\n[data-desktop-enhance-session-info] [data-session-info-section] {\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n[data-desktop-enhance-session-info] [data-session-info-section]:last-child {\n  border-bottom: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-section-header] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 10px;\n  border: none;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xxs-strong-12, 600 12px/18px sans-serif);\n  cursor: pointer;\n  user-select: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-section-header]:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n[data-desktop-enhance-session-info] [data-session-info-section-label] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-width: 0;\n}\n[data-desktop-enhance-session-info] [data-session-info-arrow] {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n[data-desktop-enhance-session-info] [data-session-info-count] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  font-weight: 600;\n  padding: 0 5px;\n  line-height: 16px;\n  border-radius: 999px;\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-desktop-enhance-session-info][data-empty=\"true\"] [data-session-info-count] {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-body] {\n  padding: 2px 6px 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 184px;\n  overflow-y: auto;\n}\n[data-desktop-enhance-session-info] [data-session-info-empty] {\n  padding: 4px 6px;\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-session-info] [data-session-info-item] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 5px 8px;\n  border: none;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n}\n[data-desktop-enhance-session-info] [data-session-info-item]:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n[data-desktop-enhance-session-info] [data-session-info-item-name] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n[data-desktop-enhance-session-info] [data-session-info-item-meta] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  flex: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-item-badge] {\n  font-size: 10.5px;\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-item-turn] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  padding: 0 5px;\n  line-height: 16px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n:root[data-desktop-enhance-off-tools-manager] [data-session-info-section=\"tools\"],\n:root[data-desktop-enhance-off-tools-manager] [data-desktop-enhance-tools-popover],\n:root[data-desktop-enhance-off-tools-manager] [data-desktop-enhance-defaults=\"tools\"] {\n  display: none !important;\n}\n:root[data-desktop-enhance-off-skills-manager] [data-session-info-skills-summary],\n:root[data-desktop-enhance-off-skills-manager] [data-desktop-enhance-skills-popover],\n:root[data-desktop-enhance-off-skills-manager] [data-desktop-enhance-defaults=\"skills\"] {\n  display: none !important;\n}\n[data-desktop-enhance-session-info] [data-session-info-skills-summary] {\n  border-top: 0.5px dashed var(--dsw-alias-border-l2);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-row] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 10px;\n  gap: 8px;\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-left] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-title] {\n  font: var(--dsw-font-xxs-strong-12, 600 12px/18px sans-serif);\n  color: var(--dsw-alias-label-primary);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-count] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  font-weight: 600;\n  padding: 0 5px;\n  line-height: 16px;\n  border-radius: 999px;\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-count][data-has-disabled=\"true\"] {\n  background: var(--dsw-alias-state-warn-tertiary);\n  color: var(--dsw-alias-state-warn-label);\n}\n[data-desktop-enhance-session-info] [data-session-info-override-badge] {\n  font-size: 10px;\n  padding: 0 5px;\n  line-height: 15px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-state-business-primary);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 25%, transparent);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-manage] {\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 30%, transparent);\n  border-radius: var(--dsw-radius-xs);\n  padding: 2px 8px;\n  font: var(--dsw-font-xxs-strong-12, 600 11px/16px sans-serif);\n  cursor: pointer;\n  flex: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-manage]:hover {\n  background: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-bg-layer-1);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-disabled],\n[data-desktop-enhance-session-info] [data-session-info-skills-disabled] {\n  padding: 0 10px 7px;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 4px;\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-muted],\n[data-desktop-enhance-tools-popover] [data-session-info-tools-muted],\n[data-desktop-enhance-skills-popover] [data-session-info-tools-muted] {\n  font: var(--dsw-font-xxs-12);\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-tag],\n[data-desktop-enhance-session-info] [data-session-info-skills-tag] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10.5px;\n  padding: 1px 5px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n  text-decoration: line-through;\n}\n:root:not([data-desktop-enhance-off-tools-manager]) [data-desktop-enhance-tools-popover],\n:root:not([data-desktop-enhance-off-skills-manager]) [data-desktop-enhance-skills-popover] {\n  position: absolute;\n  top: 12px;\n  right: 292px;\n  width: 520px;\n  max-width: calc(100% - 308px);\n  z-index: 20;\n  background: var(--dsw-alias-bg-layer-2);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  box-shadow: var(--dsw-alias-shadow-l2, 0 8px 24px color-mix(in srgb, var(--dsw-alias-label-primary) 12%, transparent));\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  font: var(--dsw-font-xxs-12);\n  color: var(--dsw-alias-label-primary);\n}\n[data-tools-popover-header] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3);\n}\n[data-tools-popover-title-wrap] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n[data-tools-popover-title] {\n  font: var(--dsw-font-xs-strong-13, 600 13px/18px sans-serif);\n  color: var(--dsw-alias-label-primary);\n}\n[data-tools-popover-close] {\n  background: transparent;\n  border: none;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: var(--dsw-font-xs-13);\n  padding: 4px 6px;\n  border-radius: var(--dsw-radius-xs);\n}\n[data-tools-popover-close]:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-primary);\n}\n[data-tools-popover-body] {\n  display: flex;\n  flex-direction: column;\n  padding: 10px 12px;\n  gap: 8px;\n}\n[data-popover-override-banner] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 10px;\n  border-radius: var(--dsw-radius-sm);\n  background: color-mix(in srgb, var(--dsw-alias-state-business-tertiary) 45%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 25%, transparent);\n  font-size: 11.5px;\n  color: var(--dsw-alias-label-primary);\n}\n[data-tools-popover-toolbar] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n[data-tools-popover-search] {\n  flex: 1 1 auto;\n  min-width: 0;\n  background: var(--dsw-alias-bg-layer-1);\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  padding: 5px 9px;\n  font: var(--dsw-font-xxs-12);\n  color: var(--dsw-alias-label-primary);\n}\n[data-tools-popover-actions] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n}\n[data-tools-popover-tree] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 380px;\n  overflow-y: auto;\n  padding-right: 2px;\n}\n[data-tools-node-header] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 5px 8px;\n  border-radius: var(--dsw-radius-xs);\n  cursor: pointer;\n  user-select: none;\n}\n[data-tools-node-header]:hover,\n[data-tools-leaf]:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n[data-tools-node-title] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  min-width: 0;\n}\n[data-tools-leaf] {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 5px 8px;\n  border-radius: var(--dsw-radius-xs);\n}\n[data-tools-leaf-info] {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n[data-tools-leaf-header],\n[data-skills-leaf-header] {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n[data-tools-leaf-name] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  word-break: break-all;\n}\n[data-tools-leaf][data-disabled=\"true\"] [data-tools-leaf-name] {\n  color: var(--dsw-alias-label-tertiary);\n  text-decoration: line-through;\n}\n[data-tools-source-badge],\n[data-skills-source-badge],\n[data-skills-user-only] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10px;\n  padding: 0 5px;\n  line-height: 15px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n}\n[data-tools-source-badge=\"plugin\"],\n[data-skills-source-badge=\"project\"] {\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-skills-preview] {\n  background: transparent;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font-size: 10px;\n  padding: 0 5px;\n  line-height: 15px;\n}\n[data-skills-preview]:hover {\n  border-color: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-state-business-primary);\n}\n[data-tools-leaf-desc] {\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  margin-top: 2px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  word-break: break-word;\n}\n[data-tools-controls] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n}\n[data-tools-pill] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10.5px;\n  padding: 1px 6px;\n  line-height: 16px;\n  border-radius: 999px;\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-tools-pill][data-disabled=\"true\"] {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-tools-btn] {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: var(--dsw-font-xxs-12);\n  font-size: 11px;\n  padding: 2px 8px;\n}\n[data-tools-btn]:hover:not(:disabled) {\n  border-color: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-state-business-primary);\n}\n[data-tools-btn]:disabled {\n  cursor: default;\n  opacity: .5;\n}\n[data-tools-empty] {\n  padding: 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n\n\n[data-desktop-enhance-settings] .de-defaults-box {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 10px 12px;\n  border-radius: var(--dsw-radius-sm);\n  border: 1px solid var(--dsw-alias-border-l1);\n  background: color-mix(in srgb, var(--dsw-alias-bg-layer-2) 60%, transparent);\n}\n[data-desktop-enhance-settings] .de-defaults-summary {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n[data-desktop-enhance-settings] .de-defaults-title-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n[data-desktop-enhance-settings] .de-defaults-tags {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 4px;\n  margin-top: 2px;\n}\n[data-desktop-enhance-settings] .de-defaults-status,\n[data-desktop-enhance-settings] .de-defaults-muted {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n  font-size: 11px;\n}\n[data-desktop-enhance-settings] .de-defaults-tag {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  padding: 1px 6px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n  text-decoration: line-through;\n}\n[data-desktop-enhance-settings] .de-defaults-panel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n}\n[data-desktop-enhance-settings] .de-defaults-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n[data-desktop-enhance-settings] .de-defaults-tree {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n[data-desktop-enhance-settings] .de-defaults-group-head,\n[data-desktop-enhance-settings] .de-defaults-leaf {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 5px 8px;\n  border-radius: var(--dsw-radius-xs);\n}\n[data-desktop-enhance-settings] .de-defaults-group-head {\n  cursor: pointer;\n  user-select: none;\n}\n[data-desktop-enhance-settings] .de-defaults-group-head:hover,\n[data-desktop-enhance-settings] .de-defaults-leaf:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n[data-desktop-enhance-settings] .de-defaults-group-title {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n[data-desktop-enhance-settings] .de-defaults-leaf-info {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n[data-desktop-enhance-settings] .de-defaults-leaf-head {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n[data-desktop-enhance-settings] .de-defaults-leaf-name {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n[data-desktop-enhance-settings] .de-defaults-leaf[data-disabled=\"true\"] .de-defaults-leaf-name {\n  color: var(--dsw-alias-label-tertiary);\n  text-decoration: line-through;\n}\n[data-desktop-enhance-settings] .de-defaults-leaf-desc {\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  margin-top: 2px;\n}\n[data-desktop-enhance-settings] .de-defaults-source-badge {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10px;\n  padding: 0 5px;\n  line-height: 15px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n}\n[data-desktop-enhance-settings] .de-defaults-source-badge[data-tool-scope=\"plugin\"] {\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-desktop-enhance-settings] .de-defaults-controls {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n}\n[data-desktop-enhance-settings] .de-defaults-pill {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10.5px;\n  padding: 1px 6px;\n  line-height: 16px;\n  border-radius: 999px;\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-desktop-enhance-settings] .de-defaults-pill[data-disabled=\"true\"] {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n\n\n";
+		var enhance_css_default = "\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-compaction\"]) {\n  content-visibility: visible !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"][hidden=\"until-found\"],\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"][hidden=\"until-found\"] {\n  content-visibility: visible !important;\n}\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  [data-turn-process-member=\"true\"]:not([data-chat-flow-kind=\"compaction\"]):not([data-chat-flow-kind=\"manual-compaction\"]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-compaction\"])\n  [data-turn-process-member=\"true\"]:not([data-chat-flow-kind=\"compaction\"]):not([data-chat-flow-kind=\"manual-compaction\"]) {\n  display: none !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-step-process=\"true\"][hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  > div:has(> [data-process-activity]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-step-process=\"true\"][hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-compaction\"])\n  > div:has(> [data-process-activity]) {\n  display: none !important;\n}\n\n\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"compaction\"],\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"manual-compaction\"] {\n  padding: 6px 0 !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"compaction\"] button,\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"manual-compaction\"] button {\n  width: fit-content !important;\n  margin: 0 auto !important;\n  height: auto !important;\n  min-height: 28px;\n  padding: 0 14px !important;\n  justify-content: center !important;\n  background: var(--dsw-alias-state-warn-tertiary) !important;\n  border-radius: 999px !important;\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dsw-alias-state-warn-primary) 45%, transparent);\n  color: var(--dsw-alias-state-warn-label) !important;\n}\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button:hover:not(:disabled),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button:hover:not(:disabled) {\n  background: var(--dsw-alias-state-warn-secondary) !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button:has([data-compaction-disclosure=\"expanded\"]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button:has([data-compaction-disclosure=\"expanded\"]) {\n  width: 100% !important;\n  margin: 0 !important;\n  border-radius: var(--dsw-radius-sm) !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button > span:not([aria-hidden]):not(:last-child),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button > span:not([aria-hidden]):not(:last-child) {\n  font-weight: 600;\n}\n\n\n[data-desktop-enhance-reveal] {\n  content-visibility: visible !important;\n}\n[hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  [data-turn-process-member=\"true\"][data-desktop-enhance-reveal]:not([data-chat-flow-kind=\"compaction\"]) {\n  display: revert !important;\n}\n\n\n:root:not([data-desktop-enhance-off-turn-prefix]) [data-desktop-enhance-turn]::before {\n  content: attr(data-desktop-enhance-turn);\n  flex: none;\n  margin-right: 6px;\n  padding: 0 5px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n  font: var(--dsw-font-xxxs-strong-11);\n}\n\n\n\n:root[data-desktop-enhance-off-find-bar] [data-desktop-enhance-findbar] {\n  display: none !important;\n}\n[data-desktop-enhance-findbar] {\n  position: absolute;\n  top: 12px;\n  right: 20px;\n  z-index: 30;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-elevation-panel);\n}\n[data-desktop-enhance-findbar] input {\n  width: 200px;\n  border: none;\n  outline: none;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n}\n[data-desktop-enhance-findbar] input:focus-visible {\n  outline: 1px solid var(--dsw-focus-ring-color);\n  outline-offset: 2px;\n}\n[data-desktop-enhance-findbar] .count {\n  min-width: 44px;\n  text-align: right;\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-findbar] button {\n  display: grid;\n  place-items: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: var(--dsw-radius-xs);\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: var(--dsw-font-s-14);\n}\n[data-desktop-enhance-findbar] button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n[data-desktop-enhance-findbar] button:disabled {\n  opacity: .4;\n  cursor: default;\n}\n::highlight(desktop-enhance-find) {\n  background-color: var(--dsw-alias-state-warn-tertiary);\n}\n::highlight(desktop-enhance-find-current) {\n  background-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-label-primary-inverted);\n}\n\n\n[data-desktop-enhance-settings] {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding: 16px 0;\n}\n[data-desktop-enhance-settings] .de-head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n}\n[data-desktop-enhance-settings] .de-head-main {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n[data-desktop-enhance-settings] .de-head-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n  font-weight: 600;\n}\n[data-desktop-enhance-settings] .de-head-desc,\n[data-desktop-enhance-settings] .de-desc {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n  line-height: 1.45;\n}\n[data-desktop-enhance-settings] .de-head-pill {\n  flex: none;\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 18px;\n  padding: 1px 9px;\n  border-radius: 999px;\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 22%, transparent);\n}\n[data-desktop-enhance-settings] .de-head-pill[data-all-off=\"true\"] {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-tertiary);\n  border-color: var(--dsw-alias-border-l1);\n}\n[data-desktop-enhance-settings] .de-section-card {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-md);\n  background: color-mix(in srgb, var(--dsw-alias-bg-layer-2) 45%, transparent);\n  overflow: hidden;\n}\n[data-desktop-enhance-settings] .de-section-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 4px 12px;\n  padding: 8px 14px;\n  background: color-mix(in srgb, var(--dsw-alias-bg-module-platform, var(--dsw-alias-bg-layer-2)) 65%, transparent);\n  border-bottom: 1px solid var(--dsw-alias-border-l1);\n}\n[data-desktop-enhance-settings] .de-section-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xxs-strong-12, 600 12px/18px sans-serif);\n  font-weight: 600;\n}\n[data-desktop-enhance-settings] .de-section-hint {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n  font-size: 11px;\n}\n[data-desktop-enhance-settings] .de-section-body {\n  display: flex;\n  flex-direction: column;\n}\n[data-desktop-enhance-settings] .de-item-wrap {\n  display: flex;\n  flex-direction: column;\n  padding: 11px 14px;\n  gap: 10px;\n}\n[data-desktop-enhance-settings] .de-item-wrap + .de-item-wrap {\n  border-top: 1px solid var(--dsw-alias-border-l1);\n}\n[data-desktop-enhance-settings] .de-item-wrap[data-enabled=\"false\"] > .de-item .de-title {\n  color: var(--dsw-alias-label-secondary);\n}\n[data-desktop-enhance-settings] .de-item-wrap[data-enabled=\"false\"] > .de-item .de-feature-badge {\n  opacity: .55;\n}\n[data-desktop-enhance-settings] .de-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n[data-desktop-enhance-settings] .de-text {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  min-width: 0;\n}\n[data-desktop-enhance-settings] .de-title-row {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n[data-desktop-enhance-settings] .de-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n  font-weight: 500;\n}\n[data-desktop-enhance-settings] .de-feature-badge {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10.5px;\n  line-height: 16px;\n  padding: 0 6px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  border: 1px solid var(--dsw-alias-border-l1);\n  color: var(--dsw-alias-label-secondary);\n}\n[data-desktop-enhance-settings] .de-subpanel {\n  display: flex;\n  flex-direction: column;\n  padding-left: 10px;\n  border-left: 2px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 28%, var(--dsw-alias-border-l2));\n}\n\n[data-desktop-enhance-settings] .de-switch {\n  position: relative;\n  flex: none;\n  width: 36px;\n  height: 20px;\n  padding: 0;\n  border: none;\n  border-radius: 999px;\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  cursor: pointer;\n  transition: background .15s;\n}\n[data-desktop-enhance-settings] .de-switch::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--dsw-alias-switch-thumb);\n  transition: transform .15s;\n}\n[data-desktop-enhance-settings] .de-switch[aria-checked=\"true\"] {\n  background: var(--dsw-alias-state-success-primary);\n}\n[data-desktop-enhance-settings] .de-switch[aria-checked=\"true\"]::after {\n  transform: translateX(16px);\n}\n[data-desktop-enhance-settings] .de-switch:disabled {\n  opacity: .5;\n  cursor: default;\n}\n[data-desktop-enhance-settings] .de-note {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-error {\n  color: var(--dsw-alias-state-error-primary);\n  font: var(--dsw-font-xxs-12);\n}\n\n\n\n[data-desktop-enhance-settings] .de-suggest-settings {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n[data-desktop-enhance-settings] .de-suggest-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 10px;\n}\n[data-desktop-enhance-settings] .de-suggest-grid .de-item-block,\n[data-desktop-enhance-settings] .de-prompt-item,\n[data-desktop-enhance-settings] .de-defaults-box {\n  padding: 10px 12px;\n  border-radius: var(--dsw-radius-sm);\n  border: 1px solid var(--dsw-alias-border-l1);\n  background: color-mix(in srgb, var(--dsw-alias-bg-layer-2) 60%, transparent);\n}\n[data-desktop-enhance-settings] .de-suggest-grid .de-item-block {\n  justify-content: space-between;\n}\n[data-desktop-enhance-settings] .de-item-block {\n  align-items: stretch;\n  flex-direction: column;\n  gap: 6px;\n}\n[data-desktop-enhance-settings] .de-prompt-item {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 8px 12px;\n}\n[data-desktop-enhance-settings] .de-select,\n[data-desktop-enhance-settings] .de-text-input,\n[data-desktop-enhance-settings] .de-textarea {\n  box-sizing: border-box;\n  background: var(--dsw-alias-bg-layer-1, var(--dsw-alias-bg-layer-2));\n  border: 1px solid var(--dsw-alias-border-l2, var(--dsw-alias-border-l1));\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xs-13);\n  padding: 6px 8px;\n  width: 100%;\n}\n[data-desktop-enhance-settings] .de-select:disabled,\n[data-desktop-enhance-settings] .de-text-input:disabled,\n[data-desktop-enhance-settings] .de-textarea:disabled {\n  opacity: .5;\n}\n\n[data-desktop-enhance-settings] .de-textarea {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  line-height: 1.5;\n  resize: vertical;\n  white-space: pre-wrap;\n}\n[data-desktop-enhance-settings] .de-prompt {\n  display: contents;\n}\n[data-desktop-enhance-settings] .de-prompt-bar {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  flex: none;\n}\n[data-desktop-enhance-settings] .de-prompt-body {\n  grid-column: 1 / -1;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding-top: 8px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n}\n[data-desktop-enhance-settings] .de-prompt-body[hidden] {\n  display: none !important;\n}\n[data-desktop-enhance-settings] .de-prompt-meta {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-prompt-actions {\n  display: flex;\n  gap: 8px;\n}\n[data-desktop-enhance-settings] .de-button {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: var(--dsw-font-xxs-12);\n  padding: 4px 10px;\n}\n[data-desktop-enhance-settings] .de-button:hover {\n  border-color: var(--dsw-alias-border-l2);\n}\n[data-desktop-enhance-settings] .de-button:disabled {\n  cursor: default;\n  opacity: .5;\n}\n\n\n\n\n:root[data-desktop-enhance-off-suggest] [data-desktop-enhance='suggest'] {\n  display: none !important;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest {\n  align-items: center;\n  \n  background: color-mix(in srgb, var(--dsw-alias-state-business-tertiary) 10%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 20%, transparent);\n  border-radius: var(--dsw-radius-md);\n  box-sizing: border-box;\n  display: flex;\n  \n  flex-wrap: wrap;\n  gap: 6px;\n  \n  margin: 0 auto 6px;\n  max-width: var(--dsh-composer-card-max-width, 100%);\n  \n  min-width: 0;\n  \n  padding: 4px 10px 4px 13px;\n  width: calc(100% - var(--dsh-composer-side-clearance, 0px) - var(--dsh-composer-side-clearance, 0px));\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-head {\n  align-items: center;\n  display: flex;\n  flex: none;\n  gap: 2px;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xs-13);\n  font-weight: 500;\n  \n  white-space: nowrap;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-close {\n  appearance: none;\n  background: none;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  flex: none;\n  font: var(--dsw-font-xxs-12);\n  line-height: 1;\n  padding: 2px 4px;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-close:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row {\n  appearance: none;\n  align-items: center;\n  background: none;\n  \n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 35%, transparent);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  display: flex;\n  flex: 0 1 auto;\n  font: var(--dsw-font-xs-13);\n  gap: 6px;\n  \n  max-width: 100%;\n  min-width: 0;\n  padding: 4px 10px;\n  text-align: left;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row:hover {\n  background: var(--dsw-alias-state-business-tertiary);\n  border-color: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-state-business-primary);\n  transition: background-color .12s ease, border-color .12s ease, color .12s ease;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row[data-used='true'] {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-label-secondary);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-num {\n  color: var(--dsw-alias-label-primary);\n  flex: none;\n  font: var(--dsw-font-xs-13);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-text {\n  max-width: 22ch;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-loading {\n  border-style: dashed;\n  color: var(--dsw-alias-label-secondary);\n  cursor: default;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-error {\n  color: var(--dsw-alias-state-error-primary);\n  flex: 1 1 auto;\n  font: var(--dsw-font-xxs-12);\n  min-width: 0;\n  padding: 2px;\n}\n\n\n:root:not([data-desktop-enhance-off-step-duration]) [data-desktop-enhance-duration]::after {\n  content: attr(data-desktop-enhance-duration);\n  \n  margin-left: 8px;\n  font-size: inherit;\n  line-height: inherit;\n  \n  font-variant-numeric: tabular-nums;\n  color: inherit;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n:root:not([data-desktop-enhance-off-step-duration])\n  [data-desktop-enhance-duration]:has([data-step-process-icon])::after {\n  margin-left: 2px;\n}\n\n\n:root[data-desktop-enhance-off-session-info] [data-desktop-enhance-session-info],\n:root[data-desktop-enhance-off-session-info] [data-desktop-enhance-tools-popover],\n:root[data-desktop-enhance-off-session-info] [data-desktop-enhance-skills-popover],\n:root[data-desktop-enhance-off-session-info] [data-desktop-enhance-popover-backdrop] {\n  display: none !important;\n}\n:root:not([data-desktop-enhance-off-session-info]) [data-desktop-enhance-session-info] {\n  position: absolute;\n  top: 12px;\n  right: 36px;\n  z-index: 10;\n  width: 244px;\n  box-sizing: border-box;\n  border-radius: var(--dsw-radius-lg);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 90%, transparent);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  box-shadow: var(--dsw-elevation-panel);\n  color: var(--dsw-alias-label-primary);\n  overflow: hidden;\n}\n:root:not([data-desktop-enhance-off-session-info])\n  [data-desktop-enhance-session-info][data-minimized=\"true\"] {\n  width: auto;\n  border-radius: 999px;\n}\n\n:root:not([data-desktop-enhance-off-session-info])\n  [data-desktop-enhance-session-info][data-compact=\"true\"] {\n  top: 8px;\n  right: 10px;\n  width: min(260px, calc(100% - 20px));\n}\n:root:not([data-desktop-enhance-off-session-info])\n  [data-desktop-enhance-session-info][data-compact=\"true\"][data-minimized=\"true\"] {\n  width: auto;\n  max-width: calc(100% - 20px);\n}\nbody.dsh-remote-portrait:not(.dsh-remote-rail-hidden) [data-desktop-enhance-session-info],\nbody.dsh-remote-portrait:not(.dsh-remote-rail-hidden) [data-desktop-enhance-tools-popover],\nbody.dsh-remote-portrait:not(.dsh-remote-rail-hidden) [data-desktop-enhance-skills-popover],\nbody.dsh-remote-portrait:not(.dsh-remote-rail-hidden) [data-desktop-enhance-popover-backdrop] {\n  display: none !important;\n}\n[data-desktop-enhance-session-info] [data-session-info-header] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 10px;\n  border: none;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  background: color-mix(in srgb, var(--dsw-alias-bg-module-platform) 60%, transparent);\n  color: var(--dsw-alias-label-secondary);\n  font: var(--dsw-font-xxs-strong-12, 600 12px/18px sans-serif);\n  cursor: pointer;\n  user-select: none;\n}\n[data-desktop-enhance-session-info][data-minimized=\"true\"] [data-session-info-header] {\n  border-bottom: none;\n  background: transparent;\n  padding: 5px 11px;\n}\n[data-desktop-enhance-session-info] [data-session-info-header]:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n[data-desktop-enhance-session-info] [data-session-info-title] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n[data-desktop-enhance-session-info][data-compact=\"true\"] [data-session-info-title],\n[data-desktop-enhance-session-info][data-compact=\"true\"] [data-session-info-title] > span:last-child {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n[data-desktop-enhance-session-info] [data-session-info-dot] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  flex: none;\n  background: var(--dsw-alias-state-business-primary);\n  box-shadow: 0 0 0 2.5px var(--dsw-alias-state-business-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-dot=\"idle\"] {\n  background: var(--dsw-alias-label-caption);\n  box-shadow: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-chevron] {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  line-height: 1;\n}\n[data-desktop-enhance-session-info] [data-session-info-section] {\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n[data-desktop-enhance-session-info] [data-session-info-section]:last-child {\n  border-bottom: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-section-header] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 10px;\n  border: none;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xxs-strong-12, 600 12px/18px sans-serif);\n  cursor: pointer;\n  user-select: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-section-header]:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n[data-desktop-enhance-session-info] [data-session-info-section-label] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-width: 0;\n}\n[data-desktop-enhance-session-info] [data-session-info-arrow] {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n[data-desktop-enhance-session-info] [data-session-info-count] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  font-weight: 600;\n  padding: 0 5px;\n  line-height: 16px;\n  border-radius: 999px;\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-desktop-enhance-session-info][data-empty=\"true\"] [data-session-info-count] {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-body] {\n  padding: 2px 6px 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 184px;\n  overflow-y: auto;\n}\n[data-desktop-enhance-session-info] [data-session-info-empty] {\n  padding: 4px 6px;\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-session-info] [data-session-info-item] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 5px 8px;\n  border: none;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n}\n[data-desktop-enhance-session-info] [data-session-info-item]:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n[data-desktop-enhance-session-info] [data-session-info-item-name] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n[data-desktop-enhance-session-info] [data-session-info-item-meta] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  flex: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-item-badge] {\n  font-size: 10.5px;\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-item-turn] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  padding: 0 5px;\n  line-height: 16px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n}\n\n\n:root[data-desktop-enhance-off-tools-manager] [data-session-info-section=\"tools\"],\n:root[data-desktop-enhance-off-tools-manager] [data-desktop-enhance-tools-popover],\n:root[data-desktop-enhance-off-tools-manager] [data-desktop-enhance-popover-backdrop=\"tools\"],\n:root[data-desktop-enhance-off-tools-manager] [data-desktop-enhance-defaults=\"tools\"] {\n  display: none !important;\n}\n:root[data-desktop-enhance-off-skills-manager] [data-session-info-skills-summary],\n:root[data-desktop-enhance-off-skills-manager] [data-desktop-enhance-skills-popover],\n:root[data-desktop-enhance-off-skills-manager] [data-desktop-enhance-popover-backdrop=\"skills\"],\n:root[data-desktop-enhance-off-skills-manager] [data-desktop-enhance-defaults=\"skills\"] {\n  display: none !important;\n}\n[data-desktop-enhance-session-info] [data-session-info-skills-summary] {\n  border-top: 0.5px dashed var(--dsw-alias-border-l2);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-row] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 10px;\n  gap: 8px;\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-left] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-title] {\n  font: var(--dsw-font-xxs-strong-12, 600 12px/18px sans-serif);\n  color: var(--dsw-alias-label-primary);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-count] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  font-weight: 600;\n  padding: 0 5px;\n  line-height: 16px;\n  border-radius: 999px;\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-count][data-has-disabled=\"true\"] {\n  background: var(--dsw-alias-state-warn-tertiary);\n  color: var(--dsw-alias-state-warn-label);\n}\n[data-desktop-enhance-session-info] [data-session-info-override-badge] {\n  font-size: 10px;\n  padding: 0 5px;\n  line-height: 15px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-state-business-primary);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 25%, transparent);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-manage] {\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 30%, transparent);\n  border-radius: var(--dsw-radius-xs);\n  padding: 2px 8px;\n  font: var(--dsw-font-xxs-strong-12, 600 11px/16px sans-serif);\n  cursor: pointer;\n  flex: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-manage]:hover {\n  background: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-bg-layer-1);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-disabled],\n[data-desktop-enhance-session-info] [data-session-info-skills-disabled] {\n  padding: 0 10px 7px;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 4px;\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-muted],\n[data-desktop-enhance-tools-popover] [data-session-info-tools-muted],\n[data-desktop-enhance-skills-popover] [data-session-info-tools-muted] {\n  font: var(--dsw-font-xxs-12);\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-tools-tag],\n[data-desktop-enhance-session-info] [data-session-info-skills-tag] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10.5px;\n  padding: 1px 5px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n  text-decoration: line-through;\n}\n:root:not([data-desktop-enhance-off-tools-manager]) [data-desktop-enhance-tools-popover],\n:root:not([data-desktop-enhance-off-skills-manager]) [data-desktop-enhance-skills-popover] {\n  position: absolute;\n  top: 12px;\n  right: 292px;\n  width: 520px;\n  max-width: calc(100% - 308px);\n  z-index: 20;\n  background: var(--dsw-alias-bg-layer-2);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  box-shadow: var(--dsw-alias-shadow-l2, 0 8px 24px color-mix(in srgb, var(--dsw-alias-label-primary) 12%, transparent));\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  font: var(--dsw-font-xxs-12);\n  color: var(--dsw-alias-label-primary);\n}\n\n:root:not([data-desktop-enhance-off-session-info]) [data-desktop-enhance-popover-backdrop] {\n  position: fixed;\n  inset: 0;\n  z-index: 2147482050;\n  background: var(--dsw-alias-bg-mask-1, color-mix(in srgb, var(--dsw-alias-label-primary) 42%, transparent));\n  backdrop-filter: blur(3px);\n  -webkit-backdrop-filter: blur(3px);\n}\n:root:not([data-desktop-enhance-off-tools-manager])\n  [data-desktop-enhance-tools-popover][data-compact=\"true\"],\n:root:not([data-desktop-enhance-off-skills-manager])\n  [data-desktop-enhance-skills-popover][data-compact=\"true\"] {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  transform: translate(-50%, -50%);\n  width: calc(100vw - 24px);\n  max-width: 440px;\n  max-height: calc(100dvh - 48px);\n  z-index: 2147482100;\n  border-radius: var(--dsw-radius-lg);\n  box-shadow: var(--dsw-elevation-panel);\n}\n[data-desktop-enhance-tools-popover][data-compact=\"true\"] [data-tools-popover-body],\n[data-desktop-enhance-skills-popover][data-compact=\"true\"] [data-tools-popover-body] {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: hidden;\n}\n[data-desktop-enhance-tools-popover][data-compact=\"true\"] [data-tools-popover-tree],\n[data-desktop-enhance-skills-popover][data-compact=\"true\"] [data-tools-popover-tree] {\n  flex: 1 1 auto;\n  min-height: 0;\n  max-height: calc(100dvh - 210px);\n  -webkit-overflow-scrolling: touch;\n}\n[data-desktop-enhance-tools-popover][data-compact=\"true\"] [data-tools-popover-search],\n[data-desktop-enhance-skills-popover][data-compact=\"true\"] [data-tools-popover-search] {\n  font-size: 16px;\n  min-height: 34px;\n}\n[data-desktop-enhance-tools-popover][data-compact=\"true\"] [data-tools-btn],\n[data-desktop-enhance-skills-popover][data-compact=\"true\"] [data-tools-btn] {\n  min-height: 28px;\n  padding: 4px 10px;\n  font-size: 12px;\n}\n[data-desktop-enhance-tools-popover][data-compact=\"true\"] [data-tools-popover-close],\n[data-desktop-enhance-skills-popover][data-compact=\"true\"] [data-tools-popover-close] {\n  width: 30px;\n  height: 30px;\n  display: grid;\n  place-items: center;\n  font-size: 14px;\n}\n[data-tools-popover-header] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3);\n}\n[data-tools-popover-title-wrap] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n[data-tools-popover-title] {\n  font: var(--dsw-font-xs-strong-13, 600 13px/18px sans-serif);\n  color: var(--dsw-alias-label-primary);\n}\n[data-tools-popover-close] {\n  background: transparent;\n  border: none;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: var(--dsw-font-xs-13);\n  padding: 4px 6px;\n  border-radius: var(--dsw-radius-xs);\n}\n[data-tools-popover-close]:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-primary);\n}\n[data-tools-popover-body] {\n  display: flex;\n  flex-direction: column;\n  padding: 10px 12px;\n  gap: 8px;\n}\n[data-popover-override-banner] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 10px;\n  border-radius: var(--dsw-radius-sm);\n  background: color-mix(in srgb, var(--dsw-alias-state-business-tertiary) 45%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 25%, transparent);\n  font-size: 11.5px;\n  color: var(--dsw-alias-label-primary);\n}\n[data-tools-popover-toolbar] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n[data-tools-popover-search] {\n  flex: 1 1 auto;\n  min-width: 0;\n  background: var(--dsw-alias-bg-layer-1);\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  padding: 5px 9px;\n  font: var(--dsw-font-xxs-12);\n  color: var(--dsw-alias-label-primary);\n}\n[data-tools-popover-actions] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n}\n[data-tools-popover-tree] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 380px;\n  overflow-y: auto;\n  padding-right: 2px;\n}\n[data-tools-node-header] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 5px 8px;\n  border-radius: var(--dsw-radius-xs);\n  cursor: pointer;\n  user-select: none;\n}\n[data-tools-node-header]:hover,\n[data-tools-leaf]:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n[data-tools-node-title] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  min-width: 0;\n}\n[data-tools-leaf] {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 5px 8px;\n  border-radius: var(--dsw-radius-xs);\n}\n[data-tools-leaf-info] {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n[data-tools-leaf-header],\n[data-skills-leaf-header] {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n[data-tools-leaf-name] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  word-break: break-all;\n}\n[data-tools-leaf][data-disabled=\"true\"] [data-tools-leaf-name] {\n  color: var(--dsw-alias-label-tertiary);\n  text-decoration: line-through;\n}\n[data-tools-source-badge],\n[data-skills-source-badge],\n[data-skills-user-only] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10px;\n  padding: 0 5px;\n  line-height: 15px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n}\n[data-tools-source-badge=\"plugin\"],\n[data-skills-source-badge=\"project\"] {\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-skills-preview] {\n  background: transparent;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font-size: 10px;\n  padding: 0 5px;\n  line-height: 15px;\n}\n[data-skills-preview]:hover {\n  border-color: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-state-business-primary);\n}\n[data-tools-leaf-desc] {\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  margin-top: 2px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  word-break: break-word;\n}\n[data-tools-controls] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n}\n[data-tools-pill] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10.5px;\n  padding: 1px 6px;\n  line-height: 16px;\n  border-radius: 999px;\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-tools-pill][data-disabled=\"true\"] {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-tools-btn] {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: var(--dsw-font-xxs-12);\n  font-size: 11px;\n  padding: 2px 8px;\n}\n[data-tools-btn]:hover:not(:disabled) {\n  border-color: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-state-business-primary);\n}\n[data-tools-btn]:disabled {\n  cursor: default;\n  opacity: .5;\n}\n[data-tools-empty] {\n  padding: 8px;\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n\n\n[data-desktop-enhance-settings] .de-defaults-box {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n[data-desktop-enhance-settings] .de-defaults-summary {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n[data-desktop-enhance-settings] .de-defaults-title-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n[data-desktop-enhance-settings] .de-defaults-tags {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 4px;\n  margin-top: 2px;\n}\n[data-desktop-enhance-settings] .de-defaults-status,\n[data-desktop-enhance-settings] .de-defaults-muted {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n  font-size: 11px;\n}\n[data-desktop-enhance-settings] .de-defaults-tag {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  padding: 1px 6px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n  text-decoration: line-through;\n}\n[data-desktop-enhance-settings] .de-defaults-panel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--dsw-alias-border-l1);\n}\n[data-desktop-enhance-settings] .de-defaults-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n[data-desktop-enhance-settings] .de-defaults-tree {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n[data-desktop-enhance-settings] .de-defaults-group-head,\n[data-desktop-enhance-settings] .de-defaults-leaf {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 5px 8px;\n  border-radius: var(--dsw-radius-xs);\n}\n[data-desktop-enhance-settings] .de-defaults-group-head {\n  cursor: pointer;\n  user-select: none;\n}\n[data-desktop-enhance-settings] .de-defaults-group-head:hover,\n[data-desktop-enhance-settings] .de-defaults-leaf:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n[data-desktop-enhance-settings] .de-defaults-group-title {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n[data-desktop-enhance-settings] .de-defaults-leaf-info {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n[data-desktop-enhance-settings] .de-defaults-leaf-head {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n[data-desktop-enhance-settings] .de-defaults-leaf-name {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n[data-desktop-enhance-settings] .de-defaults-leaf[data-disabled=\"true\"] .de-defaults-leaf-name {\n  color: var(--dsw-alias-label-tertiary);\n  text-decoration: line-through;\n}\n[data-desktop-enhance-settings] .de-defaults-leaf-desc {\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  margin-top: 2px;\n}\n[data-desktop-enhance-settings] .de-defaults-source-badge {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10px;\n  padding: 0 5px;\n  line-height: 15px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n}\n[data-desktop-enhance-settings] .de-defaults-source-badge[data-tool-scope=\"plugin\"] {\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-desktop-enhance-settings] .de-defaults-controls {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n}\n[data-desktop-enhance-settings] .de-defaults-pill {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 10.5px;\n  padding: 1px 6px;\n  line-height: 16px;\n  border-radius: 999px;\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-desktop-enhance-settings] .de-defaults-pill[data-disabled=\"true\"],\n[data-desktop-enhance-settings] .de-defaults-pill[data-desktop-enhance-prompt-status=\"default\"] {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n\n\n";
 		//#endregion
 		//#region src/client/index.tsx
 		const inject = [
@@ -5154,6 +5311,8 @@ window.__ModuleLoader__.load({
 			moveReveal,
 			FIELDS,
 			GATES,
+			SETTINGS_GROUPS,
+			FEATURE_BADGES,
 			flagOn,
 			applyGates,
 			createSettingsStore,
@@ -5225,9 +5384,11 @@ window.__ModuleLoader__.load({
 			normalizeSkillProjection,
 			buildSessionInfoSections,
 			SESSION_INFO_ATTR,
+			POPOVER_BACKDROP_ATTR,
 			TOOLS_POPOVER_ATTR,
 			SKILLS_POPOVER_ATTR,
 			SESSION_INFO_URL,
+			isCompactViewport,
 			requestSessionInfo,
 			openSkillInHost,
 			installSessionInfo,

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "dsh-desktop-enhance",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "DSH Desktop 界面增强：页内查找（Cmd+F）、轮次编号、上下文压缩行常显、建议、每步耗时、会话信息、工具管理、Skill 管理。",
+
+
+
   "type": "module",
   "exports": {
     ".": "./lib/index.js",
@@ -26,6 +29,18 @@
     "lib",
     "cordis.patch.yml"
   ],
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "node --test tests/*.test.mjs",
+    "test:isolation": "./tools/test-isolation.sh",
+    "verify": "pnpm typecheck && pnpm build && pnpm test && pnpm test:isolation",
+    "prepack": "pnpm build",
+    "prepublishOnly": "pnpm verify",
+    "release:patch": "npm version patch && pnpm publish",
+    "release:minor": "npm version minor && pnpm publish"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -43,15 +58,5 @@
     "@types/react": "^18.3.31",
     "tsdown": "0.23.0",
     "typescript": "5.9.3"
-  },
-  "scripts": {
-    "build": "tsdown",
-    "dev": "tsdown --watch",
-    "typecheck": "tsc --noEmit",
-    "test": "node --test tests/*.test.mjs",
-    "test:isolation": "./tools/test-isolation.sh",
-    "verify": "pnpm typecheck && pnpm build && pnpm test && pnpm test:isolation",
-    "release:patch": "npm version patch && pnpm publish",
-    "release:minor": "npm version minor && pnpm publish"
   }
-}
+}