dsh-composer-ux 0.3.0 → 0.4.0

package/lib/client.js

@@ -56,7 +56,31 @@ var MENU_FIELDS = [
   "menuDelete",
   "menuSelectAll"
 ];
+var MENU_MODE_FIELD = "menuMode";
 var MENU_NATIVE_FIELD = "menuNative";
+var MENU_MODES = [
+  {
+    id: "official",
+    label: "\u5B98\u65B9",
+    hint: "\u672C\u63D2\u4EF6\u5B8C\u5168\u4E0D\u4ECB\u5165\uFF1ADSH \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\u901A\u5E38\u770B\u5230\u7684\u5C31\u662F\u6D4F\u89C8\u5668\u7684\u83DC\u5355\uFF09"
+  },
+  {
+    id: "browser",
+    label: "\u6D4F\u89C8\u5668",
+    hint: "\u56FA\u5B9A\u4F7F\u7528\u6D4F\u89C8\u5668\u81EA\u5E26\u7684\u83DC\u5355\uFF0C\u5E76\u5728\u672C\u63D2\u4EF6\u8FD9\u4E00\u5C42\u6321\u4F4F\u5176\u5B83\u63D2\u4EF6\u7684\u83DC\u5355\uFF1B\u7C98\u8D34\u514D\u6388\u6743\u3001\u96F6\u914D\u7F6E"
+  },
+  {
+    id: "custom",
+    label: "\u81EA\u5B9A\u4E49",
+    hint: "\u4F7F\u7528\u672C\u63D2\u4EF6\u7684\u56FA\u5B9A\u6837\u5F0F\u83DC\u5355\uFF1B\u672A\u9009\u4E2D\u6587\u672C\u65F6\u300C\u526A\u5207 / \u590D\u5236 / \u5220\u9664\u300D\u7F6E\u7070\uFF0C\u7C98\u8D34\u9700\u8981\u6D4F\u89C8\u5668\u526A\u8D34\u677F\u6388\u6743"
+  }
+];
+function menuModeFrom(storedMode, legacyNative) {
+  if (storedMode === "official" || storedMode === "browser" || storedMode === "custom") return storedMode;
+  if (legacyNative === true) return "browser";
+  if (legacyNative === false) return "custom";
+  return DEFAULT_SETTINGS.menuMode;
+}
 var QUICK_PROMPTS_FIELD = "quickPrompts";
 var OPTIMIZER_TIER_FIELD = "optimizerTier";
 var QUICK_PROMPT_MAX = 60;
@@ -68,6 +92,16 @@ var QUICK_PROMPTS_API_PATH = "/composer-ux/prompts";
 var QUICK_BOOK_VERSION = 2;
 var DEFAULT_CATEGORY_NAME = "\u9ED8\u8BA4";
 var OPTIMIZER_API_PATH = "/composer-ux/optimize";
