dsh-ui-tweaks 0.3.2 → 0.4.0

package/lib/client.js

@@ -1,5 +1,203 @@
 window.__ModuleLoader__.load({ id: "dsh-ui-tweaks", factory: (require) => {
 var __modules = Object.create(null); var __cache = Object.create(null);
+__modules["./archive.js"] = function(module, exports, require, __load_) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ARCHIVE_CSS = void 0;
+exports.installArchiveStyles = installArchiveStyles;
+exports.ArchiveSection = ArchiveSection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * dsh-ui-tweaks — Archive manager (browser half).
+ *
+ * Renders the "归档" settings section (shown in the Settings dialog; usable
+ * when the `archiveManagerEnabled` toggle in 界面调整 is on — otherwise it
+ * shows an invite card with a one-click enable). The section lists every
+ * archived session — enriched from the framework `useSessions` /
+ * `useWorkspaces` feeds — with per-row actions and batch actions that go
+ * through the same-origin archive route (`/_dsh/ui-tweaks/archive`):
+ *
+ * - **恢复** (Restore): remove the session from the archive set — its log and
+ *   workspace slot are kept, so the conversation reappears in the normal
+ *   sidebar list.
+ * - **删除** (Delete): PERMANENTLY delete the session — the server removes its
+ *   durable log, workspace accounting, archive-set entry and caches; the list
+ *   then refreshes so the row (and the session itself) disappear.
+ * - **全部恢复 / 全部删除**: the same actions for every archived session.
+ *
+ * Live (open/running) sessions are refused by the server; the client maps the
+ * `session-live` error code to localized copy.
+ * @module dsh-ui-tweaks/client/archive
+ */
+const react_1 = require("react");
+/** Route matching the host half (src/archive.ts). */
+const ARCHIVE_ROUTE = '/_dsh/ui-tweaks/archive';
+/** Fetch one archive route call, attaching the server error code when present. */
+async function archiveRequest(init) {
+    const response = await fetch(ARCHIVE_ROUTE, { credentials: 'same-origin', ...init });
+    let body;
+    try {
+        body = await response.json();
+    }
+    catch {
+        // Non-JSON response (e.g. the route is not mounted yet) — fall through to
+        // a clean error instead of a JSON-parse exception.
+        body = undefined;
+    }
+    if (!response.ok || body === undefined || !body.ok) {
+        const failure = body;
+        const error = new Error(failure?.error?.message ?? `UI Tweaks archive request failed with HTTP ${response.status}`);
+        error.code = failure?.error?.code;
+        throw error;
+    }
+    return body.value;
+}
+/** Map a thrown archive error to user-facing copy. */
+function errorMessage(error, t) {
+    const code = error?.code;
+    if (code === 'session-live')
+        return t('archiveLiveError');
+    return error instanceof Error ? error.message : String(error);
+}
+/** Re-pull the host session list after a permanent delete (the outward
+ * ISessions face omits refresh; the concrete runtime provides it). */
+function refreshSessions(sessionsService) {
+    void sessionsService.refresh();
+}
+/** Workspace display title: the path's last non-empty segment. */
+function basenameOf(path) {
+    if (path === undefined || path === '')
+        return '';
+    const cleaned = path.replace(/[\\/]+$/u, '');
+    const segments = cleaned.split(/[\\/]/u);
+    return segments.at(-1) ?? '';
+}
+/** Locale-aware relative time for a past timestamp, e.g. "3小时前". */
+function relativeTime(ms, now, formatter) {
+    const diffSeconds = Math.round((ms - now) / 1000);
+    const abs = Math.abs(diffSeconds);
+    if (abs < 60)
+        return formatter.format(diffSeconds, 'second');
+    if (abs < 3600)
+        return formatter.format(Math.round(diffSeconds / 60), 'minute');
+    if (abs < 86400)
+        return formatter.format(Math.round(diffSeconds / 3600), 'hour');
+    if (abs < 604800)
+        return formatter.format(Math.round(diffSeconds / 86400), 'day');
+    return formatter.format(Math.round(diffSeconds / 604800), 'week');
+}
+exports.ARCHIVE_CSS = `
+.dut-arc{display:grid;gap:12px;max-width:680px;padding:6px 2px 36px}
+.dut-arc-head{display:flex;align-items:center;gap:10px;padding:14px 16px 0}
+.dut-arc-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--dsw-alias-label-primary)}
+.dut-arc-count{font-size:11.5px;color:var(--dsw-alias-label-secondary);padding:2px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1)}
+.dut-arc-spacer{flex:1}
+.dut-arc-btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
+.dut-arc-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dut-arc-btn:disabled{opacity:.5;cursor:default}
+.dut-arc-btn.dut-arc-del:hover{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}
+.dut-arc-btn.dut-arc-confirm{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);font-weight:600}
+.dut-arc-body{display:grid;gap:2px;margin-top:4px}
+.dut-arc-row{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px}
+.dut-arc-row:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.dut-arc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:transparent;border:none;padding:0;cursor:default;color:var(--dsw-alias-label-primary);font:inherit}
+.dut-arc-title{font-size:13.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
+.dut-arc-sub{font-size:11.5px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
+.dut-arc-empty{padding:32px 16px;text-align:center;font-size:12.5px;color:var(--dsw-alias-label-secondary)}
+.dut-arc-alert{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}
+.dut-arc-off{padding:20px 16px;display:grid;gap:12px}
+.dut-arc-off p{margin:0;font-size:12.5px;line-height:1.6;color:var(--dsw-alias-label-secondary)}
+`;
+/** Install the Archive stylesheet once (idempotent); returns the disposer. */
+function installArchiveStyles() {
+    const id = 'dsh-ui-tweaks-archive';
+    const existing = document.querySelector(`style[data-plugin-css="${id}"]`);
+    if (existing !== null)
+        return () => { };
+    const style = document.createElement('style');
+    style.dataset.plugin = 'dsh-ui-tweaks';
+    style.dataset.pluginCss = id;
+    style.textContent = exports.ARCHIVE_CSS;
+    document.head.appendChild(style);
+    return () => { style.remove(); };
+}
+function ArchiveSection({ controller, t, sessionsService, useSessions, useWorkspaces }) {
+    const settingsState = (0, react_1.useSyncExternalStore)(controller.subscribe, controller.getSnapshot, controller.getSnapshot);
+    const enabled = settingsState.value?.archiveManagerEnabled === true;
+    const sessions = useSessions(state => state);
+    const workspaces = useWorkspaces(state => state);
+    const [confirmId, setConfirmId] = (0, react_1.useState)(null);
+    const [confirmAll, setConfirmAll] = (0, react_1.useState)(false);
+    const [busy, setBusy] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const timeFormatter = (0, react_1.useMemo)(() => new Intl.RelativeTimeFormat(navigator.language, { numeric: 'auto' }), []);
+    const now = Date.now();
+    (0, react_1.useEffect)(() => {
+        if (confirmId === null)
+            return;
+        const timer = window.setTimeout(() => { setConfirmId(current => (current === confirmId ? null : current)); }, 3000);
+        return () => { window.clearTimeout(timer); };
+    }, [confirmId]);
+    (0, react_1.useEffect)(() => {
+        if (!confirmAll)
+            return;
+        const timer = window.setTimeout(() => { setConfirmAll(false); }, 3000);
+        return () => { window.clearTimeout(timer); };
+    }, [confirmAll]);
+    const rows = (0, react_1.useMemo)(() => {
+        const byId = sessions.byId;
+        return workspaces.archivedSessionIds.map(id => ({ id, summary: byId[id] })).sort((a, b) => {
+            const ta = a.summary?.updatedAt ?? 0;
+            const tb = b.summary?.updatedAt ?? 0;
+            return tb - ta;
+        });
+    }, [workspaces.archivedSessionIds, sessions.byId]);
+    const run = (key, body, after) => {
+        setBusy(key);
+        setError(null);
+        void archiveRequest({
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(body),
+        }).then(() => { after?.(); }).catch((reason) => {
+            setError(errorMessage(reason, t));
+        }).finally(() => { setBusy(current => (current === key ? null : current)); });
+    };
+    const restore = (id) => {
+        run(`restore:${id}`, { action: 'restore', sessionId: id });
+    };
+    const remove = (id) => {
+        if (confirmId !== id) {
+            setConfirmId(id);
+            return;
+        }
+        setConfirmId(null);
+        run(`delete:${id}`, { action: 'delete', sessionId: id }, () => { refreshSessions(sessionsService); });
+    };
+    const restoreAll = () => {
+        run('restore-all', { action: 'restore-all' });
+    };
+    const removeAll = () => {
+        if (!confirmAll) {
+            setConfirmAll(true);
+            return;
+        }
+        setConfirmAll(false);
+        run('delete-all', { action: 'delete-all' }, () => { refreshSessions(sessionsService); });
+    };
+    if (!enabled) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "dut-arc", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-panel dut-arc-off", children: [(0, jsx_runtime_1.jsx)("p", { children: t('archiveDisabledHint') }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "dut-btn dut-btn-active", onClick: () => {
+                                void controller.set('archiveManagerEnabled', true).catch(() => { setError(t('unavailable')); });
+                            }, children: t('archiveEnable') }) })] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "dut-arc", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-panel", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-arc-head", children: [(0, jsx_runtime_1.jsx)("h2", { children: t('archiveTitle') }), (0, jsx_runtime_1.jsxs)("span", { className: "dut-arc-count", children: [rows.length, " ", t('archiveCount')] }), (0, jsx_runtime_1.jsx)("span", { className: "dut-arc-spacer" }), rows.length > 1 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "dut-arc-btn", disabled: busy !== null, onClick: restoreAll, children: busy === 'restore-all' ? t('archiveRestoring') : t('archiveRestoreAll') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: 'dut-arc-btn dut-arc-del' + (confirmAll ? ' dut-arc-confirm' : ''), disabled: busy !== null, onClick: removeAll, children: busy === 'delete-all' ? t('archiveDeleteAll') + '…' : confirmAll ? t('archiveDeleteAll') + '?' : t('archiveDeleteAll') })] })) : null] }), error !== null ? (0, jsx_runtime_1.jsx)("div", { className: "dut-arc-alert", children: error }) : null, (0, jsx_runtime_1.jsx)("div", { className: "dut-arc-body", children: rows.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "dut-arc-empty", children: t('archiveEmpty') })) : rows.map(row => {
+                        const summary = row.summary;
+                        const title = summary?.displayTitle ?? row.id;
+                        const sub = [basenameOf(summary?.cwd), summary !== undefined ? relativeTime(summary.updatedAt, now, timeFormatter) : ''].filter(Boolean).join(' · ');
+                        return ((0, jsx_runtime_1.jsxs)("div", { className: "dut-arc-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-arc-main", title: title, children: [(0, jsx_runtime_1.jsx)("span", { className: "dut-arc-title", children: title }), sub !== '' ? (0, jsx_runtime_1.jsx)("span", { className: "dut-arc-sub", children: sub }) : null] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "dut-arc-btn", disabled: busy !== null, onClick: () => { restore(row.id); }, children: busy === `restore:${row.id}` ? t('archiveRestoring') : t('archiveRestore') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: 'dut-arc-btn dut-arc-del' + (confirmId === row.id ? ' dut-arc-confirm' : ''), disabled: busy !== null, onClick: () => { remove(row.id); }, children: busy === `delete:${row.id}` ? t('archiveDelete') + '…' : confirmId === row.id ? t('archiveDelete') + '?' : t('archiveDelete') })] }, row.id));
+                    }) })] }) }));
+}
+};
 __modules["./gitbar.js"] = function(module, exports, require, __load_) {
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -937,6 +1135,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const timeline_tsx_1 = __load_("./timeline.js");
 const gitbar_tsx_1 = __load_("./gitbar.js");
+const archive_tsx_1 = __load_("./archive.js");
+const mcp_tsx_1 = __load_("./mcp.js");
 const NS = 'ui-tweaks';
 const SETTINGS_ROUTE = '/_dsh/ui-tweaks/settings';
 const DEFAULT_FONT_SIZE = 16;
@@ -964,13 +1164,82 @@ const en = {
     presetWide: 'Wide',
     presetWideXl: 'Extra wide',
     timeline: 'Timeline',
-    timelineHint: 'Show a navigation rail on the right of the message area: hover to preview user messages, click to jump to them. Off by default; automatically hidden in short conversations.',
+    timelineHint: 'Show a navigation rail on the right of the message area: hover to preview user messages, click to jump to them. Off by default; turn it on to enable. Automatically hidden in short conversations.',
     timelineOn: 'On',
-    timelineDefault: 'Default',
+    timelineOff: 'Off',
     gitBar: 'Git bar',
-    gitBarHint: 'Show branch / diff / commit-message pills above the input when the session is inside a git repository. On by default; the bar auto-hides outside git repos.',
+    gitBarHint: 'Show branch / diff / commit-message pills above the input when the session is inside a git repository. Off by default; turn it on to enable. The bar auto-hides outside git repos.',
     gitBarOn: 'On',
     gitBarOff: 'Off',
+    archiveManager: 'Archive manager',
+    archiveManagerHint: 'Show an Archive section in the Settings dialog where archived sessions can be restored or permanently deleted. Off by default; turn it on to enable.',
+    archiveManagerOn: 'On',
+    archiveManagerOff: 'Off',
+    mcpManager: 'MCP manager',
+    mcpManagerHint: 'Show an MCP management section in the Settings dialog listing the configured MCP servers with their status and tools, and let you restart them. Off by default; turn it on to enable.',
+    mcpManagerOn: 'On',
+    mcpManagerOff: 'Off',
+    mcpNav: 'MCP',
+    mcpTitle: 'MCP servers',
+    mcpEmpty: 'No MCP servers configured.',
+    mcpStatusActive: 'Running',
+    mcpStatusFailed: 'Failed',
+    mcpStatusLoading: 'Loading',
+    mcpStatusStopped: 'Stopped',
+    mcpStatusDisabled: 'Disabled',
+    mcpTools: 'tools',
+    mcpEnv: 'Env',
+    mcpAdd: 'Add server',
+    mcpAddTitle: 'Add MCP server',
+    mcpEditTitle: 'Edit MCP server',
+    mcpEdit: 'Edit',
+    mcpDelete: 'Delete',
+    mcpEnabledAction: 'Enable',
+    mcpDisabledAction: 'Disable',
+    mcpSaved: 'Saved.',
+    mcpRemoved: 'Removed.',
+    mcpFormTab: 'Form',
+    mcpYamlTab: 'YAML',
+    mcpYamlHint: 'Fill in the MCP config directly (serverName / transport / command / args / env / toolCallTimeoutMs / url / headers …). It is validated before saving.',
+    mcpYamlPlaceholder: 'serverName: my-server\ntransport: stdio\ncommand: npx\nargs:\n  - "-y"\n  - "@some/mcp-server"\nenv:\n  KEY: value\ntoolCallTimeoutMs: 60000',
+    mcpFieldId: 'Instance ID',
+    mcpFieldIdHint: 'Loader entry id (letters, digits, - and _ only); it must be unique.',
+    mcpFieldName: 'Name',
+    mcpFieldNameHint: 'Tool namespace `mcp__<name>__*`; letters, digits, - and _ (1–32).',
+    mcpFieldType: 'Type',
+    mcpFieldTimeout: 'Timeout (ms)',
+    mcpFieldCommand: 'Command',
+    mcpFieldCommandPlaceholder: 'e.g. npx',
+    mcpFieldArgs: 'Arguments (one per line)',
+    mcpFieldEnv: 'Environment vars (optional, KEY=value per line)',
+    mcpFieldUrl: 'URL',
+    mcpFieldHeaders: 'Headers (optional, Key: value per line)',
+    mcpFieldEnabled: 'Enabled',
+    mcpSave: 'Save',
+    mcpCancel: 'Cancel',
+    mcpInvalidId: 'Instance ID may only contain letters, digits, - and _.',
+    mcpInvalidName: 'Name may only contain letters, digits, - and _ (1–32 chars).',
+    mcpInvalidTimeout: 'Timeout must be a positive integer (ms).',
+    mcpInvalidUrl: 'URL must start with http:// or https://.',
+    mcpInvalidCommand: 'Command is required.',
+    mcpUnavailable: 'MCP manager unavailable.',
+    mcpDisabledHint: 'MCP management is off. Turn it on in 界面调整 (UI Tweaks) to view and restart MCP servers here.',
+    mcpEnable: 'Enable MCP manager',
+    mcpServerDetail: 'Configured in the profile cordis.patch.yml as @deepseek-ai/dsh-mcp-client instances; add / edit / disable / delete write to that file and apply live.',
+    archiveNav: 'Archive',
+    archiveTitle: 'Archived sessions',
+    archiveEmpty: 'No archived sessions.',
+    archiveRestore: 'Restore',
+    archiveRestoring: 'Working…',
+    archiveDelete: 'Delete',
+    archiveDeleteAll: 'Delete all',
+    archiveRestoreAll: 'Restore all',
+    archiveCount: 'sessions',
+    archiveUnavailable: 'Archive unavailable.',
+    archiveLiveError: 'This session is running; close it before permanently deleting it.',
+    archiveDisabledHint: 'Archive management is off. Turn it on in 界面调整 (UI Tweaks) to restore or permanently delete archived sessions here.',
+    archiveEnable: 'Enable archive management',
+    archiveRestored: 'Restored.',
     railLabel: 'Chat timeline',
     roleUser: 'User',
     noText: '(no text)',
@@ -1040,13 +1309,82 @@ const zh = {
     presetWide: '稍宽',
     presetWideXl: '更宽',
     timeline: '时间线',
-    timelineHint: '在消息区右侧显示导航轨：悬停预览用户消息、点击跳转。默认关闭，会话较短时自动隐藏。',
+    timelineHint: '在消息区右侧显示导航轨：悬停预览用户消息、点击跳转。默认关闭，需手动开启；会话较短时自动隐藏。',
     timelineOn: '开启',
-    timelineDefault: '默认',
+    timelineOff: '关闭',
     gitBar: 'Git 状态栏',
-    gitBarHint: '会话在 git 仓库内时，在输入框上方显示 分支 / 差异 / 提交说明 胶囊。默认开启；非 git 仓库时自动隐藏。',
+    gitBarHint: '会话在 git 仓库内时，在输入框上方显示 分支 / 差异 / 提交说明 胶囊。默认关闭，需手动开启；非 git 仓库时自动隐藏。',
     gitBarOn: '开启',
     gitBarOff: '关闭',
+    archiveManager: '归档管理',
+    archiveManagerHint: '在设置中显示「归档」页面：可查看、恢复或彻底删除已归档会话。默认关闭，需手动开启。',
+    archiveManagerOn: '开启',
+    archiveManagerOff: '关闭',
+    mcpManager: 'MCP 管理',
+    mcpManagerHint: '在设置中显示「MCP 管理」页面：查看已配置的 MCP 服务器及其状态与工具，并可重启。默认关闭，需手动开启。',
+    mcpManagerOn: '开启',
+    mcpManagerOff: '关闭',
+    mcpNav: 'MCP 管理',
+    mcpTitle: 'MCP 服务器',
+    mcpEmpty: '未配置任何 MCP 服务器。',
+    mcpStatusActive: '运行中',
+    mcpStatusFailed: '错误',
+    mcpStatusLoading: '加载中',
+    mcpStatusStopped: '未运行',
+    mcpStatusDisabled: '已停用',
+    mcpTools: '个工具',
+    mcpEnv: '环境变量',
+    mcpAdd: '添加服务器',
+    mcpAddTitle: '添加 MCP 服务器',
+    mcpEditTitle: '编辑 MCP 服务器',
+    mcpEdit: '编辑',
+    mcpDelete: '删除',
+    mcpEnabledAction: '启用',
+    mcpDisabledAction: '停用',
+    mcpSaved: '已保存。',
+    mcpRemoved: '已删除。',
+    mcpFormTab: '表单',
+    mcpYamlTab: 'YAML',
+    mcpYamlHint: '直接填写 MCP 配置（serverName / transport / command / args / env / toolCallTimeoutMs / url / headers …），保存前会校验格式。',
+    mcpYamlPlaceholder: 'serverName: my-server\ntransport: stdio\ncommand: npx\nargs:\n  - "-y"\n  - "@some/mcp-server"\nenv:\n  KEY: value\ntoolCallTimeoutMs: 60000',
+    mcpFieldId: '实例 ID',
+    mcpFieldIdHint: '加载器条目 ID（仅字母、数字、- 和 _），需唯一。',
+    mcpFieldName: '名称',
+    mcpFieldNameHint: '工具命名空间 `mcp__<名称>__*`；字母、数字、- 和 _（1–32 字符）。',
+    mcpFieldType: '类型',
+    mcpFieldTimeout: '超时时间 (ms)',
+    mcpFieldCommand: '命令',
+    mcpFieldCommandPlaceholder: '如 npx',
+    mcpFieldArgs: '参数（每行一个）',
+    mcpFieldEnv: '环境变量（可选，每行 KEY=值）',
+    mcpFieldUrl: 'URL',
+    mcpFieldHeaders: '请求头（可选，每行 Key: 值）',
+    mcpFieldEnabled: '启用',
+    mcpSave: '保存',
+    mcpCancel: '取消',
+    mcpInvalidId: '实例 ID 只能包含字母、数字、- 和 _。',
+    mcpInvalidName: '名称只能包含字母、数字、- 和 _（1–32 字符）。',
+    mcpInvalidTimeout: '超时时间必须是正整数（毫秒）。',
+    mcpInvalidUrl: 'URL 必须以 http:// 或 https:// 开头。',
+    mcpInvalidCommand: '命令不能为空。',
+    mcpUnavailable: 'MCP 管理暂不可用。',
+    mcpDisabledHint: 'MCP 管理尚未开启。在「界面调整」中开启“MCP 管理”后，可在此查看并重启 MCP 服务器。',
+    mcpEnable: '开启 MCP 管理',
+    mcpServerDetail: 'MCP 服务器配置在 profile 的 cordis.patch.yml（@deepseek-ai/dsh-mcp-client 实例）；添加 / 编辑 / 停用 / 删除会写入该文件，改动实时生效。',
+    archiveNav: '归档',
+    archiveTitle: '已归档会话',
+    archiveEmpty: '暂无归档会话。',
+    archiveRestore: '恢复',
+    archiveRestoring: '处理中…',
+    archiveDelete: '删除',
+    archiveDeleteAll: '全部删除',
+    archiveRestoreAll: '全部恢复',
+    archiveCount: '个会话',
+    archiveUnavailable: '归档暂不可用。',
+    archiveLiveError: '该会话正在运行，无法彻底删除，请先关闭该会话。',
+    archiveDisabledHint: '归档管理尚未开启。在「界面调整」中开启“归档管理”后，可在此查看、恢复或彻底删除已归档会话。',
+    archiveEnable: '开启归档管理',
+    archiveRestored: '已恢复。',
     railLabel: '对话时间线',
     roleUser: '用户',
     noText: '（无文本内容）',
@@ -1111,7 +1449,9 @@ function resolveValue(value) {
         tableStyle: value?.tableStyle === 'claude' ? 'claude' : 'default',
         dialogWidth: resolveDialogWidth(value?.dialogWidth),
         timelineEnabled: value?.timelineEnabled ?? false,
-        gitBarEnabled: value?.gitBarEnabled ?? true,
+        gitBarEnabled: value?.gitBarEnabled ?? false,
+        archiveManagerEnabled: value?.archiveManagerEnabled ?? false,
+        mcpManagerEnabled: value?.mcpManagerEnabled ?? false,
     };
 }
 /** Scale one theme px value proportionally to the chosen base size. */
@@ -1420,6 +1760,12 @@ function SettingsSection({ controller, t }) {
     const setGitBar = (value) => {
         void controller.set('gitBarEnabled', value).then(() => { setStatus('applied'); }).catch(() => { setStatus('unavailable'); });
     };
+    const setArchiveManager = (value) => {
+        void controller.set('archiveManagerEnabled', value).then(() => { setStatus('applied'); }).catch(() => { setStatus('unavailable'); });
+    };
+    const setMcpManager = (value) => {
+        void controller.set('mcpManagerEnabled', value).then(() => { setStatus('applied'); }).catch(() => { setStatus('unavailable'); });
+    };
     const reset = (field) => {
         void controller.unset(field).then(() => { setStatus('resetDone'); }).catch(() => { setStatus('unavailable'); });
     };
@@ -1431,12 +1777,44 @@ function SettingsSection({ controller, t }) {
     }
     return ((0, jsx_runtime_1.jsxs)("div", { className: "dut-settings", children: [(0, jsx_runtime_1.jsxs)("header", { className: "dut-settings-header", children: [(0, jsx_runtime_1.jsx)("div", { className: "dut-logo", children: "\uD83C\uDFA8" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { children: t('settingsTitle') }), (0, jsx_runtime_1.jsx)("p", { children: t('settingsIntro') })] })] }), !writable ? (0, jsx_runtime_1.jsx)("div", { className: "dut-alert warning", children: t('readOnly') }) : null, status === undefined ? null : (0, jsx_runtime_1.jsx)("div", { className: "dut-status", children: t(status) }), (0, jsx_runtime_1.jsxs)("section", { className: "dut-panel", children: [(0, jsx_runtime_1.jsx)("div", { className: "dut-section-label", children: t('sectionText') }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-field", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-field-top", children: [(0, jsx_runtime_1.jsx)("span", { children: t('fontSize') }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-controls", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-stepper", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "\u2212", disabled: !writable || resolved.fontSize <= MIN_FONT_SIZE, onClick: () => { stepFontSize(-1); }, children: "\u2212" }), (0, jsx_runtime_1.jsx)("input", { type: "number", min: MIN_FONT_SIZE, max: MAX_FONT_SIZE, step: 1, value: draft, disabled: !writable, onChange: (event) => { setDraft(event.target.value); }, onBlur: (event) => { commitFontSize(event.target.value); }, onKeyDown: (event) => { if (event.key === 'Enter')
                                                             commitFontSize(event.target.value); } }), (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "+", disabled: !writable || resolved.fontSize >= MAX_FONT_SIZE, onClick: () => { stepFontSize(1); }, children: "+" })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: 'dut-btn' + (resolved.fontSize === DEFAULT_FONT_SIZE ? ' dut-btn-active' : ''), disabled: !writable, onClick: () => { reset('fontSize'); }, children: t('defaultAction') })] })] }), (0, jsx_runtime_1.jsx)("small", { children: t('fontSizeHint') })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "dut-panel", children: [(0, jsx_runtime_1.jsx)("div", { className: "dut-section-label", children: t('sectionContent') }), (0, jsx_runtime_1.jsx)("div", { className: "dut-field", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-field-top", children: [(0, jsx_runtime_1.jsx)("span", { children: t('tableStyle') }), (0, jsx_runtime_1.jsx)("div", { className: "dut-controls", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: resolved.tableStyle === 'claude' ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { pickTableStyle('claude'); }, children: t('tableStyleClaude') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: resolved.tableStyle === 'default' ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { pickTableStyle('default'); }, children: t('tableStyleDefault') })] }) })] }) })] }), (0, jsx_runtime_1.jsxs)("section", { className: "dut-panel", children: [(0, jsx_runtime_1.jsx)("div", { className: "dut-section-label", children: t('sectionLayout') }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-field", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-field-top", children: [(0, jsx_runtime_1.jsx)("span", { children: t('dialogWidth') }), (0, jsx_runtime_1.jsx)("div", { className: "dut-controls", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-stepper", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "\u2212", disabled: !writable || resolved.dialogWidth <= MIN_DIALOG_WIDTH, onClick: () => { stepDialogWidth(-20); }, children: "\u2212" }), (0, jsx_runtime_1.jsx)("input", { type: "number", min: MIN_DIALOG_WIDTH, max: MAX_DIALOG_WIDTH, step: 20, value: widthDraft, disabled: !writable, onChange: (event) => { setWidthDraft(event.target.value); }, onBlur: (event) => { commitDialogWidth(event.target.value); }, onKeyDown: (event) => { if (event.key === 'Enter')
-                                                        commitDialogWidth(event.target.value); } }), (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "+", disabled: !writable || resolved.dialogWidth >= MAX_DIALOG_WIDTH, onClick: () => { stepDialogWidth(20); }, children: "+" })] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "dut-presets", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: resolved.dialogWidth === 880 ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { applyWidthPreset(880); }, children: [t('presetWide'), " \u00B7 880"] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: resolved.dialogWidth === 1024 ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { applyWidthPreset(1024); }, children: [t('presetWideXl'), " \u00B7 1024"] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: resolved.dialogWidth === 748 ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { applyWidthPreset(748); }, children: [t('presetDefault'), " \u00B7 748"] })] }) }), (0, jsx_runtime_1.jsx)("small", { children: t('dialogWidthHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-field", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-field-top", children: [(0, jsx_runtime_1.jsx)("span", { children: t('timeline') }), (0, jsx_runtime_1.jsx)("div", { className: "dut-controls", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: resolved.timelineEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setTimeline(true); }, children: t('timelineOn') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: !resolved.timelineEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setTimeline(false); }, children: t('timelineDefault') })] }) })] }), (0, jsx_runtime_1.jsx)("small", { children: t('timelineHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-field", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-field-top", children: [(0, jsx_runtime_1.jsx)("span", { children: t('gitBar') }), (0, jsx_runtime_1.jsx)("div", { className: "dut-controls", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: resolved.gitBarEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setGitBar(true); }, children: t('gitBarOn') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: !resolved.gitBarEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setGitBar(false); }, children: t('gitBarOff') })] }) })] }), (0, jsx_runtime_1.jsx)("small", { children: t('gitBarHint') })] })] })] }));
+                                                        commitDialogWidth(event.target.value); } }), (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "+", disabled: !writable || resolved.dialogWidth >= MAX_DIALOG_WIDTH, onClick: () => { stepDialogWidth(20); }, children: "+" })] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "dut-presets", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: resolved.dialogWidth === 880 ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { applyWidthPreset(880); }, children: [t('presetWide'), " \u00B7 880"] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: resolved.dialogWidth === 1024 ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { applyWidthPreset(1024); }, children: [t('presetWideXl'), " \u00B7 1024"] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: resolved.dialogWidth === 748 ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { applyWidthPreset(748); }, children: [t('presetDefault'), " \u00B7 748"] })] }) }), (0, jsx_runtime_1.jsx)("small", { children: t('dialogWidthHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-field", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-field-top", children: [(0, jsx_runtime_1.jsx)("span", { children: t('timeline') }), (0, jsx_runtime_1.jsx)("div", { className: "dut-controls", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: resolved.timelineEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setTimeline(true); }, children: t('timelineOn') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: !resolved.timelineEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setTimeline(false); }, children: t('timelineOff') })] }) })] }), (0, jsx_runtime_1.jsx)("small", { children: t('timelineHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-field", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-field-top", children: [(0, jsx_runtime_1.jsx)("span", { children: t('gitBar') }), (0, jsx_runtime_1.jsx)("div", { className: "dut-controls", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: resolved.gitBarEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setGitBar(true); }, children: t('gitBarOn') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: !resolved.gitBarEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setGitBar(false); }, children: t('gitBarOff') })] }) })] }), (0, jsx_runtime_1.jsx)("small", { children: t('gitBarHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-field", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-field-top", children: [(0, jsx_runtime_1.jsx)("span", { children: t('archiveManager') }), (0, jsx_runtime_1.jsx)("div", { className: "dut-controls", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: resolved.archiveManagerEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setArchiveManager(true); }, children: t('archiveManagerOn') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: !resolved.archiveManagerEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setArchiveManager(false); }, children: t('archiveManagerOff') })] }) })] }), (0, jsx_runtime_1.jsx)("small", { children: t('archiveManagerHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-field", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-field-top", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpManager') }), (0, jsx_runtime_1.jsx)("div", { className: "dut-controls", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: resolved.mcpManagerEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setMcpManager(true); }, children: t('mcpManagerOn') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: !resolved.mcpManagerEnabled ? 'dut-seg-active' : '', disabled: !writable, onClick: () => { setMcpManager(false); }, children: t('mcpManagerOff') })] }) })] }), (0, jsx_runtime_1.jsx)("small", { children: t('mcpManagerHint') })] })] })] }));
+}
+/**
+ * Register a Settings section only while its enable flag is on, so the
+ * Settings nav row appears / disappears live with the toggle in the UI Tweaks
+ * section. Waits for the `settings.section` declaration (like the static
+ * inject), then keeps the section registered exactly while
+ * `isEnabled(controller value)` holds: toggling the switch in the UI Tweaks
+ * section mounts or disposes the section, and the settings shell's nav
+ * (projected from the section ledger) updates in place.
+ */
+function installConditionalSection(ctx, controller, isEnabled, registerSection) {
+    ctx.slots.inject('settings.section', () => {
+        let dispose;
+        const sync = () => {
+            const enabled = isEnabled(controller.getSnapshot().value);
+            if (enabled && dispose === undefined) {
+                dispose = registerSection();
+            }
+            else if (!enabled && dispose !== undefined) {
+                dispose();
+                dispose = undefined;
+            }
+        };
+        sync();
+        const unsubscribe = controller.subscribe(sync);
+        return () => {
+            unsubscribe();
+            dispose?.();
+        };
+    });
 }
 function apply(ctx) {
     ctx.effect(installBaseStyles, 'dsh-ui-tweaks: base styles');
     ctx.effect(timeline_tsx_1.installTimelineStyles, 'dsh-ui-tweaks: timeline styles');
     ctx.effect(gitbar_tsx_1.installGitBarStyles, 'dsh-ui-tweaks: gitbar styles');
+    ctx.effect(archive_tsx_1.installArchiveStyles, 'dsh-ui-tweaks: archive styles');
+    ctx.effect(mcp_tsx_1.installMcpStyles, 'dsh-ui-tweaks: mcp styles');
     ctx.effect(() => ctx.locale.register(NS, { en, zh }), 'dsh-ui-tweaks: locale');
     const t = ctx.locale.bind(NS);
     const controller = new SettingsClient();
@@ -1477,6 +1855,387 @@ function apply(ctx) {
         locale: NS,
         inject: () => ({ controller, sessionsService: ctx.sessions }),
     }, gitbar_tsx_1.GitBar));
+    // Archive manager: a Settings section ("归档") that lists archived sessions
+    // and can restore or permanently delete them. Registered only while the
+    // archiveManagerEnabled toggle in the UI Tweaks section is on, so the nav
+    // row appears / disappears live with the switch (the settings shell
+    // projects its nav from the section ledger).
+    installConditionalSection(ctx, controller, (value) => value?.archiveManagerEnabled === true, () => ctx.slots.register({
+        name: 'settings.section',
+        id: 'archive',
+        order: 50,
+        label: () => t('archiveNav'),
+        locale: NS,
+        inject: () => ({ controller, t, sessionsService: ctx.sessions }),
+    }, archive_tsx_1.ArchiveSection));
+    // MCP manager: a Settings section ("MCP 管理") that lists the configured MCP
+    // servers with their status and tools, and restarts them. Registered only
+    // while the mcpManagerEnabled toggle in the UI Tweaks section is on, so the
+    // nav row appears / disappears live with the switch.
+    installConditionalSection(ctx, controller, (value) => value?.mcpManagerEnabled === true, () => ctx.slots.register({
+        name: 'settings.section',
+        id: 'mcp',
+        order: 60,
+        label: () => t('mcpNav'),
+        locale: NS,
+        inject: () => ({ controller, t }),
+    }, mcp_tsx_1.McpSection));
+}
+};
+__modules["./mcp.js"] = function(module, exports, require, __load_) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MCP_CSS = void 0;
+exports.installMcpStyles = installMcpStyles;
+exports.McpSection = McpSection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * dsh-ui-tweaks — MCP manager (browser half).
+ *
+ * Renders the "MCP 管理" settings section (usable when the mcpManagerEnabled
+ * toggle in 界面调整 is on — otherwise it shows an invite card). The section
+ * lists every configured MCP server with its status (active / failed / loading
+ * / stopped / disabled), command / url, env names, registered tools, and
+ * offers per-server actions: **重启** (runtime reload), **启用/停用**,
+ * **编辑**, and **删除** (two-click confirm). An **添加服务器** button opens
+ * the editor, which supports BOTH a structured **表单** and a raw **YAML**
+ * mode (the config is validated on the server before the profile's
+ * `cordis.patch.yml` is rewritten; DSH's patch watcher then hot-reloads the
+ * loader so the server starts/stops live).
+ * @module dsh-ui-tweaks/client/mcp
+ */
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+/** Route matching the host half (src/mcp.ts). */
+const MCP_ROUTE = '/_dsh/ui-tweaks/mcp';
+async function mcpRequest(init) {
+    const response = await fetch(MCP_ROUTE, { credentials: 'same-origin', ...init });
+    let body;
+    try {
+        body = await response.json();
+    }
+    catch {
+        body = undefined;
+    }
+    if (!response.ok || body === undefined || !body.ok) {
+        const failure = body;
+        const message = body === undefined
+            ? `MCP route unavailable (HTTP ${response.status}; restart DSH to load the plugin server code)`
+            : failure?.error?.message ?? `UI Tweaks MCP request failed with HTTP ${response.status}`;
+        const error = new Error(message);
+        error.code = failure?.error?.code;
+        throw error;
+    }
+    return body.value;
+}
+/** Split a textarea into one trimmed entry per non-empty line. */
+function linesToArray(text) {
+    return text.split(/\r?\n/u).map(line => line.trim()).filter(line => line.length > 0);
+}
+/** Parse `KEY=value` (or `Key: value`) lines into a record; throws on malformed lines. */
+function linesToRecord(text, separator) {
+    const out = {};
+    for (const line of text.split(/\r?\n/u)) {
+        const trimmed = line.trim();
+        if (trimmed.length === 0)
+            continue;
+        const at = trimmed.indexOf(separator);
+        if (at <= 0)
+            throw new Error(`格式不正确：${trimmed}`);
+        const key = trimmed.slice(0, at).trim();
+        const value = trimmed.slice(at + 1).trim();
+        if (key.length === 0)
+            throw new Error(`格式不正确：${trimmed}`);
+        out[key] = value;
+    }
+    return out;
+}
+function recordToLines(record, separator) {
+    return Object.entries(record).map(([key, value]) => `${key}${separator}${value}`).join('\n');
+}
+exports.MCP_CSS = `
+.dut-mcp{display:grid;gap:12px;max-width:680px;padding:6px 2px 36px}
+.dut-mcp-head{display:flex;align-items:center;gap:10px;padding:14px 16px 0}
+.dut-mcp-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--dsw-alias-label-primary)}
+.dut-mcp-count{font-size:11.5px;color:var(--dsw-alias-label-secondary);padding:2px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1)}
+.dut-mcp-spacer{flex:1}
+.dut-mcp-btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
+.dut-mcp-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dut-mcp-btn:disabled{opacity:.5;cursor:default}
+.dut-mcp-btn.dut-mcp-del:hover{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}
+.dut-mcp-btn.dut-mcp-confirm{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);font-weight:600}
+.dut-mcp-body{display:grid;gap:2px;margin-top:4px}
+.dut-mcp-row{display:grid;gap:6px;padding:10px 16px;border-radius:12px}
+.dut-mcp-row:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.dut-mcp-row-main{display:flex;align-items:center;gap:8px;min-width:0}
+.dut-mcp-name{font-size:13.5px;font-weight:600;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
+.dut-mcp-badge{flex:none;font-size:11px;line-height:1;padding:4px 9px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary)}
+.dut-mcp-badge.dut-mcp-ok{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent);border-color:transparent;color:var(--dsw-alias-state-success-primary)}
+.dut-mcp-badge.dut-mcp-err{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent);border-color:transparent;color:var(--dsw-alias-state-error-primary)}
+.dut-mcp-badge.dut-mcp-warn{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 14%,transparent);border-color:transparent;color:var(--dsw-alias-state-warn-label)}
+.dut-mcp-sub{font-size:11.5px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
+.dut-mcp-toggle{flex:none;font-size:11.5px;color:var(--dsw-alias-label-tertiary);background:transparent;border:none;padding:0;cursor:pointer;text-align:left}
+.dut-mcp-toggle:hover{color:var(--dsw-alias-label-primary)}
+.dut-mcp-tools{margin-left:2px;display:flex;flex-wrap:wrap;gap:4px}
+.dut-mcp-tool{font-size:11px;line-height:1;padding:3px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary)}
+.dut-mcp-note{margin:2px 16px 0;padding:8px 12px;border-radius:10px;font-size:11.5px;line-height:1.55;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1)}
+.dut-mcp-empty{padding:32px 16px;text-align:center;font-size:12.5px;color:var(--dsw-alias-label-secondary)}
+.dut-mcp-alert{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}
+.dut-mcp-notice{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent);color:var(--dsw-alias-state-success-primary)}
+.dut-mcp-off{padding:20px 16px;display:grid;gap:12px}
+.dut-mcp-off p{margin:0;font-size:12.5px;line-height:1.6;color:var(--dsw-alias-label-secondary)}
+.dut-mcp-overlay{z-index:1100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}
+.dut-mcp-mask{background:var(--dsw-alias-bg-mask-1);backdrop-filter:var(--dsw-mask-blur);position:absolute;inset:0}
+.dut-mcp-panel{z-index:1;background:var(--dsw-alias-bg-layer-2);box-sizing:border-box;width:720px;max-width:calc(100vw - 48px);height:min(700px,100vh - 48px);box-shadow:var(--dsw-shadow-lv3);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}
+.dut-mcp-panel-head{box-sizing:border-box;flex:none;display:flex;align-items:center;gap:10px;height:52px;padding:0 12px 0 20px}
+.dut-mcp-panel-head h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--dsw-alias-label-primary)}
+.dut-mcp-panel-close{cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-primary);background:transparent;border:none;border-radius:28px;display:inline-flex;justify-content:center;align-items:center;padding:0;font-size:13px}
+.dut-mcp-panel-close:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.dut-mcp-tabs{flex:none;display:inline-flex;padding:3px;gap:3px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-2);margin:0 20px 10px;align-self:flex-start}
+.dut-mcp-tabs button{border:none;border-radius:7px;padding:5px 14px;background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12.5px;cursor:pointer}
+.dut-mcp-tabs button.dut-mcp-tab-on{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent);color:var(--dsw-alias-state-business-primary);font-weight:600}
+.dut-mcp-form{flex:1;min-height:0;overflow-y:auto;padding:0 20px 20px;display:grid;gap:12px;align-content:start}
+.dut-mcp-field{display:grid;gap:6px}
+.dut-mcp-field>span{font-size:12px;font-weight:600;color:var(--dsw-alias-label-primary)}
+.dut-mcp-field small{font-size:11px;line-height:1.5;color:var(--dsw-alias-label-tertiary)}
+.dut-mcp-input{box-sizing:border-box;width:100%;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px}
+.dut-mcp-input:focus{outline:none;border-color:color-mix(in srgb,var(--dsw-alias-state-business-primary) 55%,transparent)}
+.dut-mcp-input:disabled{opacity:.55;cursor:not-allowed}
+textarea.dut-mcp-input{height:auto;min-height:72px;padding:8px 10px;line-height:1.5;resize:vertical;font-family:var(--dsw-font-markdown-code-block-font-family, Consolas, monospace);font-size:12px}
+textarea.dut-mcp-input-lg{min-height:120px}
+textarea.dut-mcp-yaml{min-height:320px}
+.dut-mcp-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
+.dut-mcp-field .dut-seg{width:fit-content}
+.dut-mcp-row2 .dut-seg{height:34px;box-sizing:border-box;align-items:center}
+.dut-mcp-row2 .dut-seg button{flex:none;white-space:nowrap;padding:0 16px;height:26px}
+.dut-mcp-foot{flex:none;display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:12px 20px 16px;border-top:1px solid var(--dsw-alias-border-l1)}
+.dut-mcp-error{margin:0 20px 10px;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}
+`;
+/** Install the MCP stylesheet once (idempotent); returns the disposer. */
+function installMcpStyles() {
+    const id = 'dsh-ui-tweaks-mcp';
+    const existing = document.querySelector(`style[data-plugin-css="${id}"]`);
+    if (existing !== null)
+        return () => { };
+    const style = document.createElement('style');
+    style.dataset.plugin = 'dsh-ui-tweaks';
+    style.dataset.pluginCss = id;
+    style.textContent = exports.MCP_CSS;
+    document.head.appendChild(style);
+    return () => { style.remove(); };
+}
+function statusLabel(status, t) {
+    switch (status) {
+        case 'active': return t('mcpStatusActive');
+        case 'failed': return t('mcpStatusFailed');
+        case 'loading': return t('mcpStatusLoading');
+        case 'stopped': return t('mcpStatusStopped');
+        case 'disabled': return t('mcpStatusDisabled');
+    }
+}
+function statusClass(status) {
+    switch (status) {
+        case 'active': return ' dut-mcp-ok';
+        case 'failed': return ' dut-mcp-err';
+        case 'loading': return ' dut-mcp-warn';
+        default: return '';
+    }
+}
+function McpSection({ controller, t }) {
+    const settingsState = (0, react_1.useSyncExternalStore)(controller.subscribe, controller.getSnapshot, controller.getSnapshot);
+    const enabled = settingsState.value?.mcpManagerEnabled === true;
+    const [servers, setServers] = (0, react_1.useState)(null);
+    const [busy, setBusy] = (0, react_1.useState)(null);
+    const [confirmId, setConfirmId] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [notice, setNotice] = (0, react_1.useState)(null);
+    const [expanded, setExpanded] = (0, react_1.useState)(null);
+    const [editing, setEditing] = (0, react_1.useState)(null);
+    const generation = (0, react_1.useMemo)(() => ({ current: 0 }), []);
+    const load = () => {
+        const gen = ++generation.current;
+        setError(null);
+        void mcpRequest().then((snapshot) => {
+            if (gen !== generation.current)
+                return;
+            setServers(snapshot.servers);
+        }).catch((reason) => {
+            if (gen !== generation.current)
+                return;
+            setError(reason instanceof Error ? reason.message : String(reason));
+            setServers([]);
+        });
+    };
+    (0, react_1.useEffect)(() => {
+        if (!enabled)
+            return;
+        load();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [enabled]);
+    const run = (key, body, after) => {
+        setBusy(key);
+        setError(null);
+        setNotice(null);
+        void mcpRequest({
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(body),
+        }).then(() => { after?.(); }).catch((reason) => {
+            setError(reason instanceof Error ? reason.message : String(reason));
+        }).finally(() => { setBusy(current => (current === key ? null : current)); });
+    };
+    /** Re-fetch the list every `interval` ms until `stop` returns true (or attempts run out).
+     * The DSH patch watcher applies changes asynchronously and an MCP server takes
+     * time to spawn/connect, so a single delayed reload can miss the transition. */
+    const pollAfter = (stop, attempts = 12, interval = 1000) => {
+        let left = attempts;
+        const tick = () => {
+            const gen = ++generation.current;
+            void mcpRequest().then((snapshot) => {
+                if (gen !== generation.current)
+                    return;
+                setServers(snapshot.servers);
+                left -= 1;
+                if (left <= 0 || stop(snapshot.servers))
+                    return;
+                window.setTimeout(tick, interval);
+            }).catch(() => {
+                left -= 1;
+                if (left > 0)
+                    window.setTimeout(tick, interval);
+            });
+        };
+        tick();
+    };
+    const remove = (id) => {
+        if (confirmId !== id) {
+            setConfirmId(id);
+            window.setTimeout(() => { setConfirmId(current => (current === id ? null : current)); }, 3000);
+            return;
+        }
+        setConfirmId(null);
+        run(`remove:${id}`, { action: 'remove', id }, () => {
+            setNotice(t('mcpRemoved'));
+            pollAfter(servers => !servers.some(server => server.id === id), 10);
+        });
+    };
+    const setEnabled = (id, enabled) => {
+        run(`set-enabled:${id}`, { action: 'set-enabled', id, enabled }, () => {
+            // Keep refreshing until the target reaches a TERMINAL status. The
+            // `disabled` flag flips within ~1s, but the MCP spawn + connect takes
+            // longer — stopping at the flag would freeze the row mid-transition.
+            pollAfter(servers => {
+                const target = servers.find(server => server.id === id);
+                if (target === undefined)
+                    return true;
+                return enabled
+                    ? target.status === 'active' || target.status === 'failed'
+                    : target.status === 'disabled';
+            }, 45, 1000);
+        });
+    };
+    if (!enabled) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "dut-mcp", children: (0, jsx_runtime_1.jsxs)("div", { className: "dut-panel dut-mcp-off", children: [(0, jsx_runtime_1.jsx)("p", { children: t('mcpDisabledHint') }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "dut-btn dut-btn-active", onClick: () => {
+                                void controller.set('mcpManagerEnabled', true).catch(() => { setError(t('unavailable')); });
+                            }, children: t('mcpEnable') }) })] }) }));
+    }
+    const list = servers ?? [];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-panel", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-head", children: [(0, jsx_runtime_1.jsx)("h2", { children: t('mcpTitle') }), (0, jsx_runtime_1.jsxs)("span", { className: "dut-mcp-count", children: [list.length, " \u00B7 ", list.filter(s => s.status === 'active').length, " ", t('mcpStatusActive')] }), (0, jsx_runtime_1.jsx)("span", { className: "dut-mcp-spacer" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "dut-mcp-btn", onClick: () => { setEditing('new'); }, children: t('mcpAdd') })] }), (0, jsx_runtime_1.jsx)("div", { className: "dut-mcp-note", children: t('mcpServerDetail') }), error !== null ? (0, jsx_runtime_1.jsx)("div", { className: "dut-mcp-alert", children: error }) : null, notice !== null ? (0, jsx_runtime_1.jsx)("div", { className: "dut-mcp-notice", children: notice }) : null, (0, jsx_runtime_1.jsx)("div", { className: "dut-mcp-body", children: servers === null ? ((0, jsx_runtime_1.jsx)("div", { className: "dut-mcp-empty", children: t('loading') })) : list.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "dut-mcp-empty", children: t('mcpEmpty') })) : list.map(server => {
+                            const command = server.url !== undefined ? server.url : [server.command, ...server.args].filter(Boolean).join(' ');
+                            const open = expanded === server.id;
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-row-main", children: [(0, jsx_runtime_1.jsx)("span", { className: "dut-mcp-name", children: server.serverName }), (0, jsx_runtime_1.jsx)("span", { className: 'dut-mcp-badge' + statusClass(server.status), children: statusLabel(server.status, t) }), (0, jsx_runtime_1.jsxs)("span", { className: "dut-mcp-sub", children: ["\u00B7 ", server.toolCount, " ", t('mcpTools')] }), (0, jsx_runtime_1.jsx)("span", { className: "dut-mcp-spacer" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "dut-mcp-btn", disabled: busy !== null, onClick: () => { setEnabled(server.id, server.disabled); }, children: server.disabled ? t('mcpEnabledAction') : t('mcpDisabledAction') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "dut-mcp-btn", disabled: busy !== null, onClick: () => { setEditing(server); }, children: t('mcpEdit') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: 'dut-mcp-btn dut-mcp-del' + (confirmId === server.id ? ' dut-mcp-confirm' : ''), disabled: busy !== null, onClick: () => { remove(server.id); }, children: confirmId === server.id ? t('mcpDelete') + '?' : t('mcpDelete') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-sub", title: command, children: [server.id, " \u00B7 ", server.transport, " \u00B7 ", command] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "dut-mcp-toggle", onClick: () => { setExpanded(open ? null : server.id); }, children: [open ? '▾ ' : '▸ ', server.toolCount, " ", t('mcpTools'), server.env && Object.keys(server.env).length > 0 ? ` · ${t('mcpEnv')}: ${Object.keys(server.env).join(', ')}` : ''] }), open ? ((0, jsx_runtime_1.jsx)("div", { className: "dut-mcp-tools", children: server.tools.length === 0 ? (0, jsx_runtime_1.jsx)("span", { className: "dut-mcp-sub", children: "\u2014" }) : server.tools.map(tool => (0, jsx_runtime_1.jsx)("span", { className: "dut-mcp-tool", children: tool }, tool)) })) : null] }, server.id));
+                        }) })] }), editing !== null ? ((0, jsx_runtime_1.jsx)(McpEditor, { initial: editing === 'new' ? null : editing, t: t, onClose: () => { setEditing(null); }, onSaved: () => { setEditing(null); setNotice(t('mcpSaved')); pollAfter(() => false, 10); } }, editing === 'new' ? 'new' : editing.id)) : null] }));
+}
+function McpEditor({ initial, t, onClose, onSaved }) {
+    const isEdit = initial !== null;
+    const [mode, setMode] = (0, react_1.useState)('form');
+    const [id, setId] = (0, react_1.useState)(initial?.id ?? '');
+    const [serverName, setServerName] = (0, react_1.useState)(initial?.serverName ?? '');
+    const [transport, setTransport] = (0, react_1.useState)(initial?.transport === 'streamable-http' ? 'streamable-http' : 'stdio');
+    const [timeoutText, setTimeoutText] = (0, react_1.useState)(initial?.toolCallTimeoutMs !== undefined ? String(initial.toolCallTimeoutMs) : '');
+    const [command, setCommand] = (0, react_1.useState)(initial?.command ?? '');
+    const [argsText, setArgsText] = (0, react_1.useState)(initial ? initial.args.join('\n') : '');
+    const [envText, setEnvText] = (0, react_1.useState)(initial ? recordToLines(initial.env, '=') : '');
+    const [url, setUrl] = (0, react_1.useState)(initial?.url ?? '');
+    const [headersText, setHeadersText] = (0, react_1.useState)(initial ? recordToLines(initial.headers, ':') : '');
+    const [disabled, setDisabled] = (0, react_1.useState)(initial?.disabled ?? false);
+    const [yamlText, setYamlText] = (0, react_1.useState)(initial?.yaml ?? '');
+    const [error, setError] = (0, react_1.useState)(null);
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const onKeyDown = (event) => {
+            if (event.key === 'Escape')
+                onClose();
+        };
+        document.addEventListener('keydown', onKeyDown);
+        return () => { document.removeEventListener('keydown', onKeyDown); };
+    }, [onClose]);
+    const validateForm = () => {
+        if (!/^[A-Za-z0-9_-]{1,64}$/u.test(id))
+            return t('mcpInvalidId');
+        if (!/^[A-Za-z0-9_-]{1,32}$/u.test(serverName))
+            return t('mcpInvalidName');
+        if (timeoutText !== '' && (!/^\d+$/u.test(timeoutText) || Number(timeoutText) <= 0))
+            return t('mcpInvalidTimeout');
+        if (transport === 'streamable-http') {
+            if (!/^https?:\/\//u.test(url))
+                return t('mcpInvalidUrl');
+        }
+        else if (command.trim().length === 0) {
+            return t('mcpInvalidCommand');
+        }
+        return null;
+    };
+    const save = () => {
+        setError(null);
+        setBusy(true);
+        let payload;
+        if (mode === 'yaml') {
+            payload = { action: 'save', server: { id, disabled }, yaml: yamlText };
+        }
+        else {
+            const invalid = validateForm();
+            if (invalid !== null) {
+                setError(invalid);
+                setBusy(false);
+                return;
+            }
+            let env = {};
+            let headers = {};
+            try {
+                env = linesToRecord(envText, '=');
+                headers = linesToRecord(headersText, ':');
+            }
+            catch (parseError) {
+                setError(parseError instanceof Error ? parseError.message : String(parseError));
+                setBusy(false);
+                return;
+            }
+            payload = {
+                action: 'save',
+                server: {
+                    id,
+                    serverName,
+                    transport,
+                    command,
+                    args: linesToArray(argsText),
+                    env,
+                    url,
+                    headers,
+                    ...(timeoutText !== '' ? { toolCallTimeoutMs: Number(timeoutText) } : {}),
+                    disabled,
+                },
+            };
+        }
+        void mcpRequest({
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(payload),
+        }).then(() => { onSaved(); }).catch((reason) => {
+            setError(reason instanceof Error ? reason.message : String(reason));
+        }).finally(() => { setBusy(false); });
+    };
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-overlay", role: "presentation", children: [(0, jsx_runtime_1.jsx)("div", { className: "dut-mcp-mask", "aria-hidden": "true", onClick: onClose }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-panel", role: "dialog", "aria-modal": "true", "aria-label": isEdit ? t('mcpEditTitle') : t('mcpAddTitle'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-panel-head", children: [(0, jsx_runtime_1.jsx)("h2", { children: isEdit ? t('mcpEditTitle') : t('mcpAddTitle') }), (0, jsx_runtime_1.jsx)("span", { className: "dut-mcp-spacer" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "dut-mcp-panel-close", onClick: onClose, "aria-label": "\u2715", children: "\u2715" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-tabs", role: "tablist", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", role: "tab", "aria-selected": mode === 'form', className: mode === 'form' ? 'dut-mcp-tab-on' : '', onClick: () => { setMode('form'); }, children: t('mcpFormTab') }), (0, jsx_runtime_1.jsx)("button", { type: "button", role: "tab", "aria-selected": mode === 'yaml', className: mode === 'yaml' ? 'dut-mcp-tab-on' : '', onClick: () => { setMode('yaml'); }, children: t('mcpYamlTab') })] }), error !== null ? (0, jsx_runtime_1.jsx)("div", { className: "dut-mcp-error", children: error }) : null, mode === 'yaml' ? ((0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-form", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-row2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldId') }), (0, jsx_runtime_1.jsx)("input", { className: "dut-mcp-input", value: id, disabled: isEdit, onChange: event => { setId(event.target.value); } }), (0, jsx_runtime_1.jsx)("small", { children: t('mcpFieldIdHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldEnabled') }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: !disabled ? 'dut-seg-active' : '', onClick: () => { setDisabled(false); }, children: t('mcpEnabledAction') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: disabled ? 'dut-seg-active' : '', onClick: () => { setDisabled(true); }, children: t('mcpDisabledAction') })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpYamlTab') }), (0, jsx_runtime_1.jsx)("textarea", { className: "dut-mcp-input dut-mcp-yaml", value: yamlText, placeholder: t('mcpYamlPlaceholder'), spellCheck: false, onChange: event => { setYamlText(event.target.value); } }), (0, jsx_runtime_1.jsx)("small", { children: t('mcpYamlHint') })] })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-form", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-row2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldId') }), (0, jsx_runtime_1.jsx)("input", { className: "dut-mcp-input", value: id, disabled: isEdit, onChange: event => { setId(event.target.value); } }), (0, jsx_runtime_1.jsx)("small", { children: t('mcpFieldIdHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldEnabled') }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: !disabled ? 'dut-seg-active' : '', onClick: () => { setDisabled(false); }, children: t('mcpEnabledAction') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: disabled ? 'dut-seg-active' : '', onClick: () => { setDisabled(true); }, children: t('mcpDisabledAction') })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-row2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldName') }), (0, jsx_runtime_1.jsx)("input", { className: "dut-mcp-input", value: serverName, onChange: event => { setServerName(event.target.value); } }), (0, jsx_runtime_1.jsx)("small", { children: t('mcpFieldNameHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldType') }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-seg", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: transport === 'stdio' ? 'dut-seg-active' : '', onClick: () => { setTransport('stdio'); }, children: "stdio" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: transport === 'streamable-http' ? 'dut-seg-active' : '', onClick: () => { setTransport('streamable-http'); }, children: "HTTP" })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldTimeout') }), (0, jsx_runtime_1.jsx)("input", { className: "dut-mcp-input", inputMode: "numeric", value: timeoutText, placeholder: "60000", onChange: event => { setTimeoutText(event.target.value); } })] }), transport === 'stdio' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldCommand') }), (0, jsx_runtime_1.jsx)("input", { className: "dut-mcp-input", value: command, placeholder: t('mcpFieldCommandPlaceholder'), onChange: event => { setCommand(event.target.value); } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldArgs') }), (0, jsx_runtime_1.jsx)("textarea", { className: "dut-mcp-input", value: argsText, placeholder: '-y\n@some/mcp-server', spellCheck: false, onChange: event => { setArgsText(event.target.value); } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldEnv') }), (0, jsx_runtime_1.jsx)("textarea", { className: "dut-mcp-input dut-mcp-input-lg", value: envText, placeholder: 'KEY=value', spellCheck: false, onChange: event => { setEnvText(event.target.value); } })] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldUrl') }), (0, jsx_runtime_1.jsx)("input", { className: "dut-mcp-input", value: url, placeholder: "https://mcp.example.com/sse", onChange: event => { setUrl(event.target.value); } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('mcpFieldHeaders') }), (0, jsx_runtime_1.jsx)("textarea", { className: "dut-mcp-input dut-mcp-input-lg", value: headersText, placeholder: 'Authorization: Bearer …', spellCheck: false, onChange: event => { setHeadersText(event.target.value); } })] })] }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "dut-mcp-foot", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "dut-mcp-btn", disabled: busy, onClick: onClose, children: t('mcpCancel') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "dut-btn dut-btn-active", disabled: busy, onClick: save, children: t('mcpSave') })] })] })] }), document.body);
 }
 };
 __modules["./timeline.js"] = function(module, exports, require, __load_) {