dsh-composer-ux 0.4.0 → 0.5.0

package/lib/client.js

@@ -38,9 +38,71 @@ __export(client_exports, {
 module.exports = __toCommonJS(client_exports);
 var import_dsh_client_store = require("@deepseek-ai/dsh-client-store");
 
+// src/terminal/discover.ts
+function normalizePath(value) {
+  const trimmed = value.trim().replace(/^"|"$/g, "");
+  const slashed = trimmed.replace(/\\/g, "/").replace(/\/{2,}/g, "/");
+  return slashed.length > 1 ? slashed.replace(/\/+$/, "") : slashed;
+}
+
+// src/terminal/contracts.ts
+var TERMINAL_MODE_FIELD = "terminalMode";
+var TERMINAL_BASH_PATH_FIELD = "terminalBashPath";
+var TERMINAL_CANDIDATES_FIELD = "terminalCandidates";
+var TERMINAL_STATUS_FIELD = "terminalStatus";
+var TERMINAL_EFFECTIVE_FIELD = "terminalEffective";
+var TERMINAL_API_PATH = "/composer-ux/terminal";
+var TERMINAL_MODES = [
+  {
+    id: "auto",
+    label: "\u81EA\u52A8",
+    hint: "\u63A2\u6D4B\u5230 Git Bash \u5C31\u7528\u5B83\uFF08\u627E\u4E0D\u5230\u5219\u4FDD\u6301 PowerShell\uFF09\uFF1B\u5F00\u7BB1\u5373\u7528\uFF0C\u4E0D\u7528\u624B\u586B\u8DEF\u5F84"
+  },
+  {
+    id: "gitbash",
+    label: "Git Bash",
+    hint: "\u5F3A\u5236\u6362\u6210 Git Bash\uFF1B\u6CA1\u63A2\u6D4B\u5230\u5C31\u56DE\u843D PowerShell\uFF0C\u5E76\u5728\u72B6\u6001\u884C\u5199\u660E\u539F\u56E0"
+  },
+  {
+    id: "pwsh",
+    label: "PowerShell",
+    hint: "\u4FDD\u6301 DSH \u9ED8\u8BA4\uFF08\u672C\u63D2\u4EF6\u5B8C\u5168\u4E0D\u78B0\u7EC8\u7AEF\u5DE5\u5177\u9762\uFF09"
+  }
+];
+var DEFAULT_TERMINAL_MODE = "auto";
+function terminalModeFrom(value) {
+  return value === "auto" || value === "gitbash" || value === "pwsh" ? value : DEFAULT_TERMINAL_MODE;
+}
+function sanitizeTerminalCandidates(value) {
+  if (!Array.isArray(value)) return [];
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of value) {
+    if (out.length >= 20) break;
+    if (typeof item !== "object" || item === null) continue;
+    const row2 = item;
+    const path = typeof row2.path === "string" ? normalizePath(row2.path).slice(0, 400) : "";
+    if (path === "") continue;
+    const key = path.toLowerCase();
+    if (seen.has(key)) continue;
+    seen.add(key);
+    const label = typeof row2.label === "string" ? row2.label.slice(0, 40) : "";
+    const kind = row2.kind === "git" || row2.kind === "msys2" || row2.kind === "cygwin" || row2.kind === "niubash" || row2.kind === "path" ? row2.kind : "path";
+    out.push({ path, label: label === "" ? "PATH" : label, kind, explicit: row2.explicit === true });
+  }
+  return out;
+}
+
 // src/settings-contract.ts
 var NAMESPACE = "composer-ux";
+var REPO_URL = "https://github.com/fangwen9527/dsh-composer-ux";
+var RESTART_API_PATH = "/composer-ux/restart";
 var ENABLED_FIELD = "enabled";
+var KEYS_ENABLED_FIELD = "keysEnabled";
+var MENU_ENABLED_FIELD = "menuEnabled";
+var QUICK_ENABLED_FIELD = "quickEnabled";
+var PANEL_ENABLED_FIELD = "panelEnabled";
+var TERMINAL_ENABLED_FIELD = "terminalEnabled";
 var SEND_KEY_FIELD = "sendKey";
 var NEWLINE_KEY_FIELD = "newlineKey";
 var PANEL_SCROLL_FIELD = "panelScroll";
@@ -227,7 +289,14 @@ var DEFAULT_HEADER_NAME = "x-opencode-session";
 var HEADER_VALUE_MAX = 200;
 var HEADER_NAME_MAX = 64;
 var DEFAULT_SETTINGS = {
+  // 总开关默认开：它只是总闸，真正"要不要用这一栏"由下面五个开关决定（默认关）。
   enabled: true,
+  // 五栏默认关（老文档由 sectionEnabledOf 迁移成"碰过就开"）。
+  keysEnabled: false,
+  menuEnabled: false,
+  quickEnabled: false,
+  panelEnabled: false,
+  terminalEnabled: false,
   sendKey: "Enter",
   newlineKey: "Shift+Enter",
   menuUndo: true,
@@ -248,8 +317,24 @@ var DEFAULT_SETTINGS = {
   headerAppliedValue: "",
   headerStatus: "",
   quickPrompts: DEFAULT_QUICK_PROMPTS,
-  optimizerTier: DEFAULT_OPTIMIZER_TIER
+  optimizerTier: DEFAULT_OPTIMIZER_TIER,
+  terminalMode: DEFAULT_TERMINAL_MODE,
+  terminalBashPath: "",
+  terminalCandidates: [],
+  terminalStatus: "",
+  terminalEffective: ""
 };
+function activeSections(settings) {
+  const on = settings.enabled;
+  return {
+    keys: on && settings.keysEnabled,
+    menu: on && settings.menuEnabled,
+    quick: on && settings.quickEnabled,
+    panel: on && settings.panelEnabled,
+    header: on && settings.headerEnabled,
+    terminal: on && settings.terminalEnabled
+  };
+}
 var SEND_PRESETS = ["Enter", "Ctrl+Enter", "Alt+Enter", "Shift+Enter"];
 var NEWLINE_PRESETS = ["Shift+Enter", "Enter", "Ctrl+Enter", "Alt+Enter"];
 var MENU_ITEMS = [
@@ -270,6 +355,25 @@ function newSessionId() {
   ).join("");
   return `${hex(8)}-${hex(4)}-4${hex(3)}-a${hex(3)}-${hex(12)}`;
 }
+var SECTION_SIGNALS = {
+  [KEYS_ENABLED_FIELD]: (source) => touched(source, SEND_KEY_FIELD, DEFAULT_SETTINGS.sendKey) || touched(source, NEWLINE_KEY_FIELD, DEFAULT_SETTINGS.newlineKey),
+  // 「官方」＝本插件不介入，等价于关；所以只有选过另外两档才算"碰过"。
+  // （`menuModeFrom` 对"两个键都没有"给的就是 'official'，天然满足"缺省 = 默认"。）
+  [MENU_ENABLED_FIELD]: (source) => menuModeFrom(source[MENU_MODE_FIELD], source[MENU_NATIVE_FIELD]) !== "official",
+  [QUICK_ENABLED_FIELD]: (source) => Array.isArray(source[QUICK_PROMPTS_FIELD]) && source[QUICK_PROMPTS_FIELD].length !== DEFAULT_QUICK_PROMPTS.length || touched(source, OPTIMIZER_TIER_FIELD, DEFAULT_OPTIMIZER_TIER),
+  [PANEL_ENABLED_FIELD]: (source) => touched(source, PANEL_SCROLL_FIELD, true) || touched(source, PANEL_RESIZE_FIELD, true) || source[PANEL_WIDTH_FIELD] !== void 0 || source[PANEL_HEIGHT_FIELD] !== void 0,
+  [TERMINAL_ENABLED_FIELD]: (source) => touched(source, TERMINAL_MODE_FIELD, DEFAULT_TERMINAL_MODE) || touched(source, TERMINAL_BASH_PATH_FIELD, "")
+};
+function touched(source, field, untouched) {
+  const value = source[field];
+  return value !== void 0 && value !== untouched;
+}
+function sectionEnabledOf(field, source) {
+  const explicit = source[field];
+  if (typeof explicit === "boolean") return explicit;
+  const signal = SECTION_SIGNALS[field];
+  return signal === void 0 ? false : signal(source);
+}
 function sanitizeSettings(value) {
   const source = typeof value === "object" && value !== null ? value : {};
   const asString = (field) => {
@@ -319,6 +423,12 @@ function sanitizeSettings(value) {
   };
   return {
     enabled: asBool(ENABLED_FIELD),
+    // 五栏开关：显式写过听它的，否则按"用户碰过没"迁移（见 sectionEnabledOf）。
+    keysEnabled: sectionEnabledOf(KEYS_ENABLED_FIELD, source),
+    menuEnabled: sectionEnabledOf(MENU_ENABLED_FIELD, source),
+    quickEnabled: sectionEnabledOf(QUICK_ENABLED_FIELD, source),
+    panelEnabled: sectionEnabledOf(PANEL_ENABLED_FIELD, source),
+    terminalEnabled: sectionEnabledOf(TERMINAL_ENABLED_FIELD, source),
     sendKey: asString(SEND_KEY_FIELD),
     newlineKey: asString(NEWLINE_KEY_FIELD),
     menuUndo: asBool("menuUndo"),
@@ -343,7 +453,14 @@ function sanitizeSettings(value) {
     headerAppliedValue: asText(HEADER_APPLIED_VALUE_FIELD, HEADER_VALUE_MAX),
     headerStatus: asText(HEADER_STATUS_FIELD, HEADER_VALUE_MAX),
     quickPrompts: asQuickPrompts(),
-    optimizerTier: asTier()
+    optimizerTier: asTier(),
+    terminalMode: terminalModeFrom(source[TERMINAL_MODE_FIELD]),
+    // 路径只做长度与归一化收窄，不在这里判"存不存在"——那是宿主半的探测结论，
+    // 由状态行告诉用户（用户看得见自己填了什么，比悄悄清空好）。
+    terminalBashPath: asText(TERMINAL_BASH_PATH_FIELD, 400),
+    terminalCandidates: sanitizeTerminalCandidates(source[TERMINAL_CANDIDATES_FIELD]),
+    terminalStatus: asText(TERMINAL_STATUS_FIELD, 400),
+    terminalEffective: asText(TERMINAL_EFFECTIVE_FIELD, 16)
   };
 }
 
@@ -765,6 +882,7 @@ function composing(event) {
 function installInterceptors(deps) {
   const onKeyDown = (event) => {
     if (replaying) return;
+    if (!activeSections(deps.settings()).keys) return;
     const root = findComposerRoot(event.target);
     if (root === null) return;
     if (composing(event)) return;
@@ -788,7 +906,9 @@ function installInterceptors(deps) {
   const onContextMenu = (event) => {
     const root = findComposerRoot(event.target);
     if (root === null) return;
-    const mode = deps.settings().menuMode;
+    const settings = deps.settings();
+    if (!activeSections(settings).menu) return;
+    const mode = settings.menuMode;
     if (mode === "official") return;
     if (mode === "browser") {
       if (deps.menuOpen()) deps.setMenu(null);
@@ -1053,7 +1173,8 @@ var CARD_CSS = `
 .dsh-ux-cardHeader {
   appearance: none;
   box-sizing: border-box;
-  width: 100%;
+  flex: 1;
+  min-width: 0;
   font: inherit;
   color: inherit;
   text-align: left;
@@ -1070,6 +1191,35 @@ var CARD_CSS = `
   outline: 2px solid var(--dsw-alias-brand-primary);
   outline-offset: -2px;
 }
+/* \u6807\u9898\u884C = \u5DE6\u8FB9"\u5C55\u5F00"\u6309\u94AE\uFF08\u5360\u6EE1\u5269\u4F59\u5BBD\u5EA6\uFF09+ \u53F3\u8FB9\u4ECE\u5C5E\u63A7\u4EF6\u4E0E\u672C\u680F\u5F00\u5173\u3002
+   \u4E0D\u80FD\u5728 <button> \u91CC\u585E\u6309\u94AE\uFF0C\u6240\u4EE5\u4E24\u8005\u662F\u5144\u5F1F\u8282\u70B9\u3002 */
+.dsh-ux-cardHeaderRow {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding-right: 12px;
+}
+.dsh-ux-cardControls {
+  align-items: center;
+  display: inline-flex;
+  flex: none;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+/* \u6807\u9898\u884C\u91CC\u7684"\u6587\u5B57 + \u5C0F\u5F00\u5173"\uFF08\u5BFC\u822A\u6EDA\u52A8 / \u8FB9\u7F18\u7F29\u653E\uFF09\u3002 */
+.dsh-ux-miniToggle {
+  align-items: center;
+  color: var(--dsw-alias-label-secondary);
+  display: inline-flex;
+  flex: none;
+  font-size: 11px;
+  gap: 5px;
+  white-space: nowrap;
+}
+/* \u672A\u542F\u7528\uFF1A\u6807\u9898\u884C\u91CC\u8BF4\u6E05\u695A\uFF0C\u6B63\u6587\u538B\u6697\uFF0C\u8BA9\u4EBA\u4E00\u773C\u770B\u51FA"\u8FD9\u4E00\u680F\u73B0\u5728\u4E0D\u751F\u6548"\u3002 */
+.dsh-ux-cardOff { border-style: dashed; }
+.dsh-ux-cardOff .dsh-ux-cardBody { opacity: .6; }
 .dsh-ux-cardHeaderStatic {
   box-sizing: border-box;
   display: flex;
@@ -1097,6 +1247,109 @@ var CARD_CSS = `
   line-height: 1.5;
   margin: 0;
 }
+.dsh-ux-cardLink {
+  align-items: center;
+  color: var(--dsw-alias-label-secondary);
+  display: inline-flex;
+  flex: none;
+  font-size: 12px;
+  gap: 4px;
+  text-decoration: none;
+  white-space: nowrap;
+}
+.dsh-ux-cardLink:hover {
+  color: var(--dsw-alias-brand-primary);
+  text-decoration: underline;
+}
+/* \u62AC\u5934\u53F3\u7AEF\u90A3\u4E00\u7EC4\uFF1A\u91CD\u542F\u6309\u94AE + GitHub \u94FE\u63A5\uFF0C\u4E24\u679A\u90FD\u4E0D\u53C2\u4E0E\u6536\u7F29\u3002 */
+.dsh-ux-cardActions {
+  align-items: center;
+  display: inline-flex;
+  flex: none;
+  gap: 10px;
+}
+.dsh-ux-restartButton {
+  appearance: none;
+  background: 0 0;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-primary);
+  cursor: pointer;
+  flex: none;
+  font: inherit;
+  font-size: 12px;
+  line-height: 1;
+  padding: 6px 12px;
+  transition: border-color .16s, color .16s, background .16s;
+  white-space: nowrap;
+}
+.dsh-ux-restartButton:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-hover);
+  border-color: var(--dsw-alias-brand-primary);
+  color: var(--dsw-alias-brand-primary);
+}
+.dsh-ux-restartButton:disabled {
+  color: var(--dsw-alias-label-tertiary);
+  cursor: default;
+  opacity: .7;
+}
+/* \u786E\u8BA4\u6761\uFF1A\u62AC\u5934\u6B63\u4E0B\u65B9\u7684\u4E00\u6761\uFF0C\u4F4D\u7F6E\u5BF9\u9F50\u5E02\u573A\u7684\u300CN \u9879\u53D8\u66F4\u9700\u91CD\u542F\u300D\u6A2A\u5E45\u3002 */
+.dsh-ux-restartBanner {
+  align-items: center;
+  background: var(--dsw-alias-bg-layer-2);
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 10px;
+  display: flex;
+  gap: 10px;
+  margin: 0 16px 12px;
+  padding: 10px 12px;
+}
+.dsh-ux-restartBannerFailed { border-color: var(--dsw-alias-state-error-primary); }
+.dsh-ux-restartBannerText {
+  color: var(--dsw-alias-label-secondary);
+  flex: 1;
+  font-size: 12px;
+  line-height: 1.5;
+  min-width: 0;
+}
+.dsh-ux-restartBannerFailed .dsh-ux-restartBannerText { color: var(--dsw-alias-state-error-primary); }
+.dsh-ux-restartBannerActions {
+  align-items: center;
+  display: inline-flex;
+  flex: none;
+  gap: 8px;
+}
+.dsh-ux-restartGo {
+  appearance: none;
+  background: var(--dsw-alias-button-primary-fill);
+  border: 0;
+  border-radius: 999px;
+  color: var(--dsw-alias-label-primary-foreground);
+  cursor: pointer;
+  font: inherit;
+  font-size: 12px;
+  line-height: 1;
+  padding: 7px 14px;
+  white-space: nowrap;
+}
+.dsh-ux-restartGo:hover { background: var(--dsw-alias-brand-primary); }
+.dsh-ux-restartCancel {
+  appearance: none;
+  background: 0 0;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+  font: inherit;
+  font-size: 12px;
+  line-height: 1;
+  padding: 7px 14px;
+  white-space: nowrap;
+}
+.dsh-ux-restartCancel:hover {
+  border-color: var(--dsw-alias-label-dimmed);
+  color: var(--dsw-alias-label-primary);
+}
 .dsh-ux-cardChevron {
   color: var(--dsw-alias-label-tertiary);
   flex: none;
@@ -1603,12 +1856,13 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var EDGES = ["left", "right", "top", "bottom", "br"];
 function PanelResizeHandles({ useLive, actions }) {
   const settings = useLive((value) => ({
-    enabled: value.enabled,
+    // 「设置面板」栏（或总开关）关着时整块停用 —— 与导航滚动那处用同一个判据。
+    sectionOn: activeSections(value).panel,
     panelResize: value.panelResize,
     panelWidth: value.panelWidth,
     panelHeight: value.panelHeight
   }));
-  const enabled = settings.enabled === true && settings.panelResize === true;
+  const enabled = settings.sectionOn === true && settings.panelResize === true;
   const [panel, setPanel] = (0, import_react2.useState)(null);
   const [active2, setActive] = (0, import_react2.useState)(null);
   const dragRef = (0, import_react2.useRef)(null);
@@ -1998,25 +2252,44 @@ function Chevron() {
 }
 function FoldCard(props) {
   const [open, setOpen] = (0, import_react4.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: open ? "dsh-ux-card dsh-ux-cardOpen" : "dsh-ux-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-      "button",
-      {
-        type: "button",
-        className: "dsh-ux-cardHeader",
-        "aria-expanded": open,
-        onClick: () => {
-          setOpen((current) => !current);
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-ux-cardHeadText", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-ux-cardName", children: props.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-ux-cardDescription", children: props.summary })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: open ? "dsh-ux-cardChevron dsh-ux-cardChevronOpen" : "dsh-ux-cardChevron", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Chevron, {}) })
-        ]
-      }
-    ),
+  const off = props.toggle !== void 0 && props.toggle.checked === false;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: [
+    "dsh-ux-card",
+    open ? "dsh-ux-cardOpen" : "",
+    off ? "dsh-ux-cardOff" : ""
+  ].filter((part) => part !== "").join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-ux-cardHeaderRow", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: "dsh-ux-cardHeader",
+          "aria-expanded": open,
+          onClick: () => {
+            setOpen((current) => !current);
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-ux-cardHeadText", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-ux-cardName", children: props.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-ux-cardDescription", children: off ? `\u672A\u542F\u7528 \xB7 ${props.summary}` : props.summary })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: open ? "dsh-ux-cardChevron dsh-ux-cardChevronOpen" : "dsh-ux-cardChevron", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Chevron, {}) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-ux-cardControls", children: [
+        props.controls,
+        props.toggle !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          Switch,
+          {
+            small: true,
+            label: `${props.name}\uFF1A\u542F\u7528\u8FD9\u4E00\u680F`,
+            checked: props.toggle.checked,
+            onChange: props.toggle.onChange
+          }
+        )
+      ] })
+    ] }),
     open && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-ux-cardBody", children: props.children })
   ] });
 }
@@ -2106,6 +2379,57 @@ function KeyRow(props) {
     ] })
   ] });
 }
+function Switch(props) {
+  const { checked, onChange, label, small = false } = props;
+  const width = small ? 30 : 36;
+  const height = small ? 16 : 20;
+  const knob = small ? 12 : 14;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      "aria-label": label,
+      title: label,
+      onClick: () => {
+        onChange(!checked);
+      },
+      style: {
+        width,
+        height,
+        borderRadius: 999,
+        border: "0.5px solid var(--dsw-alias-border-l2)",
+        cursor: "pointer",
+        background: checked ? "var(--dsw-alias-button-primary-fill)" : "var(--dsw-alias-interactive-bg-hover)",
+        position: "relative",
+        flex: "0 0 auto",
+        padding: 0
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "span",
+        {
+          style: {
+            position: "absolute",
+            top: small ? 1 : 2,
+            left: checked ? width - knob - (small ? 1 : 2) : small ? 1 : 2,
+            width: knob,
+            height: knob,
+            borderRadius: "50%",
+            background: checked ? "var(--dsw-alias-label-primary-foreground)" : "var(--dsw-alias-label-secondary)",
+            transition: "left 0.12s ease"
+          }
+        }
+      )
+    }
+  );
+}
+function MiniToggle(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-ux-miniToggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-ux-miniToggleLabel", children: props.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Switch, { small: true, label: props.label, checked: props.checked, onChange: props.onChange })
+  ] });
+}
 function ToggleRow(props) {
   const { label, desc, checked, onChange, first } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: first === true ? { ...row, borderTop: "none" } : row, children: [
@@ -2113,43 +2437,7 @@ function ToggleRow(props) {
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowTitle, children: label }),
       desc !== void 0 && desc !== "" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowDesc, children: desc })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "button",
-      {
-        type: "button",
-        role: "switch",
-        "aria-checked": checked,
-        onClick: () => {
-          onChange(!checked);
-        },
-        style: {
-          width: 36,
-          height: 20,
-          borderRadius: 999,
-          border: "0.5px solid var(--dsw-alias-border-l2)",
-          cursor: "pointer",
-          background: checked ? "var(--dsw-alias-button-primary-fill)" : "var(--dsw-alias-interactive-bg-hover)",
-          position: "relative",
-          flex: "0 0 auto",
-          padding: 0
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "span",
-          {
-            style: {
-              position: "absolute",
-              top: 2,
-              left: checked ? 18 : 2,
-              width: 14,
-              height: 14,
-              borderRadius: "50%",
-              background: checked ? "var(--dsw-alias-label-primary-foreground)" : "var(--dsw-alias-label-secondary)",
-              transition: "left 0.12s ease"
-            }
-          }
-        )
-      }
-    )
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Switch, { label, checked, onChange })
   ] });
 }
 function TextFieldRow(props) {
@@ -2438,11 +2726,249 @@ function QuickPromptsEditor(props) {
     ] })
   ] });
 }
+var candidatePill = {
+  ...pill,
+  textAlign: "left",
+  maxWidth: "100%",
+  overflowWrap: "anywhere",
+  lineHeight: 1.4
+};
+function DefaultTerminalBody(props) {
+  const { settings, setField, hideMode = false } = props;
+  const [note, setNote] = (0, import_react4.useState)("");
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const candidates = settings.terminalCandidates;
+  if (settings.terminalEffective === "unsupported") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\u672C\u63D2\u4EF6\u53EA\u5728 Windows \u4E0A\u63A5\u7BA1\u7EC8\u7AEF\uFF08Windows \u4E0A DSH \u9ED8\u8BA4\u7ED9\u6A21\u578B\u7684\u662F PowerShell\uFF09\u3002\u5F53\u524D\u5E73\u53F0\u4E0D\u9700\u8981\u5B83\uFF0C \u8FD9\u91CC\u7684\u8BBE\u7F6E\u4E0D\u4F1A\u751F\u6548\u3002" });
+  }
+  const discover = async () => {
+    setBusy(true);
+    setNote("");
+    try {
+      const response = await fetch(TERMINAL_API_PATH, { method: "POST" });
+      const parsed = await response.json();
+      const found = sanitizeTerminalCandidates(parsed.candidates);
+      setNote(found.length === 0 ? "\u6CA1\u6709\u627E\u5230\u53EF\u7528\u7684 bash\uFF08WSL \u7684 bash.exe \u4F1A\u88AB\u5FFD\u7565\uFF0C\u5B83\u6309 Linux \u89C4\u5219\u89E3\u91CA\u8DEF\u5F84\uFF09" : `\u627E\u5230 ${String(found.length)} \u4E2A\u5019\u9009\uFF0C\u5DF2\u5217\u5728\u4E0B\u65B9`);
+    } catch (error) {
+      setNote(`\u81EA\u52A8\u53D1\u73B0\u5931\u8D25\uFF1A${error instanceof Error ? error.message : String(error)}`);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    !hideMode && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...row, borderTop: "none", flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: rowText, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowTitle, children: "\u7EC8\u7AEF\u5DE5\u5177" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowDesc, children: TERMINAL_MODES.find((item) => item.id === settings.terminalMode)?.hint ?? "" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        PillChoice,
+        {
+          items: TERMINAL_MODES,
+          value: settings.terminalMode,
+          onChange: (mode) => {
+            setField(TERMINAL_MODE_FIELD, mode);
+          },
+          ariaLabel: "\u7EC8\u7AEF\u5DE5\u5177"
+        }
+      )
+    ] }),
+    settings.terminalMode !== "pwsh" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        TextFieldRow,
+        {
+          title: "Git Bash \u8DEF\u5F84",
+          desc: "\u7559\u7A7A = \u7528\u81EA\u52A8\u63A2\u6D4B\u5230\u7684\u90A3\u4E00\u4E2A\uFF08\u5148\u627E git\uFF0C\u518D\u7531\u540C\u4E00\u4E2A\u5B89\u88C5\u53CD\u63A8 bash\uFF09",
+          value: settings.terminalBashPath,
+          placeholder: "\u7559\u7A7A = \u81EA\u52A8",
+          maxLength: 400,
+          onChange: (next) => {
+            setField(TERMINAL_BASH_PATH_FIELD, next);
+          },
+          action: { label: busy ? "\u63A2\u6D4B\u4E2D\u2026" : "\u81EA\u52A8\u53D1\u73B0", onClick: () => {
+            void discover();
+          } }
+        }
+      ),
+      candidates.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 6, marginTop: 2 }, children: candidates.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "button",
+        {
+          type: "button",
+          title: candidate.path,
+          style: candidate.path === settings.terminalBashPath ? { ...candidatePill, ...pillActive } : candidatePill,
+          onClick: () => {
+            setField(TERMINAL_BASH_PATH_FIELD, candidate.path);
+          },
+          children: [
+            candidate.label,
+            "\uFF1A",
+            candidate.path,
+            candidate.explicit ? "\uFF08\u4F60\u586B\u7684\uFF09" : ""
+          ]
+        },
+        candidate.path
+      )) }),
+      note !== "" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: note })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: hintInfo, children: [
+      "\u72B6\u6001\uFF1A",
+      settings.terminalStatus === "" ? "\u7B49\u5F85\u5BBF\u4E3B\u534A\u63A2\u6D4B\u2026" : settings.terminalStatus
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\xB7 \u6362\u6210 Git Bash \u540E\uFF0C\u6A21\u578B\u770B\u5230\u7684\u7EC8\u7AEF\u5DE5\u5177\u5C31\u53EB bash\uFF08\u547D\u4EE4\u6309 bash/POSIX \u5199\uFF09\uFF0CPowerShell \u90A3\u4E2A\u5DE5\u5177 \u4F1A\u4ECE\u5B83\u7684\u5DE5\u5177\u5217\u8868\u91CC\u6D88\u5931 \u2014\u2014 \u4E00\u4E2A\u4F1A\u8BDD\u53EA\u9762\u5BF9\u4E00\u4E2A\u7EC8\u7AEF\u5DE5\u5177\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\xB7 \u6539\u6863\u4F4D\u4F1A\u7ACB\u523B\u91CD\u65B0\u4E0B\u53D1\u7ED9\u6B63\u5728\u8DD1\u7684\u4F1A\u8BDD\u3002\u4F46\u4F1A\u8BDD\u5386\u53F2\u91CC\u53EF\u80FD\u8FD8\u7559\u7740\u65E7\u5DE5\u5177\u540D\uFF1A\u5982\u679C\u54EA\u513F\u62A5\u4E86 unknown tool \u4E4B\u7C7B\u7684\u9519\uFF0C\u8BA9\u6A21\u578B\u6539\u7528 bash \u91CD\u8BD5\u5373\u53EF\uFF0C\u4E0D\u5F71\u54CD\u4F1A\u8BDD\u672C\u8EAB\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\xB7 \u53EA\u5BF9 Windows \u751F\u6548\uFF1BWSL \u7684 bash.exe \u4F1A\u88AB\u4E3B\u52A8\u6392\u9664\uFF08\u5B83\u628A D:\\ \u8FD9\u7C7B\u8DEF\u5F84\u89E3\u91CA\u6210 /mnt/d\uFF0C\u4E0E\u6A21\u578B\u624B\u91CC\u7684 Windows \u5DE5\u4F5C\u76EE\u5F55\u4E0D\u517C\u5BB9\uFF09\u3002\u6C99\u7BB1\u3001\u5BA1\u6279\u3001\u8D85\u65F6\u4E0E\u8F93\u51FA\u622A\u65AD\u7684\u884C\u4E3A\u4E0E DSH \u81EA\u5E26\u7EC8\u7AEF\u4E00\u81F4\u3002" })
+  ] });
+}
+var RESTART_WAIT_MS = 6e4;
+var RESTART_POLL_MS = 1500;
+function blockedText(blocked) {
+  if (blocked === "debugger") {
+    return "\u8FD9\u4E2A\u5BBF\u4E3B\u6B63\u88AB\u8C03\u8BD5\u5668\u9644\u7740\uFF1A\u4ECE\u754C\u9762\u91CC\u6740\u6389\u5B83\u53EA\u4F1A\u8FDE\u8C03\u8BD5\u4F1A\u8BDD\u4E00\u8D77\u4E22\u6389\uFF0C\u8BF7\u4ECE IDE \u6216\u7EC8\u7AEF\u505C\u6B62\u5B83\u518D\u542F\u52A8\u3002";
+  }
+  if (blocked.startsWith("supervised:")) {
+    return `\u8FD9\u4E2A\u5BBF\u4E3B\u7531 ${blocked.slice("supervised:".length)} \u5F53\u670D\u52A1\u5728\u8DD1\uFF0C\u91CD\u542F\u8BE5\u5F52\u5B83\u7BA1\uFF08\u5B83\u4F1A\u8FDE\u540C\u6574\u4E2A cgroup \u4E00\u8D77\u6536\u6389\uFF0C\u63D2\u4EF6\u81EA\u5DF1\u91CD\u542F\u53EA\u4F1A\u8BA9\u670D\u52A1\u518D\u4E5F\u8D77\u4E0D\u6765\uFF09\u3002`;
+  }
+  return `\u8FD9\u4E2A\u5BBF\u4E3B\u5F53\u524D\u4E0D\u5141\u8BB8\u4ECE\u754C\u9762\u91CD\u542F\uFF08${blocked}\uFF09\u3002`;
+}
+function useRestart() {
+  const [stage, setStage] = (0, import_react4.useState)("idle");
+  const [detail, setDetail] = (0, import_react4.useState)("");
+  const [blocked, setBlocked] = (0, import_react4.useState)(null);
+  const readFacts = async () => {
+    const response = await fetch(RESTART_API_PATH, { cache: "no-store" });
+    if (!response.ok) return { error: `HTTP ${String(response.status)}` };
+    const parsed = await response.json();
+    return {
+      running: typeof parsed.running === "number" ? parsed.running : 0,
+      command: typeof parsed.command === "string" ? parsed.command : "",
+      logHint: typeof parsed.logHint === "string" ? parsed.logHint : "",
+      blocked: typeof parsed.blocked === "string" ? parsed.blocked : null,
+      boot: typeof parsed.boot === "string" ? parsed.boot : null
+    };
+  };
+  const awaitNewBoot = async (previousBoot, logHint) => {
+    const deadline = Date.now() + RESTART_WAIT_MS;
+    while (Date.now() < deadline) {
+      await new Promise((done) => {
+        setTimeout(done, RESTART_POLL_MS);
+      });
+      try {
+        const facts = await readFacts();
+        if ("error" in facts) continue;
+        if (facts.boot !== null && facts.boot !== previousBoot) {
+          location.reload();
+          return;
+        }
+      } catch {
+      }
+    }
+    setStage("failed");
+    setDetail("\u7B49\u4E86 60 \u79D2\u4E5F\u6CA1\u7B49\u5230\u65B0\u8FDB\u7A0B\u3002\u8BF7\u624B\u52A8\u8FD0\u884C restart-webui.bat \u91CD\u542F\u4E00\u6B21\u3002" + (logHint === "" ? "" : `\u5BBF\u4E3B\u534A\u7684\u8BCA\u65AD\u65E5\u5FD7\u5728 ${logHint}\u3002`));
+  };
+  const ask = () => {
+    setStage("asking");
+    setDetail("\u6B63\u5728\u8BFB\u53D6\u91CD\u542F\u65B9\u5F0F\u2026");
+    void (async () => {
+      try {
+        const facts = await readFacts();
+        if ("error" in facts) {
+          setStage("failed");
+          setDetail(`\u8BFB\u4E0D\u5230\u91CD\u542F\u72B6\u6001\uFF08${facts.error}\uFF09\u2014\u2014 \u5BBF\u4E3B\u534A\u53EF\u80FD\u8FD8\u6CA1\u6362\u5230\u5E26\u8FD9\u6761\u8DEF\u7531\u7684\u7248\u672C\uFF0C\u8BF7\u5148\u624B\u52A8\u8FD0\u884C\u4E00\u6B21 restart-webui.bat\u3002`);
+          return;
+        }
+        setBlocked(facts.blocked);
+        if (facts.blocked !== null) {
+          setStage("failed");
+          setDetail(blockedText(facts.blocked));
+          return;
+        }
+        setStage("asking");
+        setDetail((facts.boot === null ? "\u5BBF\u4E3B\u534A\u8FD8\u662F\u4E0A\u4E00\u7248\uFF1A\u8FD9\u6B21\u91CD\u542F\u4F1A\u8D70\u65E7\u673A\u5236\uFF08\u5199\u811A\u672C + \u81EA\u5DF1\u9000\u51FA\uFF09\uFF0C\u91CD\u542F\u4E4B\u540E\u6309\u94AE\u5C31\u662F\u65B0\u7248\u4E86\u3002" : `\u91CD\u542F\u65B9\u5F0F\uFF1A${facts.command}\u3002`) + `\u5F53\u524D\u6709 ${String(facts.running)} \u4E2A\u4F1A\u8BDD\u5728\u8DD1 \u2014\u2014 \u91CD\u542F\u4F1A\u6253\u65AD\u5B83\u4EEC\uFF08\u5305\u62EC\u6B63\u5728\u751F\u6210\u7684\u90A3\u4E00\u8F6E\uFF09\u3002`);
+      } catch (error) {
+        setStage("failed");
+        setDetail(`\u8BFB\u4E0D\u5230\u91CD\u542F\u72B6\u6001\uFF1A${error instanceof Error ? error.message : String(error)}`);
+      }
+    })();
+  };
+  const confirm = () => {
+    setStage("restarting");
+    setDetail("\u5DF2\u53D1\u51FA\u91CD\u542F\u8BF7\u6C42 \u2014\u2014 \u6B63\u5728\u7B49\u65B0\u8FDB\u7A0B\u8D77\u6765\uFF08\u8FD9\u4E2A\u9875\u9762\u4F1A\u81EA\u5DF1\u56DE\u6765\uFF09\u2026");
+    void (async () => {
+      let previousBoot = null;
+      let logHint = "";
+      try {
+        const before = await readFacts();
+        if (!("error" in before)) {
+          previousBoot = before.boot;
+          logHint = before.logHint;
+        }
+      } catch {
+      }
+      try {
+        const response = await fetch(RESTART_API_PATH, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: "{}"
+        });
+        const parsed = await response.json();
+        if (response.status !== 202 && parsed.ok !== true) {
+          setStage("failed");
+          setDetail(`\u91CD\u542F\u6CA1\u6210\u529F\uFF1A${parsed.error ?? `HTTP ${String(response.status)}`} \u2014\u2014 \u8BF7\u624B\u52A8\u8FD0\u884C restart-webui.bat\u3002`);
+          return;
+        }
+      } catch {
+      }
+      await awaitNewBoot(previousBoot, logHint);
+    })();
+  };
+  const cancel = () => {
+    setStage("idle");
+    setDetail("");
+  };
+  return { stage, detail, blocked, ask, confirm, cancel };
+}
+function RestartButton({ restart }) {
+  const busy = restart.stage === "restarting" || restart.stage === "asking";
+  const blocked = restart.blocked;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "button",
+    {
+      type: "button",
+      className: "dsh-ux-restartButton",
+      disabled: busy || blocked !== null,
+      title: blocked === null ? "\u91CD\u542F DSH\uFF1A\u8BA9\u5BBF\u4E3B\u534A\u7684\u65B0\u4EE3\u7801\uFF08\u9ED8\u8BA4\u7EC8\u7AEF\u3001\u952E\u4F4D schema\uFF09\u751F\u6548\u3002\u70B9\u4E00\u4E0B\u4F1A\u5148\u8BA9\u4F60\u786E\u8BA4\u4E00\u6B21\u3002" : blockedText(blocked),
+      onClick: () => {
+        restart.ask();
+      },
+      children: restart.stage === "restarting" ? "\u91CD\u542F\u4E2D\u2026" : "\u91CD\u542F DSH"
+    }
+  );
+}
+function RestartBanner({ restart }) {
+  if (restart.stage === "idle") return null;
+  const failed = restart.stage === "failed";
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: failed ? "dsh-ux-restartBanner dsh-ux-restartBannerFailed" : "dsh-ux-restartBanner", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-ux-restartBannerText", children: restart.detail }),
+    restart.stage === "asking" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-ux-restartBannerActions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "dsh-ux-restartGo", onClick: () => {
+        restart.confirm();
+      }, children: "\u786E\u8BA4\u91CD\u542F" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "dsh-ux-restartCancel", onClick: () => {
+        restart.cancel();
+      }, children: "\u53D6\u6D88" })
+    ] }),
+    failed && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-ux-restartBannerActions", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "dsh-ux-restartCancel", onClick: () => {
+      restart.cancel();
+    }, children: "\u77E5\u9053\u4E86" }) })
+  ] });
+}
 function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
   const settings = useLive((item) => item);
   const book = useBook((item) => item);
   const bookStatus = useBookStatus((item) => item);
   const [conflict, setConflict] = (0, import_react4.useState)(null);
+  const restart = useRestart();
+  const sections = activeSections(settings);
   const setKey = (side, chord) => {
     const other = side === "send" ? settings.newlineKey : settings.sendKey;
     if (chord !== "" && chord === other) {
@@ -2461,12 +2987,33 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
   const quickCounts = bookCounts(book);
   const quickSummary = `${quickCounts.categories} \u4E2A\u5206\u7C7B \xB7 ${quickCounts.prompts} \u6761 \xB7 \u6BCF\u6B21 ${quickCounts.always} \xB7 \u4EC5\u9996\u6B21 ${quickCounts.first} \xB7 \u4F18\u5316\u6863\u4F4D ${OPTIMIZER_TIERS.find((item) => item.id === settings.optimizerTier)?.label ?? "\u9AD8\u7EA7"}`;
   const headerStatusText = settings.headerEnabled ? settings.headerStatus === "" ? "\u7B49\u5F85\u9996\u6B21\u5199\u5165\u2026" : settings.headerStatus : "\u672A\u542F\u7528\uFF08\u6253\u5F00\u4E0A\u65B9\u5F00\u5173\u5373\u5199\u5165\uFF09";
+  const terminalSummary = sections.terminal === false ? settings.terminalMode === "pwsh" ? "\u4FDD\u6301 PowerShell" : "\u6253\u5F00\u540E\u63A5\u7BA1\u7EC8\u7AEF" : settings.terminalEffective === "unsupported" ? "\u975E Windows\uFF1A\u4E0D\u9700\u8981" : settings.terminalMode === "pwsh" ? "\u5F53\u524D\uFF1A\u4FDD\u6301 PowerShell" : settings.terminalEffective === "bash" ? "\u5F53\u524D\uFF1AGit Bash" : "\u5F53\u524D\uFF1APowerShell\uFF08\u672A\u63A5\u7BA1\uFF09";
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { padding: "4px 2px" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "dsh-ux-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-ux-cardHeaderStatic", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-ux-cardHeadText", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "dsh-ux-cardName", children: "\u8F93\u5165\u4F53\u9A8C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "dsh-ux-cardDescription", children: "dsh-composer-ux \xB7 \u4E3B\u804A\u5929\u8F93\u5165\u6846\u7684\u952E\u4F4D\u3001\u53F3\u952E\u83DC\u5355\u4E0E\u8BBE\u7F6E\u9762\u677F\uFF1B\u8BBE\u7F6E\u5373\u65F6\u751F\u6548\u5E76\u6301\u4E45\u4FDD\u5B58\u3002" })
-      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-ux-cardHeaderStatic", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-ux-cardHeadText", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "dsh-ux-cardName", children: "\u8F93\u5165\u4F53\u9A8C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "dsh-ux-cardDescription", children: "dsh-composer-ux \xB7 \u4E3B\u804A\u5929\u8F93\u5165\u6846\u7684\u952E\u4F4D\u3001\u53F3\u952E\u83DC\u5355\u4E0E\u8BBE\u7F6E\u9762\u677F\uFF1B\u8BBE\u7F6E\u5373\u65F6\u751F\u6548\u5E76\u6301\u4E45\u4FDD\u5B58\u3002" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-ux-cardActions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RestartButton, { restart }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            "a",
+            {
+              className: "dsh-ux-cardLink",
+              href: REPO_URL,
+              target: "_blank",
+              rel: "noreferrer noopener",
+              title: "\u5728 GitHub \u4E0A\u67E5\u770B\u8FD9\u4E2A\u63D2\u4EF6\uFF08\u65B0\u6807\u7B7E\u6253\u5F00\uFF09",
+              children: [
+                "GitHub ",
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", children: "\u2197" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RestartBanner, { restart }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-ux-cardBody", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           ToggleRow,
@@ -2484,282 +3031,374 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
       ] })
     ] }),
     settings.enabled && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FoldCard, { name: "\u952E\u4F4D", summary: keySummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: bodyLead, children: "\u652F\u6301\u5E38\u7528\u9884\u8BBE\uFF0C\u4E5F\u53EF\u4EE5\u70B9\u51FB\u300C\u81EA\u5B9A\u4E49\u2026\u300D\u540E\u76F4\u63A5\u6309\u4E0B\u4EFB\u610F\u7EC4\u5408\u952E\u5F55\u5236\uFF08Esc \u53D6\u6D88\uFF0CBackspace \u6E05\u9664\uFF09\u3002 \u672A\u7ED1\u5B9A\u7684 Enter \u7CFB\u6309\u952E\u4E0D\u4F1A\u89E6\u53D1\u53D1\u9001\u6216\u6362\u884C\uFF1BCtrl+Enter / \u2318+Enter \u672A\u88AB\u7ED1\u5B9A\u65F6\u4FDD\u7559\u539F\u300C\u52A0\u901F\u63D0\u4EA4\u300D\u884C\u4E3A\uFF1B \u4E2D\u6587\u8F93\u5165\u6CD5\u7EC4\u5408\u671F\u95F4\u4E0D\u53D7\u5F71\u54CD\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          KeyRow,
-          {
-            first: true,
-            title: "\u53D1\u9001\u952E",
-            desc: "\u6309\u4E0B\u540E\u53D1\u9001\u5F53\u524D\u8F93\u5165",
-            value: settings.sendKey,
-            presets: SEND_PRESETS,
-            conflict: (chord) => chord !== "" && chord === settings.newlineKey,
-            onChange: (chord) => {
-              setKey("send", chord);
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          KeyRow,
-          {
-            title: "\u6362\u884C\u952E",
-            desc: "\u6309\u4E0B\u540E\u5728\u8F93\u5165\u5185\u6362\u884C",
-            value: settings.newlineKey,
-            presets: NEWLINE_PRESETS,
-            conflict: (chord) => chord !== "" && chord === settings.sendKey,
-            onChange: (chord) => {
-              setKey("newline", chord);
-            }
-          }
-        ),
-        conflictHint !== null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintError, children: conflictHint }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "button",
-          {
-            type: "button",
-            style: pill,
-            onClick: () => {
-              setConflict(null);
-              actions.resetAll();
-            },
-            children: "\u6062\u590D\u9ED8\u8BA4"
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FoldCard, { name: "\u53F3\u952E\u83DC\u5355", summary: menuSummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: bodyLead, children: "\u53F3\u952E\u70B9\u51FB\u8F93\u5165\u6846\u65F6\u5F39\u51FA\u54EA\u4E00\u79CD\u83DC\u5355\u3002\u53EA\u5F71\u54CD\u53F3\u952E\uFF0C\u4E0D\u5F71\u54CD\u952E\u4F4D\u4E0E\u5176\u5B83\u529F\u80FD\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...row, borderTop: "none", flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: rowText, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowTitle, children: "\u83DC\u5355\u6765\u6E90" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowDesc, children: MENU_MODES.find((item) => item.id === settings.menuMode)?.hint ?? "" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            PillChoice,
-            {
-              items: MENU_MODES,
-              value: settings.menuMode,
-              onChange: (mode) => {
-                actions.setField(MENU_MODE_FIELD, mode);
-              },
-              ariaLabel: "\u53F3\u952E\u83DC\u5355\u6765\u6E90"
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        FoldCard,
+        {
+          name: "\u952E\u4F4D",
+          summary: keySummary,
+          toggle: {
+            checked: sections.keys,
+            onChange: (next) => {
+              actions.setField(KEYS_ENABLED_FIELD, next);
             }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\u5B98\u65B9\uFF1A\u672C\u63D2\u4EF6\u5B8C\u5168\u4E0D\u4ECB\u5165\uFF0CDSH \u4E0E\u5176\u5B83\u63D2\u4EF6\u81EA\u5DF1\u7684\u53F3\u952E\u5904\u7406\u539F\u6837\u751F\u6548\uFF08DSH \u5B98\u65B9\u8F93\u5165\u6846\u672C\u8EAB\u6CA1\u6709 \u53F3\u952E\u83DC\u5355\uFF0C\u6240\u4EE5\u901A\u5E38\u770B\u5230\u7684\u5C31\u662F\u6D4F\u89C8\u5668\u7684\u83DC\u5355\uFF09\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\u6D4F\u89C8\u5668\uFF1A\u56FA\u5B9A\u7528\u6D4F\u89C8\u5668\u81EA\u5E26\u7684\u83DC\u5355\uFF08\u6837\u5B50\u968F\u6D4F\u89C8\u5668\u800C\u53D8\uFF09\uFF0C\u5E76\u5728\u672C\u63D2\u4EF6\u8FD9\u4E00\u5C42\u6321\u4F4F\u5176\u5B83\u63D2\u4EF6\u7684\u83DC\u5355\uFF1B \u597D\u5904\u662F\u7C98\u8D34\u514D\u6388\u6743\u3001\u96F6\u914D\u7F6E\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\u81EA\u5B9A\u4E49\uFF1A\u7528\u672C\u63D2\u4EF6\u56FA\u5B9A\u6837\u5F0F\u7684\u83DC\u5355\uFF08\u672A\u9009\u4E2D\u6587\u672C\u65F6\u300C\u526A\u5207 / \u590D\u5236 / \u5220\u9664\u300D\u7F6E\u7070\uFF09\u3002\u8FD9\u4E00\u6863\u7684\u300C\u7C98\u8D34\u300D \u8981\u8BFB\u526A\u8D34\u677F\uFF0C\u6D4F\u89C8\u5668\u4F1A\u5148\u8981\u4E00\u6B21\u6388\u6743\u2014\u2014\u4E09\u5BB6\u6D4F\u89C8\u5668\u7684\u5904\u7406\u4E0D\u4E00\u6837\uFF1A" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\xB7 Chrome / Edge\uFF08\u8C37\u6B4C / \u5FAE\u8F6F\u6D4F\u89C8\u5668\uFF09\uFF1A\u5F39\u51FA\u540E\u70B9\u300C\u5141\u8BB8\u300D\u5373\u53EF\uFF0C\u4E4B\u540E\u4F1A\u8BB0\u4F4F\u8FD9\u4E2A\u7AD9\u70B9\u3001\u4E0D\u518D\u95EE\u3002 \u8981\u6539\u6216\u64A4\u9500\u6388\u6743\uFF1A\u70B9\u5730\u5740\u680F\u6700\u5DE6\u8FB9\u7684\u7F51\u7AD9\u56FE\u6807 \u2192 \u7F51\u7AD9\u8BBE\u7F6E\uFF08Edge \u53EB\u300C\u6B64\u7AD9\u70B9\u7684\u6743\u9650\u300D\uFF09\u2192 \u526A\u8D34\u677F\uFF1B \u4E5F\u53EF\u4EE5\u76F4\u63A5\u5728\u5730\u5740\u680F\u8F93\u5165 chrome://settings/content/clipboard\uFF08Edge \u8F93\u5165 edge://settings/content/clipboard\uFF09\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\xB7 Firefox\uFF1A\u4E0D\u5141\u8BB8\u7F51\u9875\u9759\u9ED8\u8BFB\u526A\u8D34\u677F\u2014\u2014\u4F60\u70B9\u672C\u63D2\u4EF6\u7684\u300C\u7C98\u8D34\u300D\u540E\uFF0C\u5B83\u4F1A\u5148\u5F39\u4E00\u4E2A\u53EA\u6709\u300C\u7C98\u8D34(P)\u300D \u4E00\u9879\u7684\u5C0F\u7A97\uFF08\u7EA6 1 \u79D2\u540E\u624D\u53EF\u70B9\uFF09\uFF0C\u70B9\u5B83\u624D\u5B8C\u6210\u8FD9\u6B21\u7C98\u8D34\u3002\u8FD9\u662F Firefox \u7684\u5B89\u5168\u673A\u5236\uFF0C\u63D2\u4EF6\u5173\u4E0D\u6389 \uFF08\u5B9E\u6D4B\uFF1Aabout:config \u91CC\u7684\u526A\u8D34\u677F\u9996\u9009\u9879\u5BF9\u5B83\u65E0\u6548\uFF09\u3002\u4E0D\u60F3\u591A\u8FD9\u4E00\u6B65\u5C31\u76F4\u63A5\u6309 Ctrl+V\uFF0C \u6216\u628A\u4E0A\u9762\u7684\u300C\u83DC\u5355\u6765\u6E90\u300D\u6362\u6210\u300C\u6D4F\u89C8\u5668 / \u5B98\u65B9\u300D\u6863\u2014\u2014\u90A3\u4E24\u6863\u7528\u7684\u662F\u6D4F\u89C8\u5668\u81EA\u5DF1\u7684\u7C98\u8D34\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\u6CE8\u610F\uFF1Achrome://\u3001edge:// \u8FD9\u4E9B\u5730\u5740\u6D4F\u89C8\u5668\u4E0D\u5141\u8BB8\u505A\u6210\u7F51\u9875\u91CC\u7684\u94FE\u63A5\uFF0C\u53EA\u80FD\u624B\u8F93\uFF0C \u6216\u590D\u5236\u4E0A\u9762\u90A3\u4E32\u7C98\u8D34\u5230\u5730\u5740\u680F\u3002" }),
-        settings.menuMode === "custom" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-          MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            ToggleRow,
-            {
-              label: item.label,
-              desc: item.shortcut !== "" ? `\u5FEB\u6377\u952E ${item.shortcut}` : "",
-              checked: settings[item.field],
-              onChange: (next) => {
-                actions.setField(item.field, next);
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: bodyLead, children: "\u652F\u6301\u5E38\u7528\u9884\u8BBE\uFF0C\u4E5F\u53EF\u4EE5\u70B9\u51FB\u300C\u81EA\u5B9A\u4E49\u2026\u300D\u540E\u76F4\u63A5\u6309\u4E0B\u4EFB\u610F\u7EC4\u5408\u952E\u5F55\u5236\uFF08Esc \u53D6\u6D88\uFF0CBackspace \u6E05\u9664\uFF09\u3002 \u672A\u7ED1\u5B9A\u7684 Enter \u7CFB\u6309\u952E\u4E0D\u4F1A\u89E6\u53D1\u53D1\u9001\u6216\u6362\u884C\uFF1BCtrl+Enter / \u2318+Enter \u672A\u88AB\u7ED1\u5B9A\u65F6\u4FDD\u7559\u539F\u300C\u52A0\u901F\u63D0\u4EA4\u300D\u884C\u4E3A\uFF1B \u4E2D\u6587\u8F93\u5165\u6CD5\u7EC4\u5408\u671F\u95F4\u4E0D\u53D7\u5F71\u54CD\u3002" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              KeyRow,
+              {
+                first: true,
+                title: "\u53D1\u9001\u952E",
+                desc: "\u6309\u4E0B\u540E\u53D1\u9001\u5F53\u524D\u8F93\u5165",
+                value: settings.sendKey,
+                presets: SEND_PRESETS,
+                conflict: (chord) => chord !== "" && chord === settings.newlineKey,
+                onChange: (chord) => {
+                  setKey("send", chord);
+                }
               }
-            },
-            item.field
-          )),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "button",
-            {
-              type: "button",
-              style: pill,
-              onClick: () => {
-                for (const item of MENU_ITEMS) actions.setField(item.field, true);
-              },
-              children: "\u5168\u90E8\u5F00\u542F"
-            }
-          ) })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FoldCard, { name: "\u5FEB\u6377\u6307\u4EE4", summary: quickSummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: bodyLead, children: [
-          "\u8F93\u5165\u6846\u5DE5\u5177\u884C\u91CC\u90A3\u4E2A\u300C\u5FEB\u6377\u6307\u4EE4\u300D\u6309\u94AE\u70B9\u5F00\u5C31\u662F\u8FD9\u5F20\u6E05\u5355\uFF1A\u70B9\u6761\u76EE\u628A\u5185\u5BB9\u63D2\u5165\u8F93\u5165\u6846\u3002 \u6BCF\u6761\u53F3\u4FA7\u7684\u4E09\u9009\u4E00\u51B3\u5B9A",
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u53D1\u9001\u65F6\u600E\u4E48\u9644\u52A0" }),
-          "\uFF1A \u300C\u5173\u300D= \u53EA\u63D2\u5165\u4E0D\u9644\u52A0\uFF1B\u300C\u6BCF\u6B21\u300D= \u6BCF\u6B21\u53D1\u9001\u90FD\u9644\u52A0\u5230\u6D88\u606F",
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u672B\u5C3E" }),
-          "\uFF1B \u300C\u4EC5\u9996\u6B21\u300D= \u53EA\u5728",
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u8FD9\u4E2A\u4F1A\u8BDD\u7684\u7B2C\u4E00\u6761\u6D88\u606F" }),
-          "\u4E0A\u9644\u52A0\uFF08\u4E4B\u540E\u4E0D\u518D\u9644\u52A0\uFF0C\u5237\u65B0\u9875\u9762\u4E5F\u4E0D\u4F1A\u91CD\u590D\uFF09\u3002 \u591A\u6761\u6309\u5217\u8868\u987A\u5E8F\u62FC\u63A5\uFF0C\u8F93\u5165\u6846\u91CC\u4E0D\u63D0\u524D\u663E\u793A\u3002 \u300C\u4F18\u5316\u63D0\u793A\u8BCD\u300D\u4F1A\u7528\u53E6\u4E00\u4E2A AI \u628A\u8F93\u5165\u6846\u91CC\u7684\u8BDD\u6574\u7406\u6210\u4E00\u6761\u80FD\u76F4\u63A5\u53D1\u51FA\u53BB\u7684\u6E05\u6670\u6307\u4EE4\uFF0C \u7ED3\u679C\u76F4\u63A5\u5199\u56DE\u8F93\u5165\u6846\uFF08Ctrl+Z \u53EF\u8FD8\u539F\uFF09\u2014\u2014\u4E0D\u4F1A\u6C61\u67D3\u5F53\u524D\u5BF9\u8BDD\uFF0C\u4E5F\u4E0D\u5360\u4F60\u7684\u5BF9\u8BDD\u8F6E\u6B21\u3002"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...row, borderTop: "none", flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: rowText, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowTitle, children: "\u4F18\u5316\u5F3A\u5EA6" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowDesc, children: OPTIMIZER_TIERS.find((item) => item.id === settings.optimizerTier)?.hint ?? "" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: OPTIMIZER_TIERS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "button",
-            {
-              type: "button",
-              title: item.hint,
-              style: settings.optimizerTier === item.id ? pillActive : pill,
-              onClick: () => {
-                actions.setField(OPTIMIZER_TIER_FIELD, item.id);
-              },
-              children: item.label
-            },
-            item.id
-          )) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...row, borderTop: "none", flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: rowText, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowTitle, children: "\u5FEB\u6377\u6307\u4EE4\u6E05\u5355" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowDesc, children: "\u5206\u7C7B\u5728\u8FD9\u91CC\u7BA1\u7406\uFF08\u9762\u677F\u91CC\u53EA\u505A\u5207\u6362\uFF09\uFF1B\u5185\u7F6E 9 \u6761\u53EF\u4EE5\u76F4\u63A5\u7528\uFF0C\u6539\u5B8C\u8BB0\u5F97\u70B9\u300C\u4FDD\u5B58\u4FEE\u6539\u300D\u3002" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            QuickPromptsEditor,
-            {
-              book,
-              status: bookStatus,
-              onSave: (next) => {
-                actions.saveBook(next);
-              },
-              onReload: () => {
-                actions.reloadBook();
-              },
-              onReset: () => {
-                actions.resetBook();
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              KeyRow,
+              {
+                title: "\u6362\u884C\u952E",
+                desc: "\u6309\u4E0B\u540E\u5728\u8F93\u5165\u5185\u6362\u884C",
+                value: settings.newlineKey,
+                presets: NEWLINE_PRESETS,
+                conflict: (chord) => chord !== "" && chord === settings.sendKey,
+                onChange: (chord) => {
+                  setKey("newline", chord);
+                }
               }
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FoldCard, { name: "\u8BBE\u7F6E\u9762\u677F", summary: panelSummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: bodyLead, children: "\u63D2\u4EF6\u88C5\u5F97\u591A\u65F6\u8BBE\u7F6E\u6761\u76EE\u5F88\u957F\uFF1A\u5F00\u542F\u300C\u5BFC\u822A\u53EF\u6EDA\u52A8\u300D\u540E\uFF0C\u5DE6\u4FA7\u5BFC\u822A\u5728\u6EA2\u51FA\u65F6\u4F1A\u51FA\u73B0\u6EDA\u52A8\u6761\u3002 \u5F00\u542F\u300C\u8FB9\u7F18\u8C03\u6574\u5927\u5C0F\u300D\u540E\uFF0C\u628A\u9F20\u6807\u79FB\u5230\u8BBE\u7F6E\u9762\u677F\u7684\u8FB9\u6216\u89D2\u4E0A\uFF08\u51FA\u73B0\u9AD8\u4EAE\u6216\u5149\u6807\u53D8\u5316\uFF09\u62D6\u52A8\u5373\u53EF\u6539\u53D8\u9762\u677F\u5927\u5C0F\uFF0C \u5C3A\u5BF8\u4F1A\u8BB0\u4F4F\uFF0C\u4E0B\u6B21\u6253\u5F00\u4FDD\u6301\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          ToggleRow,
-          {
-            first: true,
-            label: "\u5BFC\u822A\u53EF\u6EDA\u52A8",
-            desc: "\u8BBE\u7F6E\u6761\u76EE\u8D85\u51FA\u9762\u677F\u9AD8\u5EA6\u65F6\u663E\u793A\u6EDA\u52A8\u6761",
-            checked: settings.panelScroll,
+            ),
+            conflictHint !== null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintError, children: conflictHint }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "button",
+              {
+                type: "button",
+                style: pill,
+                onClick: () => {
+                  setConflict(null);
+                  actions.resetAll();
+                },
+                children: "\u6062\u590D\u9ED8\u8BA4"
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        FoldCard,
+        {
+          name: "\u53F3\u952E\u83DC\u5355",
+          summary: menuSummary,
+          toggle: {
+            checked: sections.menu,
             onChange: (next) => {
-              actions.setField(PANEL_SCROLL_FIELD, next);
+              actions.setField(MENU_ENABLED_FIELD, next);
             }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          ToggleRow,
-          {
-            label: "\u8FB9\u7F18\u8C03\u6574\u5927\u5C0F",
-            desc: "\u62D6\u52A8\u9762\u677F\u56DB\u8FB9 / \u56DB\u89D2\u6539\u53D8\u9762\u677F\u5C3A\u5BF8",
-            checked: settings.panelResize,
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: bodyLead, children: "\u53F3\u952E\u70B9\u51FB\u8F93\u5165\u6846\u65F6\u5F39\u51FA\u54EA\u4E00\u79CD\u83DC\u5355\u3002\u53EA\u5F71\u54CD\u53F3\u952E\uFF0C\u4E0D\u5F71\u54CD\u952E\u4F4D\u4E0E\u5176\u5B83\u529F\u80FD\u3002" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...row, borderTop: "none", flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowText, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowTitle, children: "\u83DC\u5355\u6765\u6E90" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                PillChoice,
+                {
+                  items: MENU_MODES,
+                  value: settings.menuMode,
+                  onChange: (mode) => {
+                    actions.setField(MENU_MODE_FIELD, mode);
+                  },
+                  ariaLabel: "\u53F3\u952E\u83DC\u5355\u6765\u6E90"
+                }
+              )
+            ] }),
+            settings.menuMode === "official" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: hintInfo, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u5B98\u65B9" }),
+              "\uFF1A\u672C\u63D2\u4EF6\u5B8C\u5168\u4E0D\u4ECB\u5165\uFF0CDSH \u4E0E\u5176\u5B83\u63D2\u4EF6\u81EA\u5DF1\u7684\u53F3\u952E\u5904\u7406\u539F\u6837\u751F\u6548 \uFF08DSH \u5B98\u65B9\u8F93\u5165\u6846\u672C\u8EAB\u6CA1\u6709\u53F3\u952E\u83DC\u5355\uFF0C\u6240\u4EE5\u901A\u5E38\u770B\u5230\u7684\u5C31\u662F\u6D4F\u89C8\u5668\u7684\u83DC\u5355\uFF09\u3002"
+            ] }),
+            settings.menuMode === "browser" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: hintInfo, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u6D4F\u89C8\u5668" }),
+              "\uFF1A\u56FA\u5B9A\u7528\u6D4F\u89C8\u5668\u81EA\u5E26\u7684\u83DC\u5355\uFF08\u6837\u5B50\u968F\u6D4F\u89C8\u5668\u800C\u53D8\uFF09\uFF0C\u5E76\u5728\u672C\u63D2\u4EF6\u8FD9\u4E00\u5C42 \u6321\u4F4F\u5176\u5B83\u63D2\u4EF6\u7684\u83DC\u5355\uFF1B\u597D\u5904\u662F\u7C98\u8D34\u514D\u6388\u6743\u3001\u96F6\u914D\u7F6E\u3002"
+            ] }),
+            settings.menuMode === "custom" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: hintInfo, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u81EA\u5B9A\u4E49" }),
+                "\uFF1A\u7528\u672C\u63D2\u4EF6\u56FA\u5B9A\u6837\u5F0F\u7684\u83DC\u5355\uFF08\u672A\u9009\u4E2D\u6587\u672C\u65F6\u300C\u526A\u5207 / \u590D\u5236 / \u5220\u9664\u300D\u7F6E\u7070\uFF09\u3002 \u8FD9\u4E00\u6863\u7684\u300C\u7C98\u8D34\u300D\u8981\u8BFB\u526A\u8D34\u677F\uFF0C\u6D4F\u89C8\u5668\u4F1A\u5148\u8981\u4E00\u6B21\u6388\u6743\u2014\u2014\u4E09\u5BB6\u6D4F\u89C8\u5668\u7684\u5904\u7406\u4E0D\u4E00\u6837\uFF1A"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\xB7 Chrome / Edge\uFF08\u8C37\u6B4C / \u5FAE\u8F6F\u6D4F\u89C8\u5668\uFF09\uFF1A\u5F39\u51FA\u540E\u70B9\u300C\u5141\u8BB8\u300D\u5373\u53EF\uFF0C\u4E4B\u540E\u4F1A\u8BB0\u4F4F\u8FD9\u4E2A\u7AD9\u70B9\u3001\u4E0D\u518D\u95EE\u3002 \u8981\u6539\u6216\u64A4\u9500\u6388\u6743\uFF1A\u70B9\u5730\u5740\u680F\u6700\u5DE6\u8FB9\u7684\u7F51\u7AD9\u56FE\u6807 \u2192 \u7F51\u7AD9\u8BBE\u7F6E\uFF08Edge \u53EB\u300C\u6B64\u7AD9\u70B9\u7684\u6743\u9650\u300D\uFF09\u2192 \u526A\u8D34\u677F\uFF1B \u4E5F\u53EF\u4EE5\u76F4\u63A5\u5728\u5730\u5740\u680F\u8F93\u5165 chrome://settings/content/clipboard\uFF08Edge \u8F93\u5165 edge://settings/content/clipboard\uFF09\u3002" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\xB7 Firefox\uFF1A\u4E0D\u5141\u8BB8\u7F51\u9875\u9759\u9ED8\u8BFB\u526A\u8D34\u677F\u2014\u2014\u4F60\u70B9\u672C\u63D2\u4EF6\u7684\u300C\u7C98\u8D34\u300D\u540E\uFF0C\u5B83\u4F1A\u5148\u5F39\u4E00\u4E2A\u53EA\u6709\u300C\u7C98\u8D34(P)\u300D \u4E00\u9879\u7684\u5C0F\u7A97\uFF08\u7EA6 1 \u79D2\u540E\u624D\u53EF\u70B9\uFF09\uFF0C\u70B9\u5B83\u624D\u5B8C\u6210\u8FD9\u6B21\u7C98\u8D34\u3002\u8FD9\u662F Firefox \u7684\u5B89\u5168\u673A\u5236\uFF0C\u63D2\u4EF6\u5173\u4E0D\u6389 \uFF08\u5B9E\u6D4B\uFF1Aabout:config \u91CC\u7684\u526A\u8D34\u677F\u9996\u9009\u9879\u5BF9\u5B83\u65E0\u6548\uFF09\u3002\u4E0D\u60F3\u591A\u8FD9\u4E00\u6B65\u5C31\u76F4\u63A5\u6309 Ctrl+V\uFF0C \u6216\u628A\u4E0A\u9762\u7684\u300C\u83DC\u5355\u6765\u6E90\u300D\u6362\u6210\u300C\u6D4F\u89C8\u5668 / \u5B98\u65B9\u300D\u6863\u2014\u2014\u90A3\u4E24\u6863\u7528\u7684\u662F\u6D4F\u89C8\u5668\u81EA\u5DF1\u7684\u7C98\u8D34\u3002" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\u6CE8\u610F\uFF1Achrome://\u3001edge:// \u8FD9\u4E9B\u5730\u5740\u6D4F\u89C8\u5668\u4E0D\u5141\u8BB8\u505A\u6210\u7F51\u9875\u91CC\u7684\u94FE\u63A5\uFF0C\u53EA\u80FD\u624B\u8F93\uFF0C \u6216\u590D\u5236\u4E0A\u9762\u90A3\u4E32\u7C98\u8D34\u5230\u5730\u5740\u680F\u3002" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { ...row, flexDirection: "column", alignItems: "stretch", gap: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: rowText, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowTitle, children: "\u83DC\u5355\u6761\u76EE" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowDesc, children: "\u8FD9 7 \u4E2A\u5F00\u5173\u51B3\u5B9A\u81EA\u5B9A\u4E49\u83DC\u5355\u91CC\u51FA\u73B0\u54EA\u4E9B\u6761\u76EE\uFF0C\u5173\u6389\u7684\u4E0D\u663E\u793A\u3002" })
+              ] }) }),
+              MENU_ITEMS.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                ToggleRow,
+                {
+                  first: index === 0,
+                  label: item.label,
+                  desc: item.shortcut !== "" ? `\u5FEB\u6377\u952E ${item.shortcut}` : "",
+                  checked: settings[item.field],
+                  onChange: (next) => {
+                    actions.setField(item.field, next);
+                  }
+                },
+                item.field
+              )),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { padding: "8px 0 2px" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "button",
+                {
+                  type: "button",
+                  style: pill,
+                  onClick: () => {
+                    for (const item of MENU_ITEMS) actions.setField(item.field, true);
+                  },
+                  children: "\u5168\u90E8\u5F00\u542F"
+                }
+              ) })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        FoldCard,
+        {
+          name: "\u5FEB\u6377\u6307\u4EE4",
+          summary: quickSummary,
+          toggle: {
+            checked: sections.quick,
             onChange: (next) => {
-              actions.setField(PANEL_RESIZE_FIELD, next);
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap", marginTop: 10 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: rowDesc, children: "\u5C3A\u5BF8\u9884\u8BBE\uFF1A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "button",
-            {
-              type: "button",
-              style: pill,
-              onClick: () => {
-                actions.clearField(PANEL_WIDTH_FIELD);
-                actions.clearField(PANEL_HEIGHT_FIELD);
-              },
-              children: "\u9ED8\u8BA4\uFF08800\uFF09"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "button",
-            {
-              type: "button",
-              style: settings.panelWidth === 640 && settings.panelHeight === 600 ? pillActive : pill,
-              onClick: () => {
-                actions.setField(PANEL_WIDTH_FIELD, 640);
-                actions.setField(PANEL_HEIGHT_FIELD, 600);
-              },
-              children: "\u7D27\u51D1\uFF08640\xD7600\uFF09"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "button",
-            {
-              type: "button",
-              style: settings.panelWidth === 1040 && settings.panelHeight === 760 ? pillActive : pill,
-              onClick: () => {
-                actions.setField(PANEL_WIDTH_FIELD, 1040);
-                actions.setField(PANEL_HEIGHT_FIELD, 760);
-              },
-              children: "\u5BBD\u655E\uFF081040\xD7760\uFF09"
+              actions.setField(QUICK_ENABLED_FIELD, next);
             }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FoldCard, { name: "OpenCode \u8BF7\u6C42\u5934", summary: headerSummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintError, children: "\u26A0\uFE0F \u8BF7\u4F7F\u7528\u81EA\u5B9A\u4E49\u7684 OpenCode API \u5730\u5740\uFF0C\u4E0D\u8981\u7528 DSH \u81EA\u5E26\u7684 API \u5730\u5740\u914D\u7F6E\uFF1A \u7528\u81EA\u5E26\u7684\u914D\u7F6E\u65E0\u6CD5\u4E0A\u4F20\u56FE\u7247\uFF0C\u4E00\u65E6\u53D1\u9001\u56FE\u7247\u5C31\u4F1A\u62A5\u9519\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: bodyLead, children: "OpenCode \u7684\u63A5\u53E3\u8981\u6C42\u5BA2\u6237\u7AEF\u6BCF\u6B21\u8BF7\u6C42\u90FD\u5E26\u4E0A\u4E00\u4E2A\u7A33\u5B9A\u7684\u4F1A\u8BDD ID \u8BF7\u6C42\u5934\uFF08\u5B98\u65B9 Go \u6587\u6863 \u300C\u53EF\u4EE5\u5728\u54EA\u91CC\u4F7F\u7528\uFF1F\u300D\u7B2C 3 \u6761\uFF1A\u4E3A\u6BCF\u6BB5\u5BF9\u8BDD\u5728 x-opencode-session \u4E2D\u53D1\u9001\u4F1A\u8BDD ID\uFF0C \u4EE5\u4FBF\u5176\u4F18\u5316\u8DEF\u7531\u4E0E\u63D0\u793A\u8BCD\u7F13\u5B58\uFF09\u3002DSH \u7684\u8BBE\u7F6E\u9875\u4E0D\u63D0\u4F9B\u8BF7\u6C42\u5934\u7F16\u8F91\u5668\uFF0C\u6240\u4EE5\u8FD9\u91CC\u76F4\u63A5\u628A\u5B83\u5199\u8FDB llm-pi-ai \u7684 provider \u914D\u7F6E\u2014\u2014\u4E0B\u4E00\u6B21\u6A21\u578B\u8BF7\u6C42\u5C31\u751F\u6548\uFF0C\u4E0D\u7528\u91CD\u542F\uFF0C\u4E5F\u4E0D\u7528\u624B\u5DE5\u6539 settings.yaml\u3002 \u53EA\u5BF9 llm-pi-ai \u91CC\u300C\u5DF2\u5B58\u5728\u300D\u7684 opencode \u7CFB\u8DEF\u7531\u751F\u6548\uFF0C\u4E0D\u4F1A\u51ED\u7A7A\u65B0\u5EFA provider\uFF1B \u603B\u5F00\u5173\u5173\u95ED\u6216\u672C\u680F\u76EE\u505C\u7528\u65F6\uFF0C\u5199\u5165\u7684\u5934\u4F1A\u81EA\u52A8\u64A4\u9500\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          ToggleRow,
-          {
-            first: true,
-            label: "\u9644\u52A0\u8BF7\u6C42\u5934",
-            desc: "\u6253\u5F00\u5373\u5199\u5165\uFF0C\u5E76\u5728\u6BCF\u6B21\u542F\u52A8\u65F6\u8865\u9F50\uFF1B\u5173\u95ED\u5373\u64A4\u9500",
-            checked: settings.headerEnabled,
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: bodyLead, children: [
+              "\u8F93\u5165\u6846\u5DE5\u5177\u884C\u91CC\u90A3\u4E2A\u300C\u5FEB\u6377\u6307\u4EE4\u300D\u6309\u94AE\u70B9\u5F00\u5C31\u662F\u8FD9\u5F20\u6E05\u5355\uFF1A\u70B9\u6761\u76EE\u628A\u5185\u5BB9\u63D2\u5165\u8F93\u5165\u6846\u3002 \u6BCF\u6761\u53F3\u4FA7\u7684\u4E09\u9009\u4E00\u51B3\u5B9A",
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u53D1\u9001\u65F6\u600E\u4E48\u9644\u52A0" }),
+              "\uFF1A \u300C\u5173\u300D= \u53EA\u63D2\u5165\u4E0D\u9644\u52A0\uFF1B\u300C\u6BCF\u6B21\u300D= \u6BCF\u6B21\u53D1\u9001\u90FD\u9644\u52A0\u5230\u6D88\u606F",
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u672B\u5C3E" }),
+              "\uFF1B \u300C\u4EC5\u9996\u6B21\u300D= \u53EA\u5728",
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u8FD9\u4E2A\u4F1A\u8BDD\u7684\u7B2C\u4E00\u6761\u6D88\u606F" }),
+              "\u4E0A\u9644\u52A0\uFF08\u4E4B\u540E\u4E0D\u518D\u9644\u52A0\uFF0C\u5237\u65B0\u9875\u9762\u4E5F\u4E0D\u4F1A\u91CD\u590D\uFF09\u3002 \u591A\u6761\u6309\u5217\u8868\u987A\u5E8F\u62FC\u63A5\uFF0C\u8F93\u5165\u6846\u91CC\u4E0D\u63D0\u524D\u663E\u793A\u3002 \u300C\u4F18\u5316\u63D0\u793A\u8BCD\u300D\u4F1A\u7528\u53E6\u4E00\u4E2A AI \u628A\u8F93\u5165\u6846\u91CC\u7684\u8BDD\u6574\u7406\u6210\u4E00\u6761\u80FD\u76F4\u63A5\u53D1\u51FA\u53BB\u7684\u6E05\u6670\u6307\u4EE4\uFF0C \u7ED3\u679C\u76F4\u63A5\u5199\u56DE\u8F93\u5165\u6846\uFF08Ctrl+Z \u53EF\u8FD8\u539F\uFF09\u2014\u2014\u4E0D\u4F1A\u6C61\u67D3\u5F53\u524D\u5BF9\u8BDD\uFF0C\u4E5F\u4E0D\u5360\u4F60\u7684\u5BF9\u8BDD\u8F6E\u6B21\u3002"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...row, borderTop: "none", flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: rowText, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowTitle, children: "\u4F18\u5316\u5F3A\u5EA6" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowDesc, children: OPTIMIZER_TIERS.find((item) => item.id === settings.optimizerTier)?.hint ?? "" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: OPTIMIZER_TIERS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "button",
+                {
+                  type: "button",
+                  title: item.hint,
+                  style: settings.optimizerTier === item.id ? pillActive : pill,
+                  onClick: () => {
+                    actions.setField(OPTIMIZER_TIER_FIELD, item.id);
+                  },
+                  children: item.label
+                },
+                item.id
+              )) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...row, borderTop: "none", flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: rowText, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowTitle, children: "\u5FEB\u6377\u6307\u4EE4\u6E05\u5355" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowDesc, children: "\u5206\u7C7B\u5728\u8FD9\u91CC\u7BA1\u7406\uFF08\u9762\u677F\u91CC\u53EA\u505A\u5207\u6362\uFF09\uFF1B\u5185\u7F6E 9 \u6761\u53EF\u4EE5\u76F4\u63A5\u7528\uFF0C\u6539\u5B8C\u8BB0\u5F97\u70B9\u300C\u4FDD\u5B58\u4FEE\u6539\u300D\u3002" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                QuickPromptsEditor,
+                {
+                  book,
+                  status: bookStatus,
+                  onSave: (next) => {
+                    actions.saveBook(next);
+                  },
+                  onReload: () => {
+                    actions.reloadBook();
+                  },
+                  onReset: () => {
+                    actions.resetBook();
+                  }
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        FoldCard,
+        {
+          name: "\u8BBE\u7F6E\u9762\u677F",
+          summary: panelSummary,
+          toggle: {
+            checked: sections.panel,
             onChange: (next) => {
-              actions.setField(HEADER_ENABLED_FIELD, next);
+              actions.setField(PANEL_ENABLED_FIELD, next);
             }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          TextFieldRow,
-          {
-            title: "\u5934\u540D",
-            desc: `\u9ED8\u8BA4 ${DEFAULT_HEADER_NAME}\uFF08OpenCode \u5B98\u65B9\u8981\u6C42\u7684\u90A3\u4E00\u4E2A\uFF09`,
-            value: settings.headerName,
-            placeholder: DEFAULT_HEADER_NAME,
-            maxLength: HEADER_NAME_MAX,
+          },
+          controls: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              MiniToggle,
+              {
+                label: "\u5BFC\u822A\u6EDA\u52A8",
+                checked: settings.panelScroll,
+                onChange: (next) => {
+                  actions.setField(PANEL_SCROLL_FIELD, next);
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              MiniToggle,
+              {
+                label: "\u8FB9\u7F18\u7F29\u653E",
+                checked: settings.panelResize,
+                onChange: (next) => {
+                  actions.setField(PANEL_RESIZE_FIELD, next);
+                }
+              }
+            )
+          ] }),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: bodyLead, children: "\u63D2\u4EF6\u88C5\u5F97\u591A\u65F6\u8BBE\u7F6E\u6761\u76EE\u5F88\u957F\uFF1A\u5F00\u542F\u300C\u5BFC\u822A\u53EF\u6EDA\u52A8\u300D\u540E\uFF0C\u5DE6\u4FA7\u5BFC\u822A\u5728\u6EA2\u51FA\u65F6\u4F1A\u51FA\u73B0\u6EDA\u52A8\u6761\u3002 \u5F00\u542F\u300C\u8FB9\u7F18\u8C03\u6574\u5927\u5C0F\u300D\u540E\uFF0C\u628A\u9F20\u6807\u79FB\u5230\u8BBE\u7F6E\u9762\u677F\u7684\u8FB9\u6216\u89D2\u4E0A\uFF08\u51FA\u73B0\u9AD8\u4EAE\u6216\u5149\u6807\u53D8\u5316\uFF09\u62D6\u52A8\u5373\u53EF\u6539\u53D8\u9762\u677F\u5927\u5C0F\uFF0C \u5C3A\u5BF8\u4F1A\u8BB0\u4F4F\uFF0C\u4E0B\u6B21\u6253\u5F00\u4FDD\u6301\u3002\uFF08\u8FD9\u4E24\u4E2A\u5F00\u5173\u5728\u6807\u9898\u884C\u4E0A\u3002\uFF09" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap", marginTop: 10 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: rowDesc, children: "\u5C3A\u5BF8\u9884\u8BBE\uFF1A" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "button",
+                {
+                  type: "button",
+                  style: pill,
+                  onClick: () => {
+                    actions.clearField(PANEL_WIDTH_FIELD);
+                    actions.clearField(PANEL_HEIGHT_FIELD);
+                  },
+                  children: "\u9ED8\u8BA4\uFF08800\uFF09"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "button",
+                {
+                  type: "button",
+                  style: settings.panelWidth === 640 && settings.panelHeight === 600 ? pillActive : pill,
+                  onClick: () => {
+                    actions.setField(PANEL_WIDTH_FIELD, 640);
+                    actions.setField(PANEL_HEIGHT_FIELD, 600);
+                  },
+                  children: "\u7D27\u51D1\uFF08640\xD7600\uFF09"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "button",
+                {
+                  type: "button",
+                  style: settings.panelWidth === 1040 && settings.panelHeight === 760 ? pillActive : pill,
+                  onClick: () => {
+                    actions.setField(PANEL_WIDTH_FIELD, 1040);
+                    actions.setField(PANEL_HEIGHT_FIELD, 760);
+                  },
+                  children: "\u5BBD\u655E\uFF081040\xD7760\uFF09"
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        FoldCard,
+        {
+          name: "OpenCode \u8BF7\u6C42\u5934",
+          summary: headerSummary,
+          toggle: {
+            checked: sections.header,
             onChange: (next) => {
-              actions.setField(HEADER_NAME_FIELD, next);
+              actions.setField(HEADER_ENABLED_FIELD, next);
             }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          TextFieldRow,
-          {
-            title: "\u503C",
-            desc: "\u6240\u6709\u5BF9\u8BDD\u5171\u7528\u8FD9\u4E00\u4E2A\u503C\uFF1B\u7559\u7A7A\u65F6\u9996\u6B21\u542F\u7528\u4F1A\u81EA\u52A8\u751F\u6210\u4E00\u4E2A UUID \u5E76\u4FDD\u5B58\u6CBF\u7528",
-            value: settings.headerValue,
-            placeholder: "\u7559\u7A7A = \u81EA\u52A8\u751F\u6210",
-            maxLength: HEADER_VALUE_MAX,
-            onChange: (next) => {
-              actions.setField(HEADER_VALUE_FIELD, next);
-            },
-            action: {
-              label: "\u91CD\u65B0\u751F\u6210",
-              onClick: () => {
-                actions.setField(HEADER_VALUE_FIELD, newSessionId());
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintError, children: "\u26A0\uFE0F \u8BF7\u4F7F\u7528\u81EA\u5B9A\u4E49\u7684 OpenCode API \u5730\u5740\uFF0C\u4E0D\u8981\u7528 DSH \u81EA\u5E26\u7684 API \u5730\u5740\u914D\u7F6E\uFF1A \u7528\u81EA\u5E26\u7684\u914D\u7F6E\u65E0\u6CD5\u4E0A\u4F20\u56FE\u7247\uFF0C\u4E00\u65E6\u53D1\u9001\u56FE\u7247\u5C31\u4F1A\u62A5\u9519\u3002" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: bodyLead, children: "OpenCode \u7684\u63A5\u53E3\u8981\u6C42\u5BA2\u6237\u7AEF\u6BCF\u6B21\u8BF7\u6C42\u90FD\u5E26\u4E0A\u4E00\u4E2A\u7A33\u5B9A\u7684\u4F1A\u8BDD ID \u8BF7\u6C42\u5934\uFF08\u5B98\u65B9 Go \u6587\u6863 \u300C\u53EF\u4EE5\u5728\u54EA\u91CC\u4F7F\u7528\uFF1F\u300D\u7B2C 3 \u6761\uFF1A\u4E3A\u6BCF\u6BB5\u5BF9\u8BDD\u5728 x-opencode-session \u4E2D\u53D1\u9001\u4F1A\u8BDD ID\uFF0C \u4EE5\u4FBF\u5176\u4F18\u5316\u8DEF\u7531\u4E0E\u63D0\u793A\u8BCD\u7F13\u5B58\uFF09\u3002DSH \u7684\u8BBE\u7F6E\u9875\u4E0D\u63D0\u4F9B\u8BF7\u6C42\u5934\u7F16\u8F91\u5668\uFF0C\u6240\u4EE5\u8FD9\u91CC\u76F4\u63A5\u628A\u5B83\u5199\u8FDB llm-pi-ai \u7684 provider \u914D\u7F6E\u2014\u2014\u4E0B\u4E00\u6B21\u6A21\u578B\u8BF7\u6C42\u5C31\u751F\u6548\uFF0C\u4E0D\u7528\u91CD\u542F\uFF0C\u4E5F\u4E0D\u7528\u624B\u5DE5\u6539 settings.yaml\u3002 \u53EA\u5BF9 llm-pi-ai \u91CC\u300C\u5DF2\u5B58\u5728\u300D\u7684 opencode \u7CFB\u8DEF\u7531\u751F\u6548\uFF0C\u4E0D\u4F1A\u51ED\u7A7A\u65B0\u5EFA provider\uFF1B \u603B\u5F00\u5173\u5173\u95ED\u6216\u672C\u680F\u76EE\u505C\u7528\u65F6\uFF0C\u5199\u5165\u7684\u5934\u4F1A\u81EA\u52A8\u64A4\u9500\u3002" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              TextFieldRow,
+              {
+                title: "\u5934\u540D",
+                desc: `\u9ED8\u8BA4 ${DEFAULT_HEADER_NAME}\uFF08OpenCode \u5B98\u65B9\u8981\u6C42\u7684\u90A3\u4E00\u4E2A\uFF09`,
+                value: settings.headerName,
+                placeholder: DEFAULT_HEADER_NAME,
+                maxLength: HEADER_NAME_MAX,
+                onChange: (next) => {
+                  actions.setField(HEADER_NAME_FIELD, next);
+                }
               }
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          TextFieldRow,
-          {
-            title: "\u4F5C\u7528\u8DEF\u7531",
-            desc: "\u9017\u53F7\u6216\u7A7A\u683C\u5206\u9694\uFF1B\u7559\u7A7A = \u81EA\u52A8\u5339\u914D OpenCode \u8DEF\u7531\uFF08\u540D\u5B57\u4EE5 opencode \u5F00\u5934\uFF0C\u6216 baseURL \u6307\u5411 opencode.ai\uFF09",
-            value: settings.headerRoutes,
-            placeholder: "\u7559\u7A7A = \u81EA\u52A8\uFF08opencode* \u6216 opencode.ai \u7AEF\u70B9\uFF09",
-            maxLength: HEADER_VALUE_MAX,
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              TextFieldRow,
+              {
+                title: "\u503C",
+                desc: "\u6240\u6709\u5BF9\u8BDD\u5171\u7528\u8FD9\u4E00\u4E2A\u503C\uFF1B\u7559\u7A7A\u65F6\u9996\u6B21\u542F\u7528\u4F1A\u81EA\u52A8\u751F\u6210\u4E00\u4E2A UUID \u5E76\u4FDD\u5B58\u6CBF\u7528",
+                value: settings.headerValue,
+                placeholder: "\u7559\u7A7A = \u81EA\u52A8\u751F\u6210",
+                maxLength: HEADER_VALUE_MAX,
+                onChange: (next) => {
+                  actions.setField(HEADER_VALUE_FIELD, next);
+                },
+                action: {
+                  label: "\u91CD\u65B0\u751F\u6210",
+                  onClick: () => {
+                    actions.setField(HEADER_VALUE_FIELD, newSessionId());
+                  }
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              TextFieldRow,
+              {
+                title: "\u4F5C\u7528\u8DEF\u7531",
+                desc: "\u9017\u53F7\u6216\u7A7A\u683C\u5206\u9694\uFF1B\u7559\u7A7A = \u81EA\u52A8\u5339\u914D OpenCode \u8DEF\u7531\uFF08\u540D\u5B57\u4EE5 opencode \u5F00\u5934\uFF0C\u6216 baseURL \u6307\u5411 opencode.ai\uFF09",
+                value: settings.headerRoutes,
+                placeholder: "\u7559\u7A7A = \u81EA\u52A8\uFF08opencode* \u6216 opencode.ai \u7AEF\u70B9\uFF09",
+                maxLength: HEADER_VALUE_MAX,
+                onChange: (next) => {
+                  actions.setField(HEADER_ROUTES_FIELD, next);
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: hintInfo, children: [
+              "\u72B6\u6001\uFF1A",
+              headerStatusText
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        FoldCard,
+        {
+          name: "\u9ED8\u8BA4\u7EC8\u7AEF",
+          summary: terminalSummary,
+          toggle: {
+            checked: sections.terminal,
             onChange: (next) => {
-              actions.setField(HEADER_ROUTES_FIELD, next);
+              actions.setField(TERMINAL_ENABLED_FIELD, next);
             }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: hintInfo, children: [
-          "\u72B6\u6001\uFF1A",
-          headerStatusText
-        ] })
-      ] })
+          },
+          controls: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            PillChoice,
+            {
+              compact: true,
+              items: TERMINAL_MODES,
+              value: settings.terminalMode,
+              onChange: (mode) => {
+                actions.setField(TERMINAL_MODE_FIELD, mode);
+              },
+              ariaLabel: "\u7EC8\u7AEF\u5DE5\u5177"
+            }
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: bodyLead, children: "Windows \u4E0A DSH \u7ED9\u6A21\u578B\u7684\u7EC8\u7AEF\u5DE5\u5177\u662F PowerShell\uFF0C\u800C\u6A21\u578B\u5BF9 bash \u8BED\u6CD5\u7684\u628A\u63E1\u660E\u663E\u66F4\u597D\u3002\u8FD9\u4E00\u680F\u628A\u7EC8\u7AEF \u6362\u6210 Git Bash\uFF1A\u6A21\u578B\u770B\u5230\u7684\u5DE5\u5177\u5C31\u53EB bash\u3001PowerShell \u90A3\u4E2A\u5DE5\u5177\u4F1A\u4ECE\u5B83\u7684\u5DE5\u5177\u5217\u8868\u91CC\u6D88\u5931\uFF0C \u547D\u4EE4\u91CC\u7684\u8DEF\u5F84\u4E0E\u5F15\u53F7\u6309 bash \u89C4\u5219\u5199\u3002\u672C\u673A\u4E0D\u9700\u8981\u88C5 Git for Windows \u5230\u9ED8\u8BA4\u76EE\u5F55\u2014\u2014\u63A2\u6D4B\u4F1A\u5148\u627E git\uFF0C\u518D\u7531\u540C\u4E00\u4E2A\u5B89\u88C5\u53CD\u63A8 bash\u3002\uFF08\u6863\u4F4D\u5728\u6807\u9898\u884C\u4E0A\uFF1A\u81EA\u52A8 / Git Bash / PowerShell\u3002\uFF09" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DefaultTerminalBody, { settings, setField: actions.setField, hideMode: true })
+          ]
+        }
+      )
     ] })
   ] });
 }
@@ -2793,7 +3432,7 @@ function QuickCommandsButton({
       releaseInputBridge(sid);
     };
   }, [inputActions, draft, sessionId, blank]);
-  if (settings.enabled !== true) return null;
+  if (!activeSections(settings).quick) return null;
   const open = anchor !== null;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "button",
@@ -3176,7 +3815,20 @@ function apply(ctx) {
         HEADER_NAME_FIELD,
         HEADER_VALUE_FIELD,
         HEADER_ROUTES_FIELD,
-        OPTIMIZER_TIER_FIELD
+        OPTIMIZER_TIER_FIELD,
+        // 0.5.0 新增的用户配置：终端档位/路径（「恢复默认」也该把它们恢复）。
+        TERMINAL_MODE_FIELD,
+        TERMINAL_BASH_PATH_FIELD,
+        // 五栏开关也清掉：清掉 = 回到"从没碰过这一栏"⇒ 全关（新装默认的样子）。
+        // 若不清，恢复默认之后六栏还会保持之前打开的状态，与"默认关"的语义不符。
+        KEYS_ENABLED_FIELD,
+        MENU_ENABLED_FIELD,
+        QUICK_ENABLED_FIELD,
+        PANEL_ENABLED_FIELD,
+        TERMINAL_ENABLED_FIELD,
+        // 0.5.0 里那个「可选重启命令」字段已经删掉，但老文档里可能还留着值：
+        // 顺手清掉，免得它永远躺在设置文件里没人认识。
+        "restartCommand"
       ].map((field) => ({ op: "unset", path: [field] }))
     ).catch((error) => {
       console.error("[composer-ux] settings reset failed", error);
@@ -3329,7 +3981,7 @@ function apply(ctx) {
     () => installPanelStyle(
       () => {
         const settings = live.getSnapshot();
-        return settings.enabled && settings.panelScroll;
+        return activeSections(settings).panel && settings.panelScroll;
       },
       (listener) => live.subscribe(listener)
     ),
@@ -3338,25 +3990,27 @@ function apply(ctx) {
   ctx.effect(() => {
     let dispose = null;
     const syncInterceptors = () => {
-      const enabled = live.getSnapshot().enabled;
-      if (enabled && dispose === null) {
+      const settings = live.getSnapshot();
+      const sections = activeSections(settings);
+      const wanted = sections.keys || sections.menu || sections.quick;
+      if (wanted && dispose === null) {
         dispose = installInterceptors({
           settings: () => live.getSnapshot(),
           // 「仅首次」由这里决定是否算进这一批：会话还是空的（blank）才带上。
-          promptsForSend: () => appendBatchForSend(book.getSnapshot(), currentBlankSession()),
+          // 「快捷指令」栏关掉时这里直接给空批次 —— 这是唯一一处"关掉就不附加"的闸，
+          // 键位发送与官方按钮两条路都从这里取批次，不需要各写一遍。
+          promptsForSend: () => activeSections(live.getSnapshot()).quick ? appendBatchForSend(book.getSnapshot(), currentBlankSession()) : [],
           setMenu: (state2) => {
             menu2.set(state2);
           },
           menuOpen: () => menu2.getSnapshot() !== null
         });
-      } else if (!enabled) {
+      } else if (!wanted) {
         dispose?.();
         dispose = null;
-        menu2.set(null);
-        panel.set(null);
       }
-      if (live.getSnapshot().menuMode !== "custom") menu2.set(null);
-      if (!live.getSnapshot().enabled) panel.set(null);
+      if (settings.menuMode !== "custom" || !sections.menu) menu2.set(null);
+      if (!sections.quick) panel.set(null);
     };
     syncInterceptors();
     const unsubscribe = live.subscribe(syncInterceptors);