dsh-composer-ux 0.13.0 → 0.13.2

package/lib/client.js

@@ -2770,6 +2770,9 @@ var quickPrimaryButtonDisabled = {
   cursor: "default"
 };
 var quickList = {
+  // `flex: 1 1 auto` + `minHeight: 0`：这一半被压时**自己滚**，而不是把内容顶出去。
+  flex: "1 1 auto",
+  minHeight: 0,
   overflowY: "auto",
   padding: "6px 6px 8px",
   display: "flex",
@@ -2833,6 +2836,32 @@ var quickEmpty = {
   padding: "14px 10px",
   textAlign: "center"
 };
+var quickSectionBody = {
+  flex: "1 1 auto",
+  minHeight: 0,
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden"
+};
+var quickSectionToggle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  width: "100%",
+  padding: "6px 12px",
+  border: 0,
+  borderTop: "0.5px solid var(--dsw-alias-border-l2)",
+  borderBottom: "0.5px solid var(--dsw-alias-border-l2)",
+  background: "transparent",
+  color: "var(--dsw-alias-label-secondary)",
+  fontSize: 11.5,
+  textAlign: "left",
+  cursor: "pointer"
+};
+var quickSectionToggleArrow = {
+  width: 10,
+  flex: "0 0 auto"
+};
 var quickCategoryRow = {
   display: "flex",
   alignItems: "center",
@@ -2866,13 +2895,44 @@ var quickCategoryAdd = {
   cursor: "pointer"
 };
 var dockBox = {
+  // 撑满中部容器（`minHeight: 0` 是关键：否则弹性子项按内容高度撑，又会被裁）。
+  flex: "1 1 auto",
+  minHeight: 0,
+  overflow: "hidden",
   display: "flex",
   flexDirection: "column",
   gap: 6,
-  padding: "8px 10px",
-  borderRadius: 10,
-  background: "var(--dsw-alias-bg-layer-1)",
-  border: "0.5px solid var(--dsw-alias-border-l2)"
+  padding: "8px 12px 8px",
+  // 0.13.2：**不再画成一张独立卡片**（用户原话「提示词优化是悬浮的」）。
+  // 去掉自己的背景与圆角边框，只留一条细分隔线 —— 它就是面板里的一段，而不是浮在上面的小窗。
+  borderTop: "0.5px solid var(--dsw-alias-border-l2)"
+};
+var dockBody = {
+  flex: "1 1 auto",
+  minHeight: 0,
+  display: "flex",
+  flexDirection: "column",
+  gap: 6,
+  overflowY: "auto"
+};
+var dockButtonsPinned = {
+  flex: "0 0 auto"
+};
+var dockButtonGhost = {
+  border: 0,
+  background: "transparent",
+  color: "var(--dsw-alias-label-tertiary)",
+  borderRadius: 999,
+  padding: "3px 8px",
+  fontSize: 11,
+  lineHeight: 1.6,
+  cursor: "pointer",
+  whiteSpace: "nowrap"
+};
+var dockButtonWarn = {
+  ...dockButtonGhost,
+  color: "var(--dsw-alias-label-error, #d33)",
+  border: "0.5px solid var(--dsw-alias-label-error, #d33)"
 };
 var dockHead = {
   display: "flex",
@@ -6273,6 +6333,15 @@ function useOptimizeElapsed(startedAt) {
   return running ? seconds : 0;
 }
 
+// src/client/panel-sections.ts
+var DEFAULT_PANEL_SECTION = "quick";
+function toggleSection(current) {
+  return current === "quick" ? "optimize" : "quick";
+}
+function sectionForDock(dockPresent, current) {
+  return dockPresent ? "optimize" : current;
+}
+
 // src/client/OptimizeDock.tsx
 var import_react13 = require("react");
 
@@ -6484,6 +6553,7 @@ async function copyText(text) {
 }
 function OptimizeDock({ state: state2, seconds, actions }) {
   const [copied, setCopied] = (0, import_react13.useState)(false);
+  const [discardArmed, setDiscardArmed] = (0, import_react13.useState)(false);
   const running = state2.phase === "running";
   const hasText = state2.text.trim() !== "";
   const canInsert = state2.phase === "done" && hasText;
@@ -6500,6 +6570,29 @@ function OptimizeDock({ state: state2, seconds, actions }) {
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: dockHead, children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: dockPhase, role: "status", children: dockPhaseText(state2) }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: dockMeta, children: running ? `\u5DF2\u7B49\u5F85 ${String(seconds)}s` : state2.elapsedMs > 0 ? `\u7528\u65F6 ${(state2.elapsedMs / 1e3).toFixed(1)} \u79D2` : "" }),
+      !running && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "button",
+        {
+          type: "button",
+          style: discardArmed ? dockButtonWarn : dockButtonGhost,
+          title: discardArmed ? "\u518D\u70B9\u4E00\u6B21\u5C31\u771F\u7684\u4E22\u6389\u8FD9\u4EFD\u7ED3\u679C\uFF08\u4E0D\u53EF\u6062\u590D\uFF09" : "\u4E22\u5F03\u8FD9\u4EFD\u7ED3\u679C\uFF08\u4E0D\u53EF\u6062\u590D\uFF1B\u53EA\u60F3\u6536\u8D77\u6765\u5C31\u70B9\u53F3\u8FB9\u7684 \u2715\uFF09",
+          onMouseDown: (event) => {
+            event.preventDefault();
+          },
+          onClick: () => {
+            if (!discardArmed) {
+              setDiscardArmed(true);
+              setTimeout(() => {
+                setDiscardArmed(false);
+              }, 4e3);
+              return;
+            }
+            setDiscardArmed(false);
+            actions.discard();
+          },
+          children: discardArmed ? "\u70B9\u7B2C\u4E8C\u6B21\u4E22\u5F03" : "\u4E22\u5F03"
+        }
+      ),
       running ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "button",
         {
@@ -6517,8 +6610,8 @@ function OptimizeDock({ state: state2, seconds, actions }) {
         {
           type: "button",
           style: dockButton,
-          "aria-label": "\u5173\u95ED\u7ED3\u679C\u6846",
-          title: "\u6536\u8D77\u7ED3\u679C\u6846\uFF08\u4E22\u5F03\u6846\u91CC\u7684\u5185\u5BB9\uFF1B\u8F93\u5165\u6846\u91CC\u5DF2\u7ECF\u63D2\u5165\u7684\u5185\u5BB9\u4E0D\u53D7\u5F71\u54CD\uFF09",
+          "aria-label": "\u6536\u8D77\u7ED3\u679C\u6846",
+          title: "\u6536\u8D77\u7ED3\u679C\u6846\uFF080.13.2 \u8D77\u53EA\u662F\u6536\u8D77\uFF1A\u7ED3\u679C\u7559\u7740\uFF0C\u70B9\u300C\u4F18\u5316\u63D0\u793A\u8BCD\u300D\u90A3\u4E00\u534A\u5C31\u80FD\u518D\u770B\u5230\uFF1B\u60F3\u5220\u6389\u7528\u65C1\u8FB9\u7684\u300C\u4E22\u5F03\u300D\uFF09",
           onMouseDown: (event) => {
             event.preventDefault();
           },
@@ -6527,28 +6620,30 @@ function OptimizeDock({ state: state2, seconds, actions }) {
         }
       )
     ] }),
