dsh-prompt-enhance 0.1.0

package/lib/client.js

@@ -0,0 +1,750 @@
+window.__ModuleLoader__.load({
+	id: "dsh-prompt-enhance",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  NS: () => NS,
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/EnhanceButton.tsx
+var import_react2 = require("react");
+var import_react_dom = require("react-dom");
+
+// src/shared/validate.ts
+var INVISIBLE_CHARS = /[\u200B-\u200D\uFEFF\u202A-\u202E\u2066-\u2069]/g;
+function checkInputText(text, maxChars) {
+  const stripped = text.replace(INVISIBLE_CHARS, "");
+  if (stripped.trim().length === 0) {
+    return { ok: false, code: "empty" };
+  }
+  if (text.length > maxChars) {
+    return { ok: false, code: "too-long", count: text.length, max: maxChars };
+  }
+  return { ok: true };
+}
+
+// src/shared/protocol.ts
+var ENHANCE_ENDPOINT = "/prompt-enhance/enhance";
+
+// src/client/enhance-client.ts
+var EnhanceClientError = class extends Error {
+  constructor(detail) {
+    super(detail.message);
+    this.detail = detail;
+  }
+};
+async function readEnvelope(response) {
+  let parsed;
+  try {
+    parsed = await response.json();
+  } catch {
+    throw new EnhanceClientError({ code: "internal", message: "\u5BBF\u4E3B\u670D\u52A1\u8FD4\u56DE\u4E86\u65E0\u6CD5\u89E3\u6790\u7684\u54CD\u5E94\u3002" });
+  }
+  const envelope = parsed;
+  if (envelope !== null && typeof envelope === "object" && envelope.ok === true) {
+    const value = envelope.value;
+    if (value !== void 0 && typeof value.text === "string" && value.text !== "") return value;
+  }
+  if (envelope !== null && typeof envelope === "object" && envelope.error !== void 0 && typeof envelope.error.message === "string") {
+    throw new EnhanceClientError(envelope.error);
+  }
+  throw new EnhanceClientError({ code: "internal", message: `\u5BBF\u4E3B\u670D\u52A1\u8FD4\u56DE\u5F02\u5E38\uFF08HTTP ${response.status}\uFF09\u3002` });
+}
+async function requestEnhance(body, signal) {
+  let response;
+  try {
+    response = await fetch(ENHANCE_ENDPOINT, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(body),
+      signal
+    });
+  } catch (error) {
+    if (signal?.aborted) {
+      throw new EnhanceClientError({ code: "internal", message: "\u5DF2\u53D6\u6D88\u589E\u5F3A\uFF1B\u539F\u8F93\u5165\u672A\u6539\u52A8\u3002" });
+    }
+    void error;
+    throw new EnhanceClientError({ code: "internal", message: "\u65E0\u6CD5\u8FDE\u63A5\u5BBF\u4E3B\u670D\u52A1\uFF0C\u8BF7\u786E\u8BA4 dsh web \u6B63\u5728\u8FD0\u884C\u540E\u91CD\u8BD5\u3002" });
+  }
+  return readEnvelope(response);
+}
+
+// src/client/ResultPanel.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var retryable = (code) => code === "upstream" || code === "timeout" || code === "internal";
+function ResultPanel(props) {
+  const { state, t, onApply, onCancel, onRetry } = props;
+  const [copied, setCopied] = (0, import_react.useState)("idle");
+  (0, import_react.useEffect)(() => {
+    const onKeyDown = (event) => {
+      if (event.key === "Escape" && !event.defaultPrevented) {
+        event.preventDefault();
+        onCancel();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [onCancel]);
+  const copy = (0, import_react.useCallback)(() => {
+    if (state.result === void 0) return;
+    navigator.clipboard.writeText(state.result.text).then(() => setCopied("ok"), () => setCopied("failed"));
+  }, [state.result]);
+  const formatMs = (ms) => ms < 1e3 ? `${ms}ms` : `${(ms / 1e3).toFixed(1)}s`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-pe-overlay", onMouseDown: (event) => {
+    if (event.target === event.currentTarget) onCancel();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-pe-panel", role: "dialog", "aria-label": t("panel.title"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "dsh-pe-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        "\u2728 ",
+        t("panel.title")
+      ] }),
+      state.phase === "result" && state.result !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dsh-pe-meta", children: [
+        t("panel.model", { provider: state.result.provider, model: state.result.model }),
+        " \xB7 ",
+        t("panel.elapsed", { ms: formatMs(state.result.elapsedMs) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "dsh-pe-close", "aria-label": t("panel.close"), onClick: onCancel, children: "\u2715" })
+    ] }),
+    state.phase === "loading" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-pe-loading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-pe-spin", "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: t("panel.loading") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-pe-hint", children: t("panel.loading.hint") })
+    ] }),
+    state.phase === "error" && state.error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-pe-error", children: state.error.message }),
+    state.phase === "result" && state.result !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-pe-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-pe-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-pe-col-title", children: t("panel.original") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "dsh-pe-col-text", children: state.original })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-pe-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-pe-col-title", children: t("panel.enhanced") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "dsh-pe-col-text", children: state.result.text })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { className: "dsh-pe-foot", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-pe-grow" }),
+      state.phase === "error" && retryable(state.error?.code) && onRetry !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "dsh-pe-btn-action plain", onClick: onRetry, children: t("panel.retry") }),
+      state.phase === "result" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "dsh-pe-btn-action plain", onClick: copy, children: copied === "ok" ? t("panel.copied") : copied === "failed" ? t("panel.copyFailed") : t("panel.copy") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "dsh-pe-btn-action primary", onClick: onApply, children: t("panel.apply") })
+      ] }),
+      state.phase !== "result" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "dsh-pe-btn-action plain", onClick: onCancel, children: state.phase === "loading" ? t("panel.cancel") : t("panel.close") })
+    ] })
+  ] }) });
+}
+
+// src/client/undo-stack.ts
+function createUndoStack(maxDepth = 3) {
+  const stacks = /* @__PURE__ */ new Map();
+  return {
+    push(sessionId, entry) {
+      const stack = stacks.get(sessionId) ?? [];
+      stack.push(entry);
+      while (stack.length > maxDepth) stack.shift();
+      stacks.set(sessionId, stack);
+    },
+    peek(sessionId) {
+      const stack = stacks.get(sessionId);
+      return stack === void 0 || stack.length === 0 ? void 0 : stack[stack.length - 1];
+    },
+    pop(sessionId) {
+      const stack = stacks.get(sessionId);
+      const entry = stack?.pop();
+      if (stack !== void 0 && stack.length === 0) stacks.delete(sessionId);
+      return entry;
+    },
+    clear(sessionId) {
+      stacks.delete(sessionId);
+    },
+    depth(sessionId) {
+      return stacks.get(sessionId)?.length ?? 0;
+    }
+  };
+}
+
+// src/client/ui-state.ts
+var listeners = /* @__PURE__ */ new Set();
+var panelState;
+var version = 0;
+function notify() {
+  version++;
+  for (const listener of listeners) listener();
+}
+var undoStore = createUndoStack(3);
+function pushUndo(sessionId, entry) {
+  undoStore.push(sessionId, entry);
+  notify();
+}
+function peekUndo(sessionId) {
+  return undoStore.peek(sessionId);
+}
+function popUndo(sessionId) {
+  const entry = undoStore.pop(sessionId);
+  notify();
+  return entry;
+}
+var sessions = /* @__PURE__ */ new Map();
+var lastMountedSession;
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function getVersion() {
+  return version;
+}
+function getPanel() {
+  return panelState;
+}
+function openLoading(state) {
+  panelState = { ...state, phase: "loading" };
+  notify();
+}
+function settleResult(sessionId, result) {
+  if (panelState?.sessionId !== sessionId || panelState.phase !== "loading") return;
+  panelState = { sessionId, phase: "result", original: panelState.original, result };
+  notify();
+}
+function settleError(sessionId, error) {
+  if (panelState?.sessionId !== sessionId || panelState.phase !== "loading") return;
+  panelState = { sessionId, phase: "error", original: panelState.original, error };
+  notify();
+}
+function openError(sessionId, original, error) {
+  panelState?.abort?.();
+  panelState = { sessionId, phase: "error", original, error };
+  notify();
+}
+function closePanel() {
+  panelState?.abort?.();
+  if (panelState === void 0) return;
+  panelState = void 0;
+  notify();
+}
+function registerSession(sessionId, entry) {
+  sessions.set(sessionId, entry);
+  lastMountedSession = sessionId;
+  notify();
+  return () => {
+    if (sessions.get(sessionId) === entry) sessions.delete(sessionId);
+    if (lastMountedSession === sessionId) lastMountedSession = void 0;
+    if (panelState?.sessionId === sessionId) closePanel();
+    undoStore.clear(sessionId);
+  };
+}
+function shortcutTarget() {
+  const active = document.activeElement;
+  if (active !== null && active instanceof Element) {
+    let node = active;
+    for (let depth = 0; depth < 8 && node !== null; depth++) {
+      for (const entry of sessions.values()) {
+        if (entry.root !== null && (node === entry.root || node.contains(entry.root))) {
+          const found = entry;
+          return () => found.run();
+        }
+      }
+      node = node.parentElement;
+    }
+  }
+  const fallback = lastMountedSession !== void 0 ? sessions.get(lastMountedSession) : void 0;
+  return fallback === void 0 ? void 0 : () => fallback.run();
+}
+
+// src/client/settings.ts
+var DEFAULT_CLIENT_SETTINGS = {
+  enabled: true,
+  maxInputChars: 12e3,
+  shortcut: "ctrl+alt+e"
+};
+var listeners2 = /* @__PURE__ */ new Set();
+var current = DEFAULT_CLIENT_SETTINGS;
+function setClientSettings(next) {
+  current = next;
+  for (const listener of listeners2) listener();
+}
+function getClientSettings() {
+  return current;
+}
+function subscribeClientSettings(listener) {
+  listeners2.add(listener);
+  return () => {
+    listeners2.delete(listener);
+  };
+}
+function decodeClientSettings(section) {
+  const record = section;
+  if (record === null || typeof record !== "object") return DEFAULT_CLIENT_SETTINGS;
+  return {
+    enabled: typeof record.enabled === "boolean" ? record.enabled : DEFAULT_CLIENT_SETTINGS.enabled,
+    maxInputChars: typeof record.maxInputChars === "number" && Number.isFinite(record.maxInputChars) && record.maxInputChars > 0 ? Math.floor(record.maxInputChars) : DEFAULT_CLIENT_SETTINGS.maxInputChars,
+    shortcut: typeof record.shortcut === "string" ? record.shortcut : DEFAULT_CLIENT_SETTINGS.shortcut
+  };
+}
+
+// src/client/EnhanceButton.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function EnhanceButton(props) {
+  const { t, sessionId, useInput, inputActions } = props;
+  const draft = useInput((state) => state.draft);
+  const phase = useInput((state) => state.phase);
+  const occurrenceCount = useInput((state) => state.occurrences.length);
+  const imageCount = useInput((state) => state.imageIds.length);
+  const settings = (0, import_react2.useSyncExternalStore)(subscribeClientSettings, getClientSettings);
+  const panel = (0, import_react2.useSyncExternalStore)(subscribe, getPanel);
+  const rootRef = (0, import_react2.useRef)(null);
+  const busy = panel !== void 0 && panel.sessionId === sessionId && panel.phase === "loading";
+  const anyBusy = panel !== void 0 && panel.phase === "loading";
+  const start = (0, import_react2.useCallback)(() => {
+    if (anyBusy) {
+      openError(sessionId, draft, { code: "rejected", message: t("error.busy") });
+      return;
+    }
+    if (!settings.enabled) {
+      openError(sessionId, draft, { code: "rejected", message: t("error.disabled") });
+      return;
+    }
+    if (imageCount > 0 && draft.trim() === "") {
+      openError(sessionId, draft, { code: "rejected", message: t("error.imagesOnly") });
+      return;
+    }
+    const check = checkInputText(draft, settings.maxInputChars);
+    if (!check.ok) {
+      const message = check.code === "empty" ? t("error.empty") : t("error.tooLong", { count: check.count, max: check.max });
+      openError(sessionId, draft, { code: "rejected", message });
+      return;
+    }
+    if (occurrenceCount > 0) {
+      openError(sessionId, draft, { code: "rejected", message: t("error.occurrences") });
+      return;
+    }
+    if (phase !== "plain") {
+      openError(sessionId, draft, { code: "rejected", message: t("error.phase") });
+      return;
+    }
+    const controller = new AbortController();
+    openLoading({ sessionId, original: draft, abort: () => controller.abort() });
+    requestEnhance({ sessionId, text: draft }, controller.signal).then(
+      (result) => settleResult(sessionId, result),
+      (error) => {
+        const detail = error instanceof EnhanceClientError ? error.detail : { code: "internal", message: error instanceof Error ? error.message : String(error) };
+        settleError(sessionId, detail);
+      }
+    );
+  }, [anyBusy, draft, imageCount, occurrenceCount, phase, sessionId, settings, t]);
+  const runRef = (0, import_react2.useRef)(start);
+  runRef.current = start;
+  (0, import_react2.useEffect)(() => {
+    const entry = {
+      root: rootRef.current,
+      run: () => runRef.current()
+    };
+    return registerSession(sessionId, entry);
+  }, [sessionId]);
+  const apply2 = (0, import_react2.useCallback)(() => {
+    if (panel === void 0 || panel.phase !== "result" || panel.result === void 0) return;
+    pushUndo(sessionId, { original: panel.original, applied: panel.result.text });
+    inputActions.setDraft(panel.result.text);
+    closePanel();
+  }, [inputActions, panel, sessionId]);
+  if (!settings.enabled) return null;
+  const owned = panel !== void 0 && panel.sessionId === sessionId ? panel : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        ref: rootRef,
+        type: "button",
+        className: `dsh-pe-btn${busy ? " is-busy" : ""}`,
+        title: busy ? t("button.busy") : t("button.title"),
+        "aria-label": t("button.title"),
+        disabled: anyBusy && !busy,
+        onClick: start,
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-pe-btn-icon", "aria-hidden": true, children: busy ? "\u25CC" : "\u2728" })
+      }
+    ),
+    owned !== void 0 && (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        ResultPanel,
+        {
+          state: owned,
+          t,
+          onApply: apply2,
+          onCancel: () => closePanel(),
+          onRetry: owned.phase === "error" ? start : void 0
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+
+// src/client/UndoBar.tsx
+var import_react3 = require("react");
+var import_react4 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function UndoBar(props) {
+  const { t, sessionId, useInput, inputActions } = props;
+  const draft = useInput((state) => state.draft);
+  (0, import_react4.useSyncExternalStore)(subscribe, getVersion);
+  const entry = peekUndo(sessionId);
+  (0, import_react3.useEffect)(() => {
+    if (entry !== void 0 && entry.applied !== draft) popUndo(sessionId);
+  }, [draft, entry, sessionId]);
+  if (entry === void 0 || entry.applied !== draft) return null;
+  const undo = () => {
+    inputActions.setDraft(entry.original);
+    popUndo(sessionId);
+  };
+  const dismiss = () => {
+    popUndo(sessionId);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-pe-undo", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-pe-undo-check", "aria-hidden": true, children: "\u2713" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("undo.applied") }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "dsh-pe-undo-link", onClick: undo, children: t("undo.undo") }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "dsh-pe-undo-x", "aria-label": t("undo.dismiss"), onClick: dismiss, children: "\u2715" })
+  ] });
+}
+
+// src/client/locales.ts
+var zh = {
+  "button.title": "\u63D0\u793A\u8BCD\u589E\u5F3A\uFF08\u91CD\u5199\u4E3A\u7ED3\u6784\u5316\u63D0\u793A\u8BCD\uFF09",
+  "button.busy": "\u6B63\u5728\u589E\u5F3A\u2026",
+  "panel.title": "\u63D0\u793A\u8BCD\u589E\u5F3A",
+  "panel.loading": "\u6B63\u5728\u589E\u5F3A\uFF0C\u7A0D\u5019\u2026",
+  "panel.loading.hint": "\u539F\u6587\u4FDD\u7559\u5728\u8F93\u5165\u6846\u4E2D\uFF0C\u4E0D\u4F1A\u88AB\u52A8\u4FEE\u6539\u3002",
+  "panel.cancel": "\u53D6\u6D88",
+  "panel.original": "\u539F\u59CB\u63D0\u793A\u8BCD",
+  "panel.enhanced": "\u589E\u5F3A\u7ED3\u679C",
+  "panel.apply": "\u56DE\u586B\u5230\u8F93\u5165\u6846",
+  "panel.copy": "\u590D\u5236\u7ED3\u679C",
+  "panel.copied": "\u5DF2\u590D\u5236",
+  "panel.copyFailed": "\u590D\u5236\u5931\u8D25",
+  "panel.close": "\u5173\u95ED",
+  "panel.retry": "\u91CD\u8BD5",
+  "panel.model": "\u6A21\u578B\uFF1A{provider} / {model}",
+  "panel.elapsed": "\u8017\u65F6 {ms}",
+  "undo.applied": "\u5DF2\u7528\u589E\u5F3A\u7ED3\u679C\u66FF\u6362\u539F\u63D0\u793A\u8BCD",
+  "undo.undo": "\u64A4\u9500",
+  "undo.dismiss": "\u5173\u95ED\u63D0\u793A",
+  "error.empty": "\u8F93\u5165\u6846\u4E3A\u7A7A\uFF0C\u8BF7\u5148\u8F93\u5165\u8981\u589E\u5F3A\u7684\u63D0\u793A\u8BCD\u3002",
+  "error.tooLong": "\u5185\u5BB9\u5171 {count} \u5B57\uFF0C\u8D85\u8FC7 {max} \u5B57\u4E0A\u9650\u3002\u4E3A\u907F\u514D\u6539\u53D8\u539F\u610F\u4E0D\u4F1A\u81EA\u52A8\u622A\u65AD\uFF0C\u8BF7\u7CBE\u7B80\u540E\u518D\u8BD5\u3002",
+  "error.imagesOnly": "\u5F53\u524D\u53EA\u9644\u52A0\u4E86\u56FE\u7247\uFF0C\u4EC5\u652F\u6301\u589E\u5F3A\u6587\u672C\u5185\u5BB9\u3002",
+  "error.occurrences": "\u8F93\u5165\u5185\u5BB9\u5305\u542B\u547D\u4EE4\u6216\u6587\u4EF6\u5F15\u7528\uFF0C\u6682\u4E0D\u652F\u6301\u589E\u5F3A\uFF1B\u8BF7\u5148\u79FB\u9664\u540E\u518D\u8BD5\u3002",
+  "error.busy": "\u6B63\u5728\u589E\u5F3A\u4E2D\uFF0C\u8BF7\u7A0D\u5019\u6216\u5148\u53D6\u6D88\u3002",
+  "error.phase": "\u5F53\u524D\u8F93\u5165\u6B63\u88AB\u5360\u7528\uFF08\u63D0\u4EA4\u4E2D\uFF09\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5\u3002",
+  "error.disabled": "\u63D0\u793A\u8BCD\u589E\u5F3A\u5DF2\u5728\u63D2\u4EF6\u8BBE\u7F6E\u4E2D\u5173\u95ED\u3002"
+};
+var en = {
+  "button.title": "Enhance prompt (rewrite into a structured prompt)",
+  "button.busy": "Enhancing\u2026",
+  "panel.title": "Prompt Enhance",
+  "panel.loading": "Enhancing, please wait\u2026",
+  "panel.loading.hint": "Your draft stays untouched until you apply the result.",
+  "panel.cancel": "Cancel",
+  "panel.original": "Original prompt",
+  "panel.enhanced": "Enhanced result",
+  "panel.apply": "Fill into input box",
+  "panel.copy": "Copy result",
+  "panel.copied": "Copied",
+  "panel.copyFailed": "Copy failed",
+  "panel.close": "Close",
+  "panel.retry": "Retry",
+  "panel.model": "Model: {provider} / {model}",
+  "panel.elapsed": "{ms} elapsed",
+  "undo.applied": "Original prompt replaced by the enhanced version",
+  "undo.undo": "Undo",
+  "undo.dismiss": "Dismiss",
+  "error.empty": "The input box is empty \u2014 type a prompt to enhance first.",
+  "error.tooLong": "The draft is {count} characters, above the {max} cap. It is never auto-truncated (that would change your meaning) \u2014 please shorten it.",
+  "error.imagesOnly": "Only images are attached; prompt enhance supports text only.",
+  "error.occurrences": "The draft contains commands or file references, which are not supported yet \u2014 remove them first.",
+  "error.busy": "An enhancement is already running \u2014 wait or cancel it first.",
+  "error.phase": "The input box is busy (submitting) \u2014 try again in a moment.",
+  "error.disabled": "Prompt enhance is disabled in the plugin settings."
+};
+var dictionaries = { zh, en };
+var NS = "prompt-enhance";
+
+// src/client/styles.ts
+var STYLE_ID = "dsh-prompt-enhance-styles";
+var CSS = `
+.dsh-pe-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 28px;
+  padding: 0 8px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: inherit;
+  opacity: 0.75;
+  font-size: 12px;
+  line-height: 1;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.dsh-pe-btn:hover:not(:disabled) { opacity: 1; background: rgba(127, 127, 127, 0.18); }
+.dsh-pe-btn:disabled { opacity: 0.45; cursor: default; }
+.dsh-pe-btn .dsh-pe-btn-icon { font-size: 14px; }
+.dsh-pe-btn.is-busy .dsh-pe-btn-icon { animation: dsh-pe-spin 1s linear infinite; }
+@keyframes dsh-pe-spin { to { transform: rotate(360deg); } }
+
+.dsh-pe-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.32);
+  padding: 24px 16px;
+}
+.dsh-pe-panel {
+  display: flex;
+  flex-direction: column;
+  width: min(880px, 100%);
+  max-height: min(70vh, 640px);
+  border-radius: 12px;
+  border: 1px solid rgba(127, 127, 127, 0.35);
+  background: #1f2127;
+  color: #e6e8ee;
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
+  overflow: hidden;
+}
+.dsh-pe-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 14px;
+  border-bottom: 1px solid rgba(127, 127, 127, 0.25);
+  font-size: 13px;
+  font-weight: 600;
+}
+.dsh-pe-head .dsh-pe-meta { margin-left: auto; font-weight: 400; font-size: 11px; opacity: 0.6; }
+.dsh-pe-close {
+  border: none; background: transparent; color: inherit; opacity: 0.6;
+  font-size: 15px; cursor: pointer; padding: 2px 6px; border-radius: 4px;
+}
+.dsh-pe-close:hover { opacity: 1; background: rgba(127,127,127,0.2); }
+.dsh-pe-body { display: flex; flex: 1; min-height: 0; }
+.dsh-pe-col {
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+.dsh-pe-col + .dsh-pe-col { border-left: 1px solid rgba(127, 127, 127, 0.25); }
+.dsh-pe-col-title {
+  padding: 8px 14px 6px;
+  font-size: 11px;
+  letter-spacing: 0.04em;
+  opacity: 0.55;
+}
+.dsh-pe-col-text {
+  flex: 1;
+  margin: 0;
+  padding: 0 14px 12px;
+  overflow: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 1.6;
+}
+.dsh-pe-error {
+  padding: 20px 16px;
+  font-size: 13px;
+  line-height: 1.6;
+  color: #ffb4a8;
+  white-space: pre-wrap;
+}
+.dsh-pe-loading {
+  display: flex; flex-direction: column; gap: 8px;
+  align-items: center; justify-content: center;
+  flex: 1; padding: 28px 16px; font-size: 13px;
+}
+.dsh-pe-loading .dsh-pe-hint { font-size: 11px; opacity: 0.55; }
+.dsh-pe-spin {
+  width: 22px; height: 22px; border-radius: 50%;
+  border: 2px solid rgba(127,127,127,0.3); border-top-color: #6ea8ff;
+  animation: dsh-pe-spin 0.9s linear infinite;
+}
+.dsh-pe-foot {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 14px;
+  border-top: 1px solid rgba(127, 127, 127, 0.25);
+}
+.dsh-pe-foot .dsh-pe-grow { flex: 1; }
+.dsh-pe-btn-action {
+  border: none; border-radius: 6px; padding: 6px 14px;
+  font-size: 12px; cursor: pointer; line-height: 1;
+}
+.dsh-pe-btn-action.primary { background: #3f76e1; color: #fff; }
+.dsh-pe-btn-action.primary:hover { background: #4d82ec; }
+.dsh-pe-btn-action.plain { background: rgba(127,127,127,0.18); color: inherit; }
+.dsh-pe-btn-action.plain:hover { background: rgba(127,127,127,0.3); }
+
+.dsh-pe-undo {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 2px 4px;
+  font-size: 12px;
+  color: inherit;
+  opacity: 0.85;
+}
+.dsh-pe-undo .dsh-pe-undo-check { color: #7ed491; }
+.dsh-pe-undo-link {
+  border: none; background: rgba(127,127,127,0.18); color: inherit;
+  border-radius: 5px; padding: 3px 10px; font-size: 12px; cursor: pointer;
+}
+.dsh-pe-undo-link:hover { background: rgba(127,127,127,0.3); }
+.dsh-pe-undo-x {
+  border: none; background: transparent; color: inherit; opacity: 0.55;
+  cursor: pointer; padding: 0 4px; font-size: 12px;
+}
+.dsh-pe-undo-x:hover { opacity: 1; }
+`;
+function ensureStyles() {
+  if (document.getElementById(STYLE_ID) !== null) return false;
+  const element = document.createElement("style");
+  element.id = STYLE_ID;
+  element.textContent = CSS;
+  document.head.appendChild(element);
+  return true;
+}
+
+// src/client/shortcut.ts
+var MODIFIER_ALIASES = /* @__PURE__ */ new Map([
+  ["ctrl", "ctrl"],
+  ["control", "ctrl"],
+  ["alt", "alt"],
+  ["option", "alt"],
+  ["shift", "shift"],
+  ["meta", "meta"],
+  ["cmd", "meta"],
+  ["command", "meta"],
+  ["win", "meta"],
+  ["super", "meta"]
+]);
+var isKeyToken = (token) => /^[a-z0-9]$/.test(token) || /^f([1-9]|1[0-2])$/.test(token);
+function parseShortcut(spec) {
+  if (spec === void 0) return null;
+  const tokens = spec.trim().toLowerCase().split("+").map((token) => token.trim()).filter((token) => token !== "");
+  if (tokens.length === 0 || tokens.length > 5) return null;
+  const modifiers = { ctrl: false, alt: false, shift: false, meta: false };
+  const last = tokens[tokens.length - 1] ?? "";
+  if (!isKeyToken(last)) return null;
+  for (const token of tokens.slice(0, -1)) {
+    const modifier = MODIFIER_ALIASES.get(token);
+    if (modifier === void 0) return null;
+    modifiers[modifier] = true;
+  }
+  return { ...modifiers, key: last };
+}
+function matchesShortcut(event, combo) {
+  if (combo === null) return false;
+  return event.ctrlKey === combo.ctrl && event.altKey === combo.alt && event.shiftKey === combo.shift && event.metaKey === combo.meta && event.key.toLowerCase() === combo.key;
+}
+
+// src/client/index.tsx
+var inject = ["slots", "settingsScope", "locale"];
+function apply(ctx) {
+  ensureStyles();
+  ctx.effect(() => {
+    try {
+      return ctx.locale.register(NS, dictionaries);
+    } catch {
+      return () => {
+      };
+    }
+  }, "dsh-prompt-enhance: dictionaries");
+  ctx.inject(["settingsScope"], (settingsCtx) => {
+    const scope = settingsCtx.settingsScope.bind({ namespace: NS, decode: decodeClientSettings });
+    const sync = () => {
+      setClientSettings(scope.getSnapshot().value ?? decodeClientSettings(void 0));
+    };
+    sync();
+    ctx.effect(() => scope.subscribe(sync), "dsh-prompt-enhance: settings mirror");
+  });
+  ctx.inject(["slots"], (slotsCtx) => {
+    const slots = slotsCtx.slots;
+    return slots.inject("conversation.input.right", () => {
+      try {
+        return slots.register(
+          { name: "conversation.input.right", id: "prompt-enhance", order: 60, locale: NS },
+          EnhanceButton
+        );
+      } catch {
+        return () => {
+        };
+      }
+    });
+  });
+  ctx.inject(["slots"], (slotsCtx) => {
+    const slots = slotsCtx.slots;
+    return slots.inject("conversation.input.dock", () => {
+      try {
+        return slots.register(
+          { name: "conversation.input.dock", id: "prompt-enhance-undo", order: 90, locale: NS },
+          UndoBar
+        );
+      } catch {
+        return () => {
+        };
+      }
+    });
+  });
+  ctx.effect(() => {
+    const onKeyDown = (event) => {
+      if (event.defaultPrevented || event.isComposing) return;
+      const combo = parseShortcut(getClientSettings().shortcut);
+      if (!matchesShortcut(event, combo)) return;
+      const target = shortcutTarget();
+      if (target === void 0) return;
+      event.preventDefault();
+      event.stopPropagation();
+      target();
+    };
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => document.removeEventListener("keydown", onKeyDown, true);
+  }, "dsh-prompt-enhance: shortcut");
+}
+
+		return module.exports;
+	}
+});
+