@aipanel/provider-opencode 1.2.0-beta.0

package/es/bridge-script.js

@@ -0,0 +1,683 @@
+import { DEFAULT_OPENCODE_SETTINGS, OPENCODE_STORAGE_KEYS } from "./constants.js";
+import { WIDGET_MSG } from "@aipanel/core";
+function mergeSettings(defaultSettings, userSettings) {
+  if (!userSettings) return defaultSettings;
+  const result = { ...defaultSettings };
+  if (userSettings.general) {
+    result.general = { ...defaultSettings.general, ...userSettings.general };
+  }
+  if (userSettings.appearance) {
+    result.appearance = userSettings.appearance;
+  }
+  if (userSettings.permissions) {
+    result.permissions = userSettings.permissions;
+  }
+  if (userSettings.notifications) {
+    result.notifications = userSettings.notifications;
+  }
+  if (userSettings.sounds) {
+    result.sounds = userSettings.sounds;
+  }
+  return result;
+}
+function generateBridgeScript(options = {}) {
+  const { theme = "auto", language, settings } = options;
+  const mergedSettings = mergeSettings(DEFAULT_OPENCODE_SETTINGS, settings);
+  return `
+(function() {
+  // \u7ACB\u5373\u6E05\u7406\u6B8B\u7559\u7684 session tabs \u5B58\u50A8\uFF0C\u5FC5\u987B\u5728 DOMContentLoaded \u4E4B\u524D\u6267\u884C
+  // \u5426\u5219 Web UI \u6A21\u5757\u811A\u672C\u4F1A\u5148\u8BFB\u53D6 localStorage \u5E76\u53D1\u51FA 404 \u8BF7\u6C42
+  (function cleanupTabsStorage() {
+    try {
+      var keysToRemove = [];
+      for (var i = 0; i < localStorage.length; i++) {
+        var key = localStorage.key(i);
+        if (key && (key.indexOf('opencode.window') === 0 || key.indexOf('opencode.workspace') === 0)) {
+          keysToRemove.push(key);
+        }
+      }
+      for (var j = 0; j < keysToRemove.length; j++) {
+        localStorage.removeItem(keysToRemove[j]);
+      }
+    } catch (e) {
+      // localStorage \u4E0D\u53EF\u7528\u65F6\u5FFD\u7565
+    }
+  })();
+
+  // === \u52AB\u6301 matchMedia\uFF0C\u5F3A\u5236\u684C\u9762\u7AEF\u5E03\u5C40\u4EE5\u6E32\u67D3\u5BA1\u67E5\u9762\u677F ===
+  // \u53EA\u52AB\u6301 opencode \u5224\u65AD\u684C\u9762\u7AEF\u7684\u5A92\u4F53\u67E5\u8BE2 (min-width: 768px)\uFF0C\u4E0D\u5F71\u54CD\u5176\u4ED6\u67E5\u8BE2
+  (function() {
+    var _origMatchMedia = window.matchMedia.bind(window);
+    var DESKTOP_QUERY = '(min-width: 768px)';
+    window.matchMedia = function(query) {
+      var result = _origMatchMedia(query);
+      if (query === DESKTOP_QUERY) {
+        return {
+          get matches() { return true; },
+          get media() { return result.media; },
+          onchange: null,
+          addListener: function(cb) { result.addListener(cb); },
+          removeListener: function(cb) { result.removeListener(cb); },
+          addEventListener: function(t, cb) { result.addEventListener(t, cb); },
+          removeEventListener: function(t, cb) { result.removeEventListener(t, cb); },
+          dispatchEvent: function(e) { return result.dispatchEvent(e); }
+        };
+      }
+      return result;
+    };
+  })();
+
+  const STORAGE_KEYS = ${JSON.stringify(OPENCODE_STORAGE_KEYS)};
+  const THEME_KEY = STORAGE_KEYS.COLOR_SCHEME;
+  const SETTINGS_KEY = STORAGE_KEYS.SETTINGS;
+
+  // === \u521D\u59CB\u5316\u914D\u7F6E ===
+  const initialConfig = {
+    theme: ${JSON.stringify(theme)},
+    language: ${JSON.stringify(language || null)},
+    settings: ${JSON.stringify(mergedSettings)}
+  };
+
+  // \u521D\u59CB\u5316\u4E3B\u9898
+  if (initialConfig.theme && initialConfig.theme !== "auto") {
+    localStorage.setItem(THEME_KEY, initialConfig.theme);
+    document.documentElement.setAttribute("data-color-scheme", initialConfig.theme);
+  }
+
+  // \u521D\u59CB\u5316\u8BBE\u7F6E
+  // \u6DF1\u5EA6\u5408\u5E76 initialConfig.settings \u5230\u5DF2\u6709\u914D\u7F6E\uFF1A\u53EA\u8986\u76D6\u63D2\u4EF6\u58F0\u660E\u7684\u5B57\u6BB5\uFF0C
+  // web \u81EA\u5DF1\u7BA1\u7406\u7684\u5176\u4ED6\u914D\u7F6E\u4E0D\u53D7\u5F71\u54CD
+  function deepMerge(target, source) {
+    for (var key in source) {
+      if (!{}.hasOwnProperty.call(source, key)) continue;
+      if (source[key] && typeof source[key] === "object" && !Array.isArray(source[key])) {
+        if (!target[key] || typeof target[key] !== "object") target[key] = {};
+        deepMerge(target[key], source[key]);
+      } else {
+        target[key] = source[key];
+      }
+    }
+    return target;
+  }
+
+  try {
+    var existing = JSON.parse(localStorage.getItem(SETTINGS_KEY) || "{}");
+    localStorage.setItem(SETTINGS_KEY, JSON.stringify(deepMerge(existing, initialConfig.settings)));
+  } catch {
+    localStorage.setItem(SETTINGS_KEY, JSON.stringify(initialConfig.settings));
+  }
+
+  // === \u4E3B\u9898\u540C\u6B65\u51FD\u6570 ===
+  function getTheme() {
+    try {
+      return localStorage.getItem(THEME_KEY) || "system";
+    } catch {
+      return "system";
+    }
+  }
+
+  function setTheme(theme) {
+    try {
+      const oldTheme = localStorage.getItem(THEME_KEY);
+      localStorage.setItem(THEME_KEY, theme);
+      document.documentElement.setAttribute('data-color-scheme', theme);
+
+      if (oldTheme !== theme) {
+        window.dispatchEvent(new StorageEvent('storage', {
+          key: THEME_KEY,
+          oldValue: oldTheme,
+          newValue: theme,
+          url: window.location.href
+        }));
+      }
+    } catch {
+      // ignore
+    }
+  }
+
+  // === \u9009\u62E9\u6A21\u5F0F\u72B6\u6001 ===
+  let isInSelectMode = false;
+
+  function handleSelectModeChange(selectMode) {
+    isInSelectMode = selectMode;
+  }
+
+  // === \u6D88\u606F\u76D1\u542C ===
+  window.addEventListener("message", function(event) {
+    if (event.data && event.data.type === ${JSON.stringify(WIDGET_MSG.SET_THEME)}) {
+      setTheme(event.data.theme);
+    }
+
+    if (event.data && event.data.type === ${JSON.stringify(WIDGET_MSG.INSERT_FILE_PART)}) {
+      insertFilePart(event.data.element);
+    }
+
+    if (event.data && event.data.type === ${JSON.stringify(WIDGET_MSG.MINIMIZE_STATE)}) {
+      handleMinimizeStateChange(event.data.minimized);
+    }
+
+    if (event.data && event.data.type === ${JSON.stringify(WIDGET_MSG.PROMPT_DOCK_VISIBILITY)}) {
+      handlePromptDockVisibilityChange(event.data.visible);
+    }
+
+    if (event.data && event.data.type === ${JSON.stringify(WIDGET_MSG.SELECT_MODE_CHANGE)}) {
+      handleSelectModeChange(event.data.selectMode);
+    }
+
+    if (event.data && event.data.type === ${JSON.stringify(WIDGET_MSG.REVIEW_PANEL_TOGGLE)}) {
+      handleReviewPanelToggle(event.data.visible);
+    }
+  });
+
+  // === \u952E\u76D8\u4E8B\u4EF6\u8F6C\u53D1\uFF08\u7528\u4E8E\u9000\u51FA\u9009\u62E9\u6A21\u5F0F\uFF09 ===
+  window.addEventListener("keydown", function(event) {
+    if (event.key === "Escape" || (event.ctrlKey && event.key.toLowerCase() === "p")) {
+      // \u9009\u62E9\u6A21\u5F0F\u5F00\u542F\u65F6\uFF0C\u4F18\u5148\u9000\u51FA\u9009\u62E9\u6A21\u5F0F\uFF0C\u963B\u6B62 iframe \u5185\u7684\u5176\u4ED6 ESC \u5904\u7406\uFF08\u5982\u4E2D\u6B62\u4F1A\u8BDD\uFF09
+      if (isInSelectMode) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (window.parent !== window) {
+          window.parent.postMessage({
+            type: ${JSON.stringify(WIDGET_MSG.KEYDOWN)},
+            key: event.key,
+            ctrlKey: event.ctrlKey,
+            metaKey: event.metaKey,
+            shiftKey: event.shiftKey,
+            altKey: event.altKey
+          }, "*");
+        }
+        return;
+      }
+      
+      
+      if (window.parent !== window) {
+        window.parent.postMessage({
+          type: ${JSON.stringify(WIDGET_MSG.KEYDOWN)},
+          key: event.key,
+          ctrlKey: event.ctrlKey,
+          metaKey: event.metaKey,
+          shiftKey: event.shiftKey,
+          altKey: event.altKey
+        }, "*");
+      }
+    }
+  }, true);
+
+  // === \u6700\u5C0F\u5316\u72B6\u6001\u6837\u5F0F ===
+  const minimizeStyles = \`
+    #root header {
+      display: none !important;
+    }
+    .opencode-minimized [data-dock-surface="tray"]:not([data-slot="permission-footer"]) {
+      display: none !important;
+    }
+    .opencode-minimized [data-slot="session-turn-list"] {
+      padding-bottom: 10px !important;
+    }
+    .opencode-prompt-dock-hidden [data-component="session-prompt-dock"]:not(:has([data-kind="permission"])) {
+      display: none !important;
+    }
+    button[data-slot="dropdown-menu-trigger"][icon="dot-grid"] {
+      display: none !important;
+    }
+    [data-component="icon-button-v2"][aria-label="\u66F4\u591A\u9009\u9879"],
+    [data-component="icon-button-v2"][aria-label="More options"] {
+      display: none !important;
+    }
+  \`;
+
+  // === \u901A\u7528\u6837\u5F0F ===
+  const generalStyles = \`
+    /* \u9690\u85CF\u4F1A\u8BDD\u9762\u677F\u6807\u9898\u53F3\u4FA7\u6309\u94AE\u533A */
+    [data-session-title] .shrink-0 {
+      display: none !important;
+    }
+  \`;
+
+  // === \u5BA1\u67E5\u9762\u677F\u8986\u76D6\u6837\u5F0F ===
+  // \u5BA1\u67E5\u9762\u677F\u5168\u5C4F\uFF0C\u4F1A\u8BDD\u9762\u677F\u6D6E\u5728\u53F3\u4E0B\u89D2\uFF08\u7C7B\u4F3C\u63D2\u4EF6\u6700\u5C0F\u5316\u72B6\u6001\uFF09
+  const reviewPanelStyles = \`
+    .opencode-review-panel-overlay [data-ref="panel-row"] {
+      flex-direction: column !important;
+      gap: 8px !important;
+      padding: 8px !important;
+    }
+
+    /* \u5BA1\u67E5\u9762\u677F\u5360\u6EE1\u5269\u4F59\u7A7A\u95F4 */
+    .opencode-review-panel-overlay [data-ref="side-panel-container"] {
+      flex: 1 !important;
+      width: 100% !important;
+      transition: none !important;
+      min-height: 0 !important;
+    }
+
+    /* \u4F1A\u8BDD\u9762\u677F\u6D6E\u5728\u53F3\u4E0B\u89D2 */
+    .opencode-review-panel-overlay [data-ref="session-panel"] {
+      position: fixed !important;
+      bottom: 16px !important;
+      right: 16px !important;
+      width: 380px !important;
+      max-height: 70vh !important;
+      display: flex !important;
+      flex-direction: column !important;
+      z-index: 600 !important;
+      border-radius: 12px !important;
+      box-shadow:
+        0 0 0 1px rgba(0, 0, 0, 0.04),
+        0 2px 4px rgba(0, 0, 0, 0.04),
+        0 8px 16px rgba(0, 0, 0, 0.08),
+        0 16px 40px rgba(0, 0, 0, 0.12) !important;
+      overflow: hidden !important;
+      transition: none;
+    }
+    .opencode-review-panel-overlay [data-ref="session-panel"] * {
+      max-width: none !important;
+    }
+
+    /* \u4F1A\u8BDD\u6D6E\u7A97\u5185\u5C42\u80CC\u666F\u62AC\u9AD8\uFF0C\u4E0E\u5BA1\u67E5\u9762\u677F\u5E95\u8272\u5F62\u6210\u5C42\u6B21 */
+    .opencode-review-panel-overlay [data-ref="session-panel"] [class*="bg-v2-background-bg-base"] {
+      background: color-mix(in srgb, var(--v2-background-bg-base, #1e1e1e) 96%, #fff) !important;
+    }
+
+    /* \u9690\u85CF\u4F1A\u8BDD\u9762\u677F\u5185\u7684\u6807\u9898 */
+    .opencode-review-panel-overlay [data-ref="session-panel"] [data-session-title] {
+      display: none !important;
+    }
+
+
+
+    /* \u9690\u85CF\u6D6E\u52A8\u4F1A\u8BDD\uFF08\u7528 visibility+opacity \u907F\u514D\u5207\u6362\u95EA\u70C1\uFF09 */
+    .opencode-review-panel-overlay.hide-chat [data-ref="session-panel"] {
+      visibility: hidden !important;
+      opacity: 0 !important;
+      pointer-events: none !important;
+    }
+
+    /* \u5BA1\u67E5\u9762\u677F\u53F3\u4E0A\u89D2\u60AC\u6D6E\u5207\u6362\u6309\u94AE */
+    .opencode-chat-toggle-btn {
+      position: fixed !important;
+      top: 16px !important;
+      right: 16px !important;
+      z-index: 700 !important;
+      width: 36px !important;
+      height: 36px !important;
+      border-radius: 8px !important;
+      border: none !important;
+      background: var(--v2-background-bg-base, #1e1e1e) !important;
+      color: var(--v2-icon-icon-base, #ccc) !important;
+      cursor: pointer !important;
+      display: flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
+      transition: background 0.15s !important;
+    }
+    .opencode-chat-toggle-btn:hover {
+      background: var(--v2-overlay-simple-overlay-hover, #333) !important;
+    }
+    .opencode-chat-toggle-btn.active {
+      background: var(--v2-overlay-simple-overlay-pressed, #444) !important;
+    }
+  \`;
+
+  function injectMinimizeStyles() {
+    if (document.getElementById('opencode-minimize-styles')) return;
+    const style = document.createElement('style');
+    style.id = 'opencode-minimize-styles';
+    style.textContent = minimizeStyles;
+    document.head.appendChild(style);
+  }
+
+  function injectReviewPanelStyles() {
+    if (document.getElementById('opencode-review-panel-styles')) return;
+    const style = document.createElement('style');
+    style.id = 'opencode-review-panel-styles';
+    style.textContent = reviewPanelStyles;
+    document.head.appendChild(style);
+  }
+
+  function injectGeneralStyles() {
+    if (document.getElementById('opencode-general-styles')) return;
+    const style = document.createElement('style');
+    style.id = 'opencode-general-styles';
+    style.textContent = generalStyles;
+    document.head.appendChild(style);
+  }
+
+  // === \u6700\u5C0F\u5316\u72B6\u6001\u5904\u7406 ===
+  let savedMinimizedState = null;
+  let savedPromptDockVisibleState = null;
+  let savedReviewPanelState = null;
+
+  function handleMinimizeStateChange(minimized) {
+    savedMinimizedState = minimized;
+    if (minimized) {
+      document.documentElement.classList.add('opencode-minimized');
+    } else {
+      document.documentElement.classList.remove('opencode-minimized');
+    }
+  }
+
+  // === \u5BF9\u8BDD\u6846\u663E\u793A\u72B6\u6001\u5904\u7406 ===
+  function handlePromptDockVisibilityChange(visible) {
+    savedPromptDockVisibleState = visible;
+    if (!visible) {
+      document.documentElement.classList.add('opencode-prompt-dock-hidden');
+    } else {
+      document.documentElement.classList.remove('opencode-prompt-dock-hidden');
+    }
+  }
+
+  // === \u5BA1\u67E5\u9762\u677F\u8986\u76D6\u72B6\u6001\u5904\u7406 ===
+  // \u7B56\u7565\uFF1A\u7EAF CSS class \u63A7\u5236\u3002\u9996\u6B21\u6253\u5F00\u65F6\u7ED9\u5173\u952E\u5143\u7D20\u6253 data-ref \u6807\u8BB0\uFF0C
+  // \u540E\u7EED\u53EA\u9700 toggle class\u3002\u5173\u95ED\u65F6\u79FB\u9664 class\uFF0CCSS \u89C4\u5219\u81EA\u52A8\u6062\u590D\u539F\u59CB\u5E03\u5C40\u3002
+  // \u4E0D\u4FEE\u6539\u4EFB\u4F55 inline style\uFF0C\u907F\u514D\u4FDD\u5B58/\u6062\u590D\u7684\u65F6\u673A\u548C DOM \u5F15\u7528\u95EE\u9898\u3002
+
+  function ensureReviewPanelRefs() {
+    var reviewPanel = document.querySelector('[data-component="session-review-v2"]')
+      || document.querySelector('[data-component="session-review"]');
+    if (!reviewPanel) return false;
+
+    // \u5411\u4E0A\u904D\u5386\u627E\u5230 panelRow
+    var panelRow = reviewPanel.parentElement;
+    while (panelRow) {
+      var cls = panelRow.className || '';
+      if (cls.indexOf('flex-col') !== -1 && cls.indexOf('md:flex-row') !== -1) break;
+      panelRow = panelRow.parentElement;
+    }
+    if (!panelRow) return false;
+    panelRow.setAttribute('data-ref', 'panel-row');
+
+    // \u627E\u5230\u4F1A\u8BDD\u9762\u677F\u548C\u4FA7\u8FB9\u9762\u677F\u5BB9\u5668
+    for (var i = 0; i < panelRow.children.length; i++) {
+      var child = panelRow.children[i];
+      if (child.nodeType !== 1) continue;
+      var c = child.className || '';
+      if (c.indexOf('@container') !== -1) {
+        child.setAttribute('data-ref', 'session-panel');
+      } else if (c.indexOf('min-w-0') !== -1 && c.indexOf('flex-col') !== -1) {
+        child.setAttribute('data-ref', 'side-panel-container');
+      }
+    }
+
+    return true;
+  }
+
+  function injectChatToggleBtn() {
+    if (document.getElementById('opencode-chat-toggle-btn')) return;
+    var btn = document.createElement('button');
+    btn.id = 'opencode-chat-toggle-btn';
+    btn.className = 'opencode-chat-toggle-btn';
+    btn.innerHTML = '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>';
+    btn.title = '\u5C55\u5F00\u804A\u5929\u9762\u677F';
+    // \u4ECE localStorage \u6062\u590D\u4E0A\u6B21\u7684\u5C55\u5F00/\u6536\u8D77\u72B6\u6001\uFF0C\u9ED8\u8BA4\u6536\u8D77
+    var chatVisible = localStorage.getItem('opencode-review-chat-visible');
+    if (chatVisible === 'true') {
+      document.documentElement.classList.remove('hide-chat');
+      btn.classList.add('active');
+      btn.title = '\u9690\u85CF\u804A\u5929\u9762\u677F';
+    } else {
+      document.documentElement.classList.add('hide-chat');
+    }
+    btn.onclick = function() {
+      document.documentElement.classList.toggle('hide-chat');
+      btn.classList.toggle('active');
+      var isVisible = btn.classList.contains('active');
+      btn.title = isVisible ? '\u9690\u85CF\u804A\u5929\u9762\u677F' : '\u5C55\u5F00\u804A\u5929\u9762\u677F';
+      localStorage.setItem('opencode-review-chat-visible', isVisible ? 'true' : 'false');
+    };
+    document.body.appendChild(btn);
+  }
+
+  function removeChatToggleBtn() {
+    var btn = document.getElementById('opencode-chat-toggle-btn');
+    if (btn) btn.remove();
+  }
+
+  function handleReviewPanelToggle(visible) {
+    // \u5982\u679C\u72B6\u6001\u6CA1\u6709\u53D8\u5316\uFF0C\u8DF3\u8FC7\uFF08\u907F\u514D MutationObserver \u91CD\u590D\u89E6\u53D1\uFF09
+    if (savedReviewPanelState === visible) return;
+    savedReviewPanelState = visible;
+
+    if (visible) {
+      // \u5148\u70B9\u51FB\u539F\u751F\u6309\u94AE\u6253\u5F00\u9762\u677F\uFF0C\u8BA9 DOM \u6E32\u67D3\u51FA\u6765
+      var reviewBtn = document.querySelector('[aria-controls="review-panel"]');
+      if (reviewBtn && reviewBtn.getAttribute('aria-expanded') !== 'true') {
+        reviewBtn.click();
+      }
+
+      // \u7B49 DOM \u5C31\u7EEA\u540E\u6253\u6807\u8BB0\u5E76\u5E94\u7528 CSS
+      var attempts = 0;
+      function tryApply() {
+        if (ensureReviewPanelRefs()) {
+          document.documentElement.classList.add('opencode-review-panel-overlay');
+          injectChatToggleBtn();
+          return;
+        }
+        attempts++;
+        if (attempts < 20) requestAnimationFrame(tryApply);
+      }
+      requestAnimationFrame(tryApply);
+    } else {
+      // \u5173\u95ED\u524D\u5148\u5C06\u4F1A\u8BDD\u9762\u677F\u5BBD\u5EA6\u8BBE\u4E3A 100%\uFF0C\u907F\u514D SolidJS \u5F02\u6B65\u6E32\u67D3\u7684\u5BBD\u5EA6\u8DF3\u53D8
+      var sessionPanel = document.querySelector('[data-ref="session-panel"]');
+      if (sessionPanel) sessionPanel.style.width = '100%';
+      document.body.offsetHeight; // \u5F3A\u5236\u56DE\u6D41
+
+      document.documentElement.classList.remove('opencode-review-panel-overlay');
+      document.documentElement.classList.remove('hide-chat');
+      removeChatToggleBtn();
+
+      // \u7B49\u4E00\u5E27\u8BA9 CSS \u5E03\u5C40\u53D8\u5316\u5148\u6E32\u67D3\uFF0C\u518D\u5173\u95ED\u539F\u751F\u9762\u677F
+      // \u907F\u514D SolidJS \u5F02\u6B65 DOM \u53D8\u5316\u548C CSS \u5E03\u5C40\u53D8\u5316\u53D1\u751F\u5728\u540C\u4E00\u5E27\u5BFC\u81F4\u89C6\u89C9\u8DF3\u52A8
+      requestAnimationFrame(function() {
+        var reviewBtn = document.querySelector('[aria-controls="review-panel"]');
+        if (reviewBtn && reviewBtn.getAttribute('aria-expanded') === 'true') {
+          reviewBtn.click();
+        }
+      });
+    }
+  }
+  
+  // === \u5E94\u7528\u4FDD\u5B58\u7684\u72B6\u6001 ===
+  function applySavedStates() {
+    if (savedMinimizedState !== null) {
+      handleMinimizeStateChange(savedMinimizedState);
+    }
+    if (savedPromptDockVisibleState !== null) {
+      handlePromptDockVisibilityChange(savedPromptDockVisibleState);
+    }
+    if (savedReviewPanelState !== null) {
+      handleReviewPanelToggle(savedReviewPanelState);
+    }
+  }
+
+  // === \u4FDD\u5B58\u8F93\u5165\u6846\u5149\u6807\u4F4D\u7F6E ===
+  let savedRange = null;
+
+  function setupPromptInputListener() {
+    const promptInput = document.querySelector('[data-component="prompt-input"]');
+    if (!promptInput) return;
+
+    promptInput.addEventListener('blur', function() {
+      const selection = window.getSelection();
+      if (selection && selection.rangeCount > 0) {
+        const range = selection.getRangeAt(0);
+        if (promptInput.contains(range.commonAncestorContainer)) {
+          savedRange = range.cloneRange();
+        }
+      }
+    });
+
+    promptInput.addEventListener('focus', function() {
+      savedRange = null;
+    });
+  }
+
+  // === \u63D2\u5165 File Part \u5230\u8F93\u5165\u6846 ===
+  function insertFilePart(element) {
+    const promptInput = document.querySelector('[data-component="prompt-input"]');
+    if (!promptInput) {
+      console.warn('Prompt input not found');
+      return;
+    }
+
+    const { filePath, line, column, description, innerText, previewPageUrl, previewPageTitle } = element;
+
+    const selector = description || 'element';
+    let textPreview = '';
+    if (innerText && innerText.trim()) {
+      const trimmed = innerText.trim();
+      textPreview = trimmed.length > 5 ? trimmed.substring(0, 5) + '...' : trimmed;
+    }
+    const displayText = '@' + selector + (textPreview ? '(' + textPreview + ')' : '');
+
+    const jsonStr = JSON.stringify({
+      nodeContext: {
+        "filePath": {
+          "value": filePath ?? '\u672A\u77E5',
+          "desc": "\u6E90\u7801\u6587\u4EF6\u8DEF\u5F84"
+        },
+        "line": {
+          "value": line ?? '\u672A\u77E5',
+          "desc": "\u4EE3\u7801\u6240\u5728\u884C\u53F7"
+        },
+        "column": {
+          "value": column ?? '\u672A\u77E5',
+          "desc": "\u4EE3\u7801\u6240\u5728\u5217\u53F7"
+        },
+        "description": {
+          "value": description ?? '\u672A\u77E5',
+          "desc": "DOM \u5143\u7D20\u9009\u62E9\u5668"
+        },
+        "innerText": {
+          "value": innerText ? innerText.substring(0, 500) : '',
+          "desc": "DOM \u5143\u7D20\u5185\u90E8\u6587\u672C"
+        },
+        "selectAt": {
+          "value": previewPageUrl || '\u672A\u77E5',
+          "desc": "\u7528\u6237\u9009\u4E2D\u8282\u70B9\u65F6\u7684\u9875\u9762 URL"
+        }
+      }
+    });
+
+    const span = document.createElement('span');
+    span.setAttribute('data-mention', 'file');
+    span.setAttribute('data-path', jsonStr);
+    span.setAttribute('contenteditable', 'false');
+
+    span.textContent = displayText;
+
+    if (savedRange) {
+      const range = savedRange;
+      range.collapse(false);
+      range.insertNode(span);
+
+      const space = document.createTextNode('\\u00A0');
+      span.parentNode.insertBefore(space, span.nextSibling);
+
+      const newRange = document.createRange();
+      newRange.setStartAfter(space);
+      newRange.collapse(true);
+
+      promptInput.focus();
+
+      const selection = window.getSelection();
+      if (selection) {
+        selection.removeAllRanges();
+        selection.addRange(newRange);
+      }
+      savedRange = null;
+
+      promptInput.dispatchEvent(new Event('input', { bubbles: true }));
+      return;
+    }
+
+    const selection = window.getSelection();
+    if (selection && selection.rangeCount > 0) {
+      const range = selection.getRangeAt(0);
+
+      if (promptInput.contains(range.commonAncestorContainer)) {
+        range.collapse(false);
+        range.insertNode(span);
+
+        const space = document.createTextNode('\\u00A0');
+        span.parentNode.insertBefore(space, span.nextSibling);
+
+        const newRange = document.createRange();
+        newRange.setStartAfter(space);
+        newRange.collapse(true);
+        selection.removeAllRanges();
+        selection.addRange(newRange);
+
+        promptInput.dispatchEvent(new Event('input', { bubbles: true }));
+        return;
+      }
+    }
+
+    promptInput.appendChild(span);
+    const space = document.createTextNode('\\u00A0');
+    promptInput.appendChild(space);
+
+    const newRange = document.createRange();
+    newRange.setStartAfter(space);
+    newRange.collapse(true);
+    const newSelection = window.getSelection();
+    if (newSelection) {
+      newSelection.removeAllRanges();
+      newSelection.addRange(newRange);
+    }
+
+    promptInput.dispatchEvent(new Event('input', { bubbles: true }));
+    promptInput.focus();
+  }
+
+  // === \u5C31\u7EEA\u901A\u77E5 ===
+  function init() {
+    injectMinimizeStyles();
+    injectReviewPanelStyles();
+    injectGeneralStyles();
+    setupPromptInputListener();
+    applySavedStates();
+
+    let readySent = false;
+    function trySendReady() {
+      if (readySent) return;
+      const promptInput = document.querySelector('[data-component="prompt-input"]');
+      if (promptInput && window.parent !== window) {
+        window.parent.postMessage({ type: ${JSON.stringify(WIDGET_MSG.READY)} }, "*");
+        readySent = true;
+      }
+    }
+    trySendReady();
+    
+    const observer = new MutationObserver(function(mutations) {
+      trySendReady();
+      
+      const promptInput = document.querySelector('[data-component="prompt-input"]');
+      if (promptInput && !promptInput._aipanelListenerAttached) {
+        setupPromptInputListener();
+        promptInput._aipanelListenerAttached = true;
+      }
+      
+      // \u5F53\u76EE\u6807\u5143\u7D20\u51FA\u73B0\u65F6\u5E94\u7528\u4FDD\u5B58\u7684\u72B6\u6001
+      const promptDock = document.querySelector('[data-component="session-prompt-dock"]');
+      const dockSurface = document.querySelector('[data-dock-surface="tray"]');
+      if (promptDock || dockSurface) {
+        applySavedStates();
+      }
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+})();
+`;
+}
+export {
+  generateBridgeScript
+};