@vite-plugin-opencode-assistant/components 1.0.5

package/lib/open-code-widget/src/components/SelectedNodes.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/SelectedNodes.vue.js

@@ -0,0 +1,122 @@
+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 SelectedNodes_vue_exports = {};
+__export(SelectedNodes_vue_exports, {
+  default: () => SelectedNodes_vue_default
+});
+module.exports = __toCommonJS(SelectedNodes_vue_exports);
+var import_SelectedNodes_sfc = require("./SelectedNodes-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: "SelectedNodes",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      selectedElementItems: items,
+      showClearAll,
+      handleClickSelectedNode,
+      handleRemoveSelectedNode,
+      handleClearSelectedNodes
+    } = (0, import_context.useOpenCodeWidgetContext)();
+    const __returned__ = { items, showClearAll, handleClickSelectedNode, handleRemoveSelectedNode, handleClearSelectedNodes };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = {
+  class: "opencode-selected-nodes",
+  role: "list",
+  "aria-label": "\u5DF2\u9009\u5143\u7D20\u5217\u8868"
+};
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "opencode-node-content" };
+const _hoisted_4 = { class: "opencode-node-text" };
+const _hoisted_5 = { class: "opencode-node-file" };
+const _hoisted_6 = ["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-right-toolbar", { collapsed: $setup.items.length === 0 }])
+    },
+    [
+      _cache[1] || (_cache[1] = (0, import_vue2.createElementVNode)(
+        "div",
+        { class: "opencode-selected-nodes-header" },
+        [
+          (0, import_vue2.createElementVNode)("div", { class: "opencode-selected-nodes-title" }, "\u5DF2\u9009\u8282\u70B9"),
+          (0, import_vue2.createElementVNode)("div", { class: "opencode-selected-nodes-desc" }, "\u9009\u4E2D\u7684\u8282\u70B9\u4F1A\u5728\u5BF9\u8BDD\u65F6\u4E00\u8D77\u53D1\u9001\u7ED9\u52A9\u624B")
+        ],
+        -1
+        /* CACHED */
+      )),
+      (0, import_vue2.createElementVNode)("div", _hoisted_1, [
+        ((0, import_vue2.openBlock)(true), (0, import_vue2.createElementBlock)(
+          import_vue2.Fragment,
+          null,
+          (0, import_vue2.renderList)($setup.items, (item, index) => {
+            return (0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("div", {
+              key: item.key,
+              class: "opencode-selected-node",
+              role: "listitem",
+              onClick: ($event) => $setup.handleClickSelectedNode(item)
+            }, [
+              (0, import_vue2.createElementVNode)("div", _hoisted_3, [
+                (0, import_vue2.createElementVNode)(
+                  "span",
+                  _hoisted_4,
+                  (0, import_vue2.toDisplayString)(item.description),
+                  1
+                  /* TEXT */
+                ),
+                (0, import_vue2.createElementVNode)(
+                  "span",
+                  _hoisted_5,
+                  (0, import_vue2.toDisplayString)(item.panelFileText),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              (0, import_vue2.createElementVNode)("button", {
+                class: "opencode-node-remove",
+                type: "button",
+                "aria-label": `\u79FB\u9664\u5143\u7D20: ${item.description}`,
+                onClick: (0, import_vue2.withModifiers)(($event) => $setup.handleRemoveSelectedNode({ item, index, source: "panel" }), ["stop"])
+              }, " \xD7 ", 8, _hoisted_6)
+            ], 8, _hoisted_2);
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]),
+      $setup.showClearAll && $setup.items.length > 0 ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("button", {
+        key: 0,
+        class: "opencode-clear-all-btn",
+        type: "button",
+        "aria-label": "\u6E05\u7A7A\u6240\u6709\u5DF2\u9009\u8282\u70B9",
+        onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleClearSelectedNodes && $setup.handleClearSelectedNodes(...args))
+      }, " \u4E00\u952E\u6E05\u7A7A ")) : (0, import_vue2.createCommentVNode)("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var SelectedNodes_vue_default = __vue_sfc__;

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

@@ -0,0 +1 @@
+.opencode-session-list{width:240px;background:var(--oc-bg-secondary);border-right:1px solid var(--oc-border-primary);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease}.opencode-session-list.collapsed{width:0;overflow:hidden}.opencode-session-list.collapsed .opencode-session-list-header,.opencode-session-list.collapsed .opencode-session-list-content{display:none}.opencode-session-list-header{padding:16px;border-bottom:1px solid var(--oc-border-primary);display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;color:var(--oc-text-primary)}.opencode-new-session-btn{width:28px;height:28px;border-radius:6px;border:none;background:var(--oc-primary);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.opencode-new-session-btn:hover{background:var(--oc-primary-hover);transform:scale(1.05)}.opencode-session-list-content{flex:1;overflow-y:auto;padding:8px;position:relative}.opencode-session-list-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.opencode-loading-spinner.small{width:24px;height:24px;border-width:2px}.opencode-session-item{padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:4px;color:var(--oc-text-primary)}.opencode-session-item:hover{background:var(--oc-bg-tertiary)}.opencode-session-item.active{background:var(--oc-primary);color:#fff}.opencode-session-title{font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opencode-session-meta{font-size:12px;opacity:.6}.opencode-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.opencode-session-delete-btn{width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--oc-text-placeholder);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;flex-shrink:0}.opencode-session-item:hover .opencode-session-delete-btn{opacity:1}.opencode-session-delete-btn:hover{background:var(--oc-danger);color:#fff}.opencode-session-item.active .opencode-session-delete-btn{color:rgba(255,255,255,.7)}.opencode-session-item.active .opencode-session-delete-btn:hover{background:rgba(255,255,255,.2);color:#fff}.opencode-session-header-skeleton{padding:16px;border-bottom:1px solid var(--oc-border-primary);display:none;justify-content:space-between;align-items:center}.opencode-session-header-skeleton.visible{display:flex}.opencode-skeleton-header-title{height:18px;width:80px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.opencode-skeleton-header-btn{width:28px;height:28px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.opencode-session-skeleton{flex:1;overflow-y:auto;padding:8px;display:none}.opencode-session-skeleton.visible{display:block}.opencode-skeleton-item{padding:12px;border-radius:8px;margin-bottom:4px;background:var(--oc-skeleton-bg)}.opencode-skeleton-title{height:16px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:8px;width:70%}.opencode-skeleton-meta{height:12px;background:var(--oc-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;width:50%}.opencode-session-empty{padding:32px 16px;text-align:center;color:var(--oc-text-placeholder);font-size:13px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}

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

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_1) => 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/SessionList.vue.js

@@ -0,0 +1,228 @@
+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 SessionList_vue_exports = {};
+__export(SessionList_vue_exports, {
+  default: () => SessionList_vue_default
+});
+module.exports = __toCommonJS(SessionList_vue_exports);
+var import_SessionList_sfc = require("./SessionList-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_context = require("../context");
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  __name: "SessionList",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      sessionListCollapsed: collapsed,
+      sessionItems: sessions,
+      loadingSessionList,
+      handleCreateSession,
+      handleSelectSession,
+      handleDeleteSession
+    } = (0, import_context.useOpenCodeWidgetContext)();
+    const isAnimating = (0, import_vue2.ref)(false);
+    let animTimer = null;
+    (0, import_vue2.watch)(collapsed, () => {
+      isAnimating.value = true;
+      if (animTimer) clearTimeout(animTimer);
+      animTimer = setTimeout(() => {
+        isAnimating.value = false;
+      }, 200);
+    });
+    const showSkeleton = (0, import_vue2.computed)(() => {
+      if (isAnimating.value) return true;
+      return false;
+    });
+    const __returned__ = { collapsed, sessions, loadingSessionList, handleCreateSession, handleSelectSession, handleDeleteSession, isAnimating, get animTimer() {
+      return animTimer;
+    }, set animTimer(v) {
+      animTimer = v;
+    }, showSkeleton };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "opencode-session-list-header"
+};
+const _hoisted_2 = {
+  key: 2,
+  class: "opencode-session-skeleton visible"
+};
+const _hoisted_3 = {
+  class: "opencode-session-list-content",
+  role: "listbox",
+  "aria-labelledby": "opencode-session-list-title"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "opencode-session-list-loading-overlay"
+};
+const _hoisted_5 = ["aria-selected", "onClick"];
+const _hoisted_6 = { class: "opencode-session-header" };
+const _hoisted_7 = { class: "opencode-session-title" };
+const _hoisted_8 = ["aria-label", "onClick"];
+const _hoisted_9 = { class: "opencode-session-meta" };
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+    "div",
+    {
+      class: (0, import_vue3.normalizeClass)(["opencode-session-list", { collapsed: $setup.collapsed }])
+    },
+    [
+      (0, import_vue3.createCommentVNode)(" Header "),
+      !$setup.showSkeleton ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_1, [
+        _cache[1] || (_cache[1] = (0, import_vue3.createElementVNode)(
+          "span",
+          { id: "opencode-session-list-title" },
+          "\u4F1A\u8BDD\u5217\u8868",
+          -1
+          /* CACHED */
+        )),
+        (0, import_vue3.createElementVNode)("button", {
+          class: "opencode-new-session-btn",
+          type: "button",
+          title: "\u65B0\u5EFA\u4F1A\u8BDD",
+          "aria-label": "\u65B0\u5EFA\u4F1A\u8BDD",
+          onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleCreateSession && $setup.handleCreateSession(...args))
+        }, " + ")
+      ])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+        import_vue3.Fragment,
+        { key: 1 },
+        [
+          (0, import_vue3.createCommentVNode)(" Header Skeleton "),
+          _cache[2] || (_cache[2] = (0, import_vue3.createElementVNode)(
+            "div",
+            { class: "opencode-session-header-skeleton visible" },
+            [
+              (0, import_vue3.createElementVNode)("div", { class: "opencode-skeleton-header-title" }),
+              (0, import_vue3.createElementVNode)("div", { class: "opencode-skeleton-header-btn" })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      )),
+      (0, import_vue3.createCommentVNode)(" Content Skeleton "),
+      $setup.showSkeleton ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_2, [
+        ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+          import_vue3.Fragment,
+          null,
+          (0, import_vue3.renderList)(5, (i) => {
+            return (0, import_vue3.createElementVNode)("div", {
+              key: `skeleton-${i}`,
+              class: "opencode-skeleton-item"
+            }, [..._cache[3] || (_cache[3] = [
+              (0, import_vue3.createElementVNode)(
+                "div",
+                { class: "opencode-skeleton-title" },
+                null,
+                -1
+                /* CACHED */
+              ),
+              (0, import_vue3.createElementVNode)(
+                "div",
+                { class: "opencode-skeleton-meta" },
+                null,
+                -1
+                /* CACHED */
+              )
+            ])]);
+          }),
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+        import_vue3.Fragment,
+        { key: 3 },
+        [
+          (0, import_vue3.createCommentVNode)(" Content "),
+          (0, import_vue3.createElementVNode)("div", _hoisted_3, [
+            $setup.loadingSessionList ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_4, [..._cache[4] || (_cache[4] = [
+              (0, import_vue3.createElementVNode)(
+                "div",
+                { class: "opencode-loading-spinner small" },
+                null,
+                -1
+                /* CACHED */
+              )
+            ])])) : (0, import_vue3.createCommentVNode)("v-if", true),
+            $setup.sessions.length > 0 ? ((0, import_vue3.openBlock)(true), (0, import_vue3.createElementBlock)(
+              import_vue3.Fragment,
+              { key: 1 },
+              (0, import_vue3.renderList)($setup.sessions, (item) => {
+                return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", {
+                  key: item.key,
+                  class: (0, import_vue3.normalizeClass)(["opencode-session-item", { active: item.active }]),
+                  role: "option",
+                  "aria-selected": item.active,
+                  onClick: ($event) => $setup.handleSelectSession(item)
+                }, [
+                  (0, import_vue3.createElementVNode)("div", _hoisted_6, [
+                    (0, import_vue3.createElementVNode)(
+                      "div",
+                      _hoisted_7,
+                      (0, import_vue3.toDisplayString)(item.title),
+                      1
+                      /* TEXT */
+                    ),
+                    (0, import_vue3.createElementVNode)("button", {
+                      class: "opencode-session-delete-btn",
+                      type: "button",
+                      "aria-label": `\u5220\u9664\u4F1A\u8BDD: ${item.title}`,
+                      onClick: (0, import_vue3.withModifiers)(($event) => $setup.handleDeleteSession(item), ["stop"])
+                    }, " \xD7 ", 8, _hoisted_8)
+                  ]),
+                  (0, import_vue3.createElementVNode)(
+                    "div",
+                    _hoisted_9,
+                    (0, import_vue3.toDisplayString)(item.meta),
+                    1
+                    /* TEXT */
+                  )
+                ], 10, _hoisted_5);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+              import_vue3.Fragment,
+              { key: 2 },
+              [
+                (0, import_vue3.createCommentVNode)(" Empty State "),
+                (0, import_vue3.renderSlot)(_ctx.$slots, "empty")
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var SessionList_vue_default = __vue_sfc__;

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

@@ -0,0 +1 @@
+.opencode-button{width:44px;height:44px;border-radius:50%;background:var(--oc-trigger-bg);border:none;cursor:pointer;box-shadow:var(--oc-trigger-shadow);transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;padding:0;position:relative}.opencode-button:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%}.opencode-button:hover{transform:scale(1.1);box-shadow:var(--oc-trigger-shadow-hover);background:var(--oc-trigger-bg-hover)}.opencode-button.active{background:var(--oc-trigger-bg-active);box-shadow:var(--oc-trigger-shadow-active)}.opencode-button.active svg{transform:rotate(180deg)}.opencode-button svg{transition:transform .3s ease}.opencode-button.loading{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}

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

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/Trigger.vue.js

@@ -0,0 +1,85 @@
+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 Trigger_vue_exports = {};
+__export(Trigger_vue_exports, {
+  default: () => Trigger_vue_default
+});
+module.exports = __toCommonJS(Trigger_vue_exports);
+var import_Trigger_sfc = require("./Trigger-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: "Trigger",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { buttonActive: active, open, hotkeyLabel, handleToggle } = (0, import_context.useOpenCodeWidgetContext)();
+    const __returned__ = { active, open, hotkeyLabel, handleToggle };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = ["aria-expanded", "title"];
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("button", {
+    class: (0, import_vue2.normalizeClass)(["opencode-button", { active: $setup.active }]),
+    type: "button",
+    "aria-expanded": $setup.open,
+    "aria-label": "\u6253\u5F00 AI \u52A9\u624B",
+    title: `AI \u52A9\u624B (${$setup.hotkeyLabel})`,
+    onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleToggle && $setup.handleToggle(...args))
+  }, [
+    (0, import_vue2.renderSlot)(_ctx.$slots, "default", {}, () => [
+      _cache[1] || (_cache[1] = (0, import_vue2.createElementVNode)(
+        "svg",
+        {
+          t: "1775402599580",
+          class: "icon",
+          viewBox: "0 0 1024 1024",
+          version: "1.1",
+          xmlns: "http://www.w3.org/2000/svg",
+          "p-id": "5390",
+          "xmlns:xlink": "http://www.w3.org/1999/xlink",
+          width: "100%",
+          height: "100%"
+        },
+        [
+          (0, import_vue2.createElementVNode)("path", {
+            d: "M512 981.33H85.34c-15.85 0-30.38-8.77-37.77-22.81a42.624 42.624 0 0 1 2.6-44.02L135 791.08C75.25 710.5 42.67 612.6 42.67 512 42.67 253.21 253.21 42.67 512 42.67S981.34 253.21 981.34 512 770.8 981.33 512 981.33zM166.44 896H512c211.73 0 384-172.27 384-384S723.73 128 512 128 128 300.27 128 512c0 91.29 32.83 179.9 92.46 249.46 12.58 14.69 13.73 36 2.77 51.94L166.44 896z",
+            fill: "white",
+            "p-id": "5391"
+          }),
+          (0, import_vue2.createElementVNode)("path", {
+            d: "M384 448m-64 0a64 64 0 1 0 128 0 64 64 0 1 0 -128 0Z",
+            fill: "white",
+            "p-id": "5392"
+          }),
+          (0, import_vue2.createElementVNode)("path", {
+            d: "M640 448m-64 0a64 64 0 1 0 128 0 64 64 0 1 0 -128 0Z",
+            fill: "white",
+            "p-id": "5393"
+          })
+        ],
+        -1
+        /* CACHED */
+      ))
+    ])
+  ], 10, _hoisted_1);
+}
+__vue_sfc__.render = __vue_render__;
+var Trigger_vue_default = __vue_sfc__;

package/lib/open-code-widget/src/context.d.ts

@@ -0,0 +1,42 @@
+import { type Ref } from "vue";
+import type { OpenCodeWidgetSessionItem, OpenCodeSelectedElementItem, OpenCodeRemoveSelectedPayload } from "./types";
+export interface OpenCodeWidgetContext {
+    theme: Ref<string>;
+    title: Ref<string>;
+    hotkeyLabel: Ref<string>;
+    selectShortcutLabel: Ref<string>;
+    selectMode: Ref<boolean>;
+    selectEnabled: Ref<boolean>;
+    sessionListCollapsed: Ref<boolean>;
+    loading: Ref<boolean>;
+    loadingSessionList: Ref<boolean | undefined>;
+    showEmptyState: Ref<boolean>;
+    emptyStateText: Ref<string>;
+    emptyStateActionText: Ref<string>;
+    showClearAll: Ref<boolean>;
+    open: Ref<boolean>;
+    iframeSource: Ref<string>;
+    buttonActive: Ref<boolean>;
+    sessionListTitle: Ref<string>;
+    bubbleVisible: Ref<boolean>;
+    hasSelectedElements: Ref<boolean>;
+    sessionItems: Ref<OpenCodeWidgetSessionItem[]>;
+    selectedElementItems: Ref<OpenCodeSelectedElementItem[]>;
+    handleToggle: () => void;
+    handleClose: () => void;
+    handleToggleSessionList: () => void;
+    handleEmptyAction: () => void;
+    handleCreateSession: () => void;
+    handleSelectSession: (item: OpenCodeWidgetSessionItem) => void;
+    handleDeleteSession: (item: OpenCodeWidgetSessionItem) => void;
+    handleToggleSelectMode: () => void;
+    handleClickSelectedNode: (item: OpenCodeSelectedElementItem) => void;
+    handleRemoveSelectedNode: (payload: {
+        item: OpenCodeSelectedElementItem;
+        index: number;
+        source: OpenCodeRemoveSelectedPayload["source"];
+    }) => void;
+    handleClearSelectedNodes: () => void;
+}
+export declare function provideOpenCodeWidgetContext(context: OpenCodeWidgetContext): void;
+export declare function useOpenCodeWidgetContext(): OpenCodeWidgetContext;

package/lib/open-code-widget/src/context.js

@@ -0,0 +1,35 @@
+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 context_exports = {};
+__export(context_exports, {
+  provideOpenCodeWidgetContext: () => provideOpenCodeWidgetContext,
+  useOpenCodeWidgetContext: () => useOpenCodeWidgetContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_vue = require("vue");
+const CONTEXT_KEY = /* @__PURE__ */ Symbol("OpenCodeWidgetContext");
+function provideOpenCodeWidgetContext(context) {
+  (0, import_vue.provide)(CONTEXT_KEY, context);
+}
+function useOpenCodeWidgetContext() {
+  const context = (0, import_vue.inject)(CONTEXT_KEY);
+  if (!context) {
+    throw new Error("useOpenCodeWidgetContext must be used within OpenCodeWidget");
+  }
+  return context;
+}

package/lib/open-code-widget/src/index-sfc.css

@@ -0,0 +1 @@
+.opencode-widget{--oc-bg-main: #ffffff;--oc-bg-secondary: #f8f9fa;--oc-bg-tertiary: #f3f4f6;--oc-overlay-bg: rgba(255, 255, 255, .9);--oc-bg-inverse: #1e1e1e;--oc-text-primary: #282828;--oc-text-secondary: #4b5563;--oc-text-tertiary: #6b7280;--oc-text-placeholder: #9ca3af;--oc-text-inverse: #ffffff;--oc-border-primary: #e5e7eb;--oc-border-secondary: #d1d5db;--oc-primary: #3b82f6;--oc-primary-hover: #2563eb;--oc-primary-bg: rgba(59, 130, 246, .1);--oc-danger: #ef4444;--oc-danger-hover: #dc2626;--oc-danger-active: #b91c1c;--oc-success: #10b981;--oc-overlay: rgba(0, 0, 0, .5);--oc-tooltip-bg: #1e1e1e;--oc-dialog-overlay: rgba(0, 0, 0, .5);--oc-skeleton-bg: #e5e7eb;--oc-skeleton-gradient: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);--oc-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--oc-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--oc-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--oc-shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--oc-shadow-primary: 0 2px 4px rgba(59, 130, 246, .2);--oc-shadow-primary-hover: 0 4px 6px rgba(59, 130, 246, .3);--oc-shadow-danger: 0 4px 12px rgba(239, 68, 68, .3);--oc-trigger-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--oc-trigger-bg-hover: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--oc-trigger-bg-active: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--oc-trigger-shadow: 0 4px 15px rgba(102, 126, 234, .4);--oc-trigger-shadow-hover: 0 6px 20px rgba(102, 126, 234, .6);--oc-trigger-shadow-active: 0 6px 20px rgba(240, 147, 251, .4);position:fixed;z-index:999999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.opencode-widget.opencode-theme-dark{--oc-bg-main: #1a1a1a;--oc-bg-secondary: #1e1e1e;--oc-bg-tertiary: #282828;--oc-overlay-bg: rgba(26, 26, 26, .9);--oc-bg-inverse: #ffffff;--oc-text-primary: #f3f4f6;--oc-text-secondary: #d1d5db;--oc-text-tertiary: #9ca3af;--oc-text-placeholder: #6b7280;--oc-text-inverse: #282828;--oc-border-primary: #282828;--oc-border-secondary: #4b5563;--oc-primary: #3b82f6;--oc-primary-hover: #2563eb;--oc-primary-bg: rgba(59, 130, 246, .15);--oc-danger: #ef4444;--oc-danger-hover: #dc2626;--oc-danger-active: #b91c1c;--oc-success: #10b981;--oc-overlay: rgba(26, 26, 26, .9);--oc-tooltip-bg: #282828;--oc-dialog-overlay: rgba(0, 0, 0, .7);--oc-skeleton-bg: #151515;--oc-skeleton-gradient: linear-gradient(90deg, #282828 25%, #4b5563 50%, #282828 75%);--oc-shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--oc-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--oc-shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--oc-shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--oc-shadow-primary: 0 2px 4px rgba(59, 130, 246, .3);--oc-shadow-primary-hover: 0 4px 6px rgba(59, 130, 246, .4);--oc-shadow-danger: 0 4px 12px rgba(239, 68, 68, .4);--oc-trigger-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--oc-trigger-bg-hover: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--oc-trigger-bg-active: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--oc-trigger-shadow: 0 4px 15px rgba(102, 126, 234, .5);--oc-trigger-shadow-hover: 0 6px 20px rgba(102, 126, 234, .7);--oc-trigger-shadow-active: 0 6px 20px rgba(240, 147, 251, .5)}.opencode-widget.bottom-right{bottom:20px;right:20px}.opencode-widget.bottom-left{bottom:20px;left:20px}.opencode-widget.top-right{top:20px;right:20px}.opencode-widget.top-left{top:20px;left:20px}.opencode-chat{position:absolute;width:700px;height:86vh;background:var(--oc-bg-main);border-radius:16px;box-shadow:var(--oc-shadow-lg);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s ease;display:flex;flex-direction:column}.opencode-chat-content{display:flex;flex:1;overflow:hidden}.opencode-widget.bottom-right .opencode-chat{bottom:56px;right:0}.opencode-widget.bottom-left .opencode-chat{bottom:56px;left:0}.opencode-widget.top-right .opencode-chat{top:56px;right:0}.opencode-widget.top-left .opencode-chat{top:56px;left:0}.opencode-widget.bottom-right .opencode-selected-bubbles{bottom:56px;right:0}.opencode-widget.bottom-left .opencode-selected-bubbles{bottom:56px;left:0}.opencode-widget.top-right .opencode-selected-bubbles{top:56px;bottom:auto;right:0}.opencode-widget.top-left .opencode-selected-bubbles{top:56px;bottom:auto;left:0}.opencode-chat.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.opencode-notification{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;background:var(--oc-bg-main);color:var(--oc-text-primary);border:1px solid var(--oc-border-primary);border-radius:8px;font-size:14px;box-shadow:var(--oc-shadow-lg);animation:slideDown .3s ease;z-index:10000000}.opencode-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--oc-dialog-overlay);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.opencode-dialog{background:var(--oc-bg-main);border-radius:12px;padding:24px;min-width:320px;max-width:400px;box-shadow:var(--oc-shadow-xl);animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.opencode-dialog-content{margin-bottom:20px}.opencode-dialog-message{font-size:15px;color:var(--oc-text-primary);line-height:1.5}.opencode-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.opencode-dialog-btn{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.opencode-dialog-btn.cancel{background:var(--oc-bg-tertiary);color:var(--oc-text-primary)}.opencode-dialog-btn.cancel:hover{background:var(--oc-text-primary);color:var(--oc-bg-main)}.opencode-dialog-btn.confirm{background:var(--oc-danger);color:#fff}.opencode-dialog-btn.confirm:hover{background:var(--oc-danger-hover)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.opencode-element-highlight{position:fixed;pointer-events:none;z-index:999998;display:none;transition:all .1s ease;border-radius:4px}#vue-inspector-container{display:none!important}.opencode-element-tooltip{position:fixed;background:var(--oc-tooltip-bg);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;z-index:9999998;display:none;box-shadow:var(--oc-shadow-md);max-width:300px;pointer-events:none}.opencode-tooltip-tag{font-weight:500;margin-bottom:4px;word-break:break-all}.opencode-tooltip-file{font-size:11px;color:var(--oc-text-placeholder);word-break:break-all}.opencode-element-highlight-temp{position:absolute;pointer-events:none;z-index:999998;border-radius:4px;animation:highlight-pulse 2s ease-out forwards}@keyframes highlight-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}@media(max-width:768px){.opencode-chat{width:calc(100vw - 40px);height:calc(100vh - 100px)}}

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

@@ -0,0 +1,83 @@
+import type { OpenCodeWidgetProps } from "./types";
+declare var __VLS_4: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {}, __VLS_21: {}, __VLS_26: {}, __VLS_28: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+    'button-icon'?: (props: typeof __VLS_4) => any;
+} & {
+    'session-toggle-icon'?: (props: typeof __VLS_12) => any;
+} & {
+    'select-icon'?: (props: typeof __VLS_14) => any;
+} & {
+    'close-icon'?: (props: typeof __VLS_16) => any;
+} & {
+    'sessions-empty'?: (props: typeof __VLS_21) => any;
+} & {
+    'empty-state'?: (props: typeof __VLS_26) => any;
+} & {
+    loading?: (props: typeof __VLS_28) => any;
+} & {
+    content?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<OpenCodeWidgetProps, {
+    showNotification: (message: string, duration?: number) => void;
+    showConfirmDialog: (message: string) => Promise<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:open": (value: boolean) => any;
+    "update:selectMode": (value: boolean) => any;
+    "update:sessionListCollapsed": (value: boolean) => any;
+    "update:currentSessionId": (value: string | null) => any;
+    "update:selectedElements": (value: import("./types").OpenCodeSelectedElement[]) => any;
+    toggle: (value: boolean) => any;
+    close: () => any;
+    "toggle-session-list": (value: boolean) => any;
+    "toggle-select-mode": (value: boolean) => any;
+    "create-session": () => any;
+    "select-session": (session: import("./types").OpenCodeWidgetSession) => any;
+    "delete-session": (session: import("./types").OpenCodeWidgetSession) => any;
+    "click-selected-node": (element: import("./types").OpenCodeSelectedElement) => any;
+    "remove-selected-node": (payload: import("./types").OpenCodeRemoveSelectedPayload) => any;
+    "clear-selected-nodes": () => any;
+    "empty-action": () => any;
+}, string, import("vue").PublicProps, Readonly<OpenCodeWidgetProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:selectMode"?: ((value: boolean) => any) | undefined;
+    "onUpdate:sessionListCollapsed"?: ((value: boolean) => any) | undefined;
+    "onUpdate:currentSessionId"?: ((value: string | null) => any) | undefined;
+    "onUpdate:selectedElements"?: ((value: import("./types").OpenCodeSelectedElement[]) => any) | undefined;
+    onToggle?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onToggle-session-list"?: ((value: boolean) => any) | undefined;
+    "onToggle-select-mode"?: ((value: boolean) => any) | undefined;
+    "onCreate-session"?: (() => any) | undefined;
+    "onSelect-session"?: ((session: import("./types").OpenCodeWidgetSession) => any) | undefined;
+    "onDelete-session"?: ((session: import("./types").OpenCodeWidgetSession) => any) | undefined;
+    "onClick-selected-node"?: ((element: import("./types").OpenCodeSelectedElement) => any) | undefined;
+    "onRemove-selected-node"?: ((payload: import("./types").OpenCodeRemoveSelectedPayload) => any) | undefined;
+    "onClear-selected-nodes"?: (() => any) | undefined;
+    "onEmpty-action"?: (() => any) | undefined;
+}>, {
+    loading: boolean;
+    showEmptyState: boolean;
+    emptyStateText: string;
+    emptyStateActionText: string;
+    iframeSrc: string;
+    title: string;
+    sessionListCollapsed: boolean;
+    selectMode: boolean;
+    selectEnabled: boolean;
+    selectShortcutLabel: string;
+    showClearAll: boolean;
+    sessions: import("./types").OpenCodeWidgetSession[];
+    open: boolean;
+    hotkeyLabel: string;
+    position: import("./types").OpenCodeWidgetPosition;
+    theme: import("./types").OpenCodeWidgetTheme;
+    currentSessionId: string | null;
+    selectedElements: import("./types").OpenCodeSelectedElement[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};