dsh-composer-ux 0.1.4 → 0.2.0

package/lib/client.js

@@ -57,6 +57,32 @@ var MENU_FIELDS = [
   "menuSelectAll"
 ];
 var MENU_NATIVE_FIELD = "menuNative";
+var QUICK_PROMPTS_FIELD = "quickPrompts";
+var OPTIMIZER_TIER_FIELD = "optimizerTier";
+var QUICK_PROMPT_MAX = 60;
+var QUICK_LABEL_MAX = 40;
+var QUICK_TEXT_MAX = 4e3;
+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" },
+  { 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" },
+  { id: "extreme", label: "\u6781\u7AEF", hint: "\u6309\u590D\u6742\u4EFB\u52A1\u5904\u7406\uFF1A\u56FA\u5316\u547D\u4EE4\u7ED3\u6784 + \u5206\u9636\u6BB5\u6267\u884C\u8BA1\u5212 + 2~4 \u79CD\u60C5\u51B5\u7684\u9884\u6848\u3002" }
+];
+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 }
+];
+function newQuickPromptId() {
+  return `qp-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+}
 var HEADER_ENABLED_FIELD = "headerEnabled";
 var HEADER_NAME_FIELD = "headerName";
 var HEADER_VALUE_FIELD = "headerValue";
@@ -87,7 +113,9 @@ var DEFAULT_SETTINGS = {
   headerRoutes: "",
   headerAppliedName: "",
   headerAppliedValue: "",
-  headerStatus: ""
+  headerStatus: "",
+  quickPrompts: DEFAULT_QUICK_PROMPTS,
+  optimizerTier: DEFAULT_OPTIMIZER_TIER
 };
 var SEND_PRESETS = ["Enter", "Ctrl+Enter", "Alt+Enter", "Shift+Enter"];
 var NEWLINE_PRESETS = ["Shift+Enter", "Enter", "Ctrl+Enter", "Alt+Enter"];
@@ -127,6 +155,29 @@ function sanitizeSettings(value) {
     const v = source[field];
     return typeof v === "number" && Number.isFinite(v) && v >= 320 && v <= 4e3 ? Math.round(v) : void 0;
   };
+  const asQuickPrompts = () => {
+    const raw = source[QUICK_PROMPTS_FIELD];
+    if (!Array.isArray(raw)) return DEFAULT_QUICK_PROMPTS;
+    const seen = /* @__PURE__ */ new Set();
+    const out = [];
+    for (const item of raw) {
+      if (out.length >= QUICK_PROMPT_MAX) break;
+      if (typeof item !== "object" || item === null) continue;
+      const row2 = item;
+      const prompt = typeof row2.prompt === "string" ? row2.prompt.slice(0, QUICK_TEXT_MAX).trim() : "";
+      if (prompt === "") continue;
+      const label = typeof row2.label === "string" ? row2.label.slice(0, QUICK_LABEL_MAX).trim() : "";
+      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 });
+    }
+    return out;
+  };
+  const asTier = () => {
+    const v = source[OPTIMIZER_TIER_FIELD];
+    return v === "basic" || v === "advanced" || v === "extreme" ? v : DEFAULT_OPTIMIZER_TIER;
+  };
   return {
     enabled: asBool(ENABLED_FIELD),
     sendKey: asString(SEND_KEY_FIELD),
@@ -151,7 +202,9 @@ function sanitizeSettings(value) {
     headerRoutes: asText(HEADER_ROUTES_FIELD, HEADER_VALUE_MAX),
     headerAppliedName: asText(HEADER_APPLIED_NAME_FIELD, HEADER_NAME_MAX),
     headerAppliedValue: asText(HEADER_APPLIED_VALUE_FIELD, HEADER_VALUE_MAX),
-    headerStatus: asText(HEADER_STATUS_FIELD, HEADER_VALUE_MAX)
+    headerStatus: asText(HEADER_STATUS_FIELD, HEADER_VALUE_MAX),
+    quickPrompts: asQuickPrompts(),
+    optimizerTier: asTier()
   };
 }
 
@@ -255,6 +308,118 @@ function displayChord(chord) {
   return chord === "" ? "\u65E0" : chord;
 }
 
+// src/client/quick-commands.ts
+var COMPOSER_SELECTOR = "[data-composer-input]";
+var CARD_SELECTOR = "[data-composer-card]";
+var state = { actions: null, draft: "", sessionId: "" };
+function publishInputBridge(next) {
+  state.actions = next.actions;
+  state.draft = next.draft;
+  state.sessionId = next.sessionId;
+}
+function releaseInputBridge(sessionId) {
+  if (state.sessionId !== sessionId) return;
+  state.actions = null;
+  state.draft = "";
+  state.sessionId = "";
+}
+function draftFromDom() {
+  const el = document.querySelector(COMPOSER_SELECTOR);
+  if (!(el instanceof HTMLElement)) return "";
+  return el.innerText.replace(/\n+$/, "");
+}
+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);
+  if (picked.length === 0) return null;
+  const base = draft.replace(/\s+$/, "");
+  if (base === "") return null;
+  const suffix = picked.map((item) => item.prompt.trim()).join("\n\n");
+  if (base.endsWith(suffix)) return null;
+  return `${base}
+
+${suffix}`;
+}
+function applyAlwaysPrompts(prompts) {
+  const actions = state.actions;
+  if (actions === null) return false;
+  const next = withAlwaysPrompts(currentDraft(), prompts);
+  if (next === null) return false;
+  actions.setDraft(next);
+  return true;
+}
+function insertIntoDraft(text) {
+  const actions = state.actions;
+  const body = text.trim();
+  if (actions === null || body === "") return false;
+  const draft = currentDraft();
+  const next = draft.trim() === "" ? body : `${draft.replace(/\s+$/, "")}
+${body}`;
+  actions.setDraft(next);
+  return true;
+}
+function replaceDraft(text) {
+  const actions = state.actions;
+  if (actions === null) return false;
+  actions.setDraft(text);
+  return true;
+}
+function focusComposer() {
+  const el = document.querySelector(COMPOSER_SELECTOR);
+  if (el instanceof HTMLElement) el.focus({ preventScroll: true });
+}
+function sendButtonOf(target) {
+  if (!(target instanceof Element)) return null;
+  const card = target.closest(CARD_SELECTOR);
+  if (card === null) return null;
+  const buttons = card.querySelectorAll("button");
+  if (buttons.length === 0) return null;
+  const last = buttons[buttons.length - 1];
+  if (!(last instanceof HTMLButtonElement)) return null;
+  if (last !== target && !last.contains(target)) return null;
+  if (last.disabled) return null;
+  if (last.querySelector("svg rect") !== null) return null;
+  if (last.querySelector("svg path") === null) return null;
+  return last;
+}
+async function optimizeDraft(text, tier) {
+  const body = text.trim();
+  if (body === "") return { ok: false, error: "\u8F93\u5165\u6846\u662F\u7A7A\u7684\uFF0C\u5148\u5199\u70B9\u4EC0\u4E48\u518D\u4F18\u5316" };
+  let response;
+  try {
+    response = await fetch(OPTIMIZER_API_PATH, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ text: body, tier })
+    });
+  } catch (error) {
+    return { ok: false, error: `\u8FDE\u4E0D\u4E0A\u5BBF\u4E3B\u534A\u7684\u4F18\u5316\u63A5\u53E3\uFF1A${error instanceof Error ? error.message : String(error)}` };
+  }
+  if (!response.ok) {
+    return { ok: false, error: `\u5BBF\u4E3B\u534A\u8FD4\u56DE HTTP ${response.status}\uFF08\u63D2\u4EF6\u53EF\u80FD\u8FD8\u6CA1\u91CD\u542F\u751F\u6548\uFF09` };
+  }
+  let payload;
+  try {
+    payload = await response.json();
+  } catch {
+    return { ok: false, error: "\u5BBF\u4E3B\u534A\u8FD4\u56DE\u7684\u4E0D\u662F JSON" };
+  }
+  const record = typeof payload === "object" && payload !== null ? payload : {};
+  if (record.ok !== true) {
+    const message = typeof record.error === "string" && record.error !== "" ? record.error : "\u4F18\u5316\u5931\u8D25";
+    return { ok: false, error: message };
+  }
+  const optimized = typeof record.text === "string" ? record.text.trim() : "";
+  if (optimized === "") return { ok: false, error: "\u6A21\u578B\u6CA1\u6709\u4EA7\u51FA\u4EFB\u4F55\u5185\u5BB9" };
+  const route = `${String(record.provider ?? "")}/${String(record.model ?? "")}`;
+  return { ok: true, text: optimized, route };
+}
+
 // src/client/interceptors.ts
 var INPUT_SELECTOR = "[data-composer-input]";
 var OVERLAY_SELECTOR = "[data-trigger-menu], [data-conversation-composer-overlay]";
@@ -266,6 +431,7 @@ function overlayOpen() {
   return document.querySelector(OVERLAY_SELECTOR) !== null;
 }
 var replaying = false;
+var replayingSendClick = false;
 var pasteCache = null;
 function prefetchClipboard() {
   pasteCache = null;
@@ -306,6 +472,7 @@ function installInterceptors(deps) {
     event.stopPropagation();
     if (event.repeat) return;
     if (gesture === "send") {
+      applyAlwaysPrompts(settings.quickPrompts);
       dispatchKey(root, chordToInit("Enter"));
     } else if (gesture === "newline") {
       dispatchKey(root, chordToInit("Shift+Enter"));
@@ -329,11 +496,27 @@ function installInterceptors(deps) {
     deps.setMenu({ x: event.clientX, y: event.clientY, hasSelection });
     prefetchClipboard();
   };
+  const onClickSend = (event) => {
+    if (replayingSendClick) return;
+    const button = sendButtonOf(event.target);
+    if (button === null) return;
+    if (!applyAlwaysPrompts(deps.settings().quickPrompts)) return;
+    event.preventDefault();
+    event.stopPropagation();
+    replayingSendClick = true;
+    try {
+      button.click();
+    } finally {
+      replayingSendClick = false;
+    }
+  };
   window.addEventListener("keydown", onKeyDown, true);
   window.addEventListener("contextmenu", onContextMenu, true);
+  window.addEventListener("click", onClickSend, true);
   return () => {
     window.removeEventListener("keydown", onKeyDown, true);
     window.removeEventListener("contextmenu", onContextMenu, true);
+    window.removeEventListener("click", onClickSend, true);
   };
 }
 async function runMenuAction(id) {
@@ -444,6 +627,36 @@ async function pasteText(root) {
 
 // src/client/panel.ts
 var PANEL_SELECTOR = '[role="dialog"][aria-modal="true"]:has(> nav)';
+var RESIZE_LAYER_CLASS = "dsh-ux-resize-layer";
+var RESIZE_OUTLINE_CLASS = "dsh-ux-resize-outline";
+var RESIZE_EDGE_CLASS = "dsh-ux-resize-edge";
+var RESIZE_GRIP_CLASS = "dsh-ux-resize-grip";
+var BAND = 8;
+var INSET = 14;
+var GRIP = 26;
+function handleBox(edge) {
+  switch (edge) {
+    case "left":
+      return { left: 0, top: INSET, bottom: INSET, width: BAND, cursor: "ew-resize" };
+    case "right":
+      return { right: 0, top: INSET, bottom: INSET, width: BAND, cursor: "ew-resize" };
+    case "top":
+      return { top: 0, left: INSET, right: INSET, height: BAND, cursor: "ns-resize" };
+    case "bottom":
+      return { bottom: 0, left: INSET, right: INSET, height: BAND, cursor: "ns-resize" };
+    case "br":
+      return { right: 8, bottom: 8, width: GRIP, height: GRIP, cursor: "nwse-resize" };
+  }
+}
+var RESIZE_OUTLINE_STYLE = {
+  position: "absolute",
+  inset: 0,
+  // 跟随面板自身的圆角（官方 .panel 是 32px）——用 inherit 而不是写死数字，
+  // 官方改圆角时这里自动跟上。
+  borderRadius: "inherit",
+  border: "1px solid rgba(127, 127, 137, .28)",
+  pointerEvents: "none"
+};
 var PANEL_CSS = `
 html.dsh-ux-panel-scroll [role="dialog"][aria-modal="true"]:has(> nav) { min-height: 320px; }
 html.dsh-ux-panel-scroll [role="dialog"][aria-modal="true"]:has(> nav) > nav {
@@ -467,10 +680,32 @@ html.dsh-ux-panel-scroll [role="dialog"][aria-modal="true"]:has(> nav) > nav > d
   background: var(--dsh-scrollbar-thumb-hover, var(--dsw-alias-scrollbar-hover-l2));
 }
 `;
+var RESIZE_CSS = `
+.${RESIZE_LAYER_CLASS} { position: absolute; inset: 0; pointer-events: none; }
+.${RESIZE_EDGE_CLASS}, .${RESIZE_GRIP_CLASS} {
+  position: absolute;
+  pointer-events: auto;
+  background: transparent;
+  border-radius: 6px;
+  transition: background-color .12s ease, color .12s ease;
+  touch-action: none;
+}
+.${RESIZE_EDGE_CLASS}:hover { background: rgba(127, 127, 137, .22); }
+.${RESIZE_EDGE_CLASS}[data-active="true"] { background: rgba(127, 127, 137, .3); }
+.${RESIZE_GRIP_CLASS} {
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-end;
+  padding: 3px;
+  color: rgba(127, 127, 137, .55);
+}
+.${RESIZE_GRIP_CLASS}:hover { color: rgba(127, 127, 137, .95); background: rgba(127, 127, 137, .16); }
+`;
 function installPanelStyle(settings, subscribe) {
   const tag = document.createElement("style");
   tag.dataset.plugin = "dsh-composer-ux-panel";
-  tag.textContent = PANEL_CSS;
+  tag.textContent = `${PANEL_CSS}
+${RESIZE_CSS}`;
   document.head.appendChild(tag);
   const applyClass = () => {
     document.documentElement.classList.toggle("dsh-ux-panel-scroll", settings());
@@ -576,6 +811,45 @@ function installSettingsCardStyle() {
   };
 }
 
+// src/client/quick-style.ts
+var QUICK_BUTTON_CLASS = "composer-ux-quick-button";
+var QUICK_BUTTON_CSS = `
+.${QUICK_BUTTON_CLASS} {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 24px;
+  border: 1px solid rgba(127, 127, 137, .35);
+  background: transparent;
+  color: inherit;
+  border-radius: 999px;
+  padding: 0 9px;
+  font-size: 12px;
+  line-height: 1;
+  cursor: pointer;
+  opacity: .75;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  transition: opacity .12s ease, background-color .12s ease;
+}
+.${QUICK_BUTTON_CLASS}:hover { opacity: 1; background: rgba(127, 127, 137, .12); }
+.${QUICK_BUTTON_CLASS}[aria-expanded="true"] {
+  opacity: 1;
+  background: rgba(127, 127, 137, .18);
+  border-color: rgba(127, 127, 137, .6);
+}
+.${QUICK_BUTTON_CLASS} svg { flex: 0 0 auto; }
+`;
+function installQuickButtonStyle() {
+  const tag = document.createElement("style");
+  tag.dataset.plugin = "dsh-composer-ux-quick-button";
+  tag.textContent = QUICK_BUTTON_CSS;
+  document.head.appendChild(tag);
+  return () => {
+    tag.remove();
+  };
+}
+
 // src/client/ContextMenuHost.tsx
 var import_react = __toESM(require("react"), 1);
 
@@ -708,6 +982,160 @@ var menuNote = {
   lineHeight: 1.4,
   padding: "4px 10px 2px"
 };
+var quickPanel = {
+  position: "fixed",
+  zIndex: 9999,
+  width: 420,
+  maxWidth: "calc(100vw - 24px)",
+  maxHeight: "min(60vh, 520px)",
+  display: "flex",
+  flexDirection: "column",
+  background: "var(--dsw-specific-menu)",
+  border: "0.5px solid var(--dsw-alias-border-l1)",
+  borderRadius: 12,
+  boxShadow: "var(--dsw-elevation-prominent)",
+  pointerEvents: "auto",
+  overflow: "hidden"
+};
+var quickPanelHead = {
+  padding: "10px 12px 8px",
+  borderBottom: "0.5px solid var(--dsw-alias-border-l2)",
+  display: "flex",
+  flexDirection: "column",
+  gap: 8
+};
+var quickPanelTitleRow = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 8
+};
+var quickPanelTitle = {
+  color: "var(--dsw-alias-label-primary)",
+  fontSize: 13,
+  fontWeight: 600
+};
+var quickTierRow = {
+  display: "inline-flex",
+  gap: 2,
+  padding: 2,
+  borderRadius: 999,
+  background: "var(--dsw-alias-bg-layer-1)",
+  border: "0.5px solid var(--dsw-alias-border-l2)"
+};
+var quickTierButton = {
+  border: "none",
+  background: "transparent",
+  color: "var(--dsw-alias-label-tertiary)",
+  fontSize: 11,
+  lineHeight: 1,
+  padding: "4px 8px",
+  borderRadius: 999,
+  cursor: "pointer",
+  whiteSpace: "nowrap"
+};
+var quickTierButtonActive = {
+  ...quickTierButton,
+  background: "var(--dsw-alias-button-primary-fill)",
+  color: "var(--dsw-alias-label-primary-foreground)"
+};
+var quickPrimaryButton = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 6,
+  width: "100%",
+  padding: "7px 12px",
+  borderRadius: 8,
+  border: "0.5px solid var(--dsw-alias-button-primary-fill)",
+  background: "var(--dsw-alias-button-primary-fill)",
+  color: "var(--dsw-alias-label-primary-foreground)",
+  fontSize: 12,
+  cursor: "pointer"
+};
+var quickPrimaryButtonDisabled = {
+  ...quickPrimaryButton,
+  opacity: 0.4,
+  cursor: "default"
+};
+var quickList = {
+  overflowY: "auto",
+  padding: "6px 6px 8px",
+  display: "flex",
+  flexDirection: "column",
+  gap: 2
+};
+var quickItem = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8,
+  padding: "5px 8px",
+  borderRadius: 7,
+  cursor: "pointer",
+  background: "transparent",
+  border: "none",
+  flex: "1 1 auto",
+  minWidth: 0,
+  textAlign: "left"
+};
+var quickItemLabel = {
+  color: "var(--dsw-alias-label-primary)",
+  fontSize: 12,
+  flex: "0 0 auto",
+  whiteSpace: "nowrap"
+};
+var quickItemPreview = {
+  color: "var(--dsw-alias-label-tertiary)",
+  fontSize: 11,
+  flex: "1 1 auto",
+  minWidth: 0,
+  overflow: "hidden",
+  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)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 8
+};
+var quickNotice = {
+  color: "var(--dsw-alias-state-warn-label)",
+  fontSize: 11,
+  lineHeight: 1.4,
+  minWidth: 0,
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+};
+var quickFootHint = {
+  color: "var(--dsw-alias-label-tertiary)",
+  fontSize: 11,
+  whiteSpace: "nowrap",
+  flex: "0 0 auto"
+};
+var quickEmpty = {
+  color: "var(--dsw-alias-label-tertiary)",
+  fontSize: 12,
+  lineHeight: 1.6,
+  padding: "14px 10px",
+  textAlign: "center"
+};
 
 // src/client/ContextMenuHost.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -844,54 +1272,9 @@ function ContextMenuHost({ useMenu, useLive, actions }) {
 
 // src/client/PanelResizeHandles.tsx
 var import_react2 = require("react");
+var import_react_dom = require("react-dom");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function stripRect(edge, rect) {
-  const horizontal = (left, width) => ({
-    left,
-    top: rect.top + 12,
-    width,
-    height: Math.max(0, rect.height - 24),
-    cursor: "ew-resize"
-  });
-  const vertical = (top, height) => ({
-    left: rect.left + 16,
-    top,
-    width: Math.max(0, rect.width - 32),
-    height,
-    cursor: "ns-resize"
-  });
-  const corner = (left, top, horizontalCursor, verticalCursor) => ({
-    left,
-    top,
-    width: 18,
-    height: 18,
-    cursor: horizontalCursor
-  });
-  const corners = {
-    tl: "nwse-resize",
-    tr: "nesw-resize",
-    bl: "nesw-resize",
-    br: "nwse-resize"
-  };
-  switch (edge) {
-    case "left":
-      return horizontal(rect.left - 4, 8);
-    case "right":
-      return horizontal(rect.right - 4, 8);
-    case "top":
-      return vertical(rect.top - 4, 8);
-    case "bottom":
-      return vertical(rect.bottom - 4, 8);
-    case "tl":
-      return corner(rect.left - 6, rect.top - 6, corners.tl, "nwse");
-    case "tr":
-      return corner(rect.right - 12, rect.top - 6, corners.tr, "nesw");
-    case "bl":
-      return corner(rect.left - 6, rect.bottom - 14, corners.bl, "nesw");
-    case "br":
-      return corner(rect.right - 12, rect.bottom - 14, corners.br, "nwse");
-  }
-}
+var EDGES = ["left", "right", "top", "bottom", "br"];
 function PanelResizeHandles({ useLive, actions }) {
   const settings = useLive((value) => ({
     enabled: value.enabled,
@@ -899,130 +1282,126 @@ function PanelResizeHandles({ useLive, actions }) {
     panelWidth: value.panelWidth,
     panelHeight: value.panelHeight
   }));
-  const settingsRef = (0, import_react2.useRef)(settings);
-  settingsRef.current = settings;
   const enabled = settings.enabled === true && settings.panelResize === true;
-  const [rect, setRect] = (0, import_react2.useState)(null);
-  const appliedRef = (0, import_react2.useRef)(false);
+  const [panel, setPanel] = (0, import_react2.useState)(null);
+  const [active, setActive] = (0, import_react2.useState)(null);
+  const dragRef = (0, import_react2.useRef)(null);
   (0, import_react2.useEffect)(() => {
     if (!enabled) {
-      setRect(null);
+      setPanel(null);
       return;
     }
+    let current = null;
     const probe = () => {
-      const panel = findSettingsPanel();
-      if (panel === null) {
-        appliedRef.current = false;
-        setRect((current) => current === null ? null : null);
-        return;
-      }
-      if (!appliedRef.current) {
-        appliedRef.current = true;
-        const width = settingsRef.current.panelWidth;
-        const height = settingsRef.current.panelHeight;
-        if (width !== void 0) panel.style.width = `${clampPanelWidth(width)}px`;
-        if (height !== void 0) panel.style.height = `${clampPanelHeight(height)}px`;
-      }
-      setRect(panel.getBoundingClientRect());
+      const found = findSettingsPanel();
+      if (found === current) return;
+      current = found;
+      setPanel(found);
     };
     probe();
     const timer = setInterval(probe, 250);
-    const onResize = () => {
-      setRect((current) => current === null ? null : findSettingsPanel()?.getBoundingClientRect() ?? null);
-    };
-    window.addEventListener("resize", onResize);
     return () => {
       clearInterval(timer);
-      window.removeEventListener("resize", onResize);
     };
   }, [enabled]);
-  if (!enabled || rect === null) return null;
+  (0, import_react2.useEffect)(() => {
+    if (panel === null) return;
+    const width = settings.panelWidth;
+    const height = settings.panelHeight;
+    if (width === void 0) panel.style.removeProperty("width");
+    else panel.style.width = `${clampPanelWidth(width)}px`;
+    if (height === void 0) panel.style.removeProperty("height");
+    else panel.style.height = `${clampPanelHeight(height)}px`;
+  }, [panel, settings.panelWidth, settings.panelHeight]);
+  if (!enabled || panel === null) return null;
   const onPointerDown = (edge, event) => {
     event.preventDefault();
     event.stopPropagation();
-    const panel = findSettingsPanel();
-    if (panel === null) return;
+    const el = panel;
+    const rect = el.getBoundingClientRect();
+    el.style.position = "fixed";
+    el.style.margin = "0";
+    el.style.left = `${rect.left}px`;
+    el.style.top = `${rect.top}px`;
+    el.style.width = `${rect.width}px`;
+    el.style.height = `${rect.height}px`;
     const start = {
       edge,
-      startX: event.clientX,
-      startY: event.clientY,
-      startWidth: panel.clientWidth,
-      startHeight: panel.clientHeight
+      x: event.clientX,
+      y: event.clientY,
+      left: rect.left,
+      top: rect.top,
+      width: rect.width,
+      height: rect.height
     };
+    dragRef.current = start;
+    setActive(edge);
+    document.body.style.cursor = String(handleBox(edge).cursor ?? "default");
+    document.body.style.userSelect = "none";
     const onMove = (move) => {
-      if (dragStartRef.current !== start || dragStartRef.current === null) return;
+      if (dragRef.current !== start) return;
       move.preventDefault();
-      const panelEl = findSettingsPanel();
-      if (panelEl === null) return;
-      const dx = move.clientX - start.startX;
-      const dy = move.clientY - start.startY;
-      let width = start.startWidth;
-      let height = start.startHeight;
-      if (edge === "left" || edge === "right" || edge === "tl" || edge === "bl" || edge === "tr" || edge === "br") {
-        width = start.startWidth + (edge === "left" || edge === "tl" || edge === "bl" ? -dx : dx);
+      const dx = move.clientX - start.x;
+      const dy = move.clientY - start.y;
+      let { left, top, width, height } = start;
+      if (edge === "right" || edge === "br") width = clampPanelWidth(start.width + dx);
+      if (edge === "bottom" || edge === "br") height = clampPanelHeight(start.height + dy);
+      if (edge === "left") {
+        width = clampPanelWidth(start.width - dx);
+        left = start.left + (start.width - width);
       }
-      if (edge === "top" || edge === "bottom" || edge === "tl" || edge === "bl" || edge === "tr" || edge === "br") {
-        height = start.startHeight + (edge === "top" || edge === "tl" || edge === "tr" ? -dy : dy);
+      if (edge === "top") {
+        height = clampPanelHeight(start.height - dy);
+        top = start.top + (start.height - height);
       }
-      panelEl.style.width = `${Math.round(clampPanelWidth(width))}px`;
-      panelEl.style.height = `${Math.round(clampPanelHeight(height))}px`;
-      setRect(panelEl.getBoundingClientRect());
+      el.style.left = `${Math.round(left)}px`;
+      el.style.top = `${Math.round(top)}px`;
+      el.style.width = `${Math.round(width)}px`;
+      el.style.height = `${Math.round(height)}px`;
     };
     const onUp = () => {
       window.removeEventListener("pointermove", onMove);
       window.removeEventListener("pointerup", onUp);
-      dragStartRef.current = null;
-      const panelEl = findSettingsPanel();
-      if (panelEl !== null) {
-        actions.setField(PANEL_WIDTH_FIELD, Math.round(clampPanelWidth(panelEl.clientWidth)));
-        actions.setField(PANEL_HEIGHT_FIELD, Math.round(clampPanelHeight(panelEl.clientHeight)));
-      }
+      dragRef.current = null;
+      setActive(null);
+      const box = el.getBoundingClientRect();
+      actions.setField(PANEL_WIDTH_FIELD, Math.round(clampPanelWidth(box.width)));
+      actions.setField(PANEL_HEIGHT_FIELD, Math.round(clampPanelHeight(box.height)));
       document.body.style.removeProperty("cursor");
       document.body.style.removeProperty("user-select");
     };
-    dragStartRef.current = start;
-    document.body.style.cursor = stripRect(edge, rect).cursor;
-    document.body.style.userSelect = "none";
     window.addEventListener("pointermove", onMove);
     window.addEventListener("pointerup", onUp);
   };
-  const edges = ["left", "right", "top", "bottom", "tl", "tr", "bl", "br"];
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: edges.map((edge) => {
-    const pos = stripRect(edge, rect);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "div",
-      {
-        onPointerDown: (event) => {
-          onPointerDown(edge, event);
-        },
-        onPointerEnter: (event) => {
-          event.currentTarget.style.background = "var(--dsw-alias-state-business-primary)";
-          event.currentTarget.style.opacity = "0.75";
-        },
-        onPointerLeave: (event) => {
-          event.currentTarget.style.background = "transparent";
-          event.currentTarget.style.opacity = "0";
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: RESIZE_LAYER_CLASS, "data-composer-ux-resize": true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: RESIZE_OUTLINE_CLASS, style: RESIZE_OUTLINE_STYLE }),
+      EDGES.map((edge) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "div",
+        {
+          className: edge === "br" ? RESIZE_GRIP_CLASS : RESIZE_EDGE_CLASS,
+          "data-active": active === edge ? "true" : void 0,
+          title: edge === "br" ? "\u62D6\u52A8\u6539\u9762\u677F\u5927\u5C0F" : void 0,
+          style: handleBox(edge),
+          onPointerDown: (event) => {
+            onPointerDown(edge, event);
+          },
+          children: edge === "br" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              d: "M11 1 1 11M11 6 6 11",
+              stroke: "currentColor",
+              strokeWidth: "1.3",
+              strokeLinecap: "round"
+            }
+          ) })
         },
-        style: {
-          position: "fixed",
-          zIndex: 9998,
-          left: pos.left,
-          top: pos.top,
-          width: pos.width,
-          height: pos.height,
-          cursor: pos.cursor,
-          background: "transparent",
-          opacity: 0,
-          borderRadius: 6,
-          pointerEvents: "auto",
-          touchAction: "none"
-        }
-      },
-      edge
-    );
-  }) });
+        edge
+      ))
+    ] }),
+    panel
+  );
 }
-var dragStartRef = { current: null };
 
 // src/client/SettingsSection.tsx
 var import_react3 = require("react");
@@ -1247,6 +1626,145 @@ function TextFieldRow(props) {
     ] })
   ] });
 }
+function QuickPromptsEditor(props) {
+  const [rows, setRows] = (0, import_react3.useState)(() => props.items.map((item) => ({ ...item })));
+  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;
+    setDirty(true);
+    setRows((current) => {
+      const next = [...current];
+      const [row2] = next.splice(index, 1);
+      next.splice(target, 0, row2);
+      return 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);
+  };
+  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)"
+        },
+        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: row2.label,
+                placeholder: "\u540D\u79F0\uFF0C\u5982\uFF1A\u4EC5\u8BF4\u660E\u539F\u56E0",
+                maxLength: QUICK_LABEL_MAX,
+                spellCheck: false,
+                onChange: (event) => {
+                  update(row2.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: "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" })
+          ] }),
+          /* @__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.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"
+        }
+      ),
+      /* @__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"
+      ] })
+    ] })
+  ] });
+}
 function SettingsSection({ useLive, actions }) {
   const settings = useLive((item) => item);
   const [conflict, setConflict] = (0, import_react3.useState)(null);
@@ -1265,6 +1783,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 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: [
@@ -1372,6 +1892,54 @@ function SettingsSection({ useLive, 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_runtime3.jsx)("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: OPTIMIZER_TIERS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              type: "button",
+              title: item.hint,
+              style: settings.optimizerTier === item.id ? pillActive : pill,
+              onClick: () => {
+                actions.setField(OPTIMIZER_TIER_FIELD, item.id);
+              },
+              children: item.label
+            },
+            item.id
+          )) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_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)(
+            QuickPromptsEditor,
+            {
+              items: settings.quickPrompts,
+              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);
+              },
+              children: "\u6062\u590D\u5185\u7F6E 9 \u6761"
+            }
+          ) })
+        ] })
+      ] }),
       /* @__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)(
@@ -1487,9 +2055,9 @@ function SettingsSection({ useLive, actions }) {
           TextFieldRow,
           {
             title: "\u4F5C\u7528\u8DEF\u7531",
-            desc: "\u9017\u53F7\u6216\u7A7A\u683C\u5206\u9694\uFF1B\u7559\u7A7A = \u81EA\u52A8\u5339\u914D opencode \u7CFB\u8DEF\u7531",
+            desc: "\u9017\u53F7\u6216\u7A7A\u683C\u5206\u9694\uFF1B\u7559\u7A7A = \u81EA\u52A8\u5339\u914D OpenCode \u8DEF\u7531\uFF08\u540D\u5B57\u4EE5 opencode \u5F00\u5934\uFF0C\u6216 baseURL \u6307\u5411 opencode.ai\uFF09",
             value: settings.headerRoutes,
-            placeholder: "\u7559\u7A7A = \u81EA\u52A8\uFF08opencode*\uFF09",
+            placeholder: "\u7559\u7A7A = \u81EA\u52A8\uFF08opencode* \u6216 opencode.ai \u7AEF\u70B9\uFF09",
             maxLength: HEADER_VALUE_MAX,
             onChange: (next) => {
               actions.setField(HEADER_ROUTES_FIELD, next);
@@ -1505,6 +2073,232 @@ function SettingsSection({ useLive, actions }) {
   ] });
 }
 
+// src/client/QuickCommandsButton.tsx
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function QuickCommandsButton({
+  useInput,
+  inputActions,
+  sessionId,
+  useLive,
+  usePanel,
+  actions
+}) {
+  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 sid = typeof sessionId === "string" ? sessionId : "";
+    publishInputBridge({
+      actions: inputActions ?? null,
+      draft: typeof draft === "string" ? draft : "",
+      sessionId: sid
+    });
+    return () => {
+      releaseInputBridge(sid);
+    };
+  }, [inputActions, draft, sessionId]);
+  if (settings.enabled !== true) return null;
+  const open = anchor !== null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: QUICK_BUTTON_CLASS,
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      title: "\u5FEB\u6377\u6307\u4EE4\uFF1A\u4E00\u952E\u63D2\u5165\u5E38\u7528\u63D0\u793A\u8BCD\uFF0C\u6216\u628A\u8F93\u5165\u6846\u91CC\u7684\u8BDD\u4F18\u5316\u6210\u4E00\u6761\u6E05\u6670\u7684\u6307\u4EE4",
+      onMouseDown: (event) => {
+        event.preventDefault();
+      },
+      onClick: () => {
+        const rect = ref.current?.getBoundingClientRect();
+        actions.toggle({
+          left: rect?.left ?? 0,
+          bottom: rect?.bottom ?? 0,
+          width: rect?.width ?? 0
+        });
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "svg",
+          {
+            viewBox: "0 0 16 16",
+            width: "12",
+            height: "12",
+            "aria-hidden": true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "path",
+              {
+                d: "M9.2 1.2 3.4 9.1h3.5l-0.9 5.7 6-8.1H8.4l0.8-5.5Z",
+                fill: "currentColor"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.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 MARGIN = 8;
+var GAP = 8;
+function QuickCommandsPanel({
+  useLive,
+  usePanel,
+  useBusy,
+  useNotice,
+  actions
+}) {
+  const settings = useLive((item) => item);
+  const anchor = usePanel((item) => item);
+  const busy = useBusy((item) => item);
+  const notice = useNotice((item) => item);
+  const ref = (0, import_react5.useRef)(null);
+  const [position, setPosition] = (0, import_react5.useState)(null);
+  (0, import_react5.useLayoutEffect)(() => {
+    if (anchor === null) {
+      setPosition(null);
+      return;
+    }
+    const el = ref.current;
+    const height = el === null ? 320 : el.getBoundingClientRect().height;
+    const width = el === null ? 420 : el.getBoundingClientRect().width;
+    const left = Math.max(MARGIN, Math.min(anchor.left, window.innerWidth - width - MARGIN));
+    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]);
+  (0, import_react5.useEffect)(() => {
+    if (anchor === null) return;
+    const onPointerDown = (event) => {
+      if (ref.current !== null && event.target instanceof Node && ref.current.contains(event.target)) return;
+      if (event.target instanceof Element && event.target.closest(".composer-ux-quick-button") !== null) return;
+      actions.close();
+    };
+    const onEscape = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      event.stopPropagation();
+      actions.close();
+    };
+    window.addEventListener("pointerdown", onPointerDown, true);
+    window.addEventListener("keydown", onEscape, true);
+    window.addEventListener("resize", actions.close);
+    return () => {
+      window.removeEventListener("pointerdown", onPointerDown, true);
+      window.removeEventListener("keydown", onEscape, true);
+      window.removeEventListener("resize", actions.close);
+    };
+  }, [anchor === null, actions]);
+  if (anchor === null) return null;
+  const items = settings.quickPrompts;
+  const tier = settings.optimizerTier;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "div",
+    {
+      ref,
+      role: "dialog",
+      "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)(
+              "button",
+              {
+                type: "button",
+                title: item.hint,
+                "aria-pressed": tier === item.id,
+                style: tier === item.id ? quickTierButtonActive : quickTierButton,
+                onMouseDown: (event) => {
+                  event.preventDefault();
+                },
+                onClick: () => {
+                  actions.setTier(item.id);
+                },
+                children: item.label
+              },
+              item.id
+            )) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            "button",
+            {
+              type: "button",
+              disabled: busy,
+              title: "\u628A\u8F93\u5165\u6846\u91CC\u7684\u8BDD\u4EA4\u7ED9\u53E6\u4E00\u4E2A AI \u6574\u7406\u6210\u4E00\u6761\u53EF\u4EE5\u76F4\u63A5\u53D1\u51FA\u53BB\u7684\u6E05\u6670\u6307\u4EE4\uFF0C\u7ED3\u679C\u76F4\u63A5\u5199\u56DE\u8F93\u5165\u6846",
+              style: busy ? quickPrimaryButtonDisabled : quickPrimaryButton,
+              onMouseDown: (event) => {
+                event.preventDefault();
+              },
+              onClick: () => {
+                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_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",
+            /* @__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"
+          ] }),
+          items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+              "button",
+              {
+                type: "button",
+                title: item.prompt,
+                style: quickItem,
+                onMouseDown: (event) => {
+                  event.preventDefault();
+                },
+                onClick: () => {
+                  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_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.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  style: quickAlwaysBox,
+                  checked: item.always,
+                  onChange: (event) => {
+                    actions.setAlways(item.id, event.target.checked);
+                  }
+                }
+              ),
+              "\u9ED8\u8BA4\u63D2\u5165"
+            ] })
+          ] }, 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" })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/client.tsx
 var name = "composer-ux";
 var inject = ["slots", "settingsScope"];
@@ -1513,6 +2307,9 @@ function apply(ctx) {
   const scope = ctx.settingsScope.bind({ namespace: NAMESPACE });
   const live = (0, import_dsh_client_store.createSnapshotStore)({ ...DEFAULT_SETTINGS });
   const menu2 = (0, import_dsh_client_store.createSnapshotStore)(null);
+  const panel = (0, import_dsh_client_store.createSnapshotStore)(null);
+  const optimizing = (0, import_dsh_client_store.createSnapshotStore)(false);
+  const panelNotice = (0, import_dsh_client_store.createSnapshotStore)("");
   const sync = () => {
     const snapshot = scope.getSnapshot();
     live.set(snapshot.status === "ready" && snapshot.value !== void 0 ? { ...DEFAULT_SETTINGS, ...sanitizeSettings(snapshot.value) } : { ...DEFAULT_SETTINGS });
@@ -1544,12 +2341,81 @@ function apply(ctx) {
         HEADER_ENABLED_FIELD,
         HEADER_NAME_FIELD,
         HEADER_VALUE_FIELD,
-        HEADER_ROUTES_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);
     });
   };
+  let noticeTimer;
+  const note = (message, ms = 4500) => {
+    panelNotice.set(message);
+    if (noticeTimer !== void 0) clearTimeout(noticeTimer);
+    if (message === "") return;
+    noticeTimer = setTimeout(() => {
+      panelNotice.set("");
+    }, ms);
+  };
+  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) {
+        panel.set(null);
+        panelNotice.set("");
+        return;
+      }
+      panelNotice.set("");
+      panel.set(anchor);
+    },
+    close: () => {
+      panel.set(null);
+      panelNotice.set("");
+    },
+    insert: (text) => {
+      if (insertIntoDraft(text)) focusComposer();
+    },
+    optimize: () => {
+      if (optimizing.getSnapshot()) return;
+      const draft = currentDraft();
+      if (draft.trim() === "") {
+        note("\u8F93\u5165\u6846\u662F\u7A7A\u7684\uFF1A\u5148\u5199\u70B9\u4EC0\u4E48\uFF0C\u518D\u70B9\u4F18\u5316");
+        return;
+      }
+      optimizing.set(true);
+      note("\u6B63\u5728\u4F18\u5316\u2026");
+      void optimizeDraft(draft, live.getSnapshot().optimizerTier).then(
+        (result) => {
+          optimizing.set(false);
+          if (!result.ok) {
+            note(`\u4F18\u5316\u5931\u8D25\uFF1A${result.error ?? "\u672A\u77E5\u539F\u56E0"}`);
+            return;
+          }
+          replaceDraft(result.text ?? "");
+          focusComposer();
+          note(`\u5DF2\u5199\u56DE\u8F93\u5165\u6846\uFF08${result.route}\uFF09\xB7 Ctrl+Z \u53EF\u8FD8\u539F`);
+        },
+        (error) => {
+          optimizing.set(false);
+          note(`\u4F18\u5316\u5931\u8D25\uFF1A${error instanceof Error ? error.message : String(error)}`);
+        }
+      );
+    },
+    setTier: (tier) => {
+      setField(OPTIMIZER_TIER_FIELD, tier);
+    },
+    setAlways: (id, value) => {
+      writeQuickPrompts(live.getSnapshot().quickPrompts.map(
+        (item) => item.id === id ? { ...item, always: value } : item
+      ));
+    }
+  };
   slots.inject("settings.section", () => slots.register({
     name: "settings.section",
     id: "composer-ux",
@@ -1583,7 +2449,26 @@ function apply(ctx) {
     id: "composer-ux-panel-resize",
     inject: () => ({ hooks: { live }, actions: { setField } })
   }, PanelResizeHandles));
+  slots.inject("conversation.input.right", () => slots.register({
+    name: "conversation.input.right",
+    id: "composer-ux-quick",
+    order: 89,
+    label: "\u5FEB\u6377\u6307\u4EE4",
+    inject: () => ({
+      hooks: { live, panel },
+      actions: { toggle: quickActions.toggle }
+    })
+  }, QuickCommandsButton));
+  slots.inject("shell.overlay", () => slots.register({
+    name: "shell.overlay",
+    id: "composer-ux-quick-panel",
+    inject: () => ({
+      hooks: { live, panel, busy: optimizing, notice: panelNotice },
+      actions: quickActions
+    })
+  }, QuickCommandsPanel));
   ctx.effect(() => installSettingsCardStyle(), "composer-ux: settings card style");
+  ctx.effect(() => installQuickButtonStyle(), "composer-ux: quick button style");
   ctx.effect(
     () => installPanelStyle(
       () => {
@@ -1601,8 +2486,8 @@ function apply(ctx) {
       if (enabled && dispose === null) {
         dispose = installInterceptors({
           settings: () => live.getSnapshot(),
-          setMenu: (state) => {
-            menu2.set(state);
+          setMenu: (state2) => {
+            menu2.set(state2);
           },
           menuOpen: () => menu2.getSnapshot() !== null
         });
@@ -1610,8 +2495,10 @@ function apply(ctx) {
         dispose?.();
         dispose = null;
         menu2.set(null);
+        panel.set(null);
       }
       if (live.getSnapshot().menuNative) menu2.set(null);
+      if (!live.getSnapshot().enabled) panel.set(null);
     };
     syncInterceptors();
     const unsubscribe = live.subscribe(syncInterceptors);