dsh-composer-ux 0.2.0 → 0.3.0

package/lib/client.js

@@ -60,8 +60,13 @@ var MENU_NATIVE_FIELD = "menuNative";
 var QUICK_PROMPTS_FIELD = "quickPrompts";
 var OPTIMIZER_TIER_FIELD = "optimizerTier";
 var QUICK_PROMPT_MAX = 60;
+var QUICK_CATEGORY_MAX = 20;
+var QUICK_CATEGORY_NAME_MAX = 40;
 var QUICK_LABEL_MAX = 40;
-var QUICK_TEXT_MAX = 4e3;
+var QUICK_TEXT_MAX = 2e5;
+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 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" },
@@ -83,6 +88,86 @@ var DEFAULT_QUICK_PROMPTS = [
 function newQuickPromptId() {
   return `qp-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
 }
+function newQuickCategoryId() {
+  return `qc-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function defaultQuickBook() {
+  return {
+    version: QUICK_BOOK_VERSION,
+    categories: [{ id: "cat-default", name: DEFAULT_CATEGORY_NAME, prompts: DEFAULT_QUICK_PROMPTS }]
+  };
+}
+function asPromptRow(value) {
+  if (typeof value !== "object" || value === null) return void 0;
+  const row2 = value;
+  const either = (first, second) => {
+    const picked = typeof first === "string" && first !== "" ? first : second;
+    return typeof picked === "string" ? picked : "";
+  };
+  const prompt = either(row2.prompt, row2.text).slice(0, QUICK_TEXT_MAX).trim();
+  if (prompt === "") return void 0;
+  const label = either(row2.label, row2.title).slice(0, QUICK_LABEL_MAX).trim();
+  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 },
+    order
+  };
+}
+function toPromptList(values) {
+  const rows = [];
+  for (const value of values) {
+    const row2 = asPromptRow(value);
+    if (row2 !== void 0) rows.push({ ...row2, index: rows.length });
+  }
+  rows.sort((a, b) => {
+    const left = a.order ?? Number.MAX_SAFE_INTEGER;
+    const right = b.order ?? Number.MAX_SAFE_INTEGER;
+    return left === right ? a.index - b.index : left - right;
+  });
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const row2 of rows) {
+    if (out.length >= QUICK_PROMPT_MAX) break;
+    if (seen.has(row2.prompt.id)) continue;
+    seen.add(row2.prompt.id);
+    out.push(row2.prompt);
+  }
+  return out;
+}
+function sanitizeBook(value) {
+  if (typeof value !== "object" || value === null) return void 0;
+  const source = value;
+  const flat = Array.isArray(value) ? value : Array.isArray(source.prompts) ? source.prompts : void 0;
+  if (flat !== void 0) {
+    const prompts = toPromptList(flat);
+    return {
+      version: QUICK_BOOK_VERSION,
+      categories: prompts.length === 0 ? [] : [{ id: "cat-default", name: DEFAULT_CATEGORY_NAME, prompts }]
+    };
+  }
+  if (!Array.isArray(source.categories)) return void 0;
+  const seen = /* @__PURE__ */ new Set();
+  const categories = [];
+  for (const raw of source.categories) {
+    if (categories.length >= QUICK_CATEGORY_MAX) break;
+    if (typeof raw !== "object" || raw === null) continue;
+    const row2 = raw;
+    const prompts = toPromptList(Array.isArray(row2.prompts) ? row2.prompts : []);
+    const wanted = typeof row2.id === "string" && row2.id !== "" ? row2.id.slice(0, 64) : newQuickCategoryId();
+    const id = seen.has(wanted) ? newQuickCategoryId() : wanted;
+    seen.add(id);
+    const name2 = (typeof row2.name === "string" ? row2.name : "").slice(0, QUICK_CATEGORY_NAME_MAX).trim();
+    categories.push({ id, name: name2 === "" ? DEFAULT_CATEGORY_NAME : name2, prompts });
+  }
+  return { version: QUICK_BOOK_VERSION, categories };
+}
+function flattenQuickPrompts(book) {
+  return book.categories.flatMap((category) => category.prompts);
+}
+function alwaysQuickPrompts(book) {
+  return flattenQuickPrompts(book).filter((prompt) => prompt.always);
+}
 var HEADER_ENABLED_FIELD = "headerEnabled";
 var HEADER_NAME_FIELD = "headerName";
 var HEADER_VALUE_FIELD = "headerValue";
