@vite-plugin-opencode-assistant/components 1.0.5

package/lib/open-code-widget/composables/use-widget.d.ts

@@ -0,0 +1,24 @@
+import { type Ref } from "vue";
+export interface UseWidgetOptions {
+    position: Ref<string>;
+    theme: Ref<string>;
+    open: Ref<boolean>;
+    selectMode: Ref<boolean>;
+    iframeSrc: Ref<string>;
+    sessionListCollapsed: Ref<boolean>;
+    onToggle: (nextOpen: boolean) => void;
+    onToggleSelectMode?: (mode: boolean) => void;
+    onClose: () => void;
+    onToggleSessionList: (collapsed: boolean) => void;
+    onEmptyAction: () => void;
+}
+export declare function useWidget(options: UseWidgetOptions): {
+    buttonActive: import("vue").ComputedRef<boolean>;
+    containerClasses: import("vue").ComputedRef<string[]>;
+    iframeSource: import("vue").ComputedRef<string>;
+    sessionListTitle: import("vue").ComputedRef<"展开会话列表" | "折叠会话列表">;
+    handleClose: () => void;
+    handleEmptyAction: () => void;
+    handleToggle: () => void;
+    handleToggleSessionList: () => void;
+};

package/lib/open-code-widget/composables/use-widget.js

@@ -0,0 +1,63 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_widget_exports = {};
+__export(use_widget_exports, {
+  useWidget: () => useWidget
+});
+module.exports = __toCommonJS(use_widget_exports);
+var import_vue = require("vue");
+function useWidget(options) {
+  const containerClasses = (0, import_vue.computed)(() => [
+    "opencode-widget",
+    options.position.value,
+    `opencode-theme-${options.theme.value}`
+  ]);
+  const buttonActive = (0, import_vue.computed)(() => !!(options.open.value || options.selectMode.value));
+  const iframeSource = (0, import_vue.computed)(() => options.iframeSrc.value || "about:blank");
+  const sessionListTitle = (0, import_vue.computed)(
+    () => options.sessionListCollapsed.value ? "\u5C55\u5F00\u4F1A\u8BDD\u5217\u8868" : "\u6298\u53E0\u4F1A\u8BDD\u5217\u8868"
+  );
+  function handleToggle() {
+    var _a;
+    if (options.selectMode.value) {
+      (_a = options.onToggleSelectMode) == null ? void 0 : _a.call(options, false);
+      return;
+    }
+    const nextOpen = !options.open.value;
+    options.onToggle(nextOpen);
+  }
+  function handleClose() {
+    options.onClose();
+  }
+  function handleToggleSessionList() {
+    options.onToggleSessionList(!options.sessionListCollapsed.value);
+  }
+  function handleEmptyAction() {
+    options.onEmptyAction();
+  }
+  return {
+    buttonActive,
+    containerClasses,
+    iframeSource,
+    sessionListTitle,
+    handleClose,
+    handleEmptyAction,
+    handleToggle,
+    handleToggleSessionList
+  };
+}

package/lib/open-code-widget/index.d.ts

@@ -0,0 +1,3 @@
+import OpenCodeWidget from "./src/index.vue";
+export default OpenCodeWidget;
+export * from "./src/types";

package/lib/open-code-widget/index.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var open_code_widget_exports = {};
+__export(open_code_widget_exports, {
+  default: () => open_code_widget_default
+});
+module.exports = __toCommonJS(open_code_widget_exports);
+var import_index_vue = __toESM(require("./src/index.vue.js"));
+__reExport(open_code_widget_exports, require("./src/types"), module.exports);
+var open_code_widget_default = import_index_vue.default;

package/lib/open-code-widget/src/components/Frame-sfc.css