+var INSERT_MODES = [
+  { id: "never", label: "\u5173", hint: "\u70B9\u6761\u76EE\u53EA\u63D2\u5165\u8F93\u5165\u6846\uFF0C\u53D1\u9001\u65F6\u4E0D\u9644\u52A0" },
+  { id: "always", label: "\u6BCF\u6B21", hint: "\u6BCF\u6B21\u53D1\u9001\u90FD\u628A\u8FD9\u6761\u9644\u52A0\u5230\u6D88\u606F\u672B\u5C3E" },
+  { id: "first", label: "\u4EC5\u9996\u6B21", hint: "\u53EA\u5728\u5F53\u524D\u4F1A\u8BDD\u7684\u7B2C\u4E00\u6761\u6D88\u606F\u4E0A\u9644\u52A0" }
+];
+function insertModeOf(prompt) {
+  if (prompt.always) return "always";
+  if (prompt.firstOnly) return "first";
+  return "never";
+}
 var OPTIMIZER_TIERS = [
   { id: "basic", label: "\u666E\u901A", hint: "\u53EA\u505A\u8BED\u8A00\u5C42\u4FEE\u590D\uFF1A\u75C5\u53E5\u3001\u9519\u522B\u5B57\u3001\u6307\u4EE3\u4E0E\u542B\u7CCA\u8BCD\uFF0C\u4E0D\u65B0\u589E\u4EFB\u4F55\u9700\u6C42\uFF0C\u7BC7\u5E45\u4E0E\u539F\u6587\u76F8\u5F53\u3002" },
   { id: "advanced", label: "\u9AD8\u7EA7", hint: "\u5728\u4E0D\u52A8\u76EE\u6807\u7684\u524D\u63D0\u4E0B\uFF0C\u628A\u300C\u4F60\u663E\u7136\u60F3\u8981\u3001\u4F46\u6CA1\u8BF4\u51FA\u53E3\u300D\u7684\u5FC5\u8981\u8981\u6C42\u8865\u6210\u5BF9 AI \u7684\u8981\u6C42\uFF0C\u8BA9\u5B83\u4E00\u6B21\u505A\u5BF9\u3002" },
@@ -75,15 +109,15 @@ var OPTIMIZER_TIERS = [
 ];
 var DEFAULT_OPTIMIZER_TIER = "advanced";
 var DEFAULT_QUICK_PROMPTS = [
-  { id: "builtin-1", label: "\u4E00\u95EE\u4E00\u7B54", prompt: "\u4F60\u4E0D\u61C2\u7684\u5C31\u95EE\u6211\uFF0C\u4E00\u95EE\u4E00\u7B54\uFF1B\u540C\u65F6\u8BF4\u6E05\u695A\u4F60\u4E3A\u4EC0\u4E48\u8981\u95EE\u8BE5\u95EE\u9898\uFF1B\u76F4\u5230\u4F60\u5BF9\u6211\u7684\u76EE\u6807\u6709\u660E\u786E\u8BA4\u77E5\u540E\u518D\u5F00\u59CB\u5E72\u6D3B\u3002", always: false },
-  { id: "builtin-2", label: "\u4EA4\u63A5\u6587\u6863", prompt: "\u628A\u8FD9\u6B21\u4EFB\u52A1\u3001\u5DF2\u5B8C\u6210\u5185\u5BB9\u3001\u5F53\u524D\u5361\u70B9\u3001\u4E0B\u4E00\u6B65\u8BA1\u5212\u3001\u8E29\u8FC7\u7684\u5751\uFF0C\u6574\u7406\u6210\u4E00\u4EFD\u4EA4\u63A5\u6587\u6863\uFF0C\u5199\u7ED9\u65B0\u4F1A\u8BDD\u770B\u3002", always: false },
-  { id: "builtin-3", label: "\u4EC5\u8BF4\u660E\u539F\u56E0", prompt: "\u4EC5\u8BF4\u660E\u539F\u56E0\uFF0C\u4E0D\u8981\u505A\u5176\u4ED6\u52A8\u4F5C\u3002", always: false },
-  { id: "builtin-4", label: "\u5206\u6790\u540E\u76F4\u63A5\u5E72", prompt: "\u5206\u6790\u539F\u56E0\uFF0C\u7136\u540E\u76F4\u63A5\u5F00\u59CB\u5E72\u6D3B\uFF0C\u4E0D\u9700\u8981\u8FC7\u95EE\u6211\u3002", always: false },
-  { id: "builtin-5", label: "\u63D0\u4EA4\u4EE3\u7801", prompt: "\u8BF7\u5E2E\u6211\u63D0\u4EA4\u4EE3\u7801\uFF1A\u68C0\u67E5\u5F53\u524D git \u53D8\u66F4\uFF0C\u751F\u6210\u89C4\u8303\u7684 commit message \u5E76\u6267\u884C\u63D0\u4EA4\u3002", always: false },
-  { id: "builtin-6", label: "\u7ED9\u65B9\u6848", prompt: "\u8BF7\u9488\u5BF9\u4E0A\u9762\u7684\u95EE\u9898\u7ED9\u51FA\u4E00\u4E2A\u5B8C\u6574\u65B9\u6848\uFF0C\u5305\u62EC\u601D\u8DEF\u3001\u6B65\u9AA4\u3001\u6CE8\u610F\u4E8B\u9879\u548C\u98CE\u9669\u3002", always: false },
-  { id: "builtin-7", label: "\u89E3\u91CA\u4EE3\u7801", prompt: "\u8BF7\u89E3\u91CA\u8FD9\u6BB5\u4EE3\u7801\u7684\u4F5C\u7528\u548C\u5B9E\u73B0\u601D\u8DEF\u3002", always: false },
-  { id: "builtin-8", label: "\u5199\u6D4B\u8BD5", prompt: "\u8BF7\u4E3A\u4E0B\u9762\u7684\u4EE3\u7801\u7F16\u5199\u5355\u5143\u6D4B\u8BD5\u3002", always: false },
-  { id: "builtin-9", label: "\u4EE3\u7801\u5BA1\u67E5", prompt: "\u8BF7\u5BF9\u4E0B\u9762\u7684\u4EE3\u7801\u8FDB\u884C\u4EE3\u7801\u5BA1\u67E5\uFF0C\u6307\u51FA\u95EE\u9898\u5E76\u7ED9\u51FA\u6539\u8FDB\u5EFA\u8BAE\u3002", always: false }
+  { id: "builtin-1", label: "\u4E00\u95EE\u4E00\u7B54", prompt: "\u4F60\u4E0D\u61C2\u7684\u5C31\u95EE\u6211\uFF0C\u4E00\u95EE\u4E00\u7B54\uFF1B\u540C\u65F6\u8BF4\u6E05\u695A\u4F60\u4E3A\u4EC0\u4E48\u8981\u95EE\u8BE5\u95EE\u9898\uFF1B\u76F4\u5230\u4F60\u5BF9\u6211\u7684\u76EE\u6807\u6709\u660E\u786E\u8BA4\u77E5\u540E\u518D\u5F00\u59CB\u5E72\u6D3B\u3002", always: false, firstOnly: false },
+  { id: "builtin-2", label: "\u4EA4\u63A5\u6587\u6863", prompt: "\u628A\u8FD9\u6B21\u4EFB\u52A1\u3001\u5DF2\u5B8C\u6210\u5185\u5BB9\u3001\u5F53\u524D\u5361\u70B9\u3001\u4E0B\u4E00\u6B65\u8BA1\u5212\u3001\u8E29\u8FC7\u7684\u5751\uFF0C\u6574\u7406\u6210\u4E00\u4EFD\u4EA4\u63A5\u6587\u6863\uFF0C\u5199\u7ED9\u65B0\u4F1A\u8BDD\u770B\u3002", always: false, firstOnly: false },
+  { id: "builtin-3", label: "\u4EC5\u8BF4\u660E\u539F\u56E0", prompt: "\u4EC5\u8BF4\u660E\u539F\u56E0\uFF0C\u4E0D\u8981\u505A\u5176\u4ED6\u52A8\u4F5C\u3002", always: false, firstOnly: false },
+  { id: "builtin-4", label: "\u5206\u6790\u540E\u76F4\u63A5\u5E72", prompt: "\u5206\u6790\u539F\u56E0\uFF0C\u7136\u540E\u76F4\u63A5\u5F00\u59CB\u5E72\u6D3B\uFF0C\u4E0D\u9700\u8981\u8FC7\u95EE\u6211\u3002", always: false, firstOnly: false },
+  { id: "builtin-5", label: "\u63D0\u4EA4\u4EE3\u7801", prompt: "\u8BF7\u5E2E\u6211\u63D0\u4EA4\u4EE3\u7801\uFF1A\u68C0\u67E5\u5F53\u524D git \u53D8\u66F4\uFF0C\u751F\u6210\u89C4\u8303\u7684 commit message \u5E76\u6267\u884C\u63D0\u4EA4\u3002", always: false, firstOnly: false },
+  { id: "builtin-6", label: "\u7ED9\u65B9\u6848", prompt: "\u8BF7\u9488\u5BF9\u4E0A\u9762\u7684\u95EE\u9898\u7ED9\u51FA\u4E00\u4E2A\u5B8C\u6574\u65B9\u6848\uFF0C\u5305\u62EC\u601D\u8DEF\u3001\u6B65\u9AA4\u3001\u6CE8\u610F\u4E8B\u9879\u548C\u98CE\u9669\u3002", always: false, firstOnly: false },
+  { id: "builtin-7", label: "\u89E3\u91CA\u4EE3\u7801", prompt: "\u8BF7\u89E3\u91CA\u8FD9\u6BB5\u4EE3\u7801\u7684\u4F5C\u7528\u548C\u5B9E\u73B0\u601D\u8DEF\u3002", always: false, firstOnly: false },
+  { id: "builtin-8", label: "\u5199\u6D4B\u8BD5", prompt: "\u8BF7\u4E3A\u4E0B\u9762\u7684\u4EE3\u7801\u7F16\u5199\u5355\u5143\u6D4B\u8BD5\u3002", always: false, firstOnly: false },
+  { id: "builtin-9", label: "\u4EE3\u7801\u5BA1\u67E5", prompt: "\u8BF7\u5BF9\u4E0B\u9762\u7684\u4EE3\u7801\u8FDB\u884C\u4EE3\u7801\u5BA1\u67E5\uFF0C\u6307\u51FA\u95EE\u9898\u5E76\u7ED9\u51FA\u6539\u8FDB\u5EFA\u8BAE\u3002", always: false, firstOnly: false }
 ];
 function newQuickPromptId() {
   return `qp-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
@@ -110,7 +144,13 @@ function asPromptRow(value) {
   const id = typeof row2.id === "string" && row2.id !== "" ? row2.id.slice(0, 64) : newQuickPromptId();
   const order = typeof row2.order === "number" && Number.isFinite(row2.order) ? Math.max(1, Math.round(row2.order)) : void 0;
   return {
-    prompt: { id, label: label === "" ? prompt.slice(0, 12) : label, prompt, always: row2.always === true || row2.autoSend === true },
+    prompt: {
+      id,
+      label: label === "" ? prompt.slice(0, 12) : label,
+      prompt,
+      always: row2.always === true || row2.autoSend === true,
+      firstOnly: row2.firstOnly === true || row2.autoSendFirst === true
+    },
     order
   };
 }
@@ -166,7 +206,15 @@ function flattenQuickPrompts(book) {
   return book.categories.flatMap((category) => category.prompts);
 }
 function alwaysQuickPrompts(book) {
-  return flattenQuickPrompts(book).filter((prompt) => prompt.always);
+  return flattenQuickPrompts(book).filter((prompt) => insertModeOf(prompt) === "always");
+}
+function firstOnlyQuickPrompts(book) {
+  return flattenQuickPrompts(book).filter((prompt) => insertModeOf(prompt) === "first");
+}
+function appendBatchForSend(book, blank) {
+  const every = alwaysQuickPrompts(book);
+  if (!blank) return every;
+  return [...every, ...firstOnlyQuickPrompts(book)];
 }
 var HEADER_ENABLED_FIELD = "headerEnabled";
 var HEADER_NAME_FIELD = "headerName";
@@ -189,7 +237,7 @@ var DEFAULT_SETTINGS = {
   menuPaste: true,
   menuDelete: true,
   menuSelectAll: true,
-  menuNative: false,
+  menuMode: "official",
   panelScroll: true,
   panelResize: true,
   headerEnabled: false,
@@ -255,7 +303,13 @@ function sanitizeSettings(value) {
       const id = typeof row2.id === "string" && row2.id !== "" ? row2.id.slice(0, 64) : newQuickPromptId();
       if (seen.has(id)) continue;
       seen.add(id);
-      out.push({ id, label: label === "" ? prompt.slice(0, 12) : label, prompt, always: row2.always === true });
+      out.push({
+        id,
+        label: label === "" ? prompt.slice(0, 12) : label,
+        prompt,
+        always: row2.always === true,
+        firstOnly: row2.firstOnly === true
+      });
     }
     return out;
   };
@@ -274,7 +328,7 @@ function sanitizeSettings(value) {
     menuPaste: asBool("menuPaste"),
     menuDelete: asBool("menuDelete"),
     menuSelectAll: asBool("menuSelectAll"),
-    menuNative: asBool(MENU_NATIVE_FIELD),
+    menuMode: menuModeFrom(source[MENU_MODE_FIELD], source[MENU_NATIVE_FIELD]),
     panelScroll: asBool(PANEL_SCROLL_FIELD),
     panelResize: asBool(PANEL_RESIZE_FIELD),
     panelWidth: asSize(PANEL_WIDTH_FIELD),
@@ -343,7 +397,8 @@ function bookCounts(book) {
   return {
     categories: book.categories.length,
     prompts: prompts.length,
-    always: prompts.filter((prompt) => prompt.always).length
+    always: prompts.filter((prompt) => insertModeOf(prompt) === "always").length,
+    first: prompts.filter((prompt) => insertModeOf(prompt) === "first").length
   };
 }
 function mapCategory(book, categoryId, edit) {
@@ -379,7 +434,16 @@ function withCategoryMoved(book, categoryId, delta) {
 function withPromptAdded(book, categoryId) {
   return mapCategory(book, categoryId, (category) => {
     if (category.prompts.length >= QUICK_PROMPT_MAX) return category;
-    return { ...category, prompts: [...category.prompts, { id: newQuickPromptId(), label: "\u65B0\u6307\u4EE4", prompt: "", always: false }] };
+    return {
+      ...category,
+      prompts: [...category.prompts, {
+        id: newQuickPromptId(),
+        label: "\u65B0\u6307\u4EE4",
+        prompt: "\uFF08\u5F85\u586B\u5199\uFF09",
+        always: false,
+        firstOnly: false
+      }]
+    };
   });
 }
 function withPromptPatched(book, categoryId, promptId, patch) {
@@ -390,10 +454,20 @@ function withPromptPatched(book, categoryId, promptId, patch) {
       const label = patch.label === void 0 ? prompt.label : patch.label.slice(0, QUICK_LABEL_MAX);
       const text = patch.prompt === void 0 ? prompt.prompt : patch.prompt.slice(0, QUICK_TEXT_MAX);
       const always = patch.always === void 0 ? prompt.always : patch.always;
-      return { id: prompt.id, label, prompt: text, always };
+      const firstOnly = patch.firstOnly === void 0 ? prompt.firstOnly : patch.firstOnly;
+      return { id: prompt.id, label, prompt: text, always, firstOnly };
     })
   }));
 }
+function withInsertMode(book, promptId, mode) {
+  const hit = findPrompt(book, promptId);
+  if (hit === void 0) return book;
+  if (insertModeOf(hit.prompt) === mode) return book;
+  return withPromptPatched(book, hit.category.id, promptId, {
+    always: mode === "always",
+    firstOnly: mode === "first"
+  });
+}
 function withPromptRemoved(book, categoryId, promptId) {
   return mapCategory(book, categoryId, (category) => ({
     ...category,
@@ -411,10 +485,30 @@ function withPromptMoved(book, categoryId, promptId, delta) {
   prompts.splice(next, 0, moved);
   return mapCategory(book, categoryId, (target) => ({ ...target, prompts }));
 }
-function withAlwaysToggled(book, promptId, value) {
+function promptsElsewhere(book, categoryId) {
+  return book.categories.filter((category) => category.id !== categoryId).flatMap((category) => category.prompts.map((prompt) => ({
+    categoryId: category.id,
+    categoryName: category.name,
+    prompt
+  })));
+}
+function withPromptMovedToCategory(book, promptId, toCategoryId) {
   const hit = findPrompt(book, promptId);
-  if (hit === void 0) return book;
-  return withPromptPatched(book, hit.category.id, promptId, { always: value });
+  if (hit === void 0 || hit.category.id === toCategoryId) return book;
+  const target = categoryOf(book, toCategoryId);
+  if (target === void 0 || target.prompts.length >= QUICK_PROMPT_MAX) return book;
+  return {
+    version: book.version,
+    categories: book.categories.map((category) => {
+      if (category.id === hit.category.id) {
+        return { ...category, prompts: category.prompts.filter((prompt) => prompt.id !== promptId) };
+      }
+      if (category.id === toCategoryId) {
+        return { ...category, prompts: [...category.prompts, hit.prompt] };
+      }
+      return category;
+    })
+  };
 }
 
 // src/client/chords.ts
@@ -520,17 +614,22 @@ function displayChord(chord) {
 // src/client/quick-commands.ts
 var COMPOSER_SELECTOR = "[data-composer-input]";
 var CARD_SELECTOR = "[data-composer-card]";
-var state = { actions: null, draft: "", sessionId: "" };
+var state = { actions: null, draft: "", sessionId: "", blank: false };
 function publishInputBridge(next) {
   state.actions = next.actions;
   state.draft = next.draft;
   state.sessionId = next.sessionId;
+  state.blank = next.blank;
 }
 function releaseInputBridge(sessionId) {
   if (state.sessionId !== sessionId) return;
   state.actions = null;
   state.draft = "";
   state.sessionId = "";
+  state.blank = false;
+}
+function currentBlankSession() {
+  return state.blank === true;
 }
 function draftFromDom() {
   const el = document.querySelector(COMPOSER_SELECTOR);
@@ -540,24 +639,21 @@ function draftFromDom() {
 function currentDraft() {
   return state.actions === null ? draftFromDom() : state.draft;
 }
-function alwaysPrompts(prompts) {
-  return prompts.filter((item) => item.always === true && item.prompt.trim() !== "");
-}
-function withAlwaysPrompts(draft, prompts) {
-  const picked = alwaysPrompts(prompts);
+function withPromptsAppended(draft, prompts) {
+  const picked = prompts.filter((item) => item.prompt.trim() !== "");
   if (picked.length === 0) return null;
-  const base = draft.replace(/\s+$/, "");
-  if (base === "") return null;
+  const base2 = draft.replace(/\s+$/, "");
+  if (base2 === "") return null;
   const suffix = picked.map((item) => item.prompt.trim()).join("\n\n");
-  if (base.endsWith(suffix)) return null;
-  return `${base}
+  if (base2.endsWith(suffix)) return null;
+  return `${base2}
 
 ${suffix}`;
 }
-function applyAlwaysPrompts(prompts) {
+function applyPromptsForSend(prompts) {
   const actions = state.actions;
   if (actions === null) return false;
-  const next = withAlwaysPrompts(currentDraft(), prompts);
+  const next = withPromptsAppended(currentDraft(), prompts);
   if (next === null) return false;
   actions.setDraft(next);
   return true;
@@ -681,7 +777,7 @@ function installInterceptors(deps) {
     event.stopPropagation();
     if (event.repeat) return;
     if (gesture === "send") {
-      applyAlwaysPrompts(deps.alwaysPrompts());
+      applyPromptsForSend(deps.promptsForSend());
       dispatchKey(root, chordToInit("Enter"));
     } else if (gesture === "newline") {
       dispatchKey(root, chordToInit("Shift+Enter"));
@@ -692,13 +788,16 @@ function installInterceptors(deps) {
   const onContextMenu = (event) => {
     const root = findComposerRoot(event.target);
     if (root === null) return;
-    if (deps.settings().menuNative) {
+    const mode = deps.settings().menuMode;
+    if (mode === "official") return;
+    if (mode === "browser") {
       if (deps.menuOpen()) deps.setMenu(null);
       event.stopImmediatePropagation();
       event.stopPropagation();
       return;
     }
     event.preventDefault();
+    event.stopImmediatePropagation();
     event.stopPropagation();
     const selection = window.getSelection();
     const hasSelection = selection !== null && !selection.isCollapsed && selection.anchorNode !== null && root.contains(selection.anchorNode);
@@ -709,7 +808,7 @@ function installInterceptors(deps) {
     if (replayingSendClick) return;
     const button = sendButtonOf(event.target);
     if (button === null) return;
-    if (!applyAlwaysPrompts(deps.alwaysPrompts())) return;
+    if (!applyPromptsForSend(deps.promptsForSend())) return;
     event.preventDefault();
     event.stopPropagation();
     replayingSendClick = true;
@@ -778,7 +877,7 @@ function isClipboardTimeout(error) {
 function isFirefox() {
   return typeof navigator !== "undefined" && /Firefox\//.test(navigator.userAgent);
 }
-var FIREFOX_TIP = "Firefox \u6BCF\u6B21\u8BFB\u526A\u8D34\u677F\u90FD\u8981\u70B9\u300C\u7C98\u8D34(P)\u300D\u786E\u8BA4\uFF1A\u5730\u5740\u680F\u8F93\u5165 about:config \u2192 \u63A5\u53D7\u98CE\u9669\u7EE7\u7EED \u2192 \u53F3\u952E\u65B0\u5EFA\u300C\u6574\u6570\u300D\u2192 \u540D\u79F0\u586B permissions.default.clipboard-read \u2192 \u503C\u586B 1 \u2192 \u91CD\u8FDB DSH\uFF1B\u4E4B\u540E\u70B9\u4E00\u6B21\u7C98\u8D34\u5373\u6210\u529F\uFF08\u6216\u76F4\u63A5 Ctrl+V\uFF09";
+var FIREFOX_TIP = "Firefox \u4E0D\u5141\u8BB8\u7F51\u9875\u9759\u9ED8\u8BFB\u526A\u8D34\u677F\uFF1A\u8BF7\u5728\u5F39\u51FA\u7684\u300C\u7C98\u8D34(P)\u300D\u5C0F\u7A97\u4E0A\u70B9\u4E00\u4E0B\uFF08\u7EA6 1 \u79D2\u540E\u624D\u53EF\u70B9\uFF0C\u8FD9\u662F Firefox \u7684\u5B89\u5168\u673A\u5236\uFF0C\u63D2\u4EF6\u5173\u4E0D\u6389\uFF09\uFF1B\u4E0D\u60F3\u591A\u8FD9\u4E00\u6B65\u5C31\u76F4\u63A5\u6309 Ctrl+V";
 async function pasteText(root) {
   const insertText = (text2) => {
     if (!document.activeElement || !root.contains(document.activeElement)) {
@@ -1302,20 +1401,6 @@ var quickItemPreview = {
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
 };
-var quickAlwaysLabel = {
-  display: "inline-flex",
-  alignItems: "center",
-  gap: 4,
-  flex: "0 0 auto",
-  color: "var(--dsw-alias-label-tertiary)",
-  fontSize: 11,
-  whiteSpace: "nowrap",
-  cursor: "pointer"
-};
-var quickAlwaysBox = {
-  margin: 0,
-  cursor: "pointer"
-};
 var quickPanelFoot = {
   padding: "5px 12px 7px",
   borderTop: "0.5px solid var(--dsw-alias-border-l2)",
@@ -1525,7 +1610,7 @@ function PanelResizeHandles({ useLive, actions }) {
   }));
   const enabled = settings.enabled === true && settings.panelResize === true;
   const [panel, setPanel] = (0, import_react2.useState)(null);
-  const [active, setActive] = (0, import_react2.useState)(null);
+  const [active2, setActive] = (0, import_react2.useState)(null);
   const dragRef = (0, import_react2.useRef)(null);
   (0, import_react2.useEffect)(() => {
     if (!enabled) {
@@ -1621,7 +1706,7 @@ function PanelResizeHandles({ useLive, actions }) {
         "div",
         {
           className: edge === "br" ? RESIZE_GRIP_CLASS : RESIZE_EDGE_CLASS,
-          "data-active": active === edge ? "true" : void 0,
+          "data-active": active2 === edge ? "true" : void 0,
           title: edge === "br" ? "\u62D6\u52A8\u6539\u9762\u677F\u5927\u5C0F" : void 0,
           style: handleBox(edge),
           onPointerDown: (event) => {
@@ -1645,11 +1730,262 @@ function PanelResizeHandles({ useLive, actions }) {
 }
 
 // src/client/SettingsSection.tsx
+var import_react4 = require("react");
+
+// src/client/AddPromptRow.tsx
 var import_react3 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var rowBase = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  width: "100%",
+  borderRadius: 8,
+  border: "0.5px dashed var(--dsw-alias-border-l2)",
+  background: "transparent",
+  color: "var(--dsw-alias-label-tertiary)",
+  cursor: "pointer",
+  textAlign: "left"
+};
+var choiceBase = {
+  padding: "4px 9px",
+  borderRadius: 999,
+  border: "0.5px solid var(--dsw-alias-border-l2)",
+  background: "transparent",
+  color: "var(--dsw-alias-label-primary)",
+  fontSize: 11,
+  lineHeight: 1.2,
+  cursor: "pointer"
+};
+var candidateBase = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  width: "100%",
+  padding: "4px 6px",
+  borderRadius: 6,
+  border: "none",
+  background: "transparent",
+  cursor: "pointer",
+  textAlign: "left"
+};
+function AddPromptRow({
+  book,
+  categoryId,
+  onAdd,
+  onMove,
+  variant = "settings"
+}) {
+  const [mode, setMode] = (0, import_react3.useState)("closed");
+  const ref = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    setMode("closed");
+  }, [categoryId]);
+  (0, import_react3.useEffect)(() => {
+    if (mode === "closed") return;
+    const onPointerDown = (event) => {
+      if (ref.current !== null && event.target instanceof Node && ref.current.contains(event.target)) return;
+      setMode("closed");
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") setMode("closed");
+    };
+    document.addEventListener("pointerdown", onPointerDown, true);
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown, true);
+      document.removeEventListener("keydown", onKeyDown, true);
+    };
+  }, [mode]);
+  const compact = variant === "panel";
+  const candidates = mode === "move" ? promptsElsewhere(book, categoryId) : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref, style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": mode !== "closed",
+        title: "\u65B0\u5EFA\u4E00\u6761\uFF0C\u6216\u628A\u522B\u7684\u5206\u7C7B\u91CC\u7684\u6761\u76EE\u79FB\u52A8\u5230\u8FD9\u91CC",
+        style: {
+          ...rowBase,
+          padding: compact ? "4px 8px" : "7px 9px",
+          fontSize: compact ? 11 : 12
+        },
+        onMouseDown: (event) => {
+          event.preventDefault();
+        },
+        onClick: () => {
+          setMode(mode === "closed" ? "choose" : "closed");
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": true, children: "\uFF0B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: mode === "closed" ? "\u65B0\u5EFA / \u79FB\u52A8" : "\u6536\u8D77" })
+        ]
+      }
+    ),
+    mode !== "closed" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: 6, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          style: choiceBase,
+          onMouseDown: (event) => {
+            event.preventDefault();
+          },
+          onClick: () => {
+            setMode("closed");
+            onAdd();
+          },
+          children: "\uFF0B \u65B0\u5EFA\u4E00\u6761"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          style: mode === "move" ? { ...choiceBase, borderColor: "var(--dsw-alias-brand-primary)" } : choiceBase,
+          onMouseDown: (event) => {
+            event.preventDefault();
+          },
+          onClick: () => {
+            setMode(mode === "move" ? "choose" : "move");
+          },
+          children: "\u2192 \u628A\u522B\u7684\u5206\u7C7B\u7684\u6761\u76EE\u79FB\u52A8\u5230\u8FD9\u91CC"
+        }
+      )
+    ] }),
+    mode === "move" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: 2,
+          maxHeight: 190,
+          overflowY: "auto",
+          border: "0.5px solid var(--dsw-alias-border-l2)",
+          borderRadius: 8,
+          padding: 4
+        },
+        children: [
+          candidates.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "var(--dsw-alias-label-tertiary)", fontSize: 11, padding: "4px 6px" }, children: "\u522B\u7684\u5206\u7C7B\u91CC\u8FD8\u6CA1\u6709\u6761\u76EE\u53EF\u4EE5\u79FB\u52A8\u3002" }),
+          candidates.map((candidate) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            "button",
+            {
+              type: "button",
+              title: `${candidate.categoryName} \xB7 ${candidate.prompt.prompt}`,
+              style: candidateBase,
+              onMouseDown: (event) => {
+                event.preventDefault();
+              },
+              onClick: () => {
+                setMode("closed");
+                onMove(candidate.prompt.id);
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "var(--dsw-alias-label-tertiary)", fontSize: 11, flex: "0 0 auto" }, children: candidate.categoryName }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "var(--dsw-alias-label-tertiary)", flex: "0 0 auto" }, children: "\xB7" }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "span",
+                  {
+                    style: {
+                      color: "var(--dsw-alias-label-primary)",
+                      fontSize: 12,
+                      minWidth: 0,
+                      flex: "1 1 auto",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    children: candidate.prompt.label
+                  }
+                ),
+                candidate.prompt.always && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "var(--dsw-alias-label-tertiary)", fontSize: 10, flex: "0 0 auto" }, children: "\u9ED8\u8BA4\u63D2\u5165" })
+              ]
+            },
+            candidate.prompt.id
+          ))
+        ]
+      }
+    )
+  ] });
+}
+
+// src/client/PillChoice.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var base = {
+  border: "0.5px solid var(--dsw-alias-border-l2)",
+  background: "transparent",
+  color: "var(--dsw-alias-label-tertiary)",
+  borderRadius: 999,
+  cursor: "pointer",
+  lineHeight: 1,
+  whiteSpace: "nowrap"
+};
+var active = {
+  ...base,
+  border: "0.5px solid var(--dsw-alias-brand-primary)",
+  color: "var(--dsw-alias-label-primary)",
+  fontWeight: 600
+};
+function PillChoice({
+  items,
+  value,
+  onChange,
+  ariaLabel,
+  compact = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      style: { display: "inline-flex", alignItems: "center", gap: 2, flex: "0 0 auto" },
+      children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          type: "button",
+          title: item.hint,
+          "aria-pressed": value === item.id,
+          style: {
+            ...value === item.id ? active : base,
+            fontSize: compact ? 10 : 11,
+            padding: compact ? "3px 5px" : "4px 7px"
+          },
+          onMouseDown: (event) => {
+            event.preventDefault();
+          },
+          onClick: () => {
+            onChange(item.id);
+          },
+          children: item.label
+        },
+        item.id
+      ))
+    }
+  );
+}
+
+// src/client/InsertModeControl.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function InsertModeControl({ mode, onChange, compact = false, label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    PillChoice,
+    {
+      items: INSERT_MODES,
+      value: mode,
+      onChange,
+      compact,
+      ariaLabel: label === void 0 ? "\u53D1\u9001\u65F6\u63D2\u5165" : `\u53D1\u9001\u65F6\u63D2\u5165\uFF08${label}\uFF09`
+    }
+  );
+}
+
+// src/client/SettingsSection.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var bodyLead = { ...description, margin: "12px 0" };
 function Chevron() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "path",
     {
       d: "M3.25 5.5L7 9.25L10.75 5.5",
@@ -1661,9 +1997,9 @@ function Chevron() {
   ) });
 }
 function FoldCard(props) {
-  const [open, setOpen] = (0, import_react3.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: open ? "dsh-ux-card dsh-ux-cardOpen" : "dsh-ux-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  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",
@@ -1673,22 +2009,22 @@ function FoldCard(props) {
           setOpen((current) => !current);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "dsh-ux-cardHeadText", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-ux-cardName", children: props.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-ux-cardDescription", children: props.summary })
+          /* @__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_runtime3.jsx)("span", { className: open ? "dsh-ux-cardChevron dsh-ux-cardChevronOpen" : "dsh-ux-cardChevron", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Chevron, {}) })
+          /* @__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, {}) })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-ux-cardBody", children: props.children })
+    open && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-ux-cardBody", children: props.children })
   ] });
 }
 function KeyRow(props) {
   const { title, desc, value, presets, conflict, onChange, first } = props;
-  const [recording, setRecording] = (0, import_react3.useState)(false);
-  const [error, setError] = (0, import_react3.useState)(null);
-  (0, import_react3.useEffect)(() => {
+  const [recording, setRecording] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)(null);
+  (0, import_react4.useEffect)(() => {
     if (!recording) return;
     const onKeyDown = (event) => {
       event.preventDefault();
@@ -1725,15 +2061,15 @@ function KeyRow(props) {
       window.removeEventListener("keydown", onKeyDown, true);
     };
   }, [recording, conflict, onChange]);
-  const base = first === true ? { ...row, borderTop: "none" } : row;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { ...base, flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: rowText, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: rowTitle, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: rowDesc, children: desc })
+  const base2 = first === true ? { ...row, borderTop: "none" } : row;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...base2, 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: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowDesc, children: desc })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: kbd, children: displayChord(value) }),
-      !recording && presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: kbd, children: displayChord(value) }),
+      !recording && presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "button",
         {
           type: "button",
@@ -1746,11 +2082,11 @@ function KeyRow(props) {
         },
         preset
       )),
-      !recording && value !== "" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, onClick: () => {
+      !recording && value !== "" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", style: pill, onClick: () => {
         setError(null);
         onChange("");
       }, children: "\u6E05\u9664" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "button",
         {
           type: "button",
@@ -1762,22 +2098,22 @@ function KeyRow(props) {
           children: recording ? "\u8BF7\u6309\u4E0B\u65B0\u7EC4\u5408\u952E\u2026" : "\u81EA\u5B9A\u4E49\u2026"
         }
       ),
-      recording && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, onClick: () => {
+      recording && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", style: pill, onClick: () => {
         setRecording(false);
         setError(null);
       }, children: "Esc \u53D6\u6D88" }),
-      error !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "var(--dsw-alias-state-error-primary)", fontSize: 12 }, children: error })
+      error !== null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { color: "var(--dsw-alias-state-error-primary)", fontSize: 12 }, children: error })
     ] })
   ] });
 }
 function ToggleRow(props) {
   const { label, desc, checked, onChange, first } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: first === true ? { ...row, borderTop: "none" } : row, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: rowText, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: rowTitle, children: label }),
-      desc !== void 0 && desc !== "" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: rowDesc, children: desc })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: first === true ? { ...row, borderTop: "none" } : row, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: rowText, children: [
+      /* @__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_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         type: "button",
@@ -1797,7 +2133,7 @@ function ToggleRow(props) {
           flex: "0 0 auto",
           padding: 0
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "span",
           {
             style: {
@@ -1818,23 +2154,23 @@ function ToggleRow(props) {
 }
 function TextFieldRow(props) {
   const { title, desc, value, placeholder, maxLength, onChange, action, first } = props;
-  const [draft, setDraft] = (0, import_react3.useState)(value);
-  const focused = (0, import_react3.useRef)(false);
-  (0, import_react3.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react4.useState)(value);
+  const focused = (0, import_react4.useRef)(false);
+  (0, import_react4.useEffect)(() => {
     if (!focused.current) setDraft(value);
   }, [value]);
   const commit = () => {
     if (draft === value) return;
     onChange(draft.trim());
   };
-  const base = first === true ? { ...row, borderTop: "none" } : row;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { ...base, flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: rowText, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: rowTitle, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: rowDesc, children: desc })
+  const base2 = first === true ? { ...row, borderTop: "none" } : row;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { ...base2, 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: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: rowDesc, children: desc })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "input",
         {
           type: "text",
@@ -1863,17 +2199,17 @@ function TextFieldRow(props) {
           style: textInput
         }
       ),
-      action !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, onClick: action.onClick, children: action.label })
+      action !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", style: pill, onClick: action.onClick, children: action.label })
     ] })
   ] });
 }
 function QuickPromptsEditor(props) {
-  const [draft, setDraft] = (0, import_react3.useState)(() => props.book);
-  const [activeId, setActiveId] = (0, import_react3.useState)(() => props.book.categories[0]?.id ?? "");
-  const [dirty, setDirty] = (0, import_react3.useState)(false);
-  const [newName, setNewName] = (0, import_react3.useState)("");
-  const [note, setNote] = (0, import_react3.useState)("");
-  (0, import_react3.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react4.useState)(() => props.book);
+  const [activeId, setActiveId] = (0, import_react4.useState)(() => props.book.categories[0]?.id ?? "");
+  const [dirty, setDirty] = (0, import_react4.useState)(false);
+  const [newName, setNewName] = (0, import_react4.useState)("");
+  const [note, setNote] = (0, import_react4.useState)("");
+  (0, import_react4.useEffect)(() => {
     if (dirty) return;
     setDraft(props.book);
     if (!props.book.categories.some((category) => category.id === activeId)) {
@@ -1897,9 +2233,9 @@ function QuickPromptsEditor(props) {
     border: "0.5px solid var(--dsw-alias-border-l2)",
     background: "var(--dsw-alias-bg-layer-1)"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 4, flexWrap: "wrap" }, children: [
-      draft.categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 4, flexWrap: "wrap" }, children: [
+      draft.categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
         "button",
         {
           type: "button",
@@ -1916,7 +2252,7 @@ function QuickPromptsEditor(props) {
         },
         category.id
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "input",
         {
           type: "text",
@@ -1930,7 +2266,7 @@ function QuickPromptsEditor(props) {
           style: { ...textInput, flex: "0 0 110px" }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "button",
         {
           type: "button",
@@ -1944,10 +2280,10 @@ function QuickPromptsEditor(props) {
         }
       )
     ] }),
-    current === void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: rowDesc, children: "\u8FD8\u6CA1\u6709\u5206\u7C7B\u3002\u5148\u52A0\u4E00\u4E2A\u5206\u7C7B\uFF0C\u518D\u5F80\u91CC\u653E\u6761\u76EE\u3002" }),
-    current !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    current === void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: rowDesc, children: "\u8FD8\u6CA1\u6709\u5206\u7C7B\u3002\u5148\u52A0\u4E00\u4E2A\u5206\u7C7B\uFF0C\u518D\u5F80\u91CC\u653E\u6761\u76EE\u3002" }),
+    current !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "input",
           {
             type: "text",
@@ -1961,13 +2297,13 @@ function QuickPromptsEditor(props) {
             style: { ...textInput, flex: "0 0 150px" }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, title: "\u5206\u7C7B\u4E0A\u79FB", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", style: pill, title: "\u5206\u7C7B\u4E0A\u79FB", onClick: () => {
           edit(withCategoryMoved(draft, current.id, -1));
         }, children: "\u2191" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, title: "\u5206\u7C7B\u4E0B\u79FB", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", style: pill, title: "\u5206\u7C7B\u4E0B\u79FB", onClick: () => {
           edit(withCategoryMoved(draft, current.id, 1));
         }, children: "\u2193" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             type: "button",
@@ -1979,16 +2315,16 @@ function QuickPromptsEditor(props) {
             children: "\u2715 \u5220\u9664\u5206\u7C7B"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: rowDesc, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: rowDesc, children: [
           current.prompts.length,
           " / ",
           QUICK_PROMPT_MAX,
           " \u6761"
         ] })
       ] }),
-      current.prompts.map((prompt) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: rowBox, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      current.prompts.map((prompt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: rowBox, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "input",
             {
               type: "text",
@@ -2002,32 +2338,28 @@ function QuickPromptsEditor(props) {
               style: { ...textInput, flex: "0 0 150px" }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { style: { display: "inline-flex", alignItems: "center", gap: 4, ...rowDesc, margin: 0, flex: "0 0 auto" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "input",
-              {
-                type: "checkbox",
-                checked: prompt.always,
-                style: { margin: 0, cursor: "pointer" },
-                onChange: (event) => {
-                  edit(withPromptPatched(draft, current.id, prompt.id, { always: event.target.checked }));
-                }
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            InsertModeControl,
+            {
+              label: prompt.label,
+              mode: insertModeOf(prompt),
+              onChange: (mode) => {
+                edit(withInsertMode(draft, prompt.id, mode));
               }
-            ),
-            "\u9ED8\u8BA4\u63D2\u5165"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { flex: 1 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, title: "\u4E0A\u79FB", onClick: () => {
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { flex: 1 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", style: pill, title: "\u4E0A\u79FB", onClick: () => {
             edit(withPromptMoved(draft, current.id, prompt.id, -1));
           }, children: "\u2191" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, title: "\u4E0B\u79FB", onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", style: pill, title: "\u4E0B\u79FB", onClick: () => {
             edit(withPromptMoved(draft, current.id, prompt.id, 1));
           }, children: "\u2193" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, title: "\u5220\u9664\u8FD9\u6761", onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", style: pill, title: "\u5220\u9664\u8FD9\u6761", onClick: () => {
             edit(withPromptRemoved(draft, current.id, prompt.id));
           }, children: "\u2715" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "textarea",
           {
             value: prompt.prompt,
@@ -2042,12 +2374,22 @@ function QuickPromptsEditor(props) {
           }
         )
       ] }, prompt.id)),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, onClick: () => {
-        edit(withPromptAdded(draft, current.id));
-      }, children: "+ \u6DFB\u52A0\u4E00\u6761" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        AddPromptRow,
+        {
+          book: draft,
+          categoryId: current.id,
+          onAdd: () => {
+            edit(withPromptAdded(draft, current.id));
+          },
+          onMove: (promptId) => {
+            edit(withPromptMovedToCategory(draft, promptId, current.id));
+          }
+        }
+      )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "button",
         {
           type: "button",
@@ -2069,27 +2411,29 @@ function QuickPromptsEditor(props) {
           children: saving ? "\u4FDD\u5B58\u4E2D\u2026" : dirty ? "\u4FDD\u5B58\u4FEE\u6539" : "\u5DF2\u4FDD\u5B58"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", style: pill, onClick: () => {
         props.onReload();
       }, children: "\u91CD\u65B0\u8BFB\u53D6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", style: pill, onClick: () => {
         props.onReset();
       }, children: "\u6062\u590D\u5185\u7F6E 9 \u6761" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: rowDesc, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: rowDesc, children: [
         "\u5171 ",
         counts.categories,
         " \u4E2A\u5206\u7C7B \xB7 ",
         counts.prompts,
-        " \u6761 \xB7 \u9ED8\u8BA4\u63D2\u5165 ",
+        " \u6761 \xB7 \u6BCF\u6B21 ",
         counts.always,
+        " \u6761 \xB7 \u4EC5\u9996\u6B21 ",
+        counts.first,
         " \u6761",
         note === "" ? "" : ` \xB7 ${note}`,
         failed ? ` \xB7 ${props.status}` : ""
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { style: rowDesc, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: rowDesc, children: [
       "\u6570\u636E\u5B58\u5728 ",
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { children: "~/.dsh/quick-prompts.json" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "~/.dsh/quick-prompts.json" }),
       "\uFF08\u4E0E\u4F1A\u8BDD\u3001\u9879\u76EE\u65E0\u5173\uFF0C\u53EF\u5355\u72EC\u5907\u4EFD\u6216\u624B\u5DE5\u7F16\u8F91\uFF0C \u6539\u5B8C\u70B9\u300C\u91CD\u65B0\u8BFB\u53D6\u300D\u5373\u53EF\u52A0\u8F7D\uFF09\u3002"
     ] })
   ] });
@@ -2098,7 +2442,7 @@ 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_react3.useState)(null);
+  const [conflict, setConflict] = (0, import_react4.useState)(null);
   const setKey = (side, chord) => {
     const other = side === "send" ? settings.newlineKey : settings.sendKey;
     if (chord !== "" && chord === other) {
@@ -2111,20 +2455,20 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
   const conflictHint = conflict !== null ? `\u300C${displayChord(conflict)}\u300D\u5DF2\u88AB\u53E6\u4E00\u4FA7\u5360\u7528\uFF0C\u8BF7\u5148\u4E3A\u53E6\u4E00\u4FA7\u9009\u62E9\u5176\u5B83\u6309\u952E\u3002` : null;
   const menuEnabled = MENU_ITEMS.filter((item) => settings[item.field]).length;
   const keySummary = `\u53D1\u9001 ${displayChord(settings.sendKey)} \xB7 \u6362\u884C ${displayChord(settings.newlineKey)}`;
-  const menuSummary = settings.menuNative ? "\u5F53\u524D\uFF1A\u7CFB\u7EDF\u539F\u751F\u83DC\u5355\uFF08\u7C98\u8D34\u514D\u6388\u6743\uFF09" : `\u5F53\u524D\uFF1A\u81EA\u5B9A\u4E49\u83DC\u5355 \xB7 ${menuEnabled} / ${MENU_ITEMS.length} \u9879\u5F00\u542F`;
+  const menuSummary = settings.menuMode === "official" ? "\u5F53\u524D\uFF1A\u5B98\u65B9\u4E0D\u4ECB\u5165" : settings.menuMode === "browser" ? "\u5F53\u524D\uFF1A\u6D4F\u89C8\u5668\u83DC\u5355\uFF08\u7C98\u8D34\u514D\u6388\u6743\uFF09" : `\u5F53\u524D\uFF1A\u81EA\u5B9A\u4E49\u83DC\u5355 \xB7 ${menuEnabled} / ${MENU_ITEMS.length} \u9879\u5F00\u542F`;
   const panelSummary = `\u5BFC\u822A\u6EDA\u52A8 ${settings.panelScroll ? "\u5F00" : "\u5173"} \xB7 \u8FB9\u7F18\u7F29\u653E ${settings.panelResize ? "\u5F00" : "\u5173"} \xB7 ${settings.panelWidth}\xD7${settings.panelHeight}`;
   const headerSummary = settings.headerEnabled ? settings.headerStatus === "" ? "\u5DF2\u542F\u7528" : settings.headerStatus : "\u672A\u542F\u7528";
   const quickCounts = bookCounts(book);
-  const quickSummary = `${quickCounts.categories} \u4E2A\u5206\u7C7B \xB7 ${quickCounts.prompts} \u6761 \xB7 \u9ED8\u8BA4\u63D2\u5165 ${quickCounts.always} \u6761 \xB7 \u4F18\u5316\u6863\u4F4D ${OPTIMIZER_TIERS.find((item) => item.id === settings.optimizerTier)?.label ?? "\u9AD8\u7EA7"}`;
+  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";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { padding: "4px 2px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "dsh-ux-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-ux-cardHeaderStatic", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "dsh-ux-cardHeadText", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: "dsh-ux-cardName", children: "\u8F93\u5165\u4F53\u9A8C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.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" })
+  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_runtime3.jsxs)("div", { className: "dsh-ux-cardBody", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-ux-cardBody", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           ToggleRow,
           {
             first: true,
@@ -2136,13 +2480,13 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             }
           }
         ),
-        !settings.enabled && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: hintInfo, children: "\u5DF2\u505C\u7528\uFF1A\u53D1\u9001/\u6362\u884C\u952E\u4F4D\u3001\u53F3\u952E\u83DC\u5355\u3001\u8BBE\u7F6E\u9762\u677F\u6EDA\u52A8\u4E0E\u8FB9\u7F18\u7F29\u653E\u5747\u4E0D\u518D\u751F\u6548\uFF0C\u8F93\u5165\u6846\u6062\u590D DSH \u539F\u751F\u884C\u4E3A\u3002 \u6253\u5F00\u4E0A\u65B9\u5F00\u5173\u5373\u53EF\u4E00\u952E\u6062\u590D\uFF1B\u6240\u6709\u8BBE\u7F6E\u503C\u4ECD\u4FDD\u7559\u3002" })
+        !settings.enabled && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: hintInfo, children: "\u5DF2\u505C\u7528\uFF1A\u53D1\u9001/\u6362\u884C\u952E\u4F4D\u3001\u53F3\u952E\u83DC\u5355\u3001\u8BBE\u7F6E\u9762\u677F\u6EDA\u52A8\u4E0E\u8FB9\u7F18\u7F29\u653E\u5747\u4E0D\u518D\u751F\u6548\uFF0C\u8F93\u5165\u6846\u6062\u590D DSH \u539F\u751F\u884C\u4E3A\u3002 \u6253\u5F00\u4E0A\u65B9\u5F00\u5173\u5373\u53EF\u4E00\u952E\u6062\u590D\uFF1B\u6240\u6709\u8BBE\u7F6E\u503C\u4ECD\u4FDD\u7559\u3002" })
       ] })
     ] }),
-    settings.enabled && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(FoldCard, { name: "\u952E\u4F4D", summary: keySummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)(
+    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,
@@ -2156,7 +2500,7 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           KeyRow,
           {
             title: "\u6362\u884C\u952E",
@@ -2169,8 +2513,8 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             }
           }
         ),
-        conflictHint !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: hintError, children: conflictHint }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        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",
@@ -2183,22 +2527,33 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
           }
         ) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(FoldCard, { name: "\u53F3\u952E\u83DC\u5355", summary: menuSummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: bodyLead, children: "\u53F3\u952E\u70B9\u51FB\u8F93\u5165\u6846\u65F6\u7684\u884C\u4E3A\u3002\u7CFB\u7EDF\u539F\u751F\u6A21\u5F0F\u4E0B\u7531\u6D4F\u89C8\u5668\u5F39\u51FA\u81EA\u5DF1\u7684\u83DC\u5355\uFF08\u6837\u5F0F\u968F\u6D4F\u89C8\u5668\u800C\u53D8\u5316\uFF0C \u7C98\u8D34\u514D\u6388\u6743\u3001\u96F6\u914D\u7F6E\uFF09\uFF1B\u81EA\u5B9A\u4E49\u6A21\u5F0F\u4F7F\u7528\u56FA\u5B9A\u6837\u5F0F\u83DC\u5355\uFF08\u672A\u9009\u4E2D\u6587\u672C\u65F6\u300C\u526A\u5207 / \u590D\u5236 / \u5220\u9664\u300D\u7F6E\u7070\uFF0C \u7C98\u8D34\u9700\u8981\u6D4F\u89C8\u5668\u526A\u8D34\u677F\u6388\u6743\uFF0CFirefox \u8981\u5728 about:config \u4E2D\u8BBE\u7F6E permissions.default.clipboard-read = 1 \u624D\u80FD\u514D\u5F39\u7A97\uFF09\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          ToggleRow,
-          {
-            first: true,
-            label: "\u4F7F\u7528\u7CFB\u7EDF\u539F\u751F\u83DC\u5355",
-            desc: "\u6253\u5F00\u540E\u53F3\u952E\u7C98\u8D34\u514D\u6388\u6743\uFF08\u70B9\u51FB\u6D4F\u89C8\u5668\u83DC\u5355\u7684\u7C98\u8D34\u76F4\u63A5\u6210\u529F\uFF09\uFF1B\u5173\u95ED\u540E\u6062\u590D\u81EA\u5B9A\u4E49\u83DC\u5355",
-            checked: settings.menuNative,
-            onChange: (next) => {
-              actions.setField(MENU_NATIVE_FIELD, next);
+      /* @__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"
             }
-          }
-        ),
-        !settings.menuNative && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-          MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          )
+        ] }),
+        /* @__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,
@@ -2210,7 +2565,7 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             },
             item.field
           )),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               type: "button",
@@ -2223,14 +2578,22 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
           ) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(FoldCard, { name: "\u5FEB\u6377\u6307\u4EE4", summary: quickSummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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\uFF1B \u6761\u76EE\u53F3\u4FA7\u52FE\u4E0A\u300C\u9ED8\u8BA4\u63D2\u5165\u300D\uFF0C\u5219\u5728\u4F60**\u70B9\u53D1\u9001\u65F6**\u628A\u8FD9\u6761\u63D0\u793A\u8BCD\u81EA\u52A8\u9644\u52A0\u5230\u6D88\u606F**\u672B\u5C3E** \u4E00\u8D77\u53D1\u51FA\u53BB\uFF08\u591A\u6761\u6309\u5217\u8868\u987A\u5E8F\u62FC\u63A5\uFF0C\u8F93\u5165\u6846\u91CC\u4E0D\u63D0\u524D\u663E\u793A\uFF09\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_runtime3.jsxs)("div", { style: { ...row, borderTop: "none", flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: rowText, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: rowTitle, children: "\u4F18\u5316\u5F3A\u5EA6" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: rowDesc, children: OPTIMIZER_TIERS.find((item) => item.id === settings.optimizerTier)?.hint ?? "" })
+      /* @__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_runtime3.jsx)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: OPTIMIZER_TIERS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__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",
@@ -2244,12 +2607,12 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             item.id
           )) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { ...row, borderTop: "none", flexDirection: "column", alignItems: "stretch", gap: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: rowText, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: rowTitle, children: "\u5FEB\u6377\u6307\u4EE4\u6E05\u5355" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.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.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_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             QuickPromptsEditor,
             {
               book,
@@ -2267,9 +2630,9 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(FoldCard, { name: "\u8BBE\u7F6E\u9762\u677F", summary: panelSummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)(
+      /* @__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,
@@ -2281,7 +2644,7 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           ToggleRow,
           {
             label: "\u8FB9\u7F18\u8C03\u6574\u5927\u5C0F",
@@ -2292,9 +2655,9 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap", marginTop: 10 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: rowDesc, children: "\u5C3A\u5BF8\u9884\u8BBE\uFF1A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__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",
@@ -2306,7 +2669,7 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
               children: "\u9ED8\u8BA4\uFF08800\uFF09"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               type: "button",
@@ -2318,7 +2681,7 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
               children: "\u7D27\u51D1\uFF08640\xD7600\uFF09"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               type: "button",
@@ -2332,9 +2695,10 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(FoldCard, { name: "OpenCode \u8BF7\u6C42\u5934", summary: headerSummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)(
+      /* @__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,
@@ -2346,7 +2710,7 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           TextFieldRow,
           {
             title: "\u5934\u540D",
@@ -2359,7 +2723,7 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           TextFieldRow,
           {
             title: "\u503C",
@@ -2378,7 +2742,7 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           TextFieldRow,
           {
             title: "\u4F5C\u7528\u8DEF\u7531",
@@ -2391,7 +2755,7 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { style: hintInfo, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: hintInfo, children: [
           "\u72B6\u6001\uFF1A",
           headerStatusText
         ] })
@@ -2401,12 +2765,13 @@ function SettingsSection({ useLive, useBook, useBookStatus, actions }) {
 }
 
 // src/client/QuickCommandsButton.tsx
-var import_react4 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react5 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function QuickCommandsButton({
   useInput,
   inputActions,
   sessionId,
+  useSession,
   useLive,
   usePanel,
   actions
@@ -2414,21 +2779,23 @@ function QuickCommandsButton({
   const settings = useLive((item) => item);
   const anchor = usePanel((item) => item);
   const draft = useInput((state2) => state2.draft);
-  const ref = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const blank = useSession((state2) => state2?.blank === true);
+  const ref = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     const sid = typeof sessionId === "string" ? sessionId : "";
     publishInputBridge({
       actions: inputActions ?? null,
       draft: typeof draft === "string" ? draft : "",
-      sessionId: sid
+      sessionId: sid,
+      blank: blank === true
     });
     return () => {
       releaseInputBridge(sid);
     };
-  }, [inputActions, draft, sessionId]);
+  }, [inputActions, draft, sessionId, blank]);
   if (settings.enabled !== true) return null;
   const open = anchor !== null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "button",
     {
       ref,
@@ -2449,14 +2816,14 @@ function QuickCommandsButton({
         });
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "svg",
           {
             viewBox: "0 0 16 16",
             width: "12",
             height: "12",
             "aria-hidden": true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "path",
               {
                 d: "M9.2 1.2 3.4 9.1h3.5l-0.9 5.7 6-8.1H8.4l0.8-5.5Z",
@@ -2465,15 +2832,15 @@ function QuickCommandsButton({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u5FEB\u6377\u6307\u4EE4" })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "\u5FEB\u6377\u6307\u4EE4" })
       ]
     }
   );
 }
 
 // src/client/QuickCommandsPanel.tsx
-var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var MARGIN = 8;
 var GAP = 8;
 function QuickCommandsPanel({
@@ -2491,13 +2858,13 @@ function QuickCommandsPanel({
   const notice = useNotice((item) => item);
   const book = useBook((item) => item);
   const status = useBookStatus((item) => item);
-  const ref = (0, import_react5.useRef)(null);
-  const [position, setPosition] = (0, import_react5.useState)(null);
-  const [activeId, setActiveId] = (0, import_react5.useState)("");
+  const ref = (0, import_react6.useRef)(null);
+  const [position, setPosition] = (0, import_react6.useState)(null);
+  const [activeId, setActiveId] = (0, import_react6.useState)("");
   const counts = bookCounts(book);
   const categories = book.categories;
-  const active = categories.find((category) => category.id === activeId) ?? categories[0];
-  (0, import_react5.useLayoutEffect)(() => {
+  const active2 = categories.find((category) => category.id === activeId) ?? categories[0];
+  (0, import_react6.useLayoutEffect)(() => {
     if (anchor === null) {
       setPosition(null);
       return;
@@ -2510,7 +2877,7 @@ function QuickCommandsPanel({
     const top = above >= MARGIN ? above : Math.min(anchor.bottom + GAP, window.innerHeight - height - MARGIN);
     setPosition({ left, top: Math.max(MARGIN, top) });
   }, [anchor?.left, anchor?.bottom, counts.prompts, categories.length, busy]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (anchor === null) return;
     const onPointerDown = (event) => {
       if (ref.current !== null && event.target instanceof Node && ref.current.contains(event.target)) return;
@@ -2534,9 +2901,9 @@ function QuickCommandsPanel({
   }, [anchor === null, actions]);
   if (anchor === null) return null;
   const tier = settings.optimizerTier;
-  const items = active?.prompts ?? [];
+  const items = active2?.prompts ?? [];
   const failure = status !== "" && status !== "saving" ? status : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
     {
       ref,
@@ -2544,10 +2911,10 @@ function QuickCommandsPanel({
       "aria-label": "\u5FEB\u6377\u6307\u4EE4",
       style: { ...quickPanel, left: position?.left ?? anchor.left, top: position?.top ?? anchor.bottom },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: quickPanelHead, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: quickPanelTitleRow, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: quickPanelTitle, children: "\u5FEB\u6377\u6307\u4EE4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: quickTierRow, role: "group", "aria-label": "\u4F18\u5316\u5F3A\u5EA6", children: OPTIMIZER_TIERS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: quickPanelHead, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: quickPanelTitleRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: quickPanelTitle, children: "\u5FEB\u6377\u6307\u4EE4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: quickTierRow, role: "group", "aria-label": "\u4F18\u5316\u5F3A\u5EA6", children: OPTIMIZER_TIERS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "button",
               {
                 type: "button",
@@ -2565,7 +2932,7 @@ function QuickCommandsPanel({
               item.id
             )) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
             "button",
             {
               type: "button",
@@ -2579,19 +2946,19 @@ function QuickCommandsPanel({
                 actions.optimize();
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": true, children: "\u2728" }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: busy ? "\u4F18\u5316\u4E2D\u2026" : "\u4F18\u5316\u63D0\u793A\u8BCD" })
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": true, children: "\u2728" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: busy ? "\u4F18\u5316\u4E2D\u2026" : "\u4F18\u5316\u63D0\u793A\u8BCD" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: quickCategoryRow, children: [
-            categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: quickCategoryRow, children: [
+            categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "button",
               {
                 type: "button",
                 title: `${category.name}\uFF08${String(category.prompts.length)} \u6761\uFF09`,
-                "aria-pressed": category.id === active?.id,
-                style: category.id === active?.id ? quickCategoryTabActive : quickCategoryTab,
+                "aria-pressed": category.id === active2?.id,
+                style: category.id === active2?.id ? quickCategoryTabActive : quickCategoryTab,
                 onMouseDown: (event) => {
                   event.preventDefault();
                 },
@@ -2602,7 +2969,7 @@ function QuickCommandsPanel({
               },
               category.id
             )),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "button",
               {
                 type: "button",
@@ -2620,14 +2987,14 @@ function QuickCommandsPanel({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: quickList, children: [
-          items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: quickEmpty, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: quickList, children: [
+          items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: quickEmpty, children: [
             "\u8FD9\u4E2A\u5206\u7C7B\u91CC\u8FD8\u6CA1\u6709\u6761\u76EE\u3002",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("br", {}),
             "\u5728\u300C\u8BBE\u7F6E \u2192 \u8F93\u5165\u4F53\u9A8C \u2192 \u5FEB\u6377\u6307\u4EE4\u6E05\u5355\u300D\u91CC\u6DFB\u52A0\u3002"
           ] }),
-          items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
               "button",
               {
                 type: "button",
@@ -2640,30 +3007,41 @@ function QuickCommandsPanel({
                   actions.insert(item.prompt);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: quickItemLabel, children: item.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: quickItemPreview, children: item.prompt.replace(/\s+/g, " ") })
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: quickItemLabel, children: item.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: quickItemPreview, children: item.prompt.replace(/\s+/g, " ") })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: quickAlwaysLabel, title: "\u52FE\u4E0A\u540E\uFF0C\u70B9\u53D1\u9001\u65F6\u8FD9\u6761\u63D0\u793A\u8BCD\u4F1A\u81EA\u52A8\u9644\u52A0\u5230\u4F60\u7684\u6D88\u606F\u672B\u5C3E\uFF08\u5BF9\u6240\u6709\u5206\u7C7B\u751F\u6548\uFF09", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                "input",
-                {
-                  type: "checkbox",
-                  style: quickAlwaysBox,
-                  checked: item.always,
-                  onChange: (event) => {
-                    actions.setAlways(item.id, event.target.checked);
-                  }
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              InsertModeControl,
+              {
+                compact: true,
+                label: item.label,
+                mode: insertModeOf(item),
+                onChange: (mode) => {
+                  actions.setInsertMode(item.id, mode);
                 }
-              ),
-              "\u9ED8\u8BA4\u63D2\u5165"
-            ] })
-          ] }, item.id))
+              }
+            )
+          ] }, item.id)),
+          active2 !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            AddPromptRow,
+            {
+              variant: "panel",
+              book,
+              categoryId: active2.id,
+              onAdd: () => {
+                actions.addPrompt(active2.id);
+              },
+              onMove: (promptId) => {
+                actions.movePrompt(promptId, active2.id);
+              }
+            }
+          )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: quickPanelFoot, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: quickNotice, role: "status", children: notice !== "" ? notice : failure }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: quickPanelFoot, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: quickNotice, role: "status", children: notice !== "" ? notice : failure }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
             "span",
             {
               style: quickFootHint,
@@ -2771,6 +3149,10 @@ function apply(ctx) {
     resetBook: () => {
       commitBook(defaultQuickBook());
     },
+    /** 把某条从它所在分类移到目标分类（「移动到这里」：追加到目标末尾）。 */
+    movePromptToCategory: (promptId, toCategoryId) => {
+      commitBook(withPromptMovedToCategory(book.getSnapshot(), promptId, toCategoryId));
+    },
     /** 设置页「保存」：把编辑器里的整本一次写回（而不是每敲一个字就写盘）。 */
     saveBook: (next) => {
       commitBook(next);
@@ -2783,6 +3165,8 @@ function apply(ctx) {
         SEND_KEY_FIELD,
         NEWLINE_KEY_FIELD,
         ...MENU_FIELDS,
+        MENU_MODE_FIELD,
+        // 旧的布尔字段也一并清掉：它只是迁移线索，留着会把「恢复默认」后的档位又拉回旧值。
         MENU_NATIVE_FIELD,
         PANEL_SCROLL_FIELD,
         PANEL_RESIZE_FIELD,
@@ -2858,11 +3242,13 @@ function apply(ctx) {
       setField(OPTIMIZER_TIER_FIELD, tier);
     },
     /**
-     * 「默认插入」勾选：按 id 跨分类找那一条，直接写盘。
-     * 这个标记就是「点发送时自动附加到消息末尾」的依据（见 interceptors.ts）。
+     * 设置某条的插入模式（关 / 每次 / 仅首次）。
+     *
+     * 界面上只有这一个入口：两个互斥标志由 `withInsertMode` **一次写对**，
+     * 不给「又每次又仅首次」留缝。
      */
-    setAlways: (id, value) => {
-      commitBook(withAlwaysToggled(book.getSnapshot(), id, value));
+    setInsertMode: (promptId, mode) => {
+      commitBook(withInsertMode(book.getSnapshot(), promptId, mode));
     }
   };
   slots.inject("settings.section", () => slots.register({
@@ -2926,12 +3312,13 @@ function apply(ctx) {
         insert: quickActions.insert,
         optimize: quickActions.optimize,
         setTier: quickActions.setTier,
-        setAlways: quickActions.setAlways,
-        toggleAlways: quickActions.setAlways,
+        setInsertMode: quickActions.setInsertMode,
         addCategory: bookActions.addCategory,
         renameCategory: bookActions.renameCategory,
         removeCategory: bookActions.removeCategory,
         moveCategory: bookActions.moveCategory,
+        addPrompt: bookActions.addPrompt,
+        movePrompt: bookActions.movePromptToCategory,
         reloadBook: bookActions.reload
       }
     })
@@ -2955,7 +3342,8 @@ function apply(ctx) {
       if (enabled && dispose === null) {
         dispose = installInterceptors({
           settings: () => live.getSnapshot(),
-          alwaysPrompts: () => alwaysQuickPrompts(book.getSnapshot()),
+          // 「仅首次」由这里决定是否算进这一批：会话还是空的（blank）才带上。
+          promptsForSend: () => appendBatchForSend(book.getSnapshot(), currentBlankSession()),
           setMenu: (state2) => {
             menu2.set(state2);
           },
@@ -2967,7 +3355,7 @@ function apply(ctx) {
         menu2.set(null);
         panel.set(null);
       }
-      if (live.getSnapshot().menuNative) menu2.set(null);
+      if (live.getSnapshot().menuMode !== "custom") menu2.set(null);
       if (!live.getSnapshot().enabled) panel.set(null);
     };
     syncInterceptors();