@vite-plugin-opencode-assistant/components 1.0.5

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

@@ -0,0 +1,120 @@
+import "./Frame-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { useOpenCodeWidgetContext } from "../context";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "Frame",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      loading,
+      showEmptyState,
+      iframeSource: iframeSrc,
+      emptyStateText,
+      emptyStateActionText,
+      handleEmptyAction
+    } = useOpenCodeWidgetContext();
+    const __returned__ = { loading, showEmptyState, iframeSrc, emptyStateText, emptyStateActionText, handleEmptyAction };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+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 _openBlock(), _createElementBlock("div", _hoisted_1, [
+    _createElementVNode(
+      "div",
+      {
+        class: _normalizeClass(["opencode-empty-state-overlay", { visible: $setup.showEmptyState }])
+      },
+      [
+        _renderSlot(_ctx.$slots, "empty-state", {}, () => [
+          _cache[1] || (_cache[1] = _createElementVNode(
+            "div",
+            { class: "opencode-empty-state-icon" },
+            [
+              _createElementVNode("svg", {
+                viewBox: "0 0 24 24",
+                width: "48",
+                height: "48",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "aria-hidden": "true"
+              }, [
+                _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 */
+          )),
+          _createElementVNode(
+            "div",
+            _hoisted_2,
+            _toDisplayString($setup.emptyStateText),
+            1
+            /* TEXT */
+          ),
+          _createElementVNode(
+            "button",
+            {
+              class: "opencode-empty-state-btn",
+              type: "button",
+              onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleEmptyAction && $setup.handleEmptyAction(...args))
+            },
+            _toDisplayString($setup.emptyStateActionText),
+            1
+            /* TEXT */
+          )
+        ])
+      ],
+      2
+      /* CLASS */
+    ),
+    _createElementVNode(
+      "div",
+      {
+        class: _normalizeClass(["opencode-loading-overlay", { visible: $setup.loading }])
+      },
+      [
+        _renderSlot(_ctx.$slots, "loading", {}, () => [
+          _cache[2] || (_cache[2] = _createElementVNode(
+            "div",
+            { class: "opencode-loading-spinner" },
+            null,
+            -1
+            /* CACHED */
+          )),
+          _cache[3] || (_cache[3] = _createElementVNode(
+            "div",
+            { class: "opencode-loading-text" },
+            "\u52A0\u8F7D\u4E2D...",
+            -1
+            /* CACHED */
+          ))
+        ])
+      ],
+      2
+      /* CLASS */
+    ),
+    _renderSlot(_ctx.$slots, "content", {}, () => [
+      _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__;
+export {
+  Frame_vue_default as default
+};

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

@@ -0,0 +1,140 @@
+import "./Header-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { useOpenCodeWidgetContext } from "../context";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "Header",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      title,
+      sessionListTitle,
+      sessionListCollapsed,
+      selectMode,
+      selectEnabled,
+      handleToggleSessionList,
+      handleToggleSelectMode,
+      handleClose
+    } = useOpenCodeWidgetContext();
+    const __returned__ = { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, handleToggleSessionList, handleToggleSelectMode, handleClose };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+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 _openBlock(), _createElementBlock("div", _hoisted_1, [
+    _createElementVNode("div", _hoisted_2, [
+      _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))
+      }, [
+        _renderSlot(_ctx.$slots, "session-toggle-icon", {}, () => [
+          _cache[3] || (_cache[3] = _createElementVNode(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "aria-hidden": "true"
+            },
+            [
+              _createElementVNode("path", {
+                d: "M4 6h16M4 12h16M4 18h16",
+                "stroke-linecap": "round"
+              })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ])
+      ], 8, _hoisted_3),
+      _createElementVNode("button", {
+        class: _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))
+      }, [
+        _renderSlot(_ctx.$slots, "select-icon", {}, () => [
+          _cache[4] || (_cache[4] = _createElementVNode(
+            "svg",
+            {
+              viewBox: "0 0 1024 1024",
+              width: "16",
+              height: "16",
+              "aria-hidden": "true"
+            },
+            [
+              _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"
+              }),
+              _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)
+    ]),
+    _createElementVNode(
+      "span",
+      _hoisted_5,
+      _toDisplayString($setup.title),
+      1
+      /* TEXT */
+    ),
+    _createElementVNode("div", _hoisted_6, [
+      _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))
+      }, [
+        _renderSlot(_ctx.$slots, "close-icon", {}, () => [
+          _cache[5] || (_cache[5] = _createElementVNode(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "14",
+              height: "14",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "aria-hidden": "true"
+            },
+            [
+              _createElementVNode("path", { d: "M18 6L6 18M6 6l12 12" })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ])
+      ])
+    ])
+  ]);
+}
+__vue_sfc__.render = __vue_render__;
+var Header_vue_default = __vue_sfc__;
+export {
+  Header_vue_default as default
+};

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

@@ -0,0 +1,46 @@
+import "./SelectHint-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { useOpenCodeWidgetContext } from "../context";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "SelectHint",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { selectMode: visible, selectShortcutLabel: shortcutLabel } = useOpenCodeWidgetContext();
+    const __returned__ = { visible, shortcutLabel };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = { class: "opencode-hint-shortcut" };
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(["opencode-select-mode-hint", { visible: $setup.visible }])
+    },
+    [
+      _cache[0] || (_cache[0] = _createElementVNode(
+        "span",
+        null,
+        "\u{1F3AF} \u9009\u62E9\u6A21\u5F0F\u5DF2\u5F00\u542F - \u70B9\u51FB\u5143\u7D20\u8FDB\u884C\u9009\u62E9",
+        -1
+        /* CACHED */
+      )),
+      _createElementVNode(
+        "span",
+        _hoisted_1,
+        _toDisplayString($setup.shortcutLabel),
+        1
+        /* TEXT */
+      )
+    ],
+    2
+    /* CLASS */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var SelectHint_vue_default = __vue_sfc__;
+export {
+  SelectHint_vue_default as default
+};

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

@@ -0,0 +1,84 @@
+import "./SelectedBubbles-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { useOpenCodeWidgetContext } from "../context";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "SelectedBubbles",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      bubbleVisible: visible,
+      selectedElementItems: items,
+      handleClickSelectedNode,
+      handleRemoveSelectedNode
+    } = useOpenCodeWidgetContext();
+    const __returned__ = { visible, items, handleClickSelectedNode, handleRemoveSelectedNode };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+import { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, withModifiers as _withModifiers, normalizeClass as _normalizeClass } from "vue";
+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 _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(["opencode-selected-bubbles", { visible: $setup.visible }]),
+      role: "list",
+      "aria-label": "\u5DF2\u9009\u5143\u7D20\u5217\u8868"
+    },
+    [
+      $setup.items.length === 0 ? (_openBlock(), _createElementBlock("div", _hoisted_1, "\u6682\u65E0\u9009\u4E2D\u5143\u7D20")) : (_openBlock(true), _createElementBlock(
+        _Fragment,
+        { key: 1 },
+        _renderList($setup.items, (item, index) => {
+          return _openBlock(), _createElementBlock("div", {
+            key: item.key,
+            class: "opencode-selected-bubble",
+            role: "listitem",
+            onClick: ($event) => $setup.handleClickSelectedNode(item)
+          }, [
+            _createElementVNode(
+              "span",
+              _hoisted_3,
+              _toDisplayString(item.description),
+              1
+              /* TEXT */
+            ),
+            item.bubbleFileText ? (_openBlock(), _createElementBlock(
+              "span",
+              _hoisted_4,
+              _toDisplayString(item.bubbleFileText),
+              1
+              /* TEXT */
+            )) : _createCommentVNode("v-if", true),
+            _createElementVNode("button", {
+              class: "opencode-bubble-remove",
+              type: "button",
+              "aria-label": `\u79FB\u9664\u5143\u7D20: ${item.description}`,
+              onClick: _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__;
+export {
+  SelectedBubbles_vue_default as default
+};

package/es/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)}

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

@@ -0,0 +1,103 @@
+import "./SelectedNodes-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { useOpenCodeWidgetContext } from "../context";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "SelectedNodes",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      selectedElementItems: items,
+      showClearAll,
+      handleClickSelectedNode,
+      handleRemoveSelectedNode,
+      handleClearSelectedNodes
+    } = useOpenCodeWidgetContext();
+    const __returned__ = { items, showClearAll, handleClickSelectedNode, handleRemoveSelectedNode, handleClearSelectedNodes };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+import { createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass } from "vue";
+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 _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(["opencode-right-toolbar", { collapsed: $setup.items.length === 0 }])
+    },
+    [
+      _cache[1] || (_cache[1] = _createElementVNode(
+        "div",
+        { class: "opencode-selected-nodes-header" },
+        [
+          _createElementVNode("div", { class: "opencode-selected-nodes-title" }, "\u5DF2\u9009\u8282\u70B9"),
+          _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 */
+      )),
+      _createElementVNode("div", _hoisted_1, [
+        (_openBlock(true), _createElementBlock(
+          _Fragment,
+          null,
+          _renderList($setup.items, (item, index) => {
+            return _openBlock(), _createElementBlock("div", {
+              key: item.key,
+              class: "opencode-selected-node",
+              role: "listitem",
+              onClick: ($event) => $setup.handleClickSelectedNode(item)
+            }, [
+              _createElementVNode("div", _hoisted_3, [
+                _createElementVNode(
+                  "span",
+                  _hoisted_4,
+                  _toDisplayString(item.description),
+                  1
+                  /* TEXT */
+                ),
+                _createElementVNode(
+                  "span",
+                  _hoisted_5,
+                  _toDisplayString(item.panelFileText),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _createElementVNode("button", {
+                class: "opencode-node-remove",
+                type: "button",
+                "aria-label": `\u79FB\u9664\u5143\u7D20: ${item.description}`,
+                onClick: _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 ? (_openBlock(), _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 ")) : _createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var SelectedNodes_vue_default = __vue_sfc__;
+export {
+  SelectedNodes_vue_default as default
+};

package/es/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/es/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;
+    };
+};