@@ -0,0 +1 @@
+.opencode-iframe-container{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;margin-top:-42px}.opencode-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-overlay-bg);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity .3s ease}.opencode-loading-overlay.visible{display:flex}.opencode-loading-spinner{width:40px;height:40px;border:3px solid var(--oc-border-primary);border-top-color:var(--oc-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.opencode-loading-text{margin-top:12px;font-size:14px;color:var(--oc-text-placeholder)}.opencode-empty-state-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-bg-secondary);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:5;transition:opacity .3s ease;margin-top:42px}.opencode-empty-state-overlay.visible{display:flex}.opencode-empty-state-icon{color:var(--oc-text-placeholder);margin-bottom:16px}.opencode-empty-state-text{color:var(--oc-text-primary);font-size:16px;font-weight:500;margin-bottom:24px}.opencode-empty-state-btn{padding:10px 24px;border-radius:8px;border:none;background:var(--oc-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--oc-shadow-primary)}.opencode-empty-state-btn:hover{background:var(--oc-primary-hover);transform:translateY(-1px);box-shadow:var(--oc-shadow-primary-hover)}.opencode-empty-state-btn:active{transform:translateY(0)}.opencode-iframe{width:100%;height:100%;border:none}

package/lib/open-code-widget/src/components/Frame.vue.d.ts

@@ -0,0 +1,16 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    'empty-state'?: (props: typeof __VLS_1) => any;
+} & {
+    loading?: (props: typeof __VLS_3) => any;
+} & {
+    content?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/open-code-widget/src/components/Frame.vue.js

@@ -0,0 +1,139 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Frame_vue_exports = {};
+__export(Frame_vue_exports, {
+  default: () => Frame_vue_default
+});
+module.exports = __toCommonJS(Frame_vue_exports);
+var import_Frame_sfc = require("./Frame-sfc.css");
+var import_vue = require("vue");
+var import_context = require("../context");
+var import_vue2 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  __name: "Frame",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      loading,
+      showEmptyState,
+      iframeSource: iframeSrc,
+      emptyStateText,
+      emptyStateActionText,
+      handleEmptyAction
+    } = (0, import_context.useOpenCodeWidgetContext)();
+    const __returned__ = { loading, showEmptyState, iframeSrc, emptyStateText, emptyStateActionText, handleEmptyAction };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = { class: "opencode-iframe-container" };
+const _hoisted_2 = { class: "opencode-empty-state-text" };
+const _hoisted_3 = ["src"];
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("div", _hoisted_1, [
+    (0, import_vue2.createElementVNode)(
+      "div",
+      {
+        class: (0, import_vue2.normalizeClass)(["opencode-empty-state-overlay", { visible: $setup.showEmptyState }])
+      },
+      [
+        (0, import_vue2.renderSlot)(_ctx.$slots, "empty-state", {}, () => [
+          _cache[1] || (_cache[1] = (0, import_vue2.createElementVNode)(
+            "div",
+            { class: "opencode-empty-state-icon" },
+            [
+              (0, import_vue2.createElementVNode)("svg", {
+                viewBox: "0 0 24 24",
+                width: "48",
+                height: "48",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "aria-hidden": "true"
+              }, [
+                (0, import_vue2.createElementVNode)("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 0 1-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                })
+              ])
+            ],
+            -1
+            /* CACHED */
+          )),
+          (0, import_vue2.createElementVNode)(
+            "div",
+            _hoisted_2,
+            (0, import_vue2.toDisplayString)($setup.emptyStateText),
+            1
+            /* TEXT */
+          ),
+          (0, import_vue2.createElementVNode)(
+            "button",
+            {
+              class: "opencode-empty-state-btn",
+              type: "button",
+              onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleEmptyAction && $setup.handleEmptyAction(...args))
+            },
+            (0, import_vue2.toDisplayString)($setup.emptyStateActionText),
+            1
+            /* TEXT */
+          )
+        ])
+      ],
+      2
+      /* CLASS */
+    ),
+    (0, import_vue2.createElementVNode)(
+      "div",
+      {
+        class: (0, import_vue2.normalizeClass)(["opencode-loading-overlay", { visible: $setup.loading }])
+      },
+      [
+        (0, import_vue2.renderSlot)(_ctx.$slots, "loading", {}, () => [
+          _cache[2] || (_cache[2] = (0, import_vue2.createElementVNode)(
+            "div",
+            { class: "opencode-loading-spinner" },
+            null,
+            -1
+            /* CACHED */
+          )),
+          _cache[3] || (_cache[3] = (0, import_vue2.createElementVNode)(
+            "div",
+            { class: "opencode-loading-text" },
+            "\u52A0\u8F7D\u4E2D...",
+            -1
+            /* CACHED */
+          ))
+        ])
+      ],
+      2
+      /* CLASS */
+    ),
+    (0, import_vue2.renderSlot)(_ctx.$slots, "content", {}, () => [
+      (0, import_vue2.createElementVNode)("iframe", {
+        class: "opencode-iframe",
+        src: $setup.iframeSrc,
+        allow: "clipboard-write; clipboard-read",
+        referrerpolicy: "origin"
+      }, null, 8, _hoisted_3)
+    ])
+  ]);
+}
+__vue_sfc__.render = __vue_render__;
+var Frame_vue_default = __vue_sfc__;