@@ -208,6 +293,130 @@ function sanitizeSettings(value) {
   };
 }
 
+// src/client/prompt-book.ts
+async function requestBook(method, body) {
+  try {
+    const response = await fetch(QUICK_PROMPTS_API_PATH, {
+      method,
+      headers: body === void 0 ? void 0 : { "content-type": "application/json" },
+      body: body === void 0 ? void 0 : JSON.stringify(body)
+    });
+    const text = await response.text();
+    let parsed;
+    try {
+      parsed = JSON.parse(text);
+    } catch {
+      return { ok: false, error: `\u670D\u52A1\u7AEF\u8FD4\u56DE\u7684\u4E0D\u662F JSON\uFF08HTTP ${String(response.status)}\uFF09` };
+    }
+    const row2 = typeof parsed === "object" && parsed !== null ? parsed : {};
+    const book = sanitizeBook(row2.book);
+    const textOf = (value) => typeof value === "string" && value !== "" ? value : void 0;
+    return {
+      ok: row2.ok === true,
+      ...book === void 0 ? {} : { book },
+      ...textOf(row2.error) === void 0 ? {} : { error: textOf(row2.error) },
+      ...textOf(row2.file) === void 0 ? {} : { file: textOf(row2.file) },
+      ...textOf(row2.quarantined) === void 0 ? {} : { quarantined: textOf(row2.quarantined) }
+    };
+  } catch (error) {
+    return { ok: false, error: error instanceof Error ? error.message : String(error) };
+  }
+}
+function loadPromptBook() {
+  return requestBook("GET");
+}
+function savePromptBook(book) {
+  return requestBook("POST", { book });
+}
+function categoryOf(book, categoryId) {
+  return book.categories.find((category) => category.id === categoryId);
+}
+function findPrompt(book, promptId) {
+  for (const category of book.categories) {
+    const prompt = category.prompts.find((item) => item.id === promptId);
+    if (prompt !== void 0) return { category, prompt };
+  }
+  return void 0;
+}
+function bookCounts(book) {
+  const prompts = book.categories.flatMap((category) => category.prompts);
+  return {
+    categories: book.categories.length,
+    prompts: prompts.length,
+    always: prompts.filter((prompt) => prompt.always).length
+  };
+}
+function mapCategory(book, categoryId, edit) {
+  return {
+    version: book.version,
+    categories: book.categories.map((category) => category.id === categoryId ? edit(category) : category)
+  };
+}
+function withCategoryAdded(book, name2) {
+  if (book.categories.length >= QUICK_CATEGORY_MAX) return book;
+  const clean = name2.trim().slice(0, QUICK_CATEGORY_NAME_MAX);
+  return {
+    version: book.version,
+    categories: [...book.categories, { id: newQuickCategoryId(), name: clean === "" ? DEFAULT_CATEGORY_NAME : clean, prompts: [] }]
+  };
+}
+function withCategoryRenamed(book, categoryId, name2) {
+  const clean = name2.trim().slice(0, QUICK_CATEGORY_NAME_MAX);
+  return mapCategory(book, categoryId, (category) => ({ ...category, name: clean === "" ? DEFAULT_CATEGORY_NAME : clean }));
+}
+function withCategoryRemoved(book, categoryId) {
+  return { version: book.version, categories: book.categories.filter((category) => category.id !== categoryId) };
+}
+function withCategoryMoved(book, categoryId, delta) {
+  const index = book.categories.findIndex((category) => category.id === categoryId);
+  const next = index + delta;
+  if (index < 0 || next < 0 || next >= book.categories.length) return book;
+  const categories = [...book.categories];
+  const [moved] = categories.splice(index, 1);
+  categories.splice(next, 0, moved);
+  return { version: book.version, categories };
+}
+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 }] };
+  });
+}
+function withPromptPatched(book, categoryId, promptId, patch) {
+  return mapCategory(book, categoryId, (category) => ({
+    ...category,
+    prompts: category.prompts.map((prompt) => {
+      if (prompt.id !== promptId) return prompt;
+      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 };
+    })
+  }));
+}
+function withPromptRemoved(book, categoryId, promptId) {
+  return mapCategory(book, categoryId, (category) => ({
+    ...category,
+    prompts: category.prompts.filter((prompt) => prompt.id !== promptId)
+  }));
+}
+function withPromptMoved(book, categoryId, promptId, delta) {
+  const category = categoryOf(book, categoryId);
+  if (category === void 0) return book;
+  const index = category.prompts.findIndex((prompt) => prompt.id === promptId);
+  const next = index + delta;
+  if (index < 0 || next < 0 || next >= category.prompts.length) return book;
+  const prompts = [...category.prompts];
+  const [moved] = prompts.splice(index, 1);
+  prompts.splice(next, 0, moved);
+  return mapCategory(book, categoryId, (target) => ({ ...target, prompts }));
+}
+function withAlwaysToggled(book, promptId, value) {
+  const hit = findPrompt(book, promptId);
+  if (hit === void 0) return book;
+  return withPromptPatched(book, hit.category.id, promptId, { always: value });
+}
+
 // src/client/chords.ts
 var MODIFIER_KEYS = /* @__PURE__ */ new Set(["Control", "Alt", "Shift", "Meta", "AltGraph"]);
 var CODE_LABELS = {
@@ -472,7 +681,7 @@ function installInterceptors(deps) {
     event.stopPropagation();
     if (event.repeat) return;
     if (gesture === "send") {
-      applyAlwaysPrompts(settings.quickPrompts);
+      applyAlwaysPrompts(deps.alwaysPrompts());
       dispatchKey(root, chordToInit("Enter"));
     } else if (gesture === "newline") {
       dispatchKey(root, chordToInit("Shift+Enter"));
@@ -500,7 +709,7 @@ function installInterceptors(deps) {
     if (replayingSendClick) return;
     const button = sendButtonOf(event.target);
     if (button === null) return;
-    if (!applyAlwaysPrompts(deps.settings().quickPrompts)) return;
+    if (!applyAlwaysPrompts(deps.alwaysPrompts())) return;
     event.preventDefault();
     event.stopPropagation();
     replayingSendClick = true;
@@ -1136,6 +1345,38 @@ var quickEmpty = {
   padding: "14px 10px",
   textAlign: "center"
 };
+var quickCategoryRow = {
+  display: "flex",
+  alignItems: "center",
+  gap: 4,
+  flexWrap: "wrap"
+};
+var quickCategoryTab = {
+  border: "0.5px solid var(--dsw-alias-border-l2)",
+  background: "transparent",
+  color: "var(--dsw-alias-label-tertiary)",
+  fontSize: 11,
+  lineHeight: 1,
+  padding: "4px 8px",
+  borderRadius: 999,
+  cursor: "pointer",
+  whiteSpace: "nowrap",
+  maxWidth: 160,
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+};
+var quickCategoryTabActive = {
+  ...quickCategoryTab,
+  border: "0.5px solid var(--dsw-alias-brand-primary)",
+  color: "var(--dsw-alias-label-primary)",
+  fontWeight: 600
+};
+var quickCategoryAdd = {
+  ...quickCategoryTab,
+  color: "var(--dsw-alias-label-tertiary)",
+  padding: "4px 7px",
+  cursor: "pointer"
+};
 
 // src/client/ContextMenuHost.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -1627,146 +1868,236 @@ function TextFieldRow(props) {
   ] });
 }
 function QuickPromptsEditor(props) {
-  const [rows, setRows] = (0, import_react3.useState)(() => props.items.map((item) => ({ ...item })));
+  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 update = (id, patch) => {
-    setDirty(true);
-    setRows((current) => current.map((row2) => row2.id === id ? { ...row2, ...patch } : row2));
-  };
-  const remove = (id) => {
-    setDirty(true);
-    setRows((current) => current.filter((row2) => row2.id !== id));
-  };
-  const add = () => {
-    if (rows.length >= QUICK_PROMPT_MAX) return;
-    setDirty(true);
-    setRows((current) => current.concat([{
-      id: newQuickPromptId(),
-      label: "",
-      prompt: "",
-      always: false
-    }]));
-  };
-  const move = (index, delta) => {
-    const target = index + delta;
-    if (target < 0 || target >= rows.length) return;
+  const [newName, setNewName] = (0, import_react3.useState)("");
+  const [note, setNote] = (0, import_react3.useState)("");
+  (0, import_react3.useEffect)(() => {
+    if (dirty) return;
+    setDraft(props.book);
+    if (!props.book.categories.some((category) => category.id === activeId)) {
+      setActiveId(props.book.categories[0]?.id ?? "");
+    }
+  }, [props.book, dirty, activeId]);
+  const edit = (next) => {
     setDirty(true);
-    setRows((current) => {
-      const next = [...current];
-      const [row2] = next.splice(index, 1);
-      next.splice(target, 0, row2);
-      return next;
-    });
+    setDraft(next);
   };
-  const save = () => {
-    const cleaned = rows.map((row2) => ({
-      ...row2,
-      prompt: row2.prompt.trim(),
-      label: row2.label.trim() === "" ? row2.prompt.trim().slice(0, 12) : row2.label.trim()
-    })).filter((row2) => row2.prompt !== "");
-    props.onSave(cleaned);
-    setRows(cleaned);
-    setDirty(false);
+  const current = draft.categories.find((category) => category.id === activeId) ?? draft.categories[0];
+  const counts = bookCounts(draft);
+  const saving = props.status === "saving";
+  const failed = props.status !== "" && props.status !== "saving";
+  const rowBox = {
+    display: "flex",
+    flexDirection: "column",
+    gap: 6,
+    padding: 8,
+    borderRadius: 8,
+    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: [
-    rows.map((row2, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      "div",
-      {
-        style: {
-          display: "flex",
-          flexDirection: "column",
-          gap: 6,
-          padding: 8,
-          borderRadius: 8,
-          border: "0.5px solid var(--dsw-alias-border-l2)",
-          background: "var(--dsw-alias-bg-layer-1)"
+    /* @__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)(
+        "button",
+        {
+          type: "button",
+          style: category.id === current?.id ? pillActive : pill,
+          onClick: () => {
+            setActiveId(category.id);
+          },
+          children: [
+            category.name,
+            "\uFF08",
+            category.prompts.length,
+            "\uFF09"
+          ]
         },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        category.id
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "input",
+        {
+          type: "text",
+          value: newName,
+          placeholder: "\u65B0\u5206\u7C7B\u540D",
+          maxLength: QUICK_CATEGORY_NAME_MAX,
+          spellCheck: false,
+          onChange: (event) => {
+            setNewName(event.target.value);
+          },
+          style: { ...textInput, flex: "0 0 110px" }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          style: pill,
+          disabled: draft.categories.length >= QUICK_CATEGORY_MAX,
+          onClick: () => {
+            edit(withCategoryAdded(draft, newName === "" ? DEFAULT_CATEGORY_NAME : newName));
+            setNewName("");
+          },
+          children: "+ \u52A0\u5206\u7C7B"
+        }
+      )
+    ] }),
+    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)(
+          "input",
+          {
+            type: "text",
+            value: current.name,
+            "aria-label": "\u5206\u7C7B\u540D",
+            maxLength: QUICK_CATEGORY_NAME_MAX,
+            spellCheck: false,
+            onChange: (event) => {
+              edit(withCategoryRenamed(draft, current.id, event.target.value));
+            },
+            style: { ...textInput, flex: "0 0 150px" }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.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: () => {
+          edit(withCategoryMoved(draft, current.id, 1));
+        }, children: "\u2193" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            style: pill,
+            title: "\u5220\u9664\u8FD9\u4E2A\u5206\u7C7B\uFF08\u8FDE\u540C\u5B83\u91CC\u9762\u7684\u6761\u76EE\uFF09",
+            onClick: () => {
+              edit(withCategoryRemoved(draft, current.id));
+            },
+            children: "\u2715 \u5220\u9664\u5206\u7C7B"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.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)(
+            "input",
+            {
+              type: "text",
+              value: prompt.label,
+              placeholder: "\u540D\u79F0\uFF0C\u5982\uFF1A\u4EC5\u8BF4\u660E\u539F\u56E0",
+              maxLength: QUICK_LABEL_MAX,
+              spellCheck: false,
+              onChange: (event) => {
+                edit(withPromptPatched(draft, current.id, prompt.id, { label: event.target.value }));
+              },
+              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: "text",
-                value: row2.label,
-                placeholder: "\u540D\u79F0\uFF0C\u5982\uFF1A\u4EC5\u8BF4\u660E\u539F\u56E0",
-                maxLength: QUICK_LABEL_MAX,
-                spellCheck: false,
+                type: "checkbox",
+                checked: prompt.always,
+                style: { margin: 0, cursor: "pointer" },
                 onChange: (event) => {
-                  update(row2.id, { label: event.target.value });
-                },
-                style: { ...textInput, flex: "0 0 150px" }
+                  edit(withPromptPatched(draft, current.id, prompt.id, { always: event.target.checked }));
+                }
               }
             ),
-            /* @__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: row2.always,
-                  style: { margin: 0, cursor: "pointer" },
-                  onChange: (event) => {
-                    update(row2.id, { always: event.target.checked });
-                  }
-                }
-              ),
-              "\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: () => {
-              move(index, -1);
-            }, children: "\u2191" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, title: "\u4E0B\u79FB", onClick: () => {
-              move(index, 1);
-            }, children: "\u2193" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, title: "\u5220\u9664\u8FD9\u6761", onClick: () => {
-              remove(row2.id);
-            }, children: "\u2715" })
+            "\u9ED8\u8BA4\u63D2\u5165"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "textarea",
-            {
-              value: row2.prompt,
-              placeholder: "\u63D0\u793A\u8BCD\u6B63\u6587\uFF1A\u70B9\u51FB\u8BE5\u6761\u76EE\u65F6\u63D2\u5165\u8F93\u5165\u6846\uFF1B\u52FE\u4E86\u300C\u9ED8\u8BA4\u63D2\u5165\u300D\u5219\u5728\u53D1\u9001\u65F6\u81EA\u52A8\u9644\u52A0\u5230\u6D88\u606F\u672B\u5C3E",
-              maxLength: QUICK_TEXT_MAX,
-              spellCheck: false,
-              rows: Math.min(4, Math.max(2, Math.ceil(row2.prompt.length / 46))),
-              onChange: (event) => {
-                update(row2.id, { prompt: event.target.value });
-              },
-              style: { ...textInput, resize: "vertical", fontFamily: "inherit", lineHeight: 1.5 }
-            }
-          )
-        ]
-      },
-      row2.id
-    )),
-    rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: rowDesc, children: "\u8FD8\u6CA1\u6709\u6761\u76EE\u3002\u70B9\u4E0B\u9762\u7684\u300C+ \u6DFB\u52A0\u4E00\u6761\u300D\u5F00\u59CB\u5EFA\u81EA\u5DF1\u7684\u5FEB\u6377\u6307\u4EE4\u3002" }),
+          /* @__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: () => {
+            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: () => {
+            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: () => {
+            edit(withPromptRemoved(draft, current.id, prompt.id));
+          }, children: "\u2715" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "textarea",
+          {
+            value: prompt.prompt,
+            placeholder: "\u63D0\u793A\u8BCD\u6B63\u6587\uFF1A\u70B9\u51FB\u8BE5\u6761\u76EE\u65F6\u63D2\u5165\u8F93\u5165\u6846\uFF1B\u52FE\u4E86\u300C\u9ED8\u8BA4\u63D2\u5165\u300D\u5219\u5728\u53D1\u9001\u65F6\u81EA\u52A8\u9644\u52A0\u5230\u6D88\u606F\u672B\u5C3E",
+            maxLength: QUICK_TEXT_MAX,
+            spellCheck: false,
+            rows: Math.min(4, Math.max(2, Math.ceil(prompt.prompt.length / 46))),
+            onChange: (event) => {
+              edit(withPromptPatched(draft, current.id, prompt.id, { prompt: event.target.value }));
+            },
+            style: { ...textInput, resize: "vertical", fontFamily: "inherit", lineHeight: 1.5 }
+          }
+        )
+      ] }, 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_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", style: pill, onClick: add, children: "+ \u6DFB\u52A0\u4E00\u6761" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "button",
         {
           type: "button",
           style: dirty ? pillActive : pill,
-          onClick: save,
-          disabled: !dirty,
-          children: dirty ? "\u4FDD\u5B58\u4FEE\u6539" : "\u5DF2\u4FDD\u5B58"
+          disabled: !dirty || saving,
+          onClick: () => {
+            const next = {
+              version: draft.version,
+              categories: draft.categories.map((category) => ({
+                ...category,
+                prompts: category.prompts.filter((prompt) => prompt.prompt.trim() !== "")
+              }))
+            };
+            const skipped = counts.prompts - bookCounts(next).prompts;
+            setNote(skipped > 0 ? `\u5DF2\u8DF3\u8FC7 ${String(skipped)} \u6761\u6B63\u6587\u4E3A\u7A7A\u7684\u6761\u76EE` : "");
+            props.onSave(next);
+            setDirty(false);
+          },
+          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: () => {
+        props.onReload();
+      }, children: "\u91CD\u65B0\u8BFB\u53D6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.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: [
         "\u5171 ",
-        rows.length,
-        " / ",
-        QUICK_PROMPT_MAX,
-        " \u6761 \xB7 \u52FE\u4E86\u300C\u9ED8\u8BA4\u63D2\u5165\u300D\u7684\uFF1A",
-        rows.filter((row2) => row2.always).length,
-        " \u6761"
+        counts.categories,
+        " \u4E2A\u5206\u7C7B \xB7 ",
+        counts.prompts,
+        " \u6761 \xB7 \u9ED8\u8BA4\u63D2\u5165 ",
+        counts.always,
+        " \u6761",
+        note === "" ? "" : ` \xB7 ${note}`,
+        failed ? ` \xB7 ${props.status}` : ""
       ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { style: rowDesc, children: [
+      "\u6570\u636E\u5B58\u5728 ",
+      /* @__PURE__ */ (0, import_jsx_runtime3.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"
     ] })
   ] });
 }
-function SettingsSection({ useLive, actions }) {
+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 setKey = (side, chord) => {
     const other = side === "send" ? settings.newlineKey : settings.sendKey;
@@ -1783,8 +2114,8 @@ function SettingsSection({ useLive, actions }) {
   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 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 alwaysCount = settings.quickPrompts.filter((item) => item.always).length;
-  const quickSummary = `${settings.quickPrompts.length} \u6761 \xB7 \u9ED8\u8BA4\u63D2\u5165 ${alwaysCount} \u6761 \xB7 \u4F18\u5316\u6863\u4F4D ${OPTIMIZER_TIERS.find((item) => item.id === settings.optimizerTier)?.label ?? "\u9AD8\u7EA7"}`;
+  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 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: [
@@ -1916,28 +2247,24 @@ function SettingsSection({ useLive, actions }) {
         /* @__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: "\u5185\u7F6E 9 \u6761\u53EF\u4EE5\u76F4\u63A5\u7528\uFF1B\u6539\u5B8C\u8BB0\u5F97\u70B9\u300C\u4FDD\u5B58\u4FEE\u6539\u300D\u3002" })
+            /* @__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_runtime3.jsx)(
             QuickPromptsEditor,
             {
-              items: settings.quickPrompts,
+              book,
+              status: bookStatus,
               onSave: (next) => {
-                actions.setField(QUICK_PROMPTS_FIELD, next);
-              }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { display: "flex", gap: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "button",
-            {
-              type: "button",
-              style: pill,
-              onClick: () => {
-                actions.clearField(QUICK_PROMPTS_FIELD);
+                actions.saveBook(next);
+              },
+              onReload: () => {
+                actions.reloadBook();
               },
-              children: "\u6062\u590D\u5185\u7F6E 9 \u6761"
+              onReset: () => {
+                actions.resetBook();
+              }
             }
-          ) })
+          )
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(FoldCard, { name: "\u8BBE\u7F6E\u9762\u677F", summary: panelSummary, children: [
@@ -2154,14 +2481,22 @@ function QuickCommandsPanel({
   usePanel,
   useBusy,
   useNotice,
+  useBook,
+  useBookStatus,
   actions
 }) {
   const settings = useLive((item) => item);
   const anchor = usePanel((item) => item);
   const busy = useBusy((item) => item);
   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 counts = bookCounts(book);
+  const categories = book.categories;
+  const active = categories.find((category) => category.id === activeId) ?? categories[0];
   (0, import_react5.useLayoutEffect)(() => {
     if (anchor === null) {
       setPosition(null);
@@ -2174,7 +2509,7 @@ function QuickCommandsPanel({
     const above = anchor.bottom - height - GAP;
     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, settings.quickPrompts.length, busy]);
+  }, [anchor?.left, anchor?.bottom, counts.prompts, categories.length, busy]);
   (0, import_react5.useEffect)(() => {
     if (anchor === null) return;
     const onPointerDown = (event) => {
@@ -2198,8 +2533,9 @@ function QuickCommandsPanel({
     };
   }, [anchor === null, actions]);
   if (anchor === null) return null;
-  const items = settings.quickPrompts;
   const tier = settings.optimizerTier;
+  const items = active?.prompts ?? [];
+  const failure = status !== "" && status !== "saving" ? status : "";
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "div",
     {
@@ -2247,13 +2583,48 @@ function QuickCommandsPanel({
                 /* @__PURE__ */ (0, import_jsx_runtime5.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)(
+              "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,
+                onMouseDown: (event) => {
+                  event.preventDefault();
+                },
+                onClick: () => {
+                  setActiveId(category.id);
+                },
+                children: category.name
+              },
+              category.id
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "button",
+              {
+                type: "button",
+                style: quickCategoryAdd,
+                disabled: categories.length >= QUICK_CATEGORY_MAX,
+                title: "\u65B0\u589E\u4E00\u4E2A\u5206\u7C7B\uFF08\u540D\u5B57\u5230\u300C\u8BBE\u7F6E \u2192 \u8F93\u5165\u4F53\u9A8C\u300D\u91CC\u6539\uFF09",
+                onMouseDown: (event) => {
+                  event.preventDefault();
+                },
+                onClick: () => {
+                  actions.addCategory(DEFAULT_CATEGORY_NAME);
+                },
+                children: "\uFF0B"
+              }
+            )
+          ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: quickList, children: [
           items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: quickEmpty, children: [
-            "\u8FD8\u6CA1\u6709\u5FEB\u6377\u6307\u4EE4\u3002",
+            "\u8FD9\u4E2A\u5206\u7C7B\u91CC\u8FD8\u6CA1\u6709\u6761\u76EE\u3002",
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
-            "\u5728\u300C\u8BBE\u7F6E \u2192 \u8F93\u5165\u4F53\u9A8C \u2192 \u5FEB\u6377\u6307\u4EE4\u300D\u91CC\u6DFB\u52A0\u3002"
+            "\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)(
@@ -2274,7 +2645,7 @@ function QuickCommandsPanel({
                 ]
               }
             ),
-            /* @__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", children: [
+            /* @__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",
                 {
@@ -2291,8 +2662,20 @@ function QuickCommandsPanel({
           ] }, item.id))
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: quickPanelFoot, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: quickNotice, role: "status", children: notice }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: quickFootHint, children: "\u8BBE\u7F6E \u2192 \u8F93\u5165\u4F53\u9A8C" })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: quickNotice, role: "status", children: notice !== "" ? notice : failure }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            "span",
+            {
+              style: quickFootHint,
+              title: "\u6570\u636E\u5728 ~/.dsh/quick-prompts.json",
+              children: [
+                counts.categories,
+                " \u5206\u7C7B \xB7 ",
+                counts.prompts,
+                " \u6761"
+              ]
+            }
+          )
         ] })
       ]
     }
@@ -2326,6 +2709,73 @@ function apply(ctx) {
       console.error("[composer-ux] settings clear failed", error);
     });
   };
+  const book = (0, import_dsh_client_store.createSnapshotStore)(defaultQuickBook());
+  const bookStatus = (0, import_dsh_client_store.createSnapshotStore)("");
+  const reloadBook = async () => {
+    const reply = await loadPromptBook();
+    if (reply.ok && reply.book !== void 0) {
+      book.set(reply.book);
+      bookStatus.set("");
+      return;
+    }
+    bookStatus.set(reply.error ?? "\u8BFB\u53D6\u5FEB\u6377\u6307\u4EE4\u5931\u8D25");
+  };
+  const commitBook = (next) => {
+    book.set(next);
+    bookStatus.set("saving");
+    void savePromptBook(next).then(
+      (reply) => {
+        if (reply.ok && reply.book !== void 0) {
+          book.set(reply.book);
+          bookStatus.set("");
+          return;
+        }
+        bookStatus.set(reply.error ?? "\u4FDD\u5B58\u5931\u8D25");
+        void reloadBook();
+      },
+      (error) => {
+        bookStatus.set(error instanceof Error ? error.message : String(error));
+        void reloadBook();
+      }
+    );
+  };
+  void reloadBook();
+  const bookActions = {
+    reload: () => {
+      void reloadBook();
+    },
+    addCategory: (name2) => {
+      commitBook(withCategoryAdded(book.getSnapshot(), name2));
+    },
+    renameCategory: (id, name2) => {
+      commitBook(withCategoryRenamed(book.getSnapshot(), id, name2));
+    },
+    removeCategory: (id) => {
+      commitBook(withCategoryRemoved(book.getSnapshot(), id));
+    },
+    moveCategory: (id, delta) => {
+      commitBook(withCategoryMoved(book.getSnapshot(), id, delta));
+    },
+    addPrompt: (categoryId) => {
+      commitBook(withPromptAdded(book.getSnapshot(), categoryId));
+    },
+    patchPrompt: (categoryId, id, patch) => {
+      commitBook(withPromptPatched(book.getSnapshot(), categoryId, id, patch));
+    },
+    removePrompt: (categoryId, id) => {
+      commitBook(withPromptRemoved(book.getSnapshot(), categoryId, id));
+    },
+    movePrompt: (categoryId, id, delta) => {
+      commitBook(withPromptMoved(book.getSnapshot(), categoryId, id, delta));
+    },
+    resetBook: () => {
+      commitBook(defaultQuickBook());
+    },
+    /** 设置页「保存」：把编辑器里的整本一次写回（而不是每敲一个字就写盘）。 */
+    saveBook: (next) => {
+      commitBook(next);
+    }
+  };
   const resetAll = () => {
     void scope.mutate(
       [
@@ -2342,12 +2792,12 @@ function apply(ctx) {
         HEADER_NAME_FIELD,
         HEADER_VALUE_FIELD,
         HEADER_ROUTES_FIELD,
-        QUICK_PROMPTS_FIELD,
         OPTIMIZER_TIER_FIELD
       ].map((field) => ({ op: "unset", path: [field] }))
     ).catch((error) => {
       console.error("[composer-ux] settings reset failed", error);
     });
+    bookActions.resetBook();
   };
   let noticeTimer;
   const note = (message, ms = 4500) => {
@@ -2361,9 +2811,6 @@ function apply(ctx) {
   ctx.effect(() => () => {
     if (noticeTimer !== void 0) clearTimeout(noticeTimer);
   }, "composer-ux: quick notice timer");
-  const writeQuickPrompts = (next) => {
-    setField(QUICK_PROMPTS_FIELD, next);
-  };
   const quickActions = {
     toggle: (anchor) => {
       if (panel.getSnapshot() !== null) {
@@ -2410,10 +2857,12 @@ function apply(ctx) {
     setTier: (tier) => {
       setField(OPTIMIZER_TIER_FIELD, tier);
     },
+    /**
+     * 「默认插入」勾选：按 id 跨分类找那一条，直接写盘。
+     * 这个标记就是「点发送时自动附加到消息末尾」的依据（见 interceptors.ts）。
+     */
     setAlways: (id, value) => {
-      writeQuickPrompts(live.getSnapshot().quickPrompts.map(
-        (item) => item.id === id ? { ...item, always: value } : item
-      ));
+      commitBook(withAlwaysToggled(book.getSnapshot(), id, value));
     }
   };
   slots.inject("settings.section", () => slots.register({
@@ -2422,8 +2871,15 @@ function apply(ctx) {
     order: 40,
     label: "\u8F93\u5165\u4F53\u9A8C",
     inject: () => ({
-      hooks: { live },
-      actions: { setField, clearField, resetAll }
+      hooks: { live, book, bookStatus },
+      actions: {
+        setField,
+        clearField,
+        resetAll,
+        saveBook: bookActions.saveBook,
+        reloadBook: bookActions.reload,
+        resetBook: bookActions.resetBook
+      }
     })
   }, SettingsSection));
   slots.inject("shell.overlay", () => slots.register({
@@ -2463,8 +2919,21 @@ function apply(ctx) {
     name: "shell.overlay",
     id: "composer-ux-quick-panel",
     inject: () => ({
-      hooks: { live, panel, busy: optimizing, notice: panelNotice },
-      actions: quickActions
+      hooks: { live, panel, busy: optimizing, notice: panelNotice, book, bookStatus },
+      actions: {
+        toggle: quickActions.toggle,
+        close: quickActions.close,
+        insert: quickActions.insert,
+        optimize: quickActions.optimize,
+        setTier: quickActions.setTier,
+        setAlways: quickActions.setAlways,
+        toggleAlways: quickActions.setAlways,
+        addCategory: bookActions.addCategory,
+        renameCategory: bookActions.renameCategory,
+        removeCategory: bookActions.removeCategory,
+        moveCategory: bookActions.moveCategory,
+        reloadBook: bookActions.reload
+      }
     })
   }, QuickCommandsPanel));
   ctx.effect(() => installSettingsCardStyle(), "composer-ux: settings card style");
@@ -2486,6 +2955,7 @@ function apply(ctx) {
       if (enabled && dispose === null) {
         dispose = installInterceptors({
           settings: () => live.getSnapshot(),
+          alwaysPrompts: () => alwaysQuickPrompts(book.getSnapshot()),
           setMenu: (state2) => {
             menu2.set(state2);
           },