dsh-input-assistant 0.0.0-stage → 0.1.4

package/lib/client.js

@@ -0,0 +1,2646 @@
+window.__ModuleLoader__.load({id:"dsh-input-assistant",factory:(require)=>{
+var module={exports:{}};var exports=module.exports;
+"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 name2 in all)
+    __defProp(target, name2, { get: all[name2], 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/browser/index.ts
+var index_exports = {};
+__export(index_exports, {
+  BrowserRuntime: () => BrowserRuntime,
+  InputAssistantController: () => InputAssistantController,
+  apply: () => apply,
+  inject: () => inject,
+  name: () => name
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/browser/components.tsx
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+
+// src/core/diff.ts
+var tokenPattern = /(\s+|[^\p{L}\p{N}_]|[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}])/u;
+var split = (text) => text.split(tokenPattern).filter(Boolean);
+var coarsePattern = /(\n+|[。！？；，、.!?;]+\s*)/u;
+var splitCoarse = (text) => text.split(coarsePattern).filter(Boolean);
+var MAX_CELLS = 1e6;
+function diffTokens(a, b) {
+  const result = [];
+  const push = (type, value) => {
+    if (!value) return;
+    const last = result[result.length - 1];
+    if (last?.type === type) last.value += value;
+    else result.push({ type, value });
+  };
+  const rows = Array.from({ length: a.length + 1 }, () => new Uint32Array(b.length + 1));
+  for (let i2 = a.length - 1; i2 >= 0; i2--) {
+    for (let j2 = b.length - 1; j2 >= 0; j2--) {
+      rows[i2][j2] = a[i2] === b[j2] ? rows[i2 + 1][j2 + 1] + 1 : Math.max(rows[i2 + 1][j2], rows[i2][j2 + 1]);
+    }
+  }
+  let i = 0, j = 0;
+  while (i < a.length || j < b.length) {
+    if (i < a.length && j < b.length && a[i] === b[j]) {
+      push("equal", a[i++]);
+      j++;
+    } else if (i < a.length && (j === b.length || rows[i + 1][j] >= rows[i][j + 1])) push("delete", a[i++]);
+    else push("insert", b[j++]);
+  }
+  return result;
+}
+function diffText(before, after) {
+  if (before === after) return [{ type: "equal", value: before }];
+  const a = split(before), b = split(after);
+  let head = 0, tail = 0;
+  while (head < a.length && head < b.length && a[head] === b[head]) head++;
+  while (tail < a.length - head && tail < b.length - head && a[a.length - tail - 1] === b[b.length - tail - 1]) tail++;
+  const middleA = a.slice(head, a.length - tail), middleB = b.slice(head, b.length - tail);
+  const result = [];
+  const push = (type, value) => {
+    if (!value) return;
+    const last = result[result.length - 1];
+    if (last?.type === type) last.value += value;
+    else result.push({ type, value });
+  };
+  push("equal", a.slice(0, head).join(""));
+  if (middleA.length === 0) push("insert", middleB.join(""));
+  else if (middleB.length === 0) push("delete", middleA.join(""));
+  else if (middleA.length * middleB.length <= MAX_CELLS) for (const part of diffTokens(middleA, middleB)) push(part.type, part.value);
+  else {
+    const coarseA = splitCoarse(middleA.join("")), coarseB = splitCoarse(middleB.join(""));
+    if (coarseA.length * coarseB.length <= MAX_CELLS) for (const part of diffTokens(coarseA, coarseB)) push(part.type, part.value);
+    else {
+      push("delete", middleA.join(""));
+      push("insert", middleB.join(""));
+    }
+  }
+  push("equal", tail ? a.slice(a.length - tail).join("") : "");
+  return result;
+}
+
+// src/browser/dom.ts
+var CHIP_SELECTOR = "[data-composer-chip],[data-composer-text-ref],[data-composer-command]";
+function findEditor(anchor) {
+  return anchor?.closest("[data-composer-card]")?.querySelector("[data-composer-input]") ?? null;
+}
+function focusedIn(editor) {
+  return editor !== null && (document.activeElement === editor || editor.contains(document.activeElement));
+}
+function referenceOverlaps(span, references) {
+  let shrink = 0;
+  for (const reference of references) {
+    const start = reference.offset - shrink;
+    if (span.start < start + 1 && span.end > start) return true;
+    shrink += reference.length - 1;
+  }
+  return false;
+}
+function clipboardOffset(detectOffset, references) {
+  let shrink = 0;
+  for (const reference of references) {
+    const start = reference.offset - shrink;
+    if (detectOffset <= start) break;
+    shrink += reference.length - 1;
+  }
+  return detectOffset + shrink;
+}
+function selectedPlainText(editor, draft, span, references) {
+  if (span.start === span.end) return null;
+  if (referenceOverlaps(span, references)) return null;
+  const selection = editor?.ownerDocument.getSelection();
+  if (!editor || !selection || selection.rangeCount !== 1) return null;
+  const range = selection.getRangeAt(0);
+  if (!editor.contains(range.startContainer) || !editor.contains(range.endContainer)) return null;
+  for (const chip of editor.querySelectorAll(CHIP_SELECTOR)) {
+    if (range.intersectsNode(chip)) return null;
+  }
+  const clipboardStart = clipboardOffset(span.start, references);
+  const clipboardEnd = clipboardOffset(span.end, references);
+  const text = draft.slice(clipboardStart, clipboardEnd);
+  if (!text) return null;
+  if (references.length && range.toString() !== text) return null;
+  return { text, clipboardStart, clipboardEnd };
+}
+function measureGhost(editor, empty) {
+  if (!editor || !focusedIn(editor)) return null;
+  const editorBox = editor.getBoundingClientRect();
+  if (editorBox.width <= 0 || editorBox.height <= 0) return null;
+  const style = getComputedStyle(editor);
+  const selection = editor.ownerDocument.getSelection();
+  let rect = null;
+  if (selection?.rangeCount === 1) {
+    const range = selection.getRangeAt(0);
+    if (!range.collapsed || !editor.contains(range.startContainer)) return null;
+    if (typeof range.getBoundingClientRect === "function") {
+      const measured = range.getBoundingClientRect();
+      if (measured.height > 0 && measured.left >= editorBox.left - 1 && measured.left <= editorBox.right + 1) rect = measured;
+    }
+    if (!rect && !empty && range.startContainer.nodeType === Node.TEXT_NODE && range.startOffset > 0) {
+      const preceding = range.cloneRange();
+      preceding.setStart(range.startContainer, range.startOffset - 1);
+      const last = preceding.getBoundingClientRect();
+      if (last.height > 0) rect = new DOMRect(last.right, last.top, 0, last.height);
+    }
+  }
+  if (!rect && empty) {
+    rect = new DOMRect(editorBox.left + parseFloat(style.paddingLeft || "0"), editorBox.top + parseFloat(style.paddingTop || "0"), 0, parseFloat(style.lineHeight) || parseFloat(style.fontSize));
+  }
+  if (!rect) return null;
+  const viewport = window.visualViewport;
+  const visible = {
+    left: Math.max(editorBox.left, viewport?.offsetLeft ?? 0),
+    top: Math.max(editorBox.top, viewport?.offsetTop ?? 0),
+    right: Math.min(editorBox.right, (viewport?.offsetLeft ?? 0) + (viewport?.width ?? window.innerWidth)),
+    bottom: Math.min(editorBox.bottom, (viewport?.offsetTop ?? 0) + (viewport?.height ?? window.innerHeight))
+  };
+  for (let ancestor = editor.parentElement; ancestor && ancestor !== document.body; ancestor = ancestor.parentElement) {
+    const clipping = getComputedStyle(ancestor);
+    const paint = /paint|strict|content/.test(clipping.contain);
+    const clipX = paint || /hidden|clip|auto|scroll/.test(clipping.overflowX || clipping.overflow);
+    const clipY = paint || /hidden|clip|auto|scroll/.test(clipping.overflowY || clipping.overflow);
+    if (clipX || clipY) {
+      const box = ancestor.getBoundingClientRect();
+      if (clipX) {
+        visible.left = Math.max(visible.left, box.left);
+        visible.right = Math.min(visible.right, box.right);
+      }
+      if (clipY) {
+        visible.top = Math.max(visible.top, box.top);
+        visible.bottom = Math.min(visible.bottom, box.bottom);
+      }
+    }
+  }
+  if (rect.left < visible.left - 1 || rect.top < visible.top - 1 || rect.bottom > visible.bottom + 1) return null;
+  const width = Math.min(editorBox.right - parseFloat(style.paddingRight || "0"), visible.right) - rect.left;
+  if (width < 24) return null;
+  return {
+    left: rect.left,
+    top: rect.top,
+    width,
+    maxHeight: visible.bottom - rect.top,
+    font: style.font,
+    lineHeight: style.lineHeight,
+    letterSpacing: style.letterSpacing
+  };
+}
+function nativeMenuOpen(editor) {
+  const scope = editor?.closest("[data-composer-seat]") ?? editor?.closest("[data-composer-card]");
+  return Boolean(scope?.querySelector('[data-trigger-menu],[role="listbox"]'));
+}
+function canUseTab(event, editor, composing) {
+  return event.key === "Tab" && !event.defaultPrevented && !event.shiftKey && !event.ctrlKey && !event.altKey && !event.metaKey && !event.isComposing && event.keyCode !== 229 && !composing && focusedIn(editor) && !editor?.hasAttribute("data-composer-composing") && !nativeMenuOpen(editor);
+}
+
+// src/browser/floating.ts
+function placeFloating(anchor, contentHeight, viewport, preferredWidth = 440) {
+  const margin = 12, gap = 8;
+  const width = Math.max(1, Math.min(preferredWidth, viewport.width - margin * 2));
+  const left = Math.max(viewport.left + margin, Math.min(anchor.right - width, viewport.left + viewport.width - margin - width));
+  const above = Math.max(0, anchor.top - viewport.top - margin - gap);
+  const below = Math.max(0, viewport.top + viewport.height - margin - anchor.bottom - gap);
+  const maximum = Math.max(1, Math.min(560, viewport.height - margin * 2));
+  const useAbove = above >= Math.min(contentHeight, maximum) || above >= below;
+  const room = useAbove ? above : below;
+  if (room < Math.min(120, maximum)) return { left, top: viewport.top + margin, width, maxHeight: maximum };
+  const maxHeight = Math.min(maximum, room);
+  const height = Math.min(Math.max(1, contentHeight), maxHeight);
+  const top = useAbove ? anchor.top - gap - height : anchor.bottom + gap;
+  return { left, top: Math.max(viewport.top + margin, top), width, maxHeight };
+}
+
+// src/browser/components.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var EMPTY_MODEL = { current: null };
+var noopSubscribe = () => () => {
+};
+function useFloatingPlacement(anchor, surface, visible, card = false) {
+  const [placement, setPlacement] = (0, import_react.useState)(null);
+  (0, import_react.useLayoutEffect)(() => {
+    if (!visible) {
+      setPlacement(null);
+      return;
+    }
+    const update = () => {
+      const trigger = card ? findEditor(anchor.current)?.closest("[data-composer-card]") : anchor.current;
+      const element = surface.current;
+      if (!trigger || !element) return;
+      const viewport = window.visualViewport;
+      const bounds = {
+        left: viewport?.offsetLeft ?? 0,
+        top: viewport?.offsetTop ?? 0,
+        width: viewport?.width ?? window.innerWidth,
+        height: viewport?.height ?? window.innerHeight
+      };
+      const rect = trigger.getBoundingClientRect();
+      const next = placeFloating(
+        rect,
+        element.scrollHeight || element.getBoundingClientRect().height || 160,
+        bounds,
+        card ? Math.min(640, rect.width || 480) : 480
+      );
+      setPlacement((previous) => previous && Object.keys(next).every((key) => previous[key] === next[key]) ? previous : next);
+    };
+    update();
+    window.addEventListener("resize", update);
+    window.addEventListener("scroll", update, true);
+    window.visualViewport?.addEventListener("resize", update);
+    window.visualViewport?.addEventListener("scroll", update);
+    const observer = typeof ResizeObserver === "function" ? new ResizeObserver(update) : null;
+    if (surface.current) observer?.observe(surface.current);
+    if (anchor.current) observer?.observe(anchor.current);
+    return () => {
+      window.removeEventListener("resize", update);
+      window.removeEventListener("scroll", update, true);
+      window.visualViewport?.removeEventListener("resize", update);
+      window.visualViewport?.removeEventListener("scroll", update);
+      observer?.disconnect();
+    };
+  }, [anchor, surface, visible, card]);
+  return placement;
+}
+function useController(runtime, sessionId) {
+  const controller = (0, import_react.useMemo)(() => runtime.controllerFor(sessionId), [runtime, sessionId]);
+  const state = (0, import_react.useSyncExternalStore)(controller.subscribe, controller.getSnapshot, controller.getSnapshot);
+  (0, import_react.useEffect)(() => runtime.retain(sessionId), [runtime, sessionId]);
+  return { controller, state };
+}
+function AssistantRight({ runtime, sessionId, useInput, useSession, inputActions }) {
+  const { controller, state } = useController(runtime, sessionId);
+  const input = useInput((value) => value);
+  const running = useSession((value) => value.running);
+  const removed = useSession((value) => value.removed);
+  const generation = (0, import_react.useSyncExternalStore)(
+    runtime.connection.generation.subscribe.bind(runtime.connection.generation),
+    () => runtime.transport.generation(),
+    () => null
+  );
+  const directory = (0, import_react.useMemo)(() => runtime.models?.directoryFor(sessionId), [runtime, sessionId]);
+  const model = (0, import_react.useSyncExternalStore)(
+    directory?.store.subscribe.bind(directory.store) ?? noopSubscribe,
+    directory?.store.getSnapshot.bind(directory.store) ?? (() => EMPTY_MODEL),
+    () => EMPTY_MODEL
+  );
+  const anchor = (0, import_react.useRef)(null);
+  const menuRef = (0, import_react.useRef)(null);
+  const noticeRef = (0, import_react.useRef)(null);
+  const previewRef = (0, import_react.useRef)(null);
+  const previewFocused = (0, import_react.useRef)(false);
+  const setPreviewRef = (0, import_react.useCallback)((node) => {
+    const previous = previewRef.current;
+    if (!node && previous && (previewFocused.current || previous.contains(document.activeElement))) {
+      queueMicrotask(() => {
+        if (!previous.isConnected && document.activeElement === document.body && anchor.current?.isConnected) findEditor(anchor.current)?.focus();
+      });
+    }
+    previewRef.current = node;
+    previewFocused.current = Boolean(node?.contains(document.activeElement));
+  }, []);
+  const menuTrigger = (0, import_react.useRef)(null);
+  const keyboardOpen = (0, import_react.useRef)(false);
+  const keyboardOptimize = (0, import_react.useRef)(false);
+  const composing = (0, import_react.useRef)(false);
+  const [isComposing, setIsComposing] = (0, import_react.useState)(false);
+  const menuId = (0, import_react.useId)();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const menuPlacement = useFloatingPlacement(anchor, menuRef, open);
+  const previewPlacement = useFloatingPlacement(anchor, previewRef, Boolean(state.preview), true);
+  const noticePlacement = useFloatingPlacement(anchor, noticeRef, !open && !state.preview && Boolean(state.notice || state.deletedDrafts.length || state.pendingUndoDrafts.length));
+  (0, import_react.useEffect)(() => {
+    const focusChanged = (event) => {
+      previewFocused.current = event.target instanceof Node && Boolean(previewRef.current?.contains(event.target));
+    };
+    const pointerChanged = (event) => {
+      if (event.target instanceof Node && !previewRef.current?.contains(event.target)) previewFocused.current = false;
+    };
+    document.addEventListener("focusin", focusChanged);
+    document.addEventListener("pointerdown", pointerChanged);
+    return () => {
+      document.removeEventListener("focusin", focusChanged);
+      document.removeEventListener("pointerdown", pointerChanged);
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    void directory?.load().catch(() => {
+    });
+  }, [directory]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (removed) {
+      controller.dispose();
+      return;
+    }
+    controller.bind({ sessionId, input, actions: inputActions, running, editor: findEditor(anchor.current), route: model.current ?? void 0 });
+  }, [controller, sessionId, input, inputActions, running, model.current, removed, generation]);
+  (0, import_react.useEffect)(() => {
+    const editor = findEditor(anchor.current);
+    if (!editor) return;
+    const selectionChanged = () => controller.notifySelectionChange();
+    const compositionStart = () => {
+      composing.current = true;
+      setIsComposing(true);
+      controller.setComposing(true);
+    };
+    const compositionEnd = () => {
+      composing.current = false;
+      setIsComposing(false);
+      controller.setComposing(false);
+    };
+    const keyDown = (event) => {
+      if (event.defaultPrevented || composing.current || event.isComposing || event.keyCode === 229 || editor.hasAttribute("data-composer-composing") || nativeMenuOpen(editor)) return;
+      const current = controller.getSnapshot();
+      if (event.key === "Escape") {
+        const target = document.activeElement;
+        const inside = focusedIn(editor) || anchor.current?.contains(target) || menuRef.current?.contains(target) || previewRef.current?.contains(target);
+        if (!inside) return;
+        if (current.preview) {
+          controller.dismissOptimization();
+          editor.focus();
+        } else if (open) {
+          setOpen(false);
+          menuTrigger.current?.focus();
+        } else if (current.suggestion) controller.dismissSuggestion();
+        else return;
+        event.preventDefault();
+        return;
+      }
+      if (!current.suggestion || !canUseTab(event, editor, false)) return;
+      if (![...document.querySelectorAll("[data-dsh-ia-visible-suggestion]")].some((node) => node.getAttribute("data-dsh-ia-session") === sessionId)) return;
+      if (controller.acceptSuggestion()) event.preventDefault();
+    };
+    document.addEventListener("selectionchange", selectionChanged);
+    editor.addEventListener("focus", selectionChanged);
+    editor.addEventListener("blur", selectionChanged);
+    editor.addEventListener("compositionstart", compositionStart);
+    editor.addEventListener("compositionend", compositionEnd);
+    window.addEventListener("keydown", keyDown);
+    return () => {
+      document.removeEventListener("selectionchange", selectionChanged);
+      editor.removeEventListener("focus", selectionChanged);
+      editor.removeEventListener("blur", selectionChanged);
+      editor.removeEventListener("compositionstart", compositionStart);
+      editor.removeEventListener("compositionend", compositionEnd);
+      window.removeEventListener("keydown", keyDown);
+    };
+  }, [controller, sessionId, open]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (open && menuPlacement && keyboardOpen.current) {
+      (menuRef.current?.querySelector("button:not(:disabled),select:not(:disabled),input:not(:disabled)") ?? menuRef.current)?.focus();
+      keyboardOpen.current = false;
+    }
+  }, [open, menuPlacement]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (state.preview && previewPlacement && (keyboardOptimize.current || anchor.current?.contains(document.activeElement))) {
+      previewRef.current?.querySelector("button:not(:disabled)")?.focus();
+      keyboardOptimize.current = false;
+    }
+  }, [state.preview, previewPlacement]);
+  (0, import_react.useEffect)(() => {
+    if (state.preview) setOpen(false);
+  }, [state.preview]);
+  (0, import_react.useEffect)(() => {
+    if (!open) return;
+    const close = (event) => {
+      if (event.target instanceof Node && !anchor.current?.contains(event.target) && !menuRef.current?.contains(event.target)) setOpen(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => {
+      document.removeEventListener("pointerdown", close);
+    };
+  }, [open]);
+  const preserveSelection = (event) => {
+    event.preventDefault();
+  };
+  const canEdit = input.phase === "plain" && !state.busy && !state.settingsSaving;
+  const canOptimize = canEdit && !state.preview && state.settings.optimizeEnabled;
+  const pure = !input.occurrences.length && !input.attachmentIds.length;
+  const auxiliaryRoute = state.settings.provider && state.settings.model ? { provider: state.settings.provider, model: state.settings.model } : model.current ?? state.status?.route;
+  const requestingSuggestion = state.suggestionStatus === "generating";
+  const canRequestSuggestion = canEdit && pure && !isComposing && !state.preview && state.connected && !running && !state.status?.running && !requestingSuggestion;
+  const retryLabel = state.suggestionStatus === "failed" || state.suggestionStatus === "abstained" ? "\u91CD\u8BD5\u672C\u6B21\u5EFA\u8BAE" : "\u751F\u6210\u5EFA\u8BAE";
+  const predict = () => {
+    findEditor(anchor.current)?.focus();
+    controller.retrySuggestion();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ia dsh-ia-root", ref: anchor, "data-dsh-input-assistant": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        className: "dsh-ia-trigger",
+        type: "button",
+        disabled: !canOptimize || !input.draft.trim() || !state.connected,
+        onPointerDown: preserveSelection,
+        onClick: (event) => {
+          keyboardOptimize.current = event.detail === 0;
+          void controller.optimize();
+        },
+        title: "\u6709\u9009\u533A\u65F6\u4F18\u5316\u9009\u533A\uFF0C\u5426\u5219\u4F18\u5316\u6574\u7A3F",
+        children: state.busy === "optimize" ? "\u4F18\u5316\u4E2D\u2026" : "\u4F18\u5316"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        className: "dsh-ia-trigger dsh-ia-predict-btn",
+        type: "button",
+        "aria-label": "\u9884\u6D4B",
+        disabled: !canRequestSuggestion,
+        onPointerDown: preserveSelection,
+        onClick: predict,
+        title: "\u751F\u6210\u4E00\u6B21\u9884\u6D4B\uFF0C\u67E5\u770B\u5019\u9009\u540E\u7531\u4F60\u91C7\u7EB3\uFF1B\u4E0D\u4F1A\u76F4\u63A5\u6539\u5199\u6216\u53D1\u9001",
+        children: requestingSuggestion ? "\u9884\u6D4B\u4E2D\u2026" : "\u9884\u6D4B"
+      }
+    ),
+    state.busy === "optimize" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dsh-ia-cancel-btn", type: "button", onClick: () => {
+      controller.cancelOperation();
+      findEditor(anchor.current)?.focus();
+    }, children: "\u53D6\u6D88\u4F18\u5316" }),
+    !state.busy && requestingSuggestion && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dsh-ia-cancel-btn", type: "button", onClick: () => {
+      controller.cancelOperation();
+      findEditor(anchor.current)?.focus();
+    }, children: "\u53D6\u6D88\u9884\u6D4B" }),
+    state.busy === "stash" && state.stashClearPending && !state.stashClearCancelled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "dsh-ia-cancel-btn", type: "button", onClick: () => controller.cancelOperation(), children: "\u53D6\u6D88\u6E05\u7A7A" }),
+    !open && !state.preview && state.suggestionStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dsh-ia-inline-status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "status", children: "\u5EFA\u8BAE\u672A\u5B8C\u6210" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          "aria-label": "\u91CD\u8BD5\u5EFA\u8BAE",
+          title: state.suggestionMessage,
+          disabled: !canRequestSuggestion,
+          onPointerDown: preserveSelection,
+          onClick: predict,
+          children: "\u91CD\u8BD5"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        ref: menuTrigger,
+        className: "dsh-ia-menu-btn",
+        type: "button",
+        "aria-label": "\u8F93\u5165\u52A9\u624B\u83DC\u5355",
+        "aria-expanded": open,
+        "aria-haspopup": "dialog",
+        "aria-controls": menuId,
+        title: auxiliaryRoute ? `\u8F85\u52A9\u6A21\u578B\uFF1A${auxiliaryRoute.provider} / ${auxiliaryRoute.model}` : "\u8F93\u5165\u52A9\u624B\u83DC\u5355",
+        onPointerDown: preserveSelection,
+        onClick: (event) => {
+          keyboardOpen.current = event.detail === 0;
+          setOpen((value) => !value);
+        },
+        children: "\u25BE"
+      }
+    ),
+    !open && !state.preview && (state.notice || state.deletedDrafts.length > 0 || state.pendingUndoDrafts.length > 0) && (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        ref: noticeRef,
+        role: "status",
+        className: "dsh-ia dsh-ia-notice",
+        style: noticePlacement ?? { visibility: "hidden" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: state.notice }),
+          state.deletedDrafts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: Boolean(state.busy), onClick: () => {
+            void controller.undoDeleteDrafts();
+          }, children: "\u64A4\u9500\u5220\u9664" }),
+          state.deletedDrafts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => {
+            void copyText(state.deletedDrafts.map((draft) => draft.text).join("\n\n"), controller, "\u5907\u4EFD\u5DF2\u590D\u5236");
+          }, children: "\u590D\u5236\u5220\u9664\u5907\u4EFD" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PendingUndo, { drafts: state.pendingUndoDrafts, controller, busy: Boolean(state.busy) }),
+          state.notice && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "aria-label": "\u5173\u95ED\u63D0\u793A", onClick: () => controller.clearNotice(), children: "\xD7" })
+        ]
+      }
+    ), document.body),
+    state.preview && (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        ref: setPreviewRef,
+        className: "dsh-ia dsh-ia-menu dsh-ia-preview",
+        role: "dialog",
+        "aria-label": "\u4F18\u5316\u9884\u89C8",
+        style: previewPlacement ?? { visibility: "hidden" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "\u4F18\u5316\u9884\u89C8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-ia-muted", children: "\u539F\u7A3F\u5C1A\u672A\u4FEE\u6539\u3002\u67E5\u770B\u589E\u5220\u5185\u5BB9\u540E\u51B3\u5B9A\u662F\u5426\u91C7\u7EB3\uFF1B\u91C7\u7EB3\u540E\u4ECD\u7531\u4F60\u53D1\u9001\u3002" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiffView, { before: state.preview.beforeTarget, after: state.preview.text }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ia-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                disabled: !state.connected || state.settingsSaving || Boolean(state.busy),
+                onPointerDown: preserveSelection,
+                onClick: () => {
+                  if (controller.applyOptimization()) findEditor(anchor.current)?.focus();
+                },
+                children: "\u91C7\u7EB3\u4F18\u5316"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => {
+              controller.dismissOptimization();
+              findEditor(anchor.current)?.focus();
+            }, children: "\u4FDD\u7559\u539F\u6587" })
+          ] })
+        ]
+      }
+    ), document.body),
+    open && (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: menuId, ref: menuRef, role: "dialog", tabIndex: -1, className: "dsh-ia dsh-ia-menu", "aria-label": "\u8F93\u5165\u52A9\u624B", style: menuPlacement ?? { visibility: "hidden" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "\u8F93\u5165\u52A9\u624B" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-muted", children: "\u5F53\u524D\u4F1A\u8BDD\u8349\u7A3F\u4E0E\u5FEB\u6377\u64CD\u4F5C \xB7 \u91C7\u7EB3\u540E\u7531\u4F60\u53D1\u9001" }),
+      state.settingsSaving && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "status", children: "\u8BBE\u7F6E\u4FDD\u5B58\u4E2D\u2026" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+        "\u4F18\u5316\u5F3A\u5EA6 ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "select",
+          {
+            "aria-label": "\u4F18\u5316\u5F3A\u5EA6",
+            value: state.settings.optimizationStrength,
+            disabled: state.settingsSaving || !state.settings.optimizeEnabled,
+            onChange: (event) => {
+              void controller.updateSettings({ optimizationStrength: event.target.value });
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "light", children: "\u8F7B\u5EA6\u6DA6\u8272" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "standard", children: "\u6807\u51C6\u4F18\u5316" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "deep", children: "\u6DF1\u5EA6\u68B3\u7406" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-muted", children: "\u4F18\u5316\u5F3A\u5EA6\u4E3A\u5168\u5C40\u8BBE\u7F6E\uFF0C\u5BF9\u6240\u6709\u4F1A\u8BDD\u751F\u6548\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+        "\u9884\u6D4B\u8BE6\u7565\u5EA6 ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "select",
+          {
+            "aria-label": "\u9884\u6D4B\u8BE6\u7565\u5EA6",
+            value: state.settings.predictionDetail,
+            disabled: state.settingsSaving,
+            onChange: (event) => {
+              void controller.updateSettings({ predictionDetail: event.target.value });
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "concise", children: "\u7B80\u660E" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "standard", children: "\u6807\u51C6" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "detailed", children: "\u8BE6\u5C3D" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-muted", children: "\u9884\u6D4B\u8BE6\u7565\u5EA6\u4E3A\u5168\u5C40\u8BBE\u7F6E\uFF1B\u8BE6\u5C3D\u6A21\u5F0F\u53EF\u63D0\u4F9B\u591A\u884C\u7ED3\u6784\uFF0C\u4ECD\u9075\u5B88\u957F\u5EA6\u4E0A\u9650\u3002" }),
+      (state.notice || state.deletedDrafts.length > 0 || state.pendingUndoDrafts.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ia-notice", role: "status", children: [
+        state.notice,
+        state.deletedDrafts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: Boolean(state.busy), onClick: () => {
+          void controller.undoDeleteDrafts();
+        }, children: "\u64A4\u9500\u5220\u9664" }),
+        state.deletedDrafts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => {
+          void copyText(state.deletedDrafts.map((draft) => draft.text).join("\n\n"), controller, "\u5907\u4EFD\u5DF2\u590D\u5236");
+        }, children: "\u590D\u5236\u5220\u9664\u5907\u4EFD" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PendingUndo, { drafts: state.pendingUndoDrafts, controller, busy: Boolean(state.busy) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ia-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", disabled: !canOptimize, onPointerDown: preserveSelection, onClick: () => controller.lockSelection(), children: [
+          "\u4FDD\u62A4\u9009\u4E2D\u539F\u6587",
+          state.locked.length ? ` (${state.locked.length})` : ""
+        ] }),
+        state.locked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => controller.clearLocks(), children: "\u6E05\u9664\u4FDD\u62A4" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-muted", children: "\u4EE3\u7801\u3001\u8DEF\u5F84\u548C\u7F51\u5740\u81EA\u52A8\u4FDD\u62A4\uFF1B\u624B\u52A8\u4FDD\u62A4\u5728\u7F16\u8F91\u8349\u7A3F\u540E\u6E05\u9664\u3002" }),
+      state.change && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { className: "dsh-ia-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", { children: "\u67E5\u770B\u6539\u52A8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiffView, { before: state.change.beforeTarget, after: state.change.afterTarget }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ia-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: !controller.canRestore(), onPointerDown: preserveSelection, onClick: () => controller.restoreOriginal(), children: "\u8FD8\u539F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => {
+            void copyText(state.change.beforeTarget, controller);
+          }, children: "\u590D\u5236\u539F\u6587" })
+        ] }),
+        !controller.canRestore() && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-muted", children: "\u8349\u7A3F\u5DF2\u6709\u65B0\u7F16\u8F91\uFF0C\u539F\u6587\u4ECD\u53EF\u590D\u5236\u3002" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-ia-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h4", { children: [
+          "\u8349\u7A3F\u6682\u5B58 (",
+          state.drafts.length,
+          "/3)"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: !state.settings.stashEnabled || !canEdit || !pure || !input.draft.trim() || state.drafts.length >= 3, onPointerDown: preserveSelection, onClick: () => {
+          void controller.stash();
+        }, children: "\u6682\u5B58\u5E76\u6E05\u7A7A" }),
+        !state.settings.stashEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-ia-muted", children: "\u6682\u5B58\u5DF2\u5173\u95ED\uFF1B\u5386\u53F2\u8349\u7A3F\u4ECD\u53EF\u67E5\u770B\u548C\u5220\u9664\uFF0C\u91CD\u65B0\u542F\u7528\u540E\u53EF\u6062\u590D\u3002" }),
+        !pure && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-ia-muted", children: "\u6682\u5B58\u548C\u6062\u590D\u4EC5\u652F\u6301\u65E0\u5F15\u7528\u3001\u65E0\u9644\u4EF6\u7684\u7EAF\u6587\u672C\u8349\u7A3F\u3002" }),
+        state.drafts.map((draft) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          DraftCard,
+          {
+            draft,
+            controller,
+            canEdit: state.settings.stashEnabled && canEdit && pure,
+            canReplace: state.settings.stashEnabled && canEdit && pure && Boolean(input.draft.trim()) && state.drafts.length >= 3
+          },
+          draft.id
+        )),
+        state.drafts.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-ia-muted", children: "\u6682\u5B58\u540E\u53EF\u4EE5\u5148\u8FFD\u95EE\u522B\u7684\uFF0C\u518D\u627E\u56DE\u539F\u6765\u7684\u8349\u7A3F\u3002" }),
+        state.drafts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: Boolean(state.busy), onClick: () => {
+          void controller.clearDrafts();
+        }, children: "\u6E05\u7A7A\u6682\u5B58" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-ia-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "\u8F93\u5165\u5EFA\u8BAE" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ia-muted dsh-ia-route", children: [
+          "\u8F85\u52A9\u6A21\u578B\uFF1A",
+          auxiliaryRoute ? `${auxiliaryRoute.provider} / ${auxiliaryRoute.model}` : "\u5C1A\u672A\u9009\u62E9",
+          state.settings.provider ? "\uFF08\u56FA\u5B9A\uFF09" : "\uFF08\u8DDF\u968F\u8F93\u5165\u6846\uFF09"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-suggestion-state", role: "status", "aria-label": "\u8F93\u5165\u5EFA\u8BAE\u72B6\u6001", "aria-live": "polite", children: state.suggestionMessage || "\u53EF\u624B\u52A8\u751F\u6210\u4E00\u6B21\u5EFA\u8BAE\uFF1B\u5F00\u542F\u81EA\u52A8\u5EFA\u8BAE\u540E\u4E5F\u4F1A\u6309\u8BBE\u7F6E\u89E6\u53D1\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-muted", children: "Tab \u91C7\u7EB3\uFF0CEsc \u5FFD\u7565\uFF1B\u5EFA\u8BAE\u4E0D\u4F1A\u81EA\u52A8\u53D1\u9001\u3002" }),
+        !pure && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-muted", children: "\u624B\u52A8\u5EFA\u8BAE\u4EC5\u652F\u6301\u65E0\u9644\u4EF6\u3001\u65E0\u5F15\u7528\u7684\u7EAF\u6587\u672C\u8349\u7A3F\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ia-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: !canRequestSuggestion, onPointerDown: preserveSelection, onClick: () => {
+            predict();
+            setOpen(false);
+          }, children: retryLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => controller.dismissSuggestion(), children: "\u6682\u505C\u81F3\u4E0B\u6B21\u7F16\u8F91" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { className: "dsh-ia-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", { children: "\u672C\u6B21\u4F7F\u7528\u7EDF\u8BA1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "dsh-ia-muted", children: [
+          "\u5F53\u524D\u4F1A\u8BDD\uFF1A\u5C55\u793A ",
+          state.metrics.exposures,
+          " \u6B21\uFF0C\u91C7\u7EB3 ",
+          state.metrics.accepted,
+          " \u6B21\uFF0C \u91C7\u7EB3\u540E\u7EE7\u7EED\u7F16\u8F91 ",
+          state.metrics.editedAcceptances,
+          " \u6B21\uFF0C\u7F16\u8F91\u5B57\u6570\u7EA6 ",
+          state.metrics.editedCharacters,
+          "\uFF0C\u8F85\u52A9\u8C03\u7528 ",
+          state.metrics.calls,
+          " \u6B21\u3002"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-muted", children: "\u4EC5\u4FDD\u7559\u5728\u672C\u6B21\u63D2\u4EF6\u8FD0\u884C\u5185\uFF0C\u4E0D\u4E0A\u4F20\uFF1B\u5FFD\u7565\u5EFA\u8BAE\u4E0D\u4F1A\u88AB\u89C6\u4E3A\u8D1F\u53CD\u9988\u3002" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-ia-muted", children: "\u529F\u80FD\u5F00\u5173\u3001\u663E\u793A\u65B9\u5F0F\u4E0E\u8F85\u52A9\u6A21\u578B\uFF1ADSH \u8BBE\u7F6E \u2192 \u8F93\u5165\u52A9\u624B\uFF08\u5168\u5C40\u8BBE\u7F6E\uFF09" })
+    ] }), document.body)
+  ] });
+}
+function DiffView({ before, after }) {
+  const parts = (0, import_react.useMemo)(() => diffText(before, after), [before, after]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-pre dsh-ia-diff", children: parts.map((part, index) => part.type === "insert" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ins", { children: part.value }, index) : part.type === "delete" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("del", { children: part.value }, index) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: part.value }, index)) });
+}
+function PendingUndo({ drafts, controller, busy }) {
+  if (!drafts.length) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ia-pending-undo", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", { children: [
+        "\u6682\u672A\u6062\u590D\u7684\u8349\u7A3F (",
+        drafts.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-pre", children: drafts.map((draft) => draft.text).join("\n\n") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ia-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy, onClick: () => {
+        void controller.undoDeleteDrafts("pending");
+      }, children: "\u91CD\u8BD5\u6062\u590D\u8349\u7A3F" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => {
+        void copyText(drafts.map((draft) => draft.text).join("\n\n"), controller, "\u5F85\u6062\u590D\u8349\u7A3F\u5DF2\u590D\u5236");
+      }, children: "\u590D\u5236\u5F85\u6062\u590D\u8349\u7A3F" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: busy, onClick: () => controller.discardPendingUndo(), children: "\u653E\u5F03\u6B64\u6062\u590D\u5907\u4EFD" })
+    ] })
+  ] });
+}
+function DraftCard({ draft, controller, canEdit, canReplace }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { className: "dsh-ia-draft", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", { children: draft.text.split("\n")[0].slice(0, 50) || "\u672A\u547D\u540D\u8349\u7A3F" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { children: new Date(draft.createdAt).toLocaleString() }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-ia-pre", children: draft.text }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-ia-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: !canEdit, onPointerDown: (event) => event.preventDefault(), onClick: () => controller.restoreDraft(draft, "append"), children: "\u8FFD\u52A0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: !canEdit, onPointerDown: (event) => event.preventDefault(), onClick: () => controller.restoreDraft(draft, "replace"), children: "\u66FF\u6362" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => {
+        void copyText(draft.text, controller, "\u8349\u7A3F\u5DF2\u590D\u5236");
+      }, children: "\u590D\u5236\u8349\u7A3F" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: Boolean(controller.getSnapshot().busy), onClick: () => {
+        void controller.deleteDraft(draft.id);
+      }, children: "\u5220\u9664" }),
+      canReplace && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onPointerDown: (event) => event.preventDefault(), onClick: () => {
+        void controller.stash(draft.id);
+      }, children: "\u7528\u5F53\u524D\u8349\u7A3F\u66FF\u6362\u6B64\u6761" })
+    ] })
+  ] });
+}
+async function copyText(text, controller, success = "\u539F\u6587\u5DF2\u590D\u5236") {
+  try {
+    await navigator.clipboard.writeText(text);
+    controller.notice(success);
+  } catch {
+    controller.notice("\u590D\u5236\u4E0D\u53EF\u7528\uFF0C\u8BF7\u5C55\u5F00\u5BF9\u5E94\u6587\u672C\u540E\u624B\u52A8\u9009\u62E9\u590D\u5236");
+  }
+}
+function AssistantOverlay({ runtime, sessionId }) {
+  const { controller, state } = useController(runtime, sessionId);
+  const anchor = (0, import_react.useRef)(null);
+  const panelRef = (0, import_react.useRef)(null);
+  const [geometry, setGeometry] = (0, import_react.useState)(null);
+  const suggestion = state.suggestion;
+  const displayMode = state.settings.predictionDetail === "detailed" ? "panel" : state.settings.displayMode;
+  const panelPlacement = useFloatingPlacement(anchor, panelRef, Boolean(suggestion) && displayMode === "panel", true);
+  (0, import_react.useEffect)(() => {
+    if (suggestion && (displayMode === "panel" && panelPlacement || geometry)) controller.markExposed(suggestion.snapshot.requestId);
+  }, [controller, suggestion, geometry, panelPlacement, displayMode]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (!suggestion || displayMode !== "ghost") {
+      setGeometry(null);
+      return;
+    }
+    const update = () => setGeometry(measureGhost(findEditor(anchor.current), suggestion.snapshot.draft === ""));
+    update();
+    window.addEventListener("resize", update);
+    window.addEventListener("scroll", update, true);
+    document.addEventListener("selectionchange", update);
+    const editor = findEditor(anchor.current);
+    editor?.addEventListener("focus", update);
+    editor?.addEventListener("blur", update);
+    const resize = typeof ResizeObserver === "function" ? new ResizeObserver(update) : null;
+    if (editor) resize?.observe(editor);
+    return () => {
+      window.removeEventListener("resize", update);
+      window.removeEventListener("scroll", update, true);
+      document.removeEventListener("selectionchange", update);
+      editor?.removeEventListener("focus", update);
+      editor?.removeEventListener("blur", update);
+      resize?.disconnect();
+    };
+  }, [suggestion, displayMode]);
+  const ghostStyle = geometry ? {
+    left: geometry.left,
+    top: geometry.top,
+    width: geometry.width,
+    maxHeight: `min(3lh, ${geometry.maxHeight}px)`,
+    font: geometry.font,
+    lineHeight: geometry.lineHeight,
+    letterSpacing: geometry.letterSpacing
+  } : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { ref: anchor, className: "dsh-ia", style: { display: "contents" }, children: [
+    suggestion && displayMode === "panel" && (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        ref: panelRef,
+        className: "dsh-ia dsh-ia-candidate",
+        role: "status",
+        style: panelPlacement ?? { visibility: "hidden" },
+        "data-dsh-ia-visible-suggestion": panelPlacement ? "" : void 0,
+        "data-dsh-ia-session": sessionId,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-ia-candidate-text", children: suggestion.text }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onPointerDown: (event) => event.preventDefault(), onClick: () => controller.acceptSuggestion(), children: "\u91C7\u7EB3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "aria-label": "\u5FFD\u7565\u5EFA\u8BAE", onClick: () => controller.dismissSuggestion(), children: "\xD7" })
+        ]
+      }
+    ), document.body),
+    suggestion && geometry && displayMode === "ghost" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dsh-ia-sr-only", role: "status", "aria-atomic": "true", children: [
+        "\u6709\u8F93\u5165\u5EFA\u8BAE\uFF1A",
+        suggestion.text,
+        "\u3002\u6309 Tab \u91C7\u7EB3\uFF0C\u6309 Esc \u5FFD\u7565\u3002"
+      ] }),
+      suggestion.snapshot.draft === "" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { hidden: true, "data-dsh-ia-empty-ghost": "" }),
+      (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          className: "dsh-ia dsh-ia-ghost",
+          style: ghostStyle,
+          "aria-hidden": "true",
+          "data-dsh-ia-visible-suggestion": "",
+          "data-dsh-ia-session": sessionId,
+          children: suggestion.text
+        }
+      ), document.body)
+    ] })
+  ] });
+}
+
+// src/core/types.ts
+var DEFAULT_CONFIG = Object.freeze({
+  optimizeEnabled: true,
+  stashEnabled: true,
+  optimizationStrength: "standard",
+  nextEnabled: true,
+  completionEnabled: true,
+  predictionDetail: "standard",
+  displayMode: "ghost",
+  debounceMs: 600,
+  minIntervalMs: 2e3,
+  maxHistoryChars: 16e3,
+  maxDraftChars: 8e3,
+  maxNextChars: 120,
+  maxCompletionChars: 80,
+  optimizeTimeoutMs: 6e4,
+  suggestionTimeoutMs: 15e3,
+  provider: "",
+  model: ""
+});
+var AssistantError = class extends Error {
+  constructor(code, message) {
+    super(message);
+    this.code = code;
+    this.name = "AssistantError";
+  }
+};
+
+// src/core/snapshot.ts
+function snapshotMatches(expected, current, checkCaret = true) {
+  return expected.sessionId === current.sessionId && expected.sourceTurnId === current.sourceTurnId && expected.connectionGeneration === current.connectionGeneration && expected.routeKey === current.routeKey && expected.draftRev === current.draftRev && expected.draft === current.draft && (!checkCaret || expected.span.start === current.span.start && expected.span.end === current.span.end);
+}
+
+// src/core/context.ts
+var charCount = (text) => Array.from(text).length;
+
+// src/browser/controller.ts
+var emptyMetrics = () => ({ exposures: 0, accepted: 0, editedAcceptances: 0, editedCharacters: 0, calls: 0, totalLatencyMs: 0 });
+var initial = () => ({
+  status: null,
+  settings: { ...DEFAULT_CONFIG },
+  busy: null,
+  stashClearCancelled: false,
+  stashClearPending: false,
+  notice: "",
+  suggestion: null,
+  suggestionStatus: "idle",
+  suggestionMessage: "",
+  preview: null,
+  change: null,
+  drafts: [],
+  deletedDrafts: [],
+  pendingUndoDrafts: [],
+  locked: [],
+  connected: false,
+  settingsSaving: false,
+  metrics: emptyMetrics()
+});
+var InputAssistantController = class {
+  constructor(sessionId, transport, metrics, saveSettings, undo) {
+    this.sessionId = sessionId;
+    this.transport = transport;
+    this.saveSettings = saveSettings;
+    if (metrics) this.state.metrics = { ...metrics };
+    if (undo && undo.generation === transport.generation()) {
+      this.clientGeneration = undo.generation;
+      this.state.pendingUndoDrafts = undo.pending.map((draft) => ({ ...draft }));
+      if (undo.expiresAt > Date.now()) {
+        this.state.deletedDrafts = undo.recent.map((draft) => ({ ...draft }));
+        this.undoExpiresAt = undo.expiresAt;
+        this.armUndoExpiry();
+      }
+    }
+  }
+  state = initial();
+  listeners = /* @__PURE__ */ new Set();
+  binding = null;
+  active = null;
+  timer;
+  /** Cache key the armed completion timer was scheduled for; null when no timer is armed. */
+  timerKey = null;
+  manualTimerKey = null;
+  poll;
+  undoTimer;
+  undoExpiresAt = 0;
+  requestPrefix = Array.from(crypto.getRandomValues(new Uint32Array(4)), (word) => word.toString(36)).join("-");
+  completionRetryAt = 0;
+  polling = false;
+  lifecycle = new AbortController();
+  disposed = false;
+  composing = false;
+  settingsPending = false;
+  settingsEpoch = 0;
+  draftsEpoch = 0;
+  stashEpoch = 0;
+  nextTurns = /* @__PURE__ */ new Set();
+  failedNextKey = null;
+  nextCache = null;
+  completionCache = /* @__PURE__ */ new Map();
+  failedCompletionKey = null;
+  lastCompletionStart = -Infinity;
+  suppressUntilEdit = null;
+  sequence = 0;
+  clientGeneration = null;
+  lockedRanges = [];
+  exposed = /* @__PURE__ */ new Set();
+  acceptance = null;
+  getUndoSnapshot() {
+    return {
+      recent: this.undoExpiresAt > Date.now() ? this.state.deletedDrafts.map((draft) => ({ ...draft })) : [],
+      expiresAt: this.undoExpiresAt,
+      pending: this.state.pendingUndoDrafts.map((draft) => ({ ...draft })),
+      generation: this.clientGeneration
+    };
+  }
+  armUndoExpiry() {
+    clearTimeout(this.undoTimer);
+    if (!Number.isFinite(this.undoExpiresAt)) return;
+    this.undoTimer = setTimeout(() => {
+      this.undoExpiresAt = 0;
+      this.patch({ deletedDrafts: [], notice: this.state.notice === "\u5DF2\u5220\u9664\u6682\u5B58\uFF0C10 \u79D2\u5185\u53EF\u64A4\u9500" ? "" : this.state.notice });
+    }, Math.max(0, this.undoExpiresAt - Date.now()));
+  }
+  getSnapshot = () => this.state;
+  subscribe = (listener) => {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  };
+  patch(update) {
+    if (this.disposed) return;
+    this.state = { ...this.state, ...update };
+    for (const listener of this.listeners) listener();
+  }
+  start() {
+    if (this.poll || this.disposed) return;
+    void this.refresh();
+    void this.refreshDrafts();
+    this.schedulePoll();
+    document.addEventListener("visibilitychange", this.visibilityChanged);
+  }
+  visibilityChanged = () => {
+    clearTimeout(this.poll);
+    if (document.visibilityState === "hidden") {
+      if (this.active?.snapshot.operation !== "optimize" && !this.active?.snapshot.manual) this.cancelActive();
+      this.clearTimer();
+      this.patch({ suggestion: null, suggestionStatus: "paused", suggestionMessage: "\u9875\u9762\u5DF2\u9690\u85CF\uFF0C\u81EA\u52A8\u5EFA\u8BAE\u5DF2\u6682\u505C" });
+    } else {
+      void this.refresh();
+      this.driveSuggestions();
+    }
+    this.schedulePoll();
+  };
+  schedulePoll() {
+    const delay = document.visibilityState === "hidden" ? 1e4 : this.binding?.running || this.state.busy ? 900 : 3e3;
+    this.poll = setTimeout(() => {
+      void this.refresh();
+      this.schedulePoll();
+    }, delay);
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.cancelActive();
+    this.clearTimer();
+    clearTimeout(this.poll);
+    clearTimeout(this.undoTimer);
+    document.removeEventListener("visibilitychange", this.visibilityChanged);
+    this.lifecycle.abort();
+    this.disposed = true;
+    this.listeners.clear();
+    this.binding = null;
+  }
+  bind(binding) {
+    if (this.disposed || binding.sessionId !== this.sessionId) return;
+    const previous = this.binding;
+    this.binding = binding;
+    const generation = this.transport.generation();
+    if (generation !== this.clientGeneration) {
+      this.clientGeneration = generation;
+      this.invalidate(true);
+      clearTimeout(this.undoTimer);
+      this.undoExpiresAt = 0;
+      this.patch({ connected: false, status: null, drafts: [], deletedDrafts: [], pendingUndoDrafts: [] });
+      if (generation !== null && this.poll) {
+        void this.refresh();
+        void this.refreshDrafts();
+      }
+    }
+    const changed = previous && (previous.input.draftRev !== binding.input.draftRev || previous.input.draft !== binding.input.draft || this.routeKey(previous.route) !== this.routeKey(binding.route) || previous.running !== binding.running || previous.input.phase !== binding.input.phase || previous.input.attachmentIds.length !== binding.input.attachmentIds.length || previous.input.occurrences.length !== binding.input.occurrences.length);
+    if (changed) {
+      this.cancelActive();
+      if (previous.input.draft !== binding.input.draft) this.observeAcceptedEdit(binding.input.draft);
+      if (previous.input.draft !== binding.input.draft) this.lockedRanges = [];
+      if (previous.input.draft !== binding.input.draft) this.failedCompletionKey = null;
+      this.patch({ suggestion: null, suggestionStatus: "idle", suggestionMessage: "", preview: null, ...previous.input.draft !== binding.input.draft ? { locked: [] } : {} });
+      if (this.suppressUntilEdit !== null && binding.input.draft !== this.suppressUntilEdit) this.suppressUntilEdit = null;
+    }
+    this.driveSuggestions();
+  }
+  notifySelectionChange() {
+    if (nativeMenuOpen(this.binding?.editor ?? null)) {
+      if (this.active?.snapshot.operation !== "optimize") this.cancelActive();
+      this.clearTimer();
+      this.patch({ suggestion: null });
+      return;
+    }
+    if (this.active && this.active.snapshot.operation !== "optimize" && !this.sameCaret(this.active.caret)) this.cancelActive();
+    if (this.state.suggestion && !this.isCurrent(this.state.suggestion.snapshot, true)) this.patch({ suggestion: null });
+    this.driveSuggestions();
+  }
+  setComposing(value) {
+    this.composing = value;
+    if (value) {
+      this.cancelActive();
+      this.clearTimer();
+      this.patch({ suggestion: null });
+    } else this.driveSuggestions();
+  }
+  dismissSuggestion() {
+    this.clearTimer();
+    this.cancelActive();
+    this.patch({ suggestion: null, suggestionStatus: "paused", suggestionMessage: "\u5DF2\u6682\u505C\u81F3\u4E0B\u6B21\u7F16\u8F91" });
+    this.suppressUntilEdit = this.binding?.input.draft ?? "";
+  }
+  dismissOptimization() {
+    this.suppressUntilEdit = this.binding?.input.draft ?? "";
+    this.patch({ preview: null, notice: "\u5DF2\u4FDD\u7559\u539F\u6587" });
+  }
+  cancelOperation() {
+    if (this.state.busy === "stash" && this.state.stashClearPending) {
+      this.stashEpoch++;
+      this.patch({ stashClearCancelled: true, notice: "\u5DF2\u53D6\u6D88\u6E05\u7A7A\uFF1B\u4FDD\u5B58\u5B8C\u6210\u540E\u4ECD\u4FDD\u7559\u5F53\u524D\u8F93\u5165" });
+      return;
+    }
+    if (this.state.busy === "stash") {
+      this.patch({ notice: "\u5B58\u50A8\u64CD\u4F5C\u6B63\u5728\u5B8C\u6210\uFF0C\u8BF7\u7A0D\u540E\u518D\u64CD\u4F5C" });
+      return;
+    }
+    this.cancelActive();
+    this.clearTimer();
+    this.suppressUntilEdit = this.binding?.input.draft ?? "";
+    this.patch({ preview: null, suggestion: null, notice: "\u5DF2\u53D6\u6D88\uFF0C\u539F\u7A3F\u5DF2\u4FDD\u7559" });
+  }
+  clearNotice() {
+    this.patch({ notice: "" });
+  }
+  notice(text) {
+    this.patch({ notice: text });
+  }
+  async refresh() {
+    if (this.disposed || this.polling || this.transport.generation() === null) return;
+    const generation = this.transport.generation();
+    const settingsEpoch = this.settingsEpoch;
+    this.polling = true;
+    try {
+      const status = await this.transport.call("status", { sessionId: this.sessionId }, this.lifecycle.signal);
+      if (this.disposed || this.transport.generation() !== generation || settingsEpoch !== this.settingsEpoch) return;
+      const previous = this.state.status;
+      const changed = previous && (status.sourceTurnId !== previous.sourceTurnId || status.generation !== previous.generation || this.routeKey(status.route) !== this.routeKey(previous.route) || status.running !== previous.running || JSON.stringify(status.settings) !== JSON.stringify(previous.settings));
+      if (changed) this.invalidate(true);
+      if (!previous || changed || !this.state.connected) this.patch({ status, settings: status.settings, connected: true });
+      this.driveSuggestions();
+    } catch {
+      if (!this.disposed && this.transport.generation() === generation && settingsEpoch === this.settingsEpoch) {
+        this.invalidate(false, false);
+        this.patch({ connected: false });
+      }
+    } finally {
+      this.polling = false;
+    }
+  }
+  async updateSettings(update) {
+    if (this.settingsPending) return;
+    if (this.saveSettings) {
+      try {
+        await this.saveSettings(update);
+        this.patch({ notice: "\u8BBE\u7F6E\u5DF2\u4FDD\u5B58" });
+      } catch (error) {
+        this.patch({ notice: this.errorMessage(error) });
+      }
+      return;
+    }
+    this.beginSettingsUpdate();
+    try {
+      const settings = await this.transport.call("settings/set", update, this.lifecycle.signal);
+      this.applySettings(settings);
+      this.patch({ notice: "\u8BBE\u7F6E\u5DF2\u4FDD\u5B58" });
+    } catch (error) {
+      this.patch({ notice: this.errorMessage(error) });
+    } finally {
+      this.endSettingsUpdate();
+    }
+  }
+  beginSettingsUpdate() {
+    this.settingsEpoch++;
+    this.settingsPending = true;
+    this.invalidate(false);
+    this.patch({ settingsSaving: true });
+  }
+  endSettingsUpdate() {
+    this.settingsPending = false;
+    this.patch({ settingsSaving: false });
+    this.driveSuggestions();
+  }
+  /** A settings page can update every mounted composer without waiting for its status poll. */
+  applySettings(settings) {
+    this.settingsEpoch++;
+    this.invalidate(true);
+    this.patch({ settings, ...this.state.status ? { status: { ...this.state.status, settings } } : {} });
+    this.driveSuggestions();
+  }
+  lockSelection() {
+    const captured = this.captureTarget(true);
+    if (!captured) return;
+    if (this.state.locked.includes(captured.text)) return;
+    this.lockedRanges.push({ text: captured.text, span: captured.span });
+    this.patch({ locked: [...this.state.locked, captured.text], notice: "\u5DF2\u4FDD\u62A4\u9009\u4E2D\u539F\u6587\uFF1B\u7F16\u8F91\u8349\u7A3F\u540E\u9700\u91CD\u65B0\u9501\u5B9A" });
+  }
+  clearLocks() {
+    this.lockedRanges = [];
+    this.patch({ locked: [], notice: "\u5DF2\u6E05\u9664\u624B\u52A8\u4FDD\u62A4\u7247\u6BB5" });
+  }
+  async optimize() {
+    if (this.settingsPending) return;
+    if (!this.state.settings.optimizeEnabled) {
+      this.patch({ notice: "\u63D0\u793A\u8BCD\u4F18\u5316\u5DF2\u5173\u95ED\uFF0C\u53EF\u5728\u8F93\u5165\u52A9\u624B\u8BBE\u7F6E\u4E2D\u542F\u7528" });
+      return;
+    }
+    const binding = this.binding;
+    if (!binding || this.state.busy) return;
+    const target = this.captureTarget(false);
+    if (!target || !target.text.trim()) return;
+    if (this.lockedRanges.some((lock) => target.span.start < lock.span.end && target.span.end > lock.span.start && !(target.span.start <= lock.span.start && target.span.end >= lock.span.end))) {
+      this.patch({ notice: "\u9009\u533A\u8DE8\u8D8A\u4E86\u53D7\u4FDD\u62A4\u7247\u6BB5\u7684\u8FB9\u754C\uFF0C\u8BF7\u5B8C\u6574\u5305\u542B\u6216\u907F\u5F00\u8BE5\u7247\u6BB5" });
+      return;
+    }
+    if (charCount(target.text) > this.state.settings.maxDraftChars) {
+      this.patch({ notice: `\u5F85\u4F18\u5316\u5185\u5BB9\u8D85\u8FC7 ${this.state.settings.maxDraftChars} \u5B57\u7B26\uFF0C\u8BF7\u9009\u62E9\u8F83\u77ED\u7247\u6BB5` });
+      return;
+    }
+    this.clearTimer();
+    this.cancelActive();
+    this.patch({ suggestion: null, preview: null, busy: "optimize", notice: "" });
+    const snapshot = this.snapshot("optimize", target.span, target.text);
+    if (!snapshot) {
+      this.patch({ busy: null, notice: "\u8FDE\u63A5\u6216\u6A21\u578B\u5C1A\u672A\u5C31\u7EEA\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" });
+      return;
+    }
+    const active = this.begin(snapshot);
+    try {
+      const result = await this.transport.call("generate", snapshot, active.controller.signal);
+      if (this.active !== active || !this.isCurrent(snapshot, false) || !this.validResult(result, snapshot)) return;
+      if (result.text === null || !result.text.trim()) {
+        this.patch({ notice: "\u6CA1\u6709\u53EF\u5E94\u7528\u7684\u4F18\u5316\u7ED3\u679C\uFF0C\u539F\u6587\u5DF2\u4FDD\u7559" });
+        return;
+      }
+      this.patch({ preview: {
+        request: snapshot,
+        text: result.text,
+        beforeTarget: target.text,
+        clipboardStart: target.clipboardStart,
+        clipboardEnd: target.clipboardEnd,
+        clientGeneration: active.clientGeneration
+      }, notice: "" });
+    } catch (error) {
+      if (!active.controller.signal.aborted) this.patch({ notice: this.errorMessage(error) });
+    } finally {
+      this.recordLatency(active);
+      if (this.active === active) {
+        this.active = null;
+        this.patch({ busy: null });
+      }
+    }
+  }
+  applyOptimization() {
+    const preview = this.state.preview, binding = this.binding;
+    if (!preview || !binding || !this.state.connected || this.state.busy || this.settingsPending || this.composing || !this.state.settings.optimizeEnabled || !this.isCurrent(preview.request, false) || preview.clientGeneration !== this.transport.generation()) {
+      this.patch({ preview: null, notice: "\u8349\u7A3F\u6216\u4F1A\u8BDD\u5DF2\u53D8\u5316\uFF0C\u539F\u6587\u5DF2\u4FDD\u7559" });
+      return false;
+    }
+    const { request, text, beforeTarget, clipboardStart, clipboardEnd, clientGeneration } = preview;
+    const before = binding.input.draft;
+    const after = before.slice(0, clipboardStart) + text + before.slice(clipboardEnd);
+    if (!binding.actions.insertText(text, request.span)) {
+      this.patch({ preview: null, notice: "\u8349\u7A3F\u5DF2\u53D8\u5316\uFF0C\u5DF2\u653E\u5F03\u672C\u6B21\u7ED3\u679C" });
+      return false;
+    }
+    binding.actions.persistDraft?.();
+    this.suppressUntilEdit = after;
+    this.patch({
+      preview: null,
+      change: {
+        before,
+        after,
+        beforeTarget,
+        afterTarget: text,
+        span: { ...request.span, end: request.span.start + text.length },
+        sourceTurnId: request.sourceTurnId,
+        connectionGeneration: request.connectionGeneration,
+        routeKey: request.routeKey,
+        clientGeneration
+      },
+      notice: "\u5DF2\u91C7\u7EB3\u4F18\u5316\uFF0C\u53EF\u67E5\u770B\u6539\u52A8\u6216\u8FD8\u539F"
+    });
+    return true;
+  }
+  canRestore() {
+    const change = this.state.change, binding = this.binding, status = this.state.status;
+    return Boolean(change && binding && status && this.state.connected && binding.input.draft === change.after && binding.input.phase === "plain" && status.sourceTurnId === change.sourceTurnId && status.generation === change.connectionGeneration && this.routeKey(binding.route ?? status.route) === change.routeKey && this.transport.generation() === change.clientGeneration);
+  }
+  restoreOriginal() {
+    const binding = this.binding, change = this.state.change;
+    if (!binding || !change || !this.canRestore()) {
+      this.patch({ notice: "\u8349\u7A3F\u5DF2\u6709\u65B0\u7F16\u8F91\uFF0C\u53EF\u5728\u6539\u52A8\u9762\u677F\u590D\u5236\u539F\u6587" });
+      return false;
+    }
+    this.cancelActive();
+    const applied = binding.actions.insertText(change.beforeTarget, { ...change.span, draftRev: binding.input.draftRev });
+    if (applied) {
+      binding.actions.persistDraft?.();
+      this.suppressUntilEdit = change.before;
+      this.patch({ change: null, suggestion: null, notice: "\u5DF2\u8FD8\u539F\u4F18\u5316\u524D\u7684\u5185\u5BB9" });
+    }
+    return applied;
+  }
+  acceptSuggestion() {
+    const suggestion = this.state.suggestion, binding = this.binding;
+    if (!suggestion || !binding || !this.isCurrent(suggestion.snapshot, true) || !this.eligible() || !suggestion.snapshot.manual && (suggestion.kind === "next" ? !this.state.settings.nextEnabled : !this.state.settings.completionEnabled)) {
+      this.patch({ suggestion: null });
+      return false;
+    }
+    const applied = binding.actions.insertText(suggestion.text, suggestion.snapshot.span);
+    this.patch({ suggestion: null, suggestionStatus: applied ? "paused" : "idle", suggestionMessage: applied ? "\u5DF2\u91C7\u7EB3\uFF0C\u7EE7\u7EED\u7F16\u8F91\u540E\u6062\u590D\u81EA\u52A8\u5EFA\u8BAE" : "" });
+    if (applied) {
+      binding.actions.persistDraft?.();
+      this.suppressUntilEdit = binding.input.draft + suggestion.text;
+      this.acceptance = { expected: this.suppressUntilEdit, edits: 0, counted: false };
+      this.patch({ metrics: { ...this.state.metrics, accepted: this.state.metrics.accepted + 1 } });
+    }
+    return applied;
+  }
+  /** Called only after the overlay has actually rendered a candidate. */
+  markExposed(requestId) {
+    const suggestion = this.state.suggestion;
+    if (!suggestion || suggestion.snapshot.requestId !== requestId) return;
+    const key = JSON.stringify([suggestion.snapshot.sourceTurnId, suggestion.snapshot.routeKey, suggestion.snapshot.draft, suggestion.text, suggestion.kind]);
+    if (this.exposed.has(key)) return;
+    if (this.exposed.size >= 512) this.exposed.clear();
+    this.exposed.add(key);
+    this.patch({ metrics: { ...this.state.metrics, exposures: this.state.metrics.exposures + 1 } });
+  }
+  async refreshDrafts() {
+    const generation = this.transport.generation(), epoch = this.draftsEpoch;
+    if (generation === null) return;
+    try {
+      const drafts = await this.transport.call("drafts/list", { sessionId: this.sessionId }, this.lifecycle.signal);
+      if (generation === this.transport.generation() && epoch === this.draftsEpoch) this.patch({ drafts });
+    } catch (error) {
+      if (!this.lifecycle.signal.aborted && generation === this.transport.generation() && epoch === this.draftsEpoch) this.patch({ notice: this.errorMessage(error) });
+    }
+  }
+  async stash(replaceId) {
+    if (this.settingsPending) return;
+    if (!this.state.settings.stashEnabled) {
+      this.patch({ notice: "\u8349\u7A3F\u6682\u5B58\u5DF2\u5173\u95ED\uFF0C\u5DF2\u4FDD\u5B58\u7684\u8349\u7A3F\u4ECD\u53EF\u67E5\u770B\u548C\u5220\u9664" });
+      return;
+    }
+    const binding = this.binding;
+    if (!binding || this.state.busy) return;
+    if (!this.pureText() || !binding.input.draft.trim()) {
+      this.patch({ notice: "\u6682\u5B58\u4EC5\u652F\u6301\u65E0\u5F15\u7528\u3001\u65E0\u9644\u4EF6\u7684\u975E\u7A7A\u7EAF\u6587\u672C\u8349\u7A3F" });
+      return;
+    }
+    if (this.state.drafts.length >= 3 && !replaceId) {
+      this.patch({ notice: "\u5DF2\u6682\u5B58\u4E09\u6761\uFF0C\u8BF7\u5220\u9664\u4E00\u6761\u6216\u9009\u62E9\u66FF\u6362" });
+      return;
+    }
+    const original = binding.input.draft, rev = binding.input.draftRev, clientGeneration = this.transport.generation();
+    const stashEpoch = ++this.stashEpoch;
+    const settingsEpoch = this.settingsEpoch, routeKey = this.routeKey(binding.route ?? this.state.status?.route);
+    this.draftsEpoch++;
+    this.cancelActive();
+    this.clearTimer();
+    this.patch({ busy: "stash", stashClearPending: true, stashClearCancelled: false, suggestion: null, notice: "" });
+    try {
+      await this.transport.call("drafts/save", { sessionId: this.sessionId, text: original, ...replaceId ? { replaceId } : {} }, this.lifecycle.signal);
+      await this.refreshDrafts();
+      const live = this.binding;
+      if (stashEpoch !== this.stashEpoch) {
+        this.patch({ notice: "\u8349\u7A3F\u5DF2\u4FDD\u5B58\uFF1B\u5DF2\u6309\u53D6\u6D88\u8981\u6C42\u4FDD\u7559\u5F53\u524D\u8F93\u5165" });
+        return;
+      }
+      if (!this.settingsPending && settingsEpoch === this.settingsEpoch && this.state.settings.stashEnabled && this.routeKey(live?.route ?? this.state.status?.route) === routeKey && live?.input.draftRev === rev && live.input.draft === original && live.input.phase === "plain" && clientGeneration === this.transport.generation() && this.pureText()) {
+        if (live.actions.insertText("", { start: 0, end: original.length, draftRev: rev })) {
+          live.actions.persistDraft?.();
+          this.suppressUntilEdit = "";
+          this.patch({ notice: "\u8349\u7A3F\u5DF2\u6682\u5B58\u5E76\u6E05\u7A7A\uFF1B\u53EF\u64A4\u9500\u6E05\u7A7A" });
+          return;
+        }
+      }
+      this.patch({ notice: "\u5DF2\u4FDD\u5B58\u5FEB\u7167\uFF1B\u5F53\u524D\u72B6\u6001\u5DF2\u53D8\u5316\uFF0C\u4FDD\u7559\u5F53\u524D\u8F93\u5165" });
+    } catch (error) {
+      this.patch({ notice: this.errorMessage(error) });
+    } finally {
+      this.patch({ busy: null, stashClearCancelled: false, stashClearPending: false });
+    }
+  }
+  restoreDraft(draft, mode) {
+    if (this.settingsPending) return false;
+    const binding = this.binding;
+    if (!this.state.settings.stashEnabled) {
+      this.patch({ notice: "\u8349\u7A3F\u6682\u5B58\u5DF2\u5173\u95ED\uFF0C\u8BF7\u91CD\u65B0\u542F\u7528\u540E\u6062\u590D" });
+      return false;
+    }
+    if (!this.state.connected || !this.state.status) {
+      this.patch({ notice: "\u8FDE\u63A5\u5C1A\u672A\u5C31\u7EEA\uFF0C\u5DF2\u4FDD\u7559\u5F53\u524D\u8F93\u5165" });
+      return false;
+    }
+    if (!binding || !this.pureText()) {
+      this.patch({ notice: "\u8BF7\u5148\u79FB\u9664\u5F15\u7528\u548C\u9644\u4EF6\uFF0C\u518D\u6062\u590D\u7EAF\u6587\u672C\u8349\u7A3F" });
+      return false;
+    }
+    this.cancelActive();
+    this.clearTimer();
+    const span = { start: mode === "replace" ? 0 : binding.input.draft.length, end: binding.input.draft.length, draftRev: binding.input.draftRev };
+    const text = mode === "append" && binding.input.draft ? `
+${draft.text}` : draft.text;
+    const applied = binding.actions.insertText(text, span);
+    if (applied) {
+      binding.actions.persistDraft?.();
+      this.suppressUntilEdit = mode === "replace" ? text : binding.input.draft + text;
+      this.patch({ suggestion: null, notice: "\u8349\u7A3F\u5DF2\u6062\u590D\uFF0C\u5C1A\u672A\u53D1\u9001" });
+    }
+    return applied;
+  }
+  async deleteDraft(id) {
+    await this.mutateDraft("drafts/delete", { sessionId: this.sessionId, id });
+  }
+  async clearDrafts() {
+    await this.mutateDraft("drafts/clear", { sessionId: this.sessionId });
+  }
+  async mutateDraft(method, data) {
+    if (this.state.busy || this.transport.generation() === null) return;
+    if (this.undoExpiresAt === Infinity && this.state.deletedDrafts.length && this.state.pendingUndoDrafts.length) {
+      this.patch({ notice: "\u4E24\u6279\u5F85\u6062\u590D\u5907\u4EFD\u5C1A\u672A\u5904\u7406\uFF0C\u8BF7\u5148\u590D\u5236\u6216\u653E\u5F03\u4E00\u6279\uFF0C\u518D\u5220\u9664\u65B0\u7684\u6682\u5B58" });
+      return;
+    }
+    const generation = this.transport.generation();
+    this.draftsEpoch++;
+    this.patch({ busy: "stash" });
+    try {
+      const result = await this.transport.call(method, data, this.lifecycle.signal);
+      if (generation !== this.transport.generation()) return;
+      if (result.removed.length) {
+        clearTimeout(this.undoTimer);
+        this.patch({ drafts: result.drafts, deletedDrafts: result.removed, notice: "\u5DF2\u5220\u9664\u6682\u5B58\uFF0C10 \u79D2\u5185\u53EF\u64A4\u9500" });
+        this.undoExpiresAt = Date.now() + 1e4;
+        this.armUndoExpiry();
+      } else this.patch({ drafts: result.drafts });
+    } catch (error) {
+      this.patch({ notice: this.errorMessage(error) });
+    } finally {
+      this.patch({ busy: null });
+    }
+  }
+  async undoDeleteDrafts(target = "recent") {
+    const deleted = target === "pending" ? this.state.pendingUndoDrafts : this.state.deletedDrafts;
+    if (!deleted.length || this.state.busy || this.transport.generation() === null) return;
+    const generation = this.transport.generation();
+    this.draftsEpoch++;
+    if (target === "recent") clearTimeout(this.undoTimer);
+    this.patch({ busy: "stash" });
+    try {
+      const drafts = await this.transport.call("drafts/restore", { sessionId: this.sessionId, drafts: deleted }, this.lifecycle.signal);
+      if (generation === this.transport.generation()) {
+        if (target === "recent") this.undoExpiresAt = 0;
+        this.patch({ drafts, ...target === "recent" ? { deletedDrafts: [] } : { pendingUndoDrafts: [] }, notice: "\u5DF2\u64A4\u9500\u5220\u9664" });
+      }
+    } catch (error) {
+      if (generation === this.transport.generation()) {
+        if (target === "recent" && !this.state.pendingUndoDrafts.length) {
+          this.undoExpiresAt = 0;
+          this.patch({ pendingUndoDrafts: deleted, deletedDrafts: [] });
+        } else if (target === "recent") this.undoExpiresAt = Infinity;
+        this.patch({ notice: `${this.errorMessage(error)}\uFF1B\u5F85\u6062\u590D\u6587\u5B57\u5DF2\u4FDD\u7559\uFF0C\u53EF\u91CD\u8BD5\u6216\u590D\u5236` });
+      }
+    } finally {
+      this.patch({ busy: null });
+    }
+  }
+  discardPendingUndo() {
+    if (this.undoExpiresAt === Infinity) {
+      this.undoExpiresAt = 0;
+      this.patch({ pendingUndoDrafts: this.state.deletedDrafts, deletedDrafts: [], notice: "\u5DF2\u653E\u5F03\u9009\u5B9A\u6062\u590D\u5907\u4EFD\uFF0C\u5176\u4F59\u5907\u4EFD\u4ECD\u4FDD\u7559" });
+    } else this.patch({ pendingUndoDrafts: [], notice: "\u5DF2\u653E\u5F03\u9009\u5B9A\u6062\u590D\u5907\u4EFD" });
+  }
+  retrySuggestion() {
+    if (!this.eligibleForManual()) {
+      this.patch({ notice: "\u8BF7\u5728\u53EF\u89C1\u3001\u5DF2\u8FDE\u63A5\u4E14\u7A7A\u95F2\u7684\u7EAF\u6587\u672C\u8F93\u5165\u6846\u4E2D\uFF0C\u5C06\u5149\u6807\u79FB\u5230\u672B\u5C3E\u540E\u751F\u6210\u5EFA\u8BAE" });
+      return;
+    }
+    const binding = this.binding, span = binding.actions.captureInsertion();
+    if (span.start !== span.end || span.end !== binding.input.draft.length || !focusedIn(binding.editor)) {
+      this.patch({ notice: "\u8BF7\u5C06\u5149\u6807\u79FB\u81F3\u8349\u7A3F\u672B\u5C3E\u540E\u751F\u6210\u5EFA\u8BAE" });
+      return;
+    }
+    const operation = binding.input.draft.length ? "complete" : "next";
+    if (operation === "next" && !this.state.status?.sourceTurnId || operation === "complete" && !binding.input.draft.trim()) {
+      this.patch({ notice: "\u8BF7\u5148\u8F93\u5165\u8349\u7A3F\uFF0C\u6216\u7B49\u5F85\u4E00\u8F6E\u56DE\u590D\u5B8C\u6210\u540E\u518D\u9884\u6D4B\u4E0B\u4E00\u53E5" });
+      return;
+    }
+    this.clearTimer();
+    this.cancelActive();
+    this.suppressUntilEdit = null;
+    this.failedCompletionKey = null;
+    this.failedNextKey = null;
+    this.completionCache.delete(this.completionKey());
+    this.nextTurns.delete(this.nextKey());
+    this.patch({ suggestion: null, notice: "" });
+    void this.requestSuggestion(operation, true);
+  }
+  eligibleForManual() {
+    return this.pureText() && document.visibilityState !== "hidden" && !this.composing && !this.settingsPending && !this.binding?.running && !this.state.status?.running && !this.state.busy && !this.state.preview && this.state.connected && charCount(this.binding?.input.draft ?? "") <= this.state.settings.maxDraftChars && !nativeMenuOpen(this.binding?.editor ?? null);
+  }
+  suggestionStatus(status, message) {
+    if (this.state.suggestionStatus !== status || this.state.suggestionMessage !== message) this.patch({ suggestionStatus: status, suggestionMessage: message });
+  }
+  captureTarget(requireSelection) {
+    const binding = this.binding;
+    if (!binding || binding.input.phase !== "plain") {
+      this.patch({ notice: "\u5F53\u524D\u8F93\u5165\u6846\u6682\u65F6\u4E0D\u53EF\u7F16\u8F91" });
+      return null;
+    }
+    const span = binding.actions.captureInsertion();
+    if (span.start !== span.end) {
+      const selected = selectedPlainText(binding.editor, binding.input.draft, span, binding.input.occurrences);
+      if (!selected) {
+        this.patch({ notice: "\u8BF7\u9009\u62E9\u5B8C\u5168\u4F4D\u4E8E\u666E\u901A\u6587\u5B57\u4E2D\u7684\u7247\u6BB5\uFF0C\u907F\u514D\u8DE8\u8D8A\u5F15\u7528\u6807\u7B7E" });
+        return null;
+      }
+      return { ...selected, span };
+    }
+    if (requireSelection) {
+      this.patch({ notice: "\u8BF7\u5148\u5728\u8F93\u5165\u6846\u9009\u4E2D\u8981\u4FDD\u62A4\u7684\u6587\u5B57" });
+      return null;
+    }
+    if (binding.input.occurrences.length) {
+      this.patch({ notice: "\u542B\u5F15\u7528\u6807\u7B7E\u65F6\uFF0C\u8BF7\u9009\u62E9\u4E0D\u8DE8\u6807\u7B7E\u7684\u7EAF\u6587\u5B57\u7247\u6BB5\u4F18\u5316" });
+      return null;
+    }
+    return { text: binding.input.draft, span: { start: 0, end: binding.input.draft.length, draftRev: binding.input.draftRev }, clipboardStart: 0, clipboardEnd: binding.input.draft.length };
+  }
+  pureText() {
+    const input = this.binding?.input;
+    return Boolean(input && input.phase === "plain" && !input.occurrences.length && !input.attachmentIds.length);
+  }
+  eligible() {
+    return this.pureText() && document.visibilityState !== "hidden" && !this.composing && !this.settingsPending && !this.binding?.running && !this.state.status?.running && !this.state.busy && !this.state.preview && this.state.connected && this.suppressUntilEdit === null;
+  }
+  driveSuggestions() {
+    const binding = this.binding, status = this.state.status;
+    if (!binding || !status || !this.eligible() || this.active) {
+      this.clearTimer();
+      return;
+    }
+    if (nativeMenuOpen(binding.editor)) {
+      this.clearTimer();
+      return;
+    }
+    const span = binding.actions.captureInsertion();
+    if (span.start !== span.end || span.end !== binding.input.draft.length || !focusedIn(binding.editor)) {
+      this.clearTimer();
+      return;
+    }
+    if (this.manualTimerKey === this.completionKey() && this.timer !== void 0) return;
+    if (this.state.suggestion?.snapshot.manual && this.isCurrent(this.state.suggestion.snapshot, true)) return;
+    const turn = status.sourceTurnId;
+    const route = this.routeKey(binding.route ?? status.route);
+    if (binding.input.draft === "") {
+      this.clearTimer();
+      if (!turn) return;
+      const key = this.nextKey();
+      if (!this.state.settings.nextEnabled) {
+        if (["idle", "waiting", "paused"].includes(this.state.suggestionStatus)) this.suggestionStatus("paused", "\u81EA\u52A8\u9884\u6D4B\u5DF2\u5173\u95ED\uFF0C\u53EF\u624B\u52A8\u751F\u6210");
+        return;
+      }
+      if (this.nextTurns.has(key) || key === this.failedNextKey) return;
+      void this.requestSuggestion("next");
+      return;
+    }
+    if (!this.state.settings.completionEnabled || charCount(binding.input.draft) > this.state.settings.maxDraftChars) {
+      this.clearTimer();
+      if (!this.state.settings.completionEnabled && !this.state.suggestion && ["idle", "waiting", "paused"].includes(this.state.suggestionStatus)) this.suggestionStatus("paused", "\u81EA\u52A8\u7EED\u5199\u5DF2\u5173\u95ED\uFF0C\u53EF\u624B\u52A8\u751F\u6210");
+      return;
+    }
+    if (this.nextCache && this.nextCache.turn === turn && this.nextCache.route === route && this.nextCache.generation === status.generation && this.nextCache.text.startsWith(binding.input.draft)) {
+      this.clearTimer();
+      const suffix = this.nextCache.text.slice(binding.input.draft.length);
+      const existing = this.state.suggestion;
+      if (existing && existing.text === suffix && existing.kind === "complete" && this.isCurrent(existing.snapshot, true)) return;
+      const snapshot = this.snapshot("complete", span);
+      if (suffix && charCount(suffix) <= this.state.settings.maxCompletionChars && snapshot) this.patch({ suggestion: { text: suffix, snapshot, kind: "complete" } });
+      return;
+    }
+    const cacheKey = this.completionKey();
+    if (cacheKey === this.failedCompletionKey) {
+      this.clearTimer();
+      return;
+    }
+    if (this.completionCache.has(cacheKey)) {
+      this.clearTimer();
+      const text = this.completionCache.get(cacheKey);
+      if (!text) {
+        this.suggestionStatus("abstained", "\u6A21\u578B\u672C\u6B21\u672A\u7ED9\u51FA\u5EFA\u8BAE\uFF0C\u53EF\u624B\u52A8\u91CD\u8BD5");
+        return;
+      }
+      const existing = this.state.suggestion;
+      if (existing && existing.text === text && existing.kind === "complete" && this.isCurrent(existing.snapshot, true)) return;
+      const snapshot = this.snapshot("complete", span);
+      if (text && snapshot) this.patch({ suggestion: { text, snapshot, kind: "complete" } });
+      return;
+    }
+    if (this.timer !== void 0 && this.timerKey === cacheKey) return;
+    this.clearTimer();
+    const delay = Math.max(this.state.settings.debounceMs, this.lastCompletionStart + this.state.settings.minIntervalMs - Date.now(), this.completionRetryAt - Date.now());
+    this.timerKey = cacheKey;
+    this.suggestionStatus(this.completionRetryAt > Date.now() ? "throttled" : "waiting", this.completionRetryAt > Date.now() ? "\u7B49\u5F85\u6700\u5C0F\u8BF7\u6C42\u95F4\u9694\u7ED3\u675F" : "\u7B49\u5F85\u8F93\u5165\u505C\u987F");
+    this.timer = setTimeout(() => {
+      this.timer = void 0;
+      this.timerKey = null;
+      void this.requestSuggestion("complete");
+    }, delay);
+  }
+  async requestSuggestion(operation, manual = false, deferOnce = true) {
+    const binding = this.binding;
+    if (!binding || !this.eligible()) return;
+    if (!manual && !(operation === "next" ? this.state.settings.nextEnabled : this.state.settings.completionEnabled)) return;
+    const span = binding.actions.captureInsertion(), snapshot = this.snapshot(operation, span);
+    if (!snapshot || span.start !== span.end || span.end !== binding.input.draft.length) return;
+    if (manual) snapshot.manual = true;
+    if (operation === "complete") this.lastCompletionStart = Date.now();
+    const active = this.begin(snapshot), cacheKey = this.completionKey(), nextKey = this.nextKey();
+    this.suggestionStatus("generating", manual ? "\u6B63\u5728\u751F\u6210\u672C\u6B21\u5EFA\u8BAE" : "\u6B63\u5728\u751F\u6210\u5EFA\u8BAE");
+    let retry = false;
+    try {
+      const result = await this.transport.call("generate", snapshot, active.controller.signal);
+      if (this.active !== active || !this.isCurrent(snapshot, true)) return;
+      if (!this.validResult(result, snapshot)) {
+        if (operation === "complete") this.failedCompletionKey = cacheKey;
+        else this.failedNextKey = nextKey;
+        this.suggestionStatus("failed", "\u5EFA\u8BAE\u8FD4\u56DE\u683C\u5F0F\u65E0\u6548\uFF0C\u53EF\u624B\u52A8\u91CD\u8BD5");
+        return;
+      }
+      if (result.outcome === "throttled") {
+        if (operation === "complete") {
+          this.completionRetryAt = Date.now() + result.retryAfterMs;
+          retry = !manual || deferOnce;
+          this.suggestionStatus("throttled", "\u7B49\u5F85\u6700\u5C0F\u8BF7\u6C42\u95F4\u9694\u7ED3\u675F\uFF0C\u53EF\u7A0D\u540E\u91CD\u8BD5");
+        }
+        return;
+      }
+      if (operation === "complete") {
+        this.completionCache.set(cacheKey, result.text);
+        if (this.completionCache.size > 64) this.completionCache.delete(this.completionCache.keys().next().value);
+      } else {
+        if (this.nextTurns.size >= 512) this.nextTurns.clear();
+        this.nextTurns.add(nextKey);
+      }
+      if (operation === "next" && result.text) this.nextCache = { text: result.text, turn: snapshot.sourceTurnId, route: snapshot.routeKey, generation: snapshot.connectionGeneration };
+      if (result.text) this.patch({ suggestion: { text: result.text, snapshot, kind: operation }, suggestionStatus: "ready", suggestionMessage: "Tab \u91C7\u7EB3\uFF0CEsc \u5FFD\u7565" });
+      else this.suggestionStatus("abstained", "\u6A21\u578B\u672C\u6B21\u672A\u7ED9\u51FA\u5EFA\u8BAE\uFF0C\u53EF\u624B\u52A8\u91CD\u8BD5");
+    } catch {
+      if (operation === "complete" && !active.controller.signal.aborted && this.active === active && this.isCurrent(snapshot, false)) {
+        this.failedCompletionKey = cacheKey;
+      }
+      if (operation === "next" && !active.controller.signal.aborted && this.active === active && this.isCurrent(snapshot, false)) this.failedNextKey = nextKey;
+      if (!active.controller.signal.aborted && this.active === active && this.isCurrent(snapshot, false)) this.suggestionStatus("failed", "\u5EFA\u8BAE\u8BF7\u6C42\u672A\u5B8C\u6210\uFF0C\u53EF\u624B\u52A8\u91CD\u8BD5");
+    } finally {
+      this.recordLatency(active);
+      if (this.active === active) {
+        this.active = null;
+        if (retry && manual) {
+          this.timerKey = cacheKey;
+          this.manualTimerKey = cacheKey;
+          this.timer = setTimeout(() => {
+            this.timer = void 0;
+            this.timerKey = null;
+            this.manualTimerKey = null;
+            void this.requestSuggestion(operation, true, false);
+          }, Math.max(1, this.completionRetryAt - Date.now()));
+        } else if (retry) this.driveSuggestions();
+      }
+    }
+  }
+  snapshot(operation, span, targetText) {
+    const binding = this.binding, status = this.state.status;
+    if (!binding || !status || !this.state.connected) return null;
+    const route = binding.route ?? status.route;
+    return {
+      operation,
+      sessionId: this.sessionId,
+      requestId: `${this.requestPrefix}-${++this.sequence}`,
+      sourceTurnId: status.sourceTurnId,
+      draft: binding.input.draft,
+      draftRev: binding.input.draftRev,
+      span: { ...span },
+      connectionGeneration: status.generation,
+      routeKey: this.routeKey(route),
+      ...targetText === void 0 ? {} : { targetText },
+      ...this.state.locked.length ? { lockedFragments: this.state.locked.filter((text) => (targetText ?? binding.input.draft).includes(text)) } : {},
+      ...route ? { provider: route.provider, model: route.model } : {}
+    };
+  }
+  begin(snapshot) {
+    this.cancelActive();
+    const active = {
+      snapshot,
+      controller: new AbortController(),
+      clientGeneration: this.transport.generation(),
+      caret: this.binding.actions.captureInsertion(),
+      startedAt: Date.now(),
+      latencyRecorded: false
+    };
+    this.active = active;
+    this.patch({ metrics: { ...this.state.metrics, calls: this.state.metrics.calls + 1 } });
+    return active;
+  }
+  observeAcceptedEdit(draft) {
+    const acceptance = this.acceptance;
+    if (!acceptance) return;
+    if (!draft) {
+      this.acceptance = null;
+      return;
+    }
+    if (draft === acceptance.expected && !acceptance.counted) return;
+    let start = 0, end = 0;
+    while (start < draft.length && start < acceptance.expected.length && draft[start] === acceptance.expected[start]) start++;
+    while (end < draft.length - start && end < acceptance.expected.length - start && draft[draft.length - end - 1] === acceptance.expected[acceptance.expected.length - end - 1]) end++;
+    const edits = draft.length + acceptance.expected.length - 2 * start - 2 * end;
+    this.patch({ metrics: {
+      ...this.state.metrics,
+      editedAcceptances: this.state.metrics.editedAcceptances + (acceptance.counted ? 0 : 1),
+      editedCharacters: this.state.metrics.editedCharacters + edits - acceptance.edits
+    } });
+    acceptance.counted = true;
+    acceptance.edits = edits;
+  }
+  isCurrent(snapshot, checkCaret) {
+    const binding = this.binding, status = this.state.status;
+    return Boolean(binding && status && !this.disposed && this.transport.generation() === this.clientGeneration && this.transport.generation() !== null && binding.sessionId === snapshot.sessionId && binding.input.phase === "plain" && snapshotMatches(snapshot, {
+      sessionId: binding.sessionId,
+      sourceTurnId: status.sourceTurnId,
+      draft: binding.input.draft,
+      draftRev: binding.input.draftRev,
+      span: binding.actions.captureInsertion(),
+      connectionGeneration: status.generation,
+      routeKey: this.routeKey(binding.route ?? status.route)
+    }, checkCaret));
+  }
+  validResult(result, request) {
+    return result.requestId === request.requestId && result.sessionId === request.sessionId && result.sourceTurnId === request.sourceTurnId && result.draftRev === request.draftRev && result.connectionGeneration === request.connectionGeneration && result.routeKey === request.routeKey && result.span.start === request.span.start && result.span.end === request.span.end && (result.text === null || typeof result.text === "string") && (result.outcome === void 0 || result.outcome === "suggestion" && typeof result.text === "string" || result.outcome === "abstained" && result.text === null || result.outcome === "throttled" && result.text === null && Number.isFinite(result.retryAfterMs) && result.retryAfterMs > 0 && result.retryAfterMs <= 3e4);
+  }
+  sameCaret(span) {
+    const current = this.binding?.actions.captureInsertion();
+    return Boolean(current && current.start === span.start && current.end === span.end && current.draftRev === span.draftRev);
+  }
+  routeKey(route) {
+    return route ? JSON.stringify([route.provider, route.model]) : "";
+  }
+  nextKey() {
+    const settings = this.state.settings;
+    const route = settings.provider && settings.model ? { provider: settings.provider, model: settings.model } : this.binding?.route ?? this.state.status?.route;
+    return JSON.stringify([this.state.status?.generation, this.state.status?.sourceTurnId, this.routeKey(route)]);
+  }
+  completionKey() {
+    return JSON.stringify([this.state.status?.generation, this.state.status?.sourceTurnId, this.routeKey(this.binding?.route ?? this.state.status?.route), this.binding?.input.draft]);
+  }
+  invalidate(dropCache, cancelInFlight = true) {
+    if (cancelInFlight) this.cancelActive();
+    else if (this.active?.snapshot.operation !== "optimize") this.cancelActive();
+    this.clearTimer();
+    if (dropCache) {
+      this.nextCache = null;
+      this.completionCache.clear();
+      this.failedCompletionKey = null;
+      this.failedNextKey = null;
+      this.completionRetryAt = 0;
+    }
+    this.patch({ suggestion: null, ...cancelInFlight ? { preview: null } : {} });
+  }
+  clearTimer() {
+    clearTimeout(this.timer);
+    this.timer = void 0;
+    this.timerKey = null;
+    this.manualTimerKey = null;
+  }
+  cancelActive() {
+    const active = this.active;
+    if (!active) return;
+    this.active = null;
+    this.recordLatency(active);
+    active.controller.abort();
+    void this.transport.call("cancel", { sessionId: this.sessionId, requestId: active.snapshot.requestId }).catch(() => {
+    });
+    if (active.snapshot.operation === "optimize") this.patch({ busy: null });
+    else this.suggestionStatus("idle", "");
+  }
+  recordLatency(active) {
+    if (active.latencyRecorded) return;
+    active.latencyRecorded = true;
+    this.patch({ metrics: { ...this.state.metrics, totalLatencyMs: this.state.metrics.totalLatencyMs + Math.max(0, Date.now() - active.startedAt) } });
+  }
+  errorMessage(error) {
+    return error instanceof Error ? error.message : "\u64CD\u4F5C\u5931\u8D25\uFF0C\u539F\u7A3F\u5DF2\u4FDD\u7559\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5";
+  }
+};
+
+// src/browser/runtime.ts
+var BrowserRuntime = class {
+  constructor(connection, models) {
+    this.connection = connection;
+    this.models = models;
+    this.transport = {
+      generation: () => {
+        const generation = connection.generation.getSnapshot();
+        return generation ? String(generation.id) : null;
+      },
+      call: async (method, data, signal) => {
+        const result = await connection.rpc.call("/api", "input-assistant/call", { args: { payload: { method, data } } }, signal);
+        if (!result.ok) throw new Error(result.error.message || `\u8F93\u5165\u52A9\u624B\u8BF7\u6C42\u5931\u8D25 (${result.error.code || "unknown"})`);
+        return result.value;
+      }
+    };
+  }
+  entries = /* @__PURE__ */ new Map();
+  disposed = false;
+  lifetime = new AbortController();
+  pendingSettings = 0;
+  settingsQueue = Promise.resolve();
+  metrics = /* @__PURE__ */ new Map();
+  undo = /* @__PURE__ */ new Map();
+  transport;
+  controllerFor(sessionId) {
+    let entry = this.entries.get(sessionId);
+    if (!entry) {
+      const saved = this.undo.get(sessionId);
+      clearTimeout(saved?.timer);
+      this.undo.delete(sessionId);
+      entry = { controller: new InputAssistantController(sessionId, this.transport, this.metrics.get(sessionId), (update) => this.saveSettings(update), saved?.snapshot), refs: 0 };
+      this.entries.set(sessionId, entry);
+      if (this.pendingSettings) entry.controller.beginSettingsUpdate();
+    }
+    return entry.controller;
+  }
+  retain(sessionId) {
+    const controller = this.controllerFor(sessionId), entry = this.entries.get(sessionId);
+    entry.waitForMutation?.();
+    entry.waitForMutation = void 0;
+    entry.refs++;
+    controller.start();
+    return () => {
+      entry.refs--;
+      queueMicrotask(() => {
+        if (entry.refs === 0 && this.entries.get(sessionId) === entry) {
+          const release = () => {
+            if (entry.refs !== 0 || this.entries.get(sessionId) !== entry) return;
+            if (controller.getSnapshot().busy === "stash") {
+              entry.waitForMutation ??= controller.subscribe(() => {
+                if (controller.getSnapshot().busy !== "stash") {
+                  entry.waitForMutation?.();
+                  entry.waitForMutation = void 0;
+                  release();
+                }
+              });
+              return;
+            }
+            this.metrics.set(sessionId, { ...controller.getSnapshot().metrics });
+            this.saveUndo(sessionId, controller.getUndoSnapshot());
+            controller.dispose();
+            this.entries.delete(sessionId);
+          };
+          release();
+        }
+      });
+    };
+  }
+  saveUndo(sessionId, snapshot) {
+    clearTimeout(this.undo.get(sessionId)?.timer);
+    this.undo.delete(sessionId);
+    if (!snapshot.recent.length && !snapshot.pending.length) return;
+    const record = { snapshot };
+    if (snapshot.recent.length && Number.isFinite(snapshot.expiresAt)) {
+      record.timer = setTimeout(() => {
+        if (this.undo.get(sessionId) !== record) return;
+        record.snapshot = { ...record.snapshot, recent: [], expiresAt: 0 };
+        if (!record.snapshot.pending.length) this.undo.delete(sessionId);
+      }, Math.max(0, snapshot.expiresAt - Date.now()));
+    }
+    this.undo.set(sessionId, record);
+  }
+  applySettings(settings) {
+    for (const entry of this.entries.values()) entry.controller.applySettings(settings);
+  }
+  async saveSettings(update) {
+    if (this.disposed) throw new Error("\u8F93\u5165\u52A9\u624B\u5DF2\u5378\u8F7D");
+    const generation = this.transport.generation();
+    if (generation === null) throw new Error("\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u8BF7\u91CD\u8FDE\u540E\u4FDD\u5B58");
+    if (this.pendingSettings++ === 0) for (const entry of this.entries.values()) entry.controller.beginSettingsUpdate();
+    const task = this.settingsQueue.then(async () => {
+      if (this.disposed) throw new Error("\u8F93\u5165\u52A9\u624B\u5DF2\u5378\u8F7D");
+      if (generation !== this.transport.generation()) throw new Error("\u8FDE\u63A5\u5DF2\u53D8\u5316\uFF0C\u8BF7\u91CD\u65B0\u52A0\u8F7D\u8BBE\u7F6E");
+      const settings = await this.transport.call("settings/set", update, this.lifetime.signal);
+      if (this.disposed || generation !== this.transport.generation()) throw new Error("\u8FDE\u63A5\u5DF2\u53D8\u5316\uFF0C\u8BF7\u91CD\u65B0\u52A0\u8F7D\u8BBE\u7F6E");
+      this.applySettings(settings);
+      return settings;
+    });
+    this.settingsQueue = task.then(() => {
+    }, () => {
+    });
+    try {
+      return await task;
+    } finally {
+      if (--this.pendingSettings === 0) for (const entry of this.entries.values()) entry.controller.endSettingsUpdate();
+    }
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.disposed = true;
+    this.lifetime.abort();
+    for (const entry of this.entries.values()) {
+      entry.waitForMutation?.();
+      entry.controller.dispose();
+    }
+    this.entries.clear();
+    this.metrics.clear();
+    for (const record of this.undo.values()) clearTimeout(record.timer);
+    this.undo.clear();
+  }
+};
+
+// src/browser/styles.ts
+var STYLE_TEXT = `
+.dsh-ia {
+  --dsh-ia-fallback-bg: #ffffff;
+  --dsh-ia-fallback-fg: #111827;
+  --dsh-ia-fallback-muted: #4b5563;
+  --dsh-ia-fallback-border: #d1d5db;
+  --dsh-ia-accent: var(--dsw-alias-state-business-primary, #3b82f6);
+  --dsh-ia-accent-subtle: rgba(59, 130, 246, 0.1);
+  --dsh-ia-pill-bg: var(--dsw-alias-interactive-bg-subtle, rgba(0, 0, 0, 0.04));
+  --dsh-ia-pill-hover: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.08));
+  font-family: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  color: var(--dsw-alias-label-primary, var(--dsh-ia-fallback-fg));
+  font-size: 13px;
+  line-height: 1.5;
+  box-sizing: border-box;
+  color-scheme: light;
+}
+
+body[data-ds-dark-theme] .dsh-ia {
+  --dsh-ia-fallback-bg: #1f2329;
+  --dsh-ia-fallback-fg: #f3f4f6;
+  --dsh-ia-fallback-muted: #9ca3af;
+  --dsh-ia-fallback-border: #374151;
+  --dsh-ia-pill-bg: var(--dsw-alias-interactive-bg-subtle, rgba(255, 255, 255, 0.06));
+  --dsh-ia-pill-hover: var(--dsw-alias-interactive-bg-hover, rgba(255, 255, 255, 0.12));
+  color-scheme: dark;
+}
+
+.dsh-ia * { box-sizing: border-box; }
+.dsh-ia button, .dsh-ia input, .dsh-ia select { font: inherit; color: inherit; }
+
+/* Global buttons within dsh-ia */
+.dsh-ia button {
+  border: 1px solid var(--dsw-alias-border-l2, var(--dsh-ia-fallback-border));
+  border-radius: 7px;
+  padding: 5px 11px;
+  background: var(--dsw-alias-bg-layer-1, transparent);
+  color: var(--dsw-alias-label-primary, inherit);
+  cursor: pointer;
+  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease, transform 0.15s ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+}
+.dsh-ia button:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-hover, #8882);
+  border-color: var(--dsw-alias-state-business-primary, var(--dsh-ia-accent));
+}
+.dsh-ia button:active:not(:disabled) {
+  transform: translateY(1px);
+}
+.dsh-ia button:disabled {
+  opacity: 0.45;
+  cursor: default;
+  transform: none;
+}
+.dsh-ia button:focus-visible, .dsh-ia input:focus-visible, .dsh-ia select:focus-visible {
+  outline: 2px solid var(--dsw-alias-state-business-primary, #3b82f6);
+  outline-offset: 2px;
+}
+
+/* Smart Pill Trigger Group in Input Card */
+.dsh-ia-root {
+  display: inline-flex;
+  align-items: center;
+  background: var(--dsh-ia-pill-bg);
+  border: 1px solid var(--dsw-alias-border-l2, var(--dsh-ia-fallback-border));
+  border-radius: 8px;
+  padding: 2px;
+  gap: 2px;
+  position: relative;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+}
+.dsh-ia-root .dsh-ia-trigger {
+  border: none;
+  background: transparent;
+  padding: 4px 10px;
+  font-weight: 500;
+  border-radius: 6px;
+  white-space: nowrap;
+}
+.dsh-ia-root .dsh-ia-trigger:hover:not(:disabled) {
+  background: var(--dsh-ia-pill-hover);
+}
+.dsh-ia-root .dsh-ia-menu-btn {
+  border: none;
+  background: transparent;
+  padding: 4px 6px;
+  border-radius: 6px;
+  min-width: 24px;
+}
+.dsh-ia-root .dsh-ia-menu-btn:hover:not(:disabled) {
+  background: var(--dsh-ia-pill-hover);
+}
+.dsh-ia-root .dsh-ia-cancel-btn {
+  border: none;
+  background: rgba(239, 68, 68, 0.12);
+  color: #ef4444;
+  font-size: 11px;
+  padding: 4px 8px;
+  border-radius: 6px;
+}
+.dsh-ia-root .dsh-ia-cancel-btn:hover {
+  background: rgba(239, 68, 68, 0.2);
+}
+
+/* Floating Menu Panel */
+.dsh-ia-menu {
+  position: fixed;
+  width: min(480px, calc(100vw - 24px));
+  max-height: calc(100dvh - 24px);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding: 16px;
+  border: 1px solid var(--dsw-alias-border-l2, var(--dsh-ia-fallback-border));
+  border-radius: 14px;
+  background: var(--dsw-alias-bg-layer-2, var(--dsh-ia-fallback-bg));
+  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22);
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.dsh-ia-preview {
+  z-index: 1001;
+  width: min(580px, calc(100vw - 24px));
+}
+.dsh-ia-preview .dsh-ia-pre {
+  margin-top: 10px;
+  max-height: 360px;
+}
+
+/* Form Controls & Fields */
+.dsh-ia-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+  margin: 6px 0;
+}
+.dsh-ia-row label {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  user-select: none;
+}
+.dsh-ia-field {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  margin: 6px 0;
+}
+.dsh-ia-field input, .dsh-ia select {
+  border: 1px solid var(--dsw-alias-border-l2, var(--dsh-ia-fallback-border));
+  border-radius: 7px;
+  background: var(--dsw-alias-bg-layer-1, var(--dsh-ia-fallback-bg));
+  padding: 7px 10px;
+  color: var(--dsw-alias-label-primary, inherit);
+  transition: border-color 0.15s ease;
+}
+.dsh-ia-field input:focus, .dsh-ia select:focus {
+  border-color: var(--dsw-alias-state-business-primary, var(--dsh-ia-accent));
+}
+.dsh-ia-field input { width: 100%; }
+.dsh-ia-muted {
+  color: var(--dsw-alias-label-secondary, var(--dsh-ia-fallback-muted));
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+/* Sections */
+.dsh-ia-section {
+  border-top: 1px solid var(--dsw-alias-border-l2, var(--dsh-ia-fallback-border));
+  margin-top: 8px;
+  padding-top: 10px;
+}
+.dsh-ia-section h4 {
+  font-size: 13px;
+  margin: 0 0 8px;
+  font-weight: 600;
+}
+
+/* Notices & Alerts */
+.dsh-ia-notice {
+  position: fixed;
+  max-width: min(360px, calc(100vw - 32px));
+  overflow: auto;
+  padding: 6px 12px;
+  background: var(--dsw-alias-bg-layer-2, var(--dsh-ia-fallback-bg));
+  border: 1px solid var(--dsw-alias-border-l2, var(--dsh-ia-fallback-border));
+  border-radius: 20px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
+  z-index: 1002;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  animation: dshIaFadeIn 0.2s ease-out;
+}
+@keyframes dshIaFadeIn {
+  from { opacity: 0; transform: translateY(4px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+.dsh-ia-menu .dsh-ia-notice {
+  position: static;
+  max-width: 100%;
+  margin: 6px 0;
+  box-shadow: none;
+}
+.dsh-ia-notice button { margin-left: 6px; padding: 3px 8px; font-size: 11px; }
+
+/* Diff / Pre formatting */
+.dsh-ia-pre {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  font: inherit;
+  font-size: 12px;
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 10px;
+  border: 1px solid var(--dsw-alias-border-l2, var(--dsh-ia-fallback-border));
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-module-platform, rgba(128, 128, 128, 0.08));
+}
+.dsh-ia-diff ins {
+  background: rgba(39, 163, 91, 0.22);
+  color: #107c41;
+  text-decoration: none;
+  border-radius: 2px;
+  padding: 0 2px;
+}
+body[data-ds-dark-theme] .dsh-ia-diff ins {
+  color: #4ade80;
+  background: rgba(34, 197, 94, 0.22);
+}
+.dsh-ia-diff del {
+  background: rgba(217, 69, 69, 0.22);
+  color: #c42b1c;
+  text-decoration: line-through;
+  border-radius: 2px;
+  padding: 0 2px;
+}
+body[data-ds-dark-theme] .dsh-ia-diff del {
+  color: #f87171;
+  background: rgba(239, 68, 68, 0.22);
+}
+
+/* Draft Card */
+.dsh-ia-draft {
+  border: 1px solid var(--dsw-alias-border-l2, var(--dsh-ia-fallback-border));
+  border-radius: 9px;
+  padding: 9px 12px;
+  margin: 8px 0;
+  background: var(--dsw-alias-bg-layer-1, transparent);
+  transition: border-color 0.15s ease;
+}
+.dsh-ia-draft summary {
+  cursor: pointer;
+  overflow-wrap: anywhere;
+  font-weight: 500;
+}
+.dsh-ia-draft time {
+  display: block;
+  font-size: 11px;
+  color: var(--dsw-alias-label-tertiary, var(--dsh-ia-fallback-muted));
+  margin: 3px 0 6px;
+}
+
+/* Candidate Panel & Ghost Text */
+.dsh-ia-candidate {
+  position: fixed;
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 10px 14px;
+  max-width: min(640px, calc(100vw - 32px));
+  max-height: 240px;
+  overflow-y: auto;
+  border: 1px solid var(--dsw-alias-border-l2, var(--dsh-ia-fallback-border));
+  border-radius: 11px;
+  background: var(--dsw-alias-bg-layer-2, var(--dsh-ia-fallback-bg));
+  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);
+  pointer-events: auto;
+  z-index: 998;
+}
+.dsh-ia-candidate-text {
+  flex: 1;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  font-size: 13px;
+  line-height: 1.5;
+}
+.dsh-ia-ghost {
+  position: fixed;
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  overflow: hidden;
+  max-height: 100%;
+  pointer-events: none;
+  user-select: none;
+  color: var(--dsw-alias-label-tertiary, #76808d);
+  opacity: 0.88;
+  z-index: 34;
+}
+[data-composer-card]:has([data-dsh-ia-empty-ghost]) [data-composer-placeholder] {
+  visibility: hidden;
+}
+
+/* Settings Form page */
+.dsh-ia-settings { width: 100%; max-width: 760px; }
+.dsh-ia-settings h2 { font-size: 18px; margin: 0 0 8px; }
+.dsh-ia-settings h3 { font-size: 14px; margin: 0 0 10px; font-weight: 600; }
+.dsh-ia-settings fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }
+.dsh-ia-settings-toggles { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
+.dsh-ia-settings-toggles label { display: flex; align-items: center; gap: 7px; cursor: pointer; }
+.dsh-ia-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
+.dsh-ia-preview .dsh-ia-pre { max-height: 320px; }
+.dsh-ia-notice { flex-wrap: wrap; border-radius: 12px; }
+.dsh-ia-route, .dsh-ia-suggestion-state { overflow-wrap: anywhere; }
+.dsh-ia-suggestion-state { margin: 6px 0; }
+.dsh-ia-inline-status { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--dsw-alias-label-secondary,var(--dsh-ia-fallback-muted)); }
+.dsh-ia summary:focus-visible { outline: 2px solid var(--dsh-ia-accent); outline-offset: 2px; }
+.dsh-ia-settings-presets { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 10px; }
+.dsh-ia .dsh-ia-preset { display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 12px; gap: 5px; }
+.dsh-ia .dsh-ia-preset[aria-pressed=true] { border-color: var(--dsh-ia-accent); background: var(--dsh-ia-accent-subtle); }
+.dsh-ia-setting-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(280px,100%),1fr)); gap: 14px; margin-top: 12px; }
+.dsh-ia-number-control { display: flex; align-items: center; gap: 10px; }
+.dsh-ia-number-control input[type=number] { width: 100px; flex: 0 0 auto; }
+.dsh-ia-number-control input[type=range] { min-width: 0; flex: 1; accent-color: var(--dsh-ia-accent); }
+.dsh-ia-setting-heading { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
+.dsh-ia-setting-heading label { font-weight: 500; }
+@media (prefers-reduced-motion: reduce) { .dsh-ia *, .dsh-ia-notice { transition: none !important; animation: none !important; } }
+`;
+
+// src/browser/settings.tsx
+var import_react2 = require("react");
+
+// src/core/config.ts
+var numeric = {
+  debounceMs: [200, 5e3],
+  minIntervalMs: [500, 3e4],
+  maxHistoryChars: [1e3, 64e3],
+  maxDraftChars: [100, 32e3],
+  maxNextChars: [20, 1e3],
+  maxCompletionChars: [10, 500],
+  optimizeTimeoutMs: [1e3, 12e4],
+  suggestionTimeoutMs: [1e3, 6e4]
+};
+var booleans = ["optimizeEnabled", "stashEnabled", "nextEnabled", "completionEnabled"];
+var strings = ["provider", "model"];
+function validate(config) {
+  for (const key of booleans) {
+    if (typeof config[key] !== "boolean") throw new AssistantError("CONFIG", `${key} \u5FC5\u987B\u662F\u5E03\u5C14\u503C`);
+  }
+  if (!["ghost", "panel"].includes(config.displayMode)) throw new AssistantError("CONFIG", "\u663E\u793A\u65B9\u5F0F\u5FC5\u987B\u662F ghost \u6216 panel");
+  if (!["light", "standard", "deep"].includes(config.optimizationStrength)) throw new AssistantError("CONFIG", "\u4F18\u5316\u5F3A\u5EA6\u5FC5\u987B\u662F light\u3001standard \u6216 deep");
+  if (!["concise", "standard", "detailed"].includes(config.predictionDetail)) throw new AssistantError("CONFIG", "\u9884\u6D4B\u8BE6\u7565\u5EA6\u5FC5\u987B\u662F concise\u3001standard \u6216 detailed");
+  for (const [key, [min, max]] of Object.entries(numeric)) {
+    const value = config[key];
+    if (typeof value !== "number" || !Number.isInteger(value) || value < min || value > max) {
+      throw new AssistantError("CONFIG", `${key} \u5FC5\u987B\u662F ${min} \u5230 ${max} \u4E4B\u95F4\u7684\u6574\u6570`);
+    }
+  }
+  for (const key of strings) {
+    if (typeof config[key] !== "string" || config[key].length > 200) throw new AssistantError("CONFIG", `${key} \u65E0\u6548`);
+    config[key] = config[key].trim();
+  }
+  if (Boolean(config.provider) !== Boolean(config.model)) throw new AssistantError("CONFIG", "\u56FA\u5B9A\u8F85\u52A9\u6A21\u578B\u9700\u540C\u65F6\u586B\u5199\u63D0\u4F9B\u5546\u548C\u6A21\u578B\uFF1B\u7559\u7A7A\u5219\u8DDF\u968F\u8F93\u5165\u6846");
+  return config;
+}
+function resolveConfig(input = {}) {
+  for (const key of Object.keys(input)) if (!(key in DEFAULT_CONFIG)) throw new AssistantError("CONFIG", `\u672A\u77E5\u914D\u7F6E\uFF1A${key}`);
+  return validate({ ...DEFAULT_CONFIG, ...input });
+}
+
+// src/browser/settings.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var NUMBERS = [
+  ["debounceMs", "\u7EED\u5199\u505C\u987F", "\u6BEB\u79D2", 200, 5e3, 50],
+  ["minIntervalMs", "\u7EED\u5199\u8BF7\u6C42\u6700\u5C0F\u95F4\u9694", "\u6BEB\u79D2", 500, 3e4, 100],
+  ["maxHistoryChars", "\u4F1A\u8BDD\u4E0A\u4E0B\u6587\u4E0A\u9650", "\u5B57\u7B26", 1e3, 64e3, 500],
+  ["maxDraftChars", "\u5F85\u5904\u7406\u8349\u7A3F\u4E0A\u9650", "\u5B57\u7B26", 100, 32e3, 100],
+  ["maxNextChars", "\u4E0B\u4E00\u53E5\u957F\u5EA6\u4E0A\u9650", "\u5B57\u7B26", 20, 1e3, 10],
+  ["maxCompletionChars", "\u7EED\u5199\u957F\u5EA6\u4E0A\u9650", "\u5B57\u7B26", 10, 500, 5],
+  ["optimizeTimeoutMs", "\u4F18\u5316\u8D85\u65F6", "\u6BEB\u79D2", 1e3, 12e4, 1e3],
+  ["suggestionTimeoutMs", "\u81EA\u52A8\u5EFA\u8BAE\u8D85\u65F6", "\u6BEB\u79D2", 1e3, 6e4, 500]
+];
+var PRESETS = [
+  { name: "\u654F\u6377\u6A21\u5F0F", description: "\u66F4\u77ED\u505C\u987F\u4E0E\u7CBE\u7B80\u9884\u6D4B\uFF0C\u9002\u5408\u5FEB\u901F\u8F93\u5165\u3002", values: {
+    debounceMs: 300,
+    minIntervalMs: 1e3,
+    optimizationStrength: "light",
+    predictionDetail: "concise",
+    maxNextChars: 60,
+    maxCompletionChars: 40
+  } },
+  { name: "\u6807\u51C6\u5E73\u8861", description: "\u5E73\u8861\u54CD\u5E94\u65F6\u673A\u4E0E\u6A21\u578B\u7528\u91CF\uFF0C\u9002\u5408\u65E5\u5E38\u5BF9\u8BDD\u3002", values: {
+    debounceMs: 600,
+    minIntervalMs: 2e3,
+    optimizationStrength: "standard",
+    predictionDetail: "standard",
+    maxNextChars: 120,
+    maxCompletionChars: 80
+  } },
+  { name: "\u8282\u6D41\u7701\u6D41", description: "\u5EF6\u957F\u505C\u987F\u4E0E\u8BF7\u6C42\u95F4\u9694\uFF0C\u51CF\u5C11\u81EA\u52A8\u8BF7\u6C42\u3002", values: {
+    debounceMs: 1500,
+    minIntervalMs: 5e3,
+    optimizationStrength: "standard",
+    predictionDetail: "concise",
+    maxNextChars: 80,
+    maxCompletionChars: 40
+  } }
+];
+var formatValue = (value, unit) => Number.isNaN(value) ? "\u672A\u586B\u5199" : unit === "\u6BEB\u79D2" && value >= 1e3 ? `\u7EA6 ${Number((value / 1e3).toFixed(1))} \u79D2` : `${value} ${unit}`;
+function AssistantSettings({ runtime }) {
+  const fieldsId = (0, import_react2.useId)();
+  const generation = (0, import_react2.useSyncExternalStore)(
+    runtime.connection.generation.subscribe.bind(runtime.connection.generation),
+    () => runtime.transport.generation(),
+    () => null
+  );
+  const [accepted, setAccepted] = (0, import_react2.useState)(null);
+  const [form, setForm] = (0, import_react2.useState)({ ...DEFAULT_CONFIG });
+  const [loading, setLoading] = (0, import_react2.useState)(true);
+  const [saving, setSaving] = (0, import_react2.useState)(false);
+  const [message, setMessage] = (0, import_react2.useState)("");
+  const [error, setError] = (0, import_react2.useState)("");
+  const [loadFailed, setLoadFailed] = (0, import_react2.useState)(false);
+  const [reload, setReload] = (0, import_react2.useState)(0);
+  const [catalog, setCatalog] = (0, import_react2.useState)(null);
+  const [catalogLoading, setCatalogLoading] = (0, import_react2.useState)(false);
+  const [catalogError, setCatalogError] = (0, import_react2.useState)("");
+  const [catalogReload, setCatalogReload] = (0, import_react2.useState)(0);
+  (0, import_react2.useEffect)(() => {
+    const abort = new AbortController();
+    setLoading(true);
+    setLoadFailed(false);
+    setAccepted(null);
+    setError("");
+    setMessage("");
+    if (generation === null) {
+      setLoading(false);
+      setLoadFailed(true);
+      setError("\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u8BF7\u91CD\u8FDE\u540E\u52A0\u8F7D\u8BBE\u7F6E");
+      return () => abort.abort();
+    }
+    void runtime.transport.call("settings/get", {}, abort.signal).then((settings) => {
+      if (abort.signal.aborted) return;
+      const normalized = resolveConfig(settings);
+      setAccepted(normalized);
+      setForm(normalized);
+      setLoading(false);
+    }).catch((reason) => {
+      if (!abort.signal.aborted) {
+        setLoading(false);
+        setLoadFailed(true);
+        setError(reason instanceof Error ? reason.message : "\u8BBE\u7F6E\u52A0\u8F7D\u5931\u8D25");
+      }
+    });
+    return () => abort.abort();
+  }, [runtime, generation, reload]);
+  (0, import_react2.useEffect)(() => {
+    const abort = new AbortController();
+    setCatalog(null);
+    setCatalogError("");
+    if (generation === null) {
+      setCatalogLoading(false);
+      return () => abort.abort();
+    }
+    setCatalogLoading(true);
+    void runtime.transport.call("models/list", {}, abort.signal).then((value) => {
+      if (!abort.signal.aborted) {
+        setCatalog(value);
+        setCatalogLoading(false);
+      }
+    }).catch((reason) => {
+      if (!abort.signal.aborted) {
+        setCatalogLoading(false);
+        setCatalogError(reason instanceof Error ? reason.message : "\u6A21\u578B\u76EE\u5F55\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u6216\u624B\u52A8\u586B\u5199");
+      }
+    });
+    return () => abort.abort();
+  }, [runtime, generation, catalogReload]);
+  const change = (key, value) => {
+    setForm((previous) => ({ ...previous, [key]: value }));
+    setMessage("");
+    setError("");
+  };
+  const save = async (event) => {
+    event.preventDefault();
+    if (!accepted || saving || generation === null) return;
+    setError("");
+    setMessage("");
+    let draft;
+    try {
+      draft = resolveConfig(form);
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u8BBE\u7F6E\u65E0\u6548");
+      return;
+    }
+    setSaving(true);
+    try {
+      const patch = Object.fromEntries(Object.entries(draft).filter(([key, value]) => value !== accepted[key]));
+      const settings = await runtime.saveSettings(patch);
+      if (runtime.transport.generation() !== generation) return;
+      setAccepted(settings);
+      setForm(settings);
+      setMessage("\u8BBE\u7F6E\u5DF2\u4FDD\u5B58\u5E76\u751F\u6548");
+    } catch (reason) {
+      setError(`\u4FDD\u5B58\u672A\u786E\u8BA4\uFF1A${reason instanceof Error ? reason.message : "\u8BF7\u91CD\u8BD5"}\uFF1B\u8BF7\u91CD\u65B0\u6253\u5F00\u8BBE\u7F6E\u6838\u5BF9`);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const changed = accepted !== null && JSON.stringify(form) !== JSON.stringify(accepted);
+  const selection = form.provider || form.model ? JSON.stringify([form.provider, form.model]) : "";
+  const available = catalog?.groups.some((group) => group.provider === form.provider && group.models.some((model) => model.id === form.model)) ?? false;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("form", { className: "dsh-ia dsh-ia-settings", "aria-label": "\u8F93\u5165\u52A9\u624B\u8BBE\u7F6E", onSubmit: (event) => {
+    void save(event);
+  }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: "\u8F93\u5165\u52A9\u624B" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ia-muted", children: "\u4EE5\u4E0B\u4E3A\u5168\u5C40\u8BBE\u7F6E\uFF0C\u5BF9\u6240\u6709\u4F1A\u8BDD\u751F\u6548\u3002\u5404\u529F\u80FD\u72EC\u7ACB\u5F00\u5173\uFF0C\u91C7\u7EB3\u5185\u5BB9\u540E\u4ECD\u7531\u4F60\u53D1\u9001\u3002" }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "status", children: "\u6B63\u5728\u52A0\u8F7D\u8BBE\u7F6E\u2026" }),
+    message && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "status", children: message }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "alert", children: error }),
+    loadFailed && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", disabled: loading || generation === null, onClick: () => setReload((value) => value + 1), children: "\u91CD\u65B0\u52A0\u8F7D" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("fieldset", { disabled: loading || saving || generation === null || !accepted, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dsh-ia-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: "\u9884\u8BBE\u6863\u4F4D" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ia-muted", children: "\u9884\u8BBE\u53EA\u4FEE\u6539\u4E0B\u65B9\u8868\u5355\uFF0C\u70B9\u51FB\u4FDD\u5B58\u540E\u624D\u5BF9\u6240\u6709\u4F1A\u8BDD\u751F\u6548\uFF1B\u4E0D\u4F1A\u7ACB\u5373\u8C03\u7528\u6A21\u578B\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dsh-ia-settings-presets", children: PRESETS.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: "dsh-ia-preset",
+            "aria-label": preset.name,
+            "aria-pressed": Object.entries(preset.values).every(([key, value]) => form[key] === value),
+            onClick: () => {
+              setForm((previous) => ({ ...previous, ...preset.values }));
+              setMessage(`\u5DF2\u5957\u7528\u300C${preset.name}\u300D\uFF0C\u4FDD\u5B58\u540E\u751F\u6548`);
+              setError("");
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: preset.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-ia-muted", children: preset.description })
+            ]
+          },
+          preset.name
+        )) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dsh-ia-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: "\u529F\u80FD\u5F00\u5173" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ia-settings-toggles", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: form.optimizeEnabled, onChange: (event) => change("optimizeEnabled", event.target.checked) }),
+            "\u63D0\u793A\u8BCD\u4F18\u5316"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: form.nextEnabled, onChange: (event) => change("nextEnabled", event.target.checked) }),
+            "\u56DE\u590D\u540E\u9884\u6D4B"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: form.completionEnabled, onChange: (event) => change("completionEnabled", event.target.checked) }),
+            "\u8F93\u5165\u7EED\u5199"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: form.stashEnabled, onChange: (event) => change("stashEnabled", event.target.checked) }),
+            "\u8349\u7A3F\u6682\u5B58"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ia-muted", children: "\u5173\u95ED\u6682\u5B58\u540E\u4ECD\u53EF\u67E5\u770B\u548C\u5220\u9664\u5386\u53F2\u8349\u7A3F\uFF1B\u5DF2\u6709\u4F18\u5316\u6539\u52A8\u4ECD\u53EF\u67E5\u770B\u548C\u8FD8\u539F\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ia-muted", children: "\u56DE\u590D\u540E\u9884\u6D4B\u4E0E\u8F93\u5165\u7EED\u5199\u5F00\u542F\u540E\u4F1A\u81EA\u52A8\u8C03\u7528\u6A21\u578B\uFF0C\u6D88\u8017\u6A21\u578B\u7528\u91CF\u3002" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dsh-ia-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: "\u4F18\u5316\u4E0E\u5EFA\u8BAE" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dsh-ia-field", children: [
+          "\u4F18\u5316\u5F3A\u5EA6",
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { value: form.optimizationStrength, onChange: (event) => change("optimizationStrength", event.target.value), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "light", children: "\u8F7B\u5EA6\u6DA6\u8272" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "standard", children: "\u6807\u51C6\u4F18\u5316" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "deep", children: "\u6DF1\u5EA6\u68B3\u7406" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ia-muted", children: "\u8F7B\u5EA6\u6DA6\u8272\u53EA\u4FEE\u6B63\u8868\u8FBE\uFF1B\u6807\u51C6\u4F18\u5316\u6574\u7406\u76EE\u6807\u4E0E\u7EA6\u675F\uFF1B\u6DF1\u5EA6\u68B3\u7406\u53EF\u91CD\u7EC4\u7ED3\u6784\u3002\u5404\u6863\u4F4D\u5747\u8981\u6C42\u4FDD\u7559\u539F\u610F\uFF0C\u4E0D\u65B0\u589E\u4EFB\u52A1\u6216\u6388\u6743\uFF1B\u5148\u9884\u89C8\u5DEE\u5F02\uFF0C\u91C7\u7EB3\u540E\u624D\u5199\u5165\u8349\u7A3F\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dsh-ia-field", children: [
+          "\u9884\u6D4B\u8BE6\u7565\u5EA6",
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { "aria-label": "\u9884\u6D4B\u8BE6\u7565\u5EA6", value: form.predictionDetail, onChange: (event) => change("predictionDetail", event.target.value), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "concise", children: "\u7B80\u660E" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "standard", children: "\u6807\u51C6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "detailed", children: "\u8BE6\u5C3D" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ia-muted", children: "\u7B80\u660E\u4FA7\u91CD\u77ED\u53E5\uFF0C\u6807\u51C6\u63D0\u4F9B\u81EA\u7136\u8854\u63A5\uFF0C\u8BE6\u5C3D\u5141\u8BB8\u591A\u884C\u7ED3\u6784\u5E76\u4EE5\u5019\u9009\u9762\u677F\u5B8C\u6574\u5C55\u793A\u3002\u5404\u6863\u5747\u9075\u5B88\u4F60\u8BBE\u7F6E\u7684\u957F\u5EA6\u4E0A\u9650\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dsh-ia-field", children: [
+          "\u5EFA\u8BAE\u663E\u793A\u65B9\u5F0F",
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { value: form.displayMode, onChange: (event) => change("displayMode", event.target.value), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "ghost", children: "\u7070\u5B57" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "panel", children: "\u5019\u9009\u9762\u677F" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dsh-ia-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: "\u8F85\u52A9\u6A21\u578B" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ia-muted", children: "\u4EC5\u8BBE\u7F6E\u8F93\u5165\u52A9\u624B\u4F7F\u7528\u7684\u6A21\u578B\uFF0C\u4E0D\u6539\u53D8\u4E3B\u4F1A\u8BDD\u6A21\u578B\u3002\u8F85\u52A9\u8C03\u7528\u5355\u72EC\u6D88\u8017\u6A21\u578B\u7528\u91CF\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dsh-ia-field", children: [
+          "\u8F85\u52A9\u6A21\u578B\u9009\u62E9",
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { "aria-label": "\u8F85\u52A9\u6A21\u578B\u9009\u62E9", value: selection, onChange: (event) => {
+            const [provider, model] = event.target.value ? JSON.parse(event.target.value) : ["", ""];
+            setForm((previous) => ({ ...previous, provider, model }));
+            setMessage("");
+            setError("");
+          }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "", children: "\u8DDF\u968F\u8F93\u5165\u6846\u6A21\u578B" }),
+            selection && !available && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("option", { value: selection, children: [
+              catalog ? "\u5F53\u524D\u624B\u52A8\u9009\u62E9\uFF0F\u76EE\u5F55\u672A\u5217\u51FA" : "\u5F53\u524D\u9009\u62E9\uFF0F\u76EE\u5F55\u5C1A\u672A\u786E\u8BA4",
+              "\uFF1A",
+              form.provider || "\u672A\u586B\u63D0\u4F9B\u5546",
+              " / ",
+              form.model || "\u672A\u586B\u6A21\u578B"
+            ] }),
+            catalog?.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("optgroup", { label: group.name, children: group.models.map((model) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: JSON.stringify([group.provider, model.id]), children: model.name }, model.id)) }, group.provider))
+          ] })
+        ] }),
+        catalogLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "status", children: "\u6B63\u5728\u52A0\u8F7D\u6A21\u578B\u76EE\u5F55\u2026" }),
+        catalogError && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { role: "status", children: [
+          "\u6A21\u578B\u76EE\u5F55\uFF1A",
+          catalogError
+        ] }),
+        catalog && catalog.groups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ia-muted", children: "\u5BBF\u4E3B\u6682\u65E0\u53EF\u7528\u6A21\u578B\uFF1B\u53EF\u5237\u65B0\u76EE\u5F55\u6216\u624B\u52A8\u586B\u5199\u3002" }),
+        catalog && catalog.failures.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { role: "status", children: [
+          "\u90E8\u5206\u63D0\u4F9B\u5546\u76EE\u5F55\u52A0\u8F7D\u5931\u8D25\uFF1A",
+          catalog.failures.map((item) => item.name).join("\u3001"),
+          "\u3002\u5DF2\u52A0\u8F7D\u6A21\u578B\u4ECD\u53EF\u9009\u62E9\u3002"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", disabled: catalogLoading || generation === null, onClick: () => setCatalogReload((value) => value + 1), children: "\u5237\u65B0\u6A21\u578B\u5217\u8868" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("details", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("summary", { children: "\u624B\u52A8\u586B\u5199\u6A21\u578B ID" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ia-muted", children: "\u76EE\u5F55\u6682\u65F6\u4E0D\u53EF\u7528\u6216\u4F7F\u7528\u81EA\u5B9A\u4E49\u6A21\u578B\u65F6\uFF0C\u53EF\u586B\u5199\u63D0\u4F9B\u5546\u4E0E\u6A21\u578B ID\uFF1B\u4E24\u9879\u540C\u65F6\u7559\u7A7A\u5219\u8DDF\u968F\u8F93\u5165\u6846\u3002" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dsh-ia-field", children: [
+            "\u63D0\u4F9B\u5546",
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: form.provider, onChange: (event) => change("provider", event.target.value), placeholder: "\u8DDF\u968F\u8F93\u5165\u6846", maxLength: 200, autoComplete: "off" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dsh-ia-field", children: [
+            "\u6A21\u578B",
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: form.model, onChange: (event) => change("model", event.target.value), placeholder: "\u8DDF\u968F\u8F93\u5165\u6846", maxLength: 200, autoComplete: "off" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("details", { className: "dsh-ia-section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("summary", { children: "\u9AD8\u7EA7\u8BBE\u7F6E" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-ia-muted", children: "\u6ED1\u5757\u7528\u4E8E\u5FEB\u901F\u8C03\u6574\uFF0C\u6570\u503C\u6846\u652F\u6301\u7CBE\u786E\u6574\u6570\u8F93\u5165\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dsh-ia-setting-grid", children: NUMBERS.map(([key, label, unit, min, max, step]) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ia-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ia-setting-heading", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { htmlFor: `${fieldsId}-${key}`, children: [
+              label,
+              "\uFF08",
+              unit,
+              "\uFF09"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-ia-muted", children: formatValue(form[key], unit) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ia-number-control", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "input",
+              {
+                id: `${fieldsId}-${key}`,
+                type: "number",
+                "aria-label": `${label}\uFF08${unit}\uFF09`,
+                value: Number.isNaN(form[key]) ? "" : form[key],
+                min,
+                max,
+                step: 1,
+                required: true,
+                onChange: (event) => change(key, event.target.value === "" ? NaN : Number(event.target.value))
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "input",
+              {
+                type: "range",
+                tabIndex: -1,
+                "aria-hidden": "true",
+                min,
+                max,
+                step,
+                value: Number.isNaN(form[key]) ? min : Math.min(max, min + Math.round((form[key] - min) / step) * step),
+                onChange: (event) => change(key, Number(event.target.value))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "dsh-ia-muted", children: [
+            min.toLocaleString(),
+            "\u2013",
+            max.toLocaleString(),
+            " ",
+            unit
+          ] })
+        ] }, key)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-ia-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "submit", disabled: !changed, children: saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58\u8BBE\u7F6E" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", disabled: !changed, onClick: () => {
+          if (accepted) setForm(accepted);
+          setError("");
+          setMessage("\u5DF2\u653E\u5F03\u672A\u4FDD\u5B58\u7684\u4FEE\u6539");
+        }, children: "\u653E\u5F03\u4FEE\u6539" }),
+        changed && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-ia-muted", children: "\u6709\u672A\u4FDD\u5B58\u7684\u4FEE\u6539" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/browser/index.ts
+var name = "input-assistant.client";
+var inject = ["slots", "connection", "modelDirectories"];
+function apply(ctx) {
+  const connection = ctx.get("connection");
+  const models = ctx.get("modelDirectories");
+  const runtime = new BrowserRuntime(connection, models);
+  ctx.effect(() => {
+    const style = document.createElement("style");
+    style.dataset.dshInputAssistant = "";
+    style.textContent = STYLE_TEXT;
+    document.head.append(style);
+    return () => {
+      runtime.dispose();
+      style.remove();
+    };
+  }, "input-assistant: browser lifetime");
+  ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
+    name: "conversation.input.right",
+    id: "input-assistant",
+    order: 40,
+    inject: () => ({ runtime })
+  }, AssistantRight));
+  ctx.slots.inject("conversation.input.overlay", () => ctx.slots.register({
+    name: "conversation.input.overlay",
+    id: "input-assistant",
+    order: 40,
+    inject: () => ({ runtime })
+  }, AssistantOverlay));
+  ctx.slots.inject("settings.section", () => ctx.slots.register({
+    name: "settings.section",
+    id: "input-assistant",
+    order: 65,
+    label: "\u8F93\u5165\u52A9\u624B",
+    inject: () => ({ runtime })
+  }, AssistantSettings));
+}
+
+return module.exports;
+}});