package/lib/open-code-widget/src/components/Header-sfc.css

@@ -0,0 +1 @@
+.opencode-chat-header{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:40px;background:var(--oc-bg-secondary);border-bottom:1px solid var(--oc-border-primary);z-index:5}.opencode-chat-header-left{display:flex;align-items:center;gap:4px}.opencode-chat-header-title{font-size:14px;font-weight:600;color:var(--oc-text-primary);position:absolute;left:50%;transform:translate(-50%)}.opencode-chat-header-actions{display:flex;gap:4px}.opencode-header-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--oc-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.opencode-header-btn:hover{background:var(--oc-bg-tertiary);color:var(--oc-text-primary)}.opencode-header-btn.close:hover{background:var(--oc-danger);color:#fff}.opencode-header-btn.select-btn.active{background:var(--oc-primary);color:#fff}

package/lib/open-code-widget/src/components/Header.vue.d.ts

@@ -0,0 +1,16 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    'session-toggle-icon'?: (props: typeof __VLS_1) => any;
+} & {
+    'select-icon'?: (props: typeof __VLS_3) => any;
+} & {
+    'close-icon'?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/open-code-widget/src/components/Header.vue.js

@@ -0,0 +1,159 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Header_vue_exports = {};
+__export(Header_vue_exports, {
+  default: () => Header_vue_default
+});
+module.exports = __toCommonJS(Header_vue_exports);
+var import_Header_sfc = require("./Header-sfc.css");
+var import_vue = require("vue");
+var import_context = require("../context");
+var import_vue2 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  __name: "Header",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      title,
+      sessionListTitle,
+      sessionListCollapsed,
+      selectMode,
+      selectEnabled,
+      handleToggleSessionList,
+      handleToggleSelectMode,
+      handleClose
+    } = (0, import_context.useOpenCodeWidgetContext)();
+    const __returned__ = { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, handleToggleSessionList, handleToggleSelectMode, handleClose };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = { class: "opencode-chat-header" };
+const _hoisted_2 = { class: "opencode-chat-header-left" };
+const _hoisted_3 = ["title", "aria-label", "aria-expanded"];
+const _hoisted_4 = ["aria-pressed", "disabled"];
+const _hoisted_5 = { class: "opencode-chat-header-title" };
+const _hoisted_6 = { class: "opencode-chat-header-actions" };
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("div", _hoisted_1, [
+    (0, import_vue2.createElementVNode)("div", _hoisted_2, [
+      (0, import_vue2.createElementVNode)("button", {
+        class: "opencode-header-btn session-toggle",
+        type: "button",
+        title: $setup.sessionListTitle,
+        "aria-label": $setup.sessionListTitle,
+        "aria-expanded": !$setup.sessionListCollapsed,
+        onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleToggleSessionList && $setup.handleToggleSessionList(...args))
+      }, [
+        (0, import_vue2.renderSlot)(_ctx.$slots, "session-toggle-icon", {}, () => [
+          _cache[3] || (_cache[3] = (0, import_vue2.createElementVNode)(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "aria-hidden": "true"
+            },
+            [
+              (0, import_vue2.createElementVNode)("path", {
+                d: "M4 6h16M4 12h16M4 18h16",
+                "stroke-linecap": "round"
+              })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ])
+      ], 8, _hoisted_3),
+      (0, import_vue2.createElementVNode)("button", {
+        class: (0, import_vue2.normalizeClass)(["opencode-header-btn select-btn", { active: $setup.selectMode }]),
+        type: "button",
+        title: "\u9009\u62E9\u9875\u9762\u5143\u7D20 (Ctrl+P)",
+        "aria-label": "\u9009\u62E9\u9875\u9762\u5143\u7D20",
+        "aria-pressed": $setup.selectMode,
+        disabled: !$setup.selectEnabled,
+        onClick: _cache[1] || (_cache[1] = (...args) => $setup.handleToggleSelectMode && $setup.handleToggleSelectMode(...args))
+      }, [
+        (0, import_vue2.renderSlot)(_ctx.$slots, "select-icon", {}, () => [
+          _cache[4] || (_cache[4] = (0, import_vue2.createElementVNode)(
+            "svg",
+            {
+              viewBox: "0 0 1024 1024",
+              width: "16",
+              height: "16",
+              "aria-hidden": "true"
+            },
+            [
+              (0, import_vue2.createElementVNode)("path", {
+                fill: "currentColor",
+                d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
+              }),
+              (0, import_vue2.createElementVNode)("path", {
+                fill: "currentColor",
+                d: "M512 96a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V128a32 32 0 0 1 32-32m0 576a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V704a32 32 0 0 1 32-32M96 512a32 32 0 0 1 32-32h192a32 32 0 0 1 0 64H128a32 32 0 0 1-32-32m576 0a32 32 0 0 1 32-32h192a32 32 0 1 1 0 64H704a32 32 0 0 1-32-32"
+              })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ])
+      ], 10, _hoisted_4)
+    ]),
+    (0, import_vue2.createElementVNode)(
+      "span",
+      _hoisted_5,
+      (0, import_vue2.toDisplayString)($setup.title),
+      1
+      /* TEXT */
+    ),
+    (0, import_vue2.createElementVNode)("div", _hoisted_6, [
+      (0, import_vue2.createElementVNode)("button", {
+        class: "opencode-header-btn close",
+        type: "button",
+        title: "\u5173\u95ED",
+        "aria-label": "\u5173\u95ED\u9762\u677F",
+        onClick: _cache[2] || (_cache[2] = (...args) => $setup.handleClose && $setup.handleClose(...args))
+      }, [
+        (0, import_vue2.renderSlot)(_ctx.$slots, "close-icon", {}, () => [
+          _cache[5] || (_cache[5] = (0, import_vue2.createElementVNode)(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "14",
+              height: "14",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "aria-hidden": "true"
+            },
+            [
+              (0, import_vue2.createElementVNode)("path", { d: "M18 6L6 18M6 6l12 12" })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ])
+      ])
+    ])
+  ]);
+}
+__vue_sfc__.render = __vue_render__;
+var Header_vue_default = __vue_sfc__;

package/lib/open-code-widget/src/components/SelectHint-sfc.css

@@ -0,0 +1 @@
+.opencode-select-mode-hint{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 16px;background:var(--oc-danger);color:#fff;border-radius:8px;font-size:13px;box-shadow:var(--oc-shadow-danger);z-index:9999999;display:none;align-items:center;gap:12px}.opencode-select-mode-hint.visible{display:flex;animation:slideDown .3s ease}.opencode-hint-shortcut{padding:2px 6px;background:rgba(255,255,255,.2);border-radius:4px;font-size:12px}

package/lib/open-code-widget/src/components/SelectHint.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/open-code-widget/src/components/SelectHint.vue.js

@@ -0,0 +1,65 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectHint_vue_exports = {};
+__export(SelectHint_vue_exports, {
+  default: () => SelectHint_vue_default
+});
+module.exports = __toCommonJS(SelectHint_vue_exports);
+var import_SelectHint_sfc = require("./SelectHint-sfc.css");
+var import_vue = require("vue");
+var import_context = require("../context");
+var import_vue2 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  __name: "SelectHint",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { selectMode: visible, selectShortcutLabel: shortcutLabel } = (0, import_context.useOpenCodeWidgetContext)();
+    const __returned__ = { visible, shortcutLabel };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = { class: "opencode-hint-shortcut" };
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)(
+    "div",
+    {
+      class: (0, import_vue2.normalizeClass)(["opencode-select-mode-hint", { visible: $setup.visible }])
+    },
+    [
+      _cache[0] || (_cache[0] = (0, import_vue2.createElementVNode)(
+        "span",
+        null,
+        "\u{1F3AF} \u9009\u62E9\u6A21\u5F0F\u5DF2\u5F00\u542F - \u70B9\u51FB\u5143\u7D20\u8FDB\u884C\u9009\u62E9",
+        -1
+        /* CACHED */
+      )),
+      (0, import_vue2.createElementVNode)(
+        "span",
+        _hoisted_1,
+        (0, import_vue2.toDisplayString)($setup.shortcutLabel),
+        1
+        /* TEXT */
+      )
+    ],
+    2
+    /* CLASS */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var SelectHint_vue_default = __vue_sfc__;

package/lib/open-code-widget/src/components/SelectedBubbles-sfc.css

@@ -0,0 +1 @@
+.opencode-selected-bubbles{position:absolute;display:none;flex-direction:column;gap:6px;max-width:220px;max-height:300px;overflow-y:auto}.opencode-selected-bubbles.visible{display:flex}.opencode-selected-bubble{display:flex;flex-direction:column;gap:2px;padding:8px 24px 8px 10px;background:var(--oc-bg-main);border:1px solid var(--oc-border-primary);border-radius:8px;font-size:12px;box-shadow:var(--oc-shadow-sm);position:relative;cursor:pointer;transition:all .2s}.opencode-selected-bubble:hover{border-color:var(--oc-primary);box-shadow:var(--oc-shadow-primary)}.opencode-bubble-text{color:var(--oc-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-bubble-file{color:var(--oc-text-placeholder);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-bubble-remove{position:absolute;top:8px;right:6px;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--oc-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.opencode-bubble-remove:hover{background:var(--oc-danger);color:#fff}.opencode-bubble-empty{padding:8px 12px;background:var(--oc-bg-main);border:1px dashed var(--oc-border-secondary);border-radius:8px;color:var(--oc-text-placeholder);font-size:12px;text-align:center}

package/lib/open-code-widget/src/components/SelectedBubbles.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/open-code-widget/src/components/SelectedBubbles.vue.js

@@ -0,0 +1,103 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectedBubbles_vue_exports = {};
+__export(SelectedBubbles_vue_exports, {
+  default: () => SelectedBubbles_vue_default
+});
+module.exports = __toCommonJS(SelectedBubbles_vue_exports);
+var import_SelectedBubbles_sfc = require("./SelectedBubbles-sfc.css");
+var import_vue = require("vue");
+var import_context = require("../context");
+var import_vue2 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  __name: "SelectedBubbles",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      bubbleVisible: visible,
+      selectedElementItems: items,
+      handleClickSelectedNode,
+      handleRemoveSelectedNode
+    } = (0, import_context.useOpenCodeWidgetContext)();
+    const __returned__ = { visible, items, handleClickSelectedNode, handleRemoveSelectedNode };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "opencode-bubble-empty"
+};
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "opencode-bubble-text" };
+const _hoisted_4 = {
+  key: 0,
+  class: "opencode-bubble-file"
+};
+const _hoisted_5 = ["aria-label", "onClick"];
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)(
+    "div",
+    {
+      class: (0, import_vue2.normalizeClass)(["opencode-selected-bubbles", { visible: $setup.visible }]),
+      role: "list",
+      "aria-label": "\u5DF2\u9009\u5143\u7D20\u5217\u8868"
+    },
+    [
+      $setup.items.length === 0 ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("div", _hoisted_1, "\u6682\u65E0\u9009\u4E2D\u5143\u7D20")) : ((0, import_vue2.openBlock)(true), (0, import_vue2.createElementBlock)(
+        import_vue2.Fragment,
+        { key: 1 },
+        (0, import_vue2.renderList)($setup.items, (item, index) => {
+          return (0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("div", {
+            key: item.key,
+            class: "opencode-selected-bubble",
+            role: "listitem",
+            onClick: ($event) => $setup.handleClickSelectedNode(item)
+          }, [
+            (0, import_vue2.createElementVNode)(
+              "span",
+              _hoisted_3,
+              (0, import_vue2.toDisplayString)(item.description),
+              1
+              /* TEXT */
+            ),
+            item.bubbleFileText ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)(
+              "span",
+              _hoisted_4,
+              (0, import_vue2.toDisplayString)(item.bubbleFileText),
+              1
+              /* TEXT */
+            )) : (0, import_vue2.createCommentVNode)("v-if", true),
+            (0, import_vue2.createElementVNode)("button", {
+              class: "opencode-bubble-remove",
+              type: "button",
+              "aria-label": `\u79FB\u9664\u5143\u7D20: ${item.description}`,
+              onClick: (0, import_vue2.withModifiers)(($event) => $setup.handleRemoveSelectedNode({ item, index, source: "bubble" }), ["stop"])
+            }, " \xD7 ", 8, _hoisted_5)
+          ], 8, _hoisted_2);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var SelectedBubbles_vue_default = __vue_sfc__;

package/lib/open-code-widget/src/components/SelectedNodes-sfc.css

@@ -0,0 +1 @@
+.opencode-right-toolbar{width:140px;background:var(--oc-bg-secondary);border-left:1px solid var(--oc-border-primary);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;overflow:hidden}.opencode-right-toolbar.collapsed{width:0;overflow:hidden}.opencode-right-toolbar.collapsed .opencode-selected-nodes-header,.opencode-right-toolbar.collapsed .opencode-selected-nodes,.opencode-right-toolbar.collapsed .opencode-clear-all-btn{display:none}.opencode-selected-nodes-header{padding:12px 8px 8px;border-bottom:1px solid var(--oc-border-primary)}.opencode-selected-nodes-title{font-size:14px;font-weight:600;color:var(--oc-text-primary);margin-bottom:4px}.opencode-selected-nodes-desc{font-size:11px;color:var(--oc-text-placeholder);line-height:1.4}.opencode-selected-nodes{flex:1;display:flex;flex-direction:column;padding:8px;gap:6px;overflow-y:auto;overflow-x:hidden}.opencode-selected-nodes:empty:before{content:"\6682\65e0\9009\4e2d\5143\7d20";color:var(--oc-text-placeholder);font-size:12px;text-align:center;padding:20px 10px}.opencode-selected-node{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--oc-bg-main);border:1px solid var(--oc-border-primary);border-radius:6px;font-size:12px;transition:all .2s}.opencode-selected-node:hover{border-color:var(--oc-primary);box-shadow:var(--oc-shadow-primary)}.opencode-node-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.opencode-node-text{color:var(--oc-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-node-file{color:var(--oc-text-placeholder);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-node-remove{width:18px;height:18px;border-radius:4px;border:none;background:transparent;color:var(--oc-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;flex-shrink:0}.opencode-node-remove:hover{background:var(--oc-danger);color:#fff}.opencode-clear-all-btn{width:calc(100% - 16px);margin:8px;padding:8px 12px;border-radius:6px;border:none;background:var(--oc-danger);color:#fff;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.opencode-clear-all-btn:hover{background:var(--oc-danger-hover);transform:scale(1.02)}