-    state2.items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ol", { style: dockList, children: state2.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { style: dockItemRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: dockKind, children: KIND_LABEL[item.kind] ?? item.kind }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: dockItemText, children: item.text }),
-      item.quote !== "" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: dockMeta, children: item.quoteSource === "none" ? `\uFF08\u6A21\u578B\u81EA\u5DF1\u8865\u7684\uFF0C\u4F9D\u636E\u4E0D\u662F\u4F60\u539F\u8BDD\uFF1A\u300C${item.quote}\u300D\uFF09` : `\uFF08\u4F9D\u636E\uFF1A"${item.quote}"\uFF09` })
-    ] }, item.id)) }),
-    state2.dropped.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: dockDropped, children: `\u4E22\u5F03 ${String(state2.dropped.length)} \u6761\uFF1A${state2.dropped.map((row2) => row2.reason).join("\uFF1B")}` }),
-    state2.phase === "error" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: dockError, role: "alert", children: state2.error === "" ? "\u4F18\u5316\u5931\u8D25" : state2.error }),
-    (state2.phase === "done" || state2.phase === "cancelled") && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      "textarea",
-      {
-        value: state2.text,
-        onChange: (event) => {
-          actions.edit(event.target.value);
-        },
-        spellCheck: false,
-        "aria-label": "\u4F18\u5316\u540E\u7684\u63D0\u793A\u8BCD\uFF08\u53EF\u7F16\u8F91\uFF09",
-        placeholder: state2.phase === "cancelled" ? "\u53D6\u6D88\u65F6\u8FD8\u6CA1\u6709\u6210\u54C1\uFF1A\u4E0A\u9762\u662F\u5DF2\u751F\u6210\u7684\u90E8\u5206\u3002\u70B9\u300C\u91CD\u65B0\u4F18\u5316\u300D\u8DD1\u5B8C\u4E00\u8F6E\u5C31\u80FD\u62FF\u5230\u6210\u54C1\u3002" : "\uFF08\u6210\u54C1\u4E3A\u7A7A\uFF09",
-        style: dockEditor
-      }
-    ),
-    state2.phase === "done" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: dockSummaryLine, children: state2.route === "" ? dockSummary(state2) : `${dockSummary(state2)} \xB7 ${state2.route}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: dockButtons, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: dockBody, children: [
+      state2.items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ol", { style: dockList, children: state2.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { style: dockItemRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: dockKind, children: KIND_LABEL[item.kind] ?? item.kind }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: dockItemText, children: item.text }),
+        item.quote !== "" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: dockMeta, children: item.quoteSource === "none" ? `\uFF08\u6A21\u578B\u81EA\u5DF1\u8865\u7684\uFF0C\u4F9D\u636E\u4E0D\u662F\u4F60\u539F\u8BDD\uFF1A\u300C${item.quote}\u300D\uFF09` : `\uFF08\u4F9D\u636E\uFF1A"${item.quote}"\uFF09` })
+      ] }, item.id)) }),
+      state2.dropped.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: dockDropped, children: `\u4E22\u5F03 ${String(state2.dropped.length)} \u6761\uFF1A${state2.dropped.map((row2) => row2.reason).join("\uFF1B")}` }),
+      state2.phase === "error" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: dockError, role: "alert", children: state2.error === "" ? "\u4F18\u5316\u5931\u8D25" : state2.error }),
+      (state2.phase === "done" || state2.phase === "cancelled") && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "textarea",
+        {
+          value: state2.text,
+          onChange: (event) => {
+            actions.edit(event.target.value);
+          },
+          spellCheck: false,
+          "aria-label": "\u4F18\u5316\u540E\u7684\u63D0\u793A\u8BCD\uFF08\u53EF\u7F16\u8F91\uFF09",
+          placeholder: state2.phase === "cancelled" ? "\u53D6\u6D88\u65F6\u8FD8\u6CA1\u6709\u6210\u54C1\uFF1A\u4E0A\u9762\u662F\u5DF2\u751F\u6210\u7684\u90E8\u5206\u3002\u70B9\u300C\u91CD\u65B0\u4F18\u5316\u300D\u8DD1\u5B8C\u4E00\u8F6E\u5C31\u80FD\u62FF\u5230\u6210\u54C1\u3002" : "\uFF08\u6210\u54C1\u4E3A\u7A7A\uFF09",
+          style: dockEditor
+        }
+      ),
+      state2.phase === "done" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: dockSummaryLine, children: state2.route === "" ? dockSummary(state2) : `${dockSummary(state2)} \xB7 ${state2.route}` })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { ...dockButtons, ...dockButtonsPinned }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "button",
         {
@@ -6608,6 +6703,7 @@ function QuickCommandsPanel({
   useBook,
   useBookStatus,
   useDock,
+  useDockHidden,
   actions
 }) {
   const settings = useLive((item) => item);
@@ -6618,9 +6714,12 @@ function QuickCommandsPanel({
   const book = useBook((item) => item);
   const status = useBookStatus((item) => item);
   const dock = useDock((item) => item);
+  const dockHidden = useDockHidden((item) => item);
   const ref = (0, import_react14.useRef)(null);
   const [position, setPosition] = (0, import_react14.useState)(null);
   const [activeId, setActiveId] = (0, import_react14.useState)("");
+  const [section, setSection] = (0, import_react14.useState)(DEFAULT_PANEL_SECTION);
+  const dockPresent = dock !== null;
   const seconds = useOptimizeElapsed(busy ? startedAt : 0);
   const dockRunning = dock !== null && dock.phase === "running";
   const dockSeconds = useOptimizeElapsed(dockRunning && dock !== null ? dock.startedAt : 0);
@@ -6639,7 +6738,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, counts.prompts, categories.length, busy]);
+  }, [anchor?.left, anchor?.bottom, counts.prompts, categories.length, busy, section, dock !== null]);
   (0, import_react14.useEffect)(() => {
     if (anchor === null) return;
     const onPointerDown = (event) => {
@@ -6666,6 +6765,13 @@ function QuickCommandsPanel({
       window.removeEventListener("resize", actions.close);
     };
   }, [anchor === null, actions, dockRunning]);
+  const dockVisible = dockPresent && !dockHidden;
+  const prevDockPresent = (0, import_react14.useRef)(false);
+  if (prevDockPresent.current !== dockVisible) {
+    prevDockPresent.current = dockVisible;
+    const next = sectionForDock(dockVisible, section);
+    if (next !== section) setSection(next);
+  }
   if (anchor === null) return null;
   const tier = settings.optimizerTier;
   const items = active2?.prompts ?? [];
@@ -6717,108 +6823,149 @@ function QuickCommandsPanel({
                 /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: busy ? `\u4F18\u5316\u4E2D\u2026\uFF08${String(seconds)}s\uFF09` : "\u4F18\u5316\u63D0\u793A\u8BCD" })
               ]
             }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: quickCategoryRow, children: [
-            categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              "button",
-              {
-                type: "button",
-                title: `${category.name}\uFF08${String(category.prompts.length)} \u6761\uFF09`,
-                "aria-pressed": category.id === active2?.id,
-                style: category.id === active2?.id ? quickCategoryTabActive : quickCategoryTab,
-                onMouseDown: (event) => {
-                  event.preventDefault();
-                },
-                onClick: () => {
-                  setActiveId(category.id);
-                },
-                children: category.name
-              },
-              category.id
-            )),
-            /* @__PURE__ */ (0, import_jsx_runtime13.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();
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          "button",
+          {
+            type: "button",
+            style: quickSectionToggle,
+            "aria-expanded": section === "optimize",
+            title: section === "optimize" ? "\u6536\u8D77\u300C\u4F18\u5316\u63D0\u793A\u8BCD\u300D\uFF0C\u56DE\u5230\u300C\u5FEB\u6377\u6307\u4EE4\u300D" : "\u5C55\u5F00\u300C\u4F18\u5316\u63D0\u793A\u8BCD\u300D\uFF08\u7ED3\u679C\u6846\u5C31\u5728\u91CC\u9762\uFF1B\u4E0A\u9762\u70B9 \u2728 \u4E5F\u4F1A\u81EA\u52A8\u5C55\u5F00\uFF09",
+            onMouseDown: (event) => {
+              event.preventDefault();
+            },
+            onClick: () => {
+              const next = toggleSection(section);
+              if (next === "optimize") actions.dockShow();
+              setSection(next);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: quickSectionToggleArrow, "aria-hidden": true, children: section === "optimize" ? "\u25BE" : "\u25B8" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "\u4F18\u5316\u63D0\u793A\u8BCD" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: { marginLeft: "auto", color: "var(--dsw-alias-label-tertiary)" }, children: section === "optimize" ? "\u70B9\u6B64\u56DE\u5230\u5FEB\u6377\u6307\u4EE4" : dockPresent ? "\u4E0A\u6B21\u7684\u7ED3\u679C\u5728\u8FD9\u513F" : "\u8FD8\u6CA1\u6709\u7ED3\u679C" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: quickSectionBody, children: [
+          dock !== null && section === "optimize" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { padding: "8px 12px 8px", flex: "1 1 auto", minHeight: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            OptimizeDock,
+            {
+              state: dock,
+              seconds: dockSeconds,
+              actions: {
+                insert: actions.dockInsert,
+                retry: actions.dockRetry,
+                cancel: actions.dockCancel,
+                // 关掉结果框顺手切回快捷指令那半：此时优化半已经没内容了。
+                close: () => {
+                  actions.dockClose();
+                  setSection(DEFAULT_PANEL_SECTION);
                 },
-                onClick: () => {
-                  actions.addCategory(DEFAULT_CATEGORY_NAME);
+                discard: () => {
+                  actions.dockDiscard();
+                  setSection(DEFAULT_PANEL_SECTION);
                 },
-                children: "\uFF0B"
+                edit: actions.dockEdit
               }
-            )
-          ] })
-        ] }),
-        dock !== null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { padding: "8px 12px 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          OptimizeDock,
-          {
-            state: dock,
-            seconds: dockSeconds,
-            actions: {
-              insert: actions.dockInsert,
-              retry: actions.dockRetry,
-              cancel: actions.dockCancel,
-              close: actions.dockClose,
-              edit: actions.dockEdit
             }
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: quickList, children: [
-          items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: quickEmpty, children: [
-            "\u8FD9\u4E2A\u5206\u7C7B\u91CC\u8FD8\u6CA1\u6709\u6761\u76EE\u3002",
+          ) }),
+          section === "optimize" && dock === null && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: quickEmpty, children: [
+            "\u8FD8\u6CA1\u8DD1\u8FC7\u4F18\u5316\u3002",
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("br", {}),
+            "\u70B9\u4E0A\u9762\u7684\u300C\u2728 \u4F18\u5316\u63D0\u793A\u8BCD\u300D\u628A\u8F93\u5165\u6846\u91CC\u7684\u8BDD\u4EA4\u7ED9\u53E6\u4E00\u4E2A AI \u6574\u7406\u6210\u4E00\u6761\u80FD\u76F4\u63A5\u53D1\u7684\u6E05\u6670\u6307\u4EE4 \u2014\u2014 \u7ED3\u679C\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC\uFF08\u53EF\u7F16\u8F91\u3001\u53EF\u63D2\u5165\u8F93\u5165\u6846\u3001\u53EF\u590D\u5236\uFF09\u3002",
             /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("br", {}),
-            "\u5728\u300C\u8BBE\u7F6E \u2192 \u8F93\u5165\u4F53\u9A8C \u2192 \u5FEB\u6377\u6307\u4EE4\u6E05\u5355\u300D\u91CC\u6DFB\u52A0\u3002"
+            "\u5F3A\u5EA6\u7528\u6807\u9898\u884C\u90A3\u4E09\u4E2A\u6863\u4F4D\uFF08\u666E\u901A / \u9AD8\u7EA7 / \u6781\u7AEF\uFF09\u3002"
           ] }),
-          items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-              "button",
-              {
-                type: "button",
-                title: item.prompt,
-                style: quickItem,
-                onMouseDown: (event) => {
-                  event.preventDefault();
-                },
-                onClick: () => {
-                  actions.insert(item.prompt);
+          section === "quick" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { padding: "8px 12px 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: quickCategoryRow, children: [
+              categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "button",
+                {
+                  type: "button",
+                  title: `${category.name}\uFF08${String(category.prompts.length)} \u6761\uFF09`,
+                  "aria-pressed": category.id === active2?.id,
+                  style: category.id === active2?.id ? quickCategoryTabActive : quickCategoryTab,
+                  onMouseDown: (event) => {
+                    event.preventDefault();
+                  },
+                  onClick: () => {
+                    setActiveId(category.id);
+                  },
+                  children: category.name
                 },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: quickItemLabel, children: item.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: quickItemPreview, children: item.prompt.replace(/\s+/g, " ") })
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              InsertModeControl,
-              {
-                compact: true,
-                label: item.label,
-                mode: insertModeOf(item),
-                onChange: (mode) => {
-                  actions.setInsertMode(item.id, mode);
+                category.id
+              )),
+              /* @__PURE__ */ (0, import_jsx_runtime13.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"
                 }
-              }
-            )
-          ] }, item.id)),
-          active2 !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            AddPromptRow,
-            {
-              variant: "panel",
-              book,
-              categoryId: active2.id,
-              onAdd: () => {
-                actions.addPrompt(active2.id);
-              },
-              onMove: (promptId) => {
-                actions.movePrompt(promptId, active2.id);
-              }
-            }
-          )
+              )
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: quickList, children: [
+              items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: quickEmpty, children: [
+                "\u8FD9\u4E2A\u5206\u7C7B\u91CC\u8FD8\u6CA1\u6709\u6761\u76EE\u3002",
+                /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    title: item.prompt,
+                    style: quickItem,
+                    onMouseDown: (event) => {
+                      event.preventDefault();
+                    },
+                    onClick: () => {
+                      actions.insert(item.prompt);
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: quickItemLabel, children: item.label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: quickItemPreview, children: item.prompt.replace(/\s+/g, " ") })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  InsertModeControl,
+                  {
+                    compact: true,
+                    label: item.label,
+                    mode: insertModeOf(item),
+                    onChange: (mode) => {
+                      actions.setInsertMode(item.id, mode);
+                    }
+                  }
+                )
+              ] }, item.id)),
+              active2 !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                AddPromptRow,
+                {
+                  variant: "panel",
+                  book,
+                  categoryId: active2.id,
+                  onAdd: () => {
+                    actions.addPrompt(active2.id);
+                  },
+                  onMove: (promptId) => {
+                    actions.movePrompt(promptId, active2.id);
+                  }
+                }
+              )
+            ] })
+          ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: quickPanelFoot, children: [
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: quickNotice, role: "status", children: notice !== "" ? notice : failure }),
@@ -6855,12 +7002,13 @@ async function request(method, body) {
     try {
       parsed = JSON.parse(raw);
     } catch {
-      return { ok: false, state: null, keep: true, error: `\u670D\u52A1\u7AEF\u8FD4\u56DE\u7684\u4E0D\u662F JSON\uFF08HTTP ${String(response.status)}\uFF09` };
+      return { ok: false, state: null, hidden: false, keep: true, error: `\u670D\u52A1\u7AEF\u8FD4\u56DE\u7684\u4E0D\u662F JSON\uFF08HTTP ${String(response.status)}\uFF09` };
     }
     const row2 = typeof parsed === "object" && parsed !== null ? parsed : {};
     return {
       ok: row2.ok === true,
       state: sanitizeDockSnapshot(row2.state),
+      hidden: row2.hidden === true,
       keep: row2.keep !== false,
       ...textOf(row2.file) === void 0 ? {} : { file: textOf(row2.file) },
       ...textOf(row2.error) === void 0 ? {} : { error: textOf(row2.error) },
@@ -6868,14 +7016,14 @@ async function request(method, body) {
       ...row2.tooBig === true ? { tooBig: true } : {}
     };
   } catch (error) {
-    return { ok: false, state: null, keep: true, error: error instanceof Error ? error.message : String(error) };
+    return { ok: false, state: null, hidden: false, keep: true, error: error instanceof Error ? error.message : String(error) };
   }
 }
 function loadDockState() {
   return request("GET");
 }
-function saveDockState(state2) {
-  return request("POST", { state: state2 });
+function saveDockState(state2, hidden = false) {
+  return request("POST", { state: state2, hidden: hidden === true });
 }
 function clearDockStateOnHost() {
   return saveDockState(null);
@@ -6900,11 +7048,12 @@ function apply(ctx) {
   const optimizing = (0, import_dsh_client_store.createSnapshotStore)(false);
   const optimizeStartedAt = (0, import_dsh_client_store.createSnapshotStore)(0);
   const dock = (0, import_dsh_client_store.createSnapshotStore)(null);
+  const dockHidden = (0, import_dsh_client_store.createSnapshotStore)(false);
   const keepDockOn = () => live.getSnapshot().optimizeKeepDock === true;
   const DOCK_SAVE_DEBOUNCE_MS = 1200;
   const persistDock = () => {
     if (!keepDockOn()) return;
-    void saveDockState(dock.getSnapshot());
+    void saveDockState(dock.getSnapshot(), dockHidden.getSnapshot());
   };
   const clearPersistedDock = () => {
     void clearDockStateOnHost();
@@ -6932,6 +7081,7 @@ function apply(ctx) {
       let alive = true;
       void loadDockState().then((reply) => {
         if (!alive || !reply.ok || reply.state === null) return;
+        dockHidden.set(reply.hidden === true);
         if (dock.getSnapshot() === null) dock.set(dockReducer(null, { type: "restore", snapshot: reply.state }));
       });
       return () => {
@@ -6940,16 +7090,19 @@ function apply(ctx) {
     }, "composer-ux: restore optimize dock");
     ctx.effect(() => {
       let timer = null;
-      const unsubscribe = dock.subscribe(() => {
+      const schedule = () => {
         if (timer !== null) clearTimeout(timer);
         timer = setTimeout(() => {
           timer = null;
           persistDock();
         }, DOCK_SAVE_DEBOUNCE_MS);
-      });
+      };
+      const unsubscribe = dock.subscribe(schedule);
+      const unsubscribeHidden = dockHidden.subscribe(schedule);
       return () => {
         if (timer !== null) clearTimeout(timer);
         unsubscribe();
+        unsubscribeHidden();
       };
     }, "composer-ux: persist optimize dock");
   };
@@ -7158,6 +7311,7 @@ function apply(ctx) {
     optimizeAbort?.abort();
     const controller = new AbortController();
     optimizeAbort = controller;
+    dockHidden.set(false);
     dock.set(dockReducer(dock.getSnapshot(), {
       type: "start",
       source: input.source,
@@ -7284,9 +7438,25 @@ function apply(ctx) {
       dock.set(dockReducer(state2, { type: "cancel", at: Date.now() }));
       note2("\u5DF2\u53D6\u6D88\u8FD9\u4E00\u8F6E\uFF1A\u4E0A\u9762\u662F\u5DF2\u7ECF\u751F\u6210\u7684\u90E8\u5206");
     },
-    /** 收起结果框（丢弃框里的内容；输入框里已插入的内容不受影响）。 */
+    /**
+     * 收起结果框（0.13.2 起**不再丢内容**）。
+     *
+     * 内容一直在 dock 里（也一直在盘上），只是标记成「先别显示」；面板那一半的切换按钮会写
+     * 「上次的结果在这儿」，点它就能再展开。想真丢掉用 `dockDiscard`。
+     */
     dockClose: () => {
+      dockHidden.set(true);
+      note2("\u5DF2\u6536\u8D77\u7ED3\u679C\u6846 \u2014\u2014 \u7ED3\u679C\u7559\u7740\uFF0C\u70B9\u300C\u4F18\u5316\u63D0\u793A\u8BCD\u300D\u90A3\u4E00\u534A\u5C31\u80FD\u518D\u770B\u5230");
+    },
+    /** 丢弃结果框（真的清掉，磁盘那份也删）。 */
+    dockDiscard: () => {
       dock.set(dockReducer(dock.getSnapshot(), { type: "clear" }));
+      dockHidden.set(false);
+      note2("\u5DF2\u4E22\u5F03\u8FD9\u4EFD\u7ED3\u679C");
+    },
+    /** 展开结果框（收起状态的对面）。 */
+    dockShow: () => {
+      dockHidden.set(false);
     },
     /** 用户在框里手改了成品。 */
     dockEdit: (text) => {
@@ -7325,6 +7495,7 @@ function apply(ctx) {
         clearDockState: () => {
           clearPersistedDock();
           dock.set(null);
+          dockHidden.set(false);
         }
       }
     })
@@ -7366,7 +7537,7 @@ function apply(ctx) {
     name: "shell.overlay",
     id: "composer-ux-quick-panel",
     inject: () => ({
-      hooks: { live, panel, busy: optimizing, startedAt: optimizeStartedAt, notice: panelNotice, book, bookStatus, dock },
+      hooks: { live, panel, busy: optimizing, startedAt: optimizeStartedAt, notice: panelNotice, book, bookStatus, dock, dockHidden },
       actions: {
         toggle: quickActions.toggle,
         close: quickActions.close,
@@ -7376,6 +7547,8 @@ function apply(ctx) {
         dockRetry: quickActions.dockRetry,
         dockCancel: quickActions.dockCancel,
         dockClose: quickActions.dockClose,
+        dockDiscard: quickActions.dockDiscard,
+        dockShow: quickActions.dockShow,
         dockEdit: quickActions.dockEdit,
         setTier: quickActions.setTier,
         setInsertMode: quickActions.setInsertMode,