@aipanel/ui 1.2.0-beta.0

package/lib/AI-panel-widget/src/components/Header.vue.d.ts

@@ -0,0 +1,27 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    'session-toggle-icon'?: (props: typeof __VLS_1) => any;
+} & {
+    'select-icon'?: (props: typeof __VLS_3) => any;
+} & {
+    'theme-icon'?: (props: typeof __VLS_5) => any;
+} & {
+    'display-mode-icon'?: (props: typeof __VLS_7) => any;
+} & {
+    'split-position-icon'?: (props: typeof __VLS_9) => any;
+} & {
+    'prompt-dock-icon'?: (props: typeof __VLS_11) => any;
+} & {
+    'minimize-icon'?: (props: typeof __VLS_13) => any;
+} & {
+    'close-icon'?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/AI-panel-widget/src/components/ResizeHandle-sfc.css

@@ -0,0 +1 @@
+.aipanel-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .2s ease}.aipanel-resize-handle.handle-left{left:auto;right:0}.aipanel-resize-handle:hover,.aipanel-resize-handle.resizing{background:var(--ap-primary-bg)}.aipanel-resize-handle:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:2px;height:40px;background:var(--ap-border-secondary);border-radius:1px;opacity:0;transition:opacity .2s ease}.aipanel-resize-handle.handle-left:after{left:auto;right:2px}.aipanel-resize-handle:hover:after,.aipanel-resize-handle.resizing:after{opacity:1}

package/lib/AI-panel-widget/src/components/ResizeHandle.vue.cjs

@@ -0,0 +1,98 @@
+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 ResizeHandle_vue_exports = {};
+__export(ResizeHandle_vue_exports, {
+  default: () => ResizeHandle_vue_default
+});
+module.exports = __toCommonJS(ResizeHandle_vue_exports);
+var import_ResizeHandle_sfc = require("./ResizeHandle-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  ...{
+    name: "ResizeHandle"
+  },
+  __name: "ResizeHandle",
+  props: {
+    width: { type: Number, required: false, default: 500 },
+    minWidth: { type: Number, required: false, default: 400 },
+    maxWidth: { type: Number, required: false, default: 800 },
+    position: { type: String, required: false, default: "right" }
+  },
+  emits: ["resize", "resize-start", "resize-end"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const isResizing = (0, import_vue2.ref)(false);
+    const startX = (0, import_vue2.ref)(0);
+    const startWidth = (0, import_vue2.ref)(0);
+    const handleMouseDown = (e) => {
+      e.preventDefault();
+      isResizing.value = true;
+      startX.value = e.clientX;
+      startWidth.value = props.width;
+      emit("resize-start");
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+    };
+    const handleMouseMove = (e) => {
+      if (!isResizing.value) return;
+      let deltaX;
+      if (props.position === "right") {
+        deltaX = startX.value - e.clientX;
+      } else {
+        deltaX = e.clientX - startX.value;
+      }
+      const newWidth = Math.max(props.minWidth, Math.min(props.maxWidth, startWidth.value + deltaX));
+      emit("resize", newWidth);
+    };
+    const handleMouseUp = () => {
+      isResizing.value = false;
+      emit("resize-end");
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    };
+    const handleDoubleClick = () => {
+      emit("resize", 500);
+    };
+    (0, import_vue2.onUnmounted)(() => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    });
+    const __returned__ = { props, emit, isResizing, startX, startWidth, handleMouseDown, handleMouseMove, handleMouseUp, handleDoubleClick };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+    "div",
+    {
+      class: (0, import_vue3.normalizeClass)(["aipanel-resize-handle", { resizing: $setup.isResizing, "handle-left": $props.position === "left" }]),
+      onMousedown: $setup.handleMouseDown,
+      onDblclick: $setup.handleDoubleClick
+    },
+    null,
+    34
+    /* CLASS, NEED_HYDRATION */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var ResizeHandle_vue_default = __vue_sfc__;

package/lib/AI-panel-widget/src/components/ResizeHandle.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    position?: "left" | "right";
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    resize: (width: number) => any;
+    "resize-start": () => any;
+    "resize-end": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onResize?: ((width: number) => any) | undefined;
+    "onResize-start"?: (() => any) | undefined;
+    "onResize-end"?: (() => any) | undefined;
+}>, {
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+    position: "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/AI-panel-widget/src/components/SelectHint-sfc.css

@@ -0,0 +1 @@
+.aipanel-select-mode-hint{position:fixed;top:16px;left:50%;transform:translate(-50%) translateY(-16px);width:280px;padding:8px 14px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:18px;font-size:13px;font-weight:500;line-height:1.4;box-shadow:0 6px 20px #ef444480,0 0 0 3px #ef44444d;z-index:9999999;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.25);opacity:0;transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box}.aipanel-select-mode-hint.visible{display:flex;opacity:1;transform:translate(-50%) translateY(0);animation:hintSlideIn .3s cubic-bezier(.16,1,.3,1),pulseHint 2s ease-in-out .3s infinite}.aipanel-hint-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.aipanel-hint-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff3;color:#fff;flex-shrink:0}.aipanel-hint-icon svg{display:block}.aipanel-hint-text{font-size:13px;font-weight:500;letter-spacing:.2px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.15)}.aipanel-hint-shortcut{display:inline-flex;align-items:center;padding:4px 10px;background:#0000002e;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.3px;border:1px solid rgba(255,255,255,.2);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}@keyframes hintSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulseHint{0%,to{box-shadow:0 6px 20px #ef444480,0 0 0 3px #ef44444d}50%{box-shadow:0 6px 20px #ef444499,0 0 0 6px #ef444466}}

package/lib/AI-panel-widget/src/components/SelectHint.vue.cjs

@@ -0,0 +1,59 @@
+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.cjs");
+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.useAIPanelWidgetContext)();
+    const __returned__ = { visible, shortcutLabel };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = { class: "aipanel-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)(["aipanel-select-mode-hint", { visible: $setup.visible }])
+    },
+    [
+      _cache[0] || (_cache[0] = (0, import_vue2.createStaticVNode)('<span class="aipanel-hint-main"><span class="aipanel-hint-icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="8"></circle><circle cx="12" cy="12" r="2.5" fill="currentColor"></circle><line x1="12" y1="2" x2="12" y2="5"></line><line x1="12" y1="19" x2="12" y2="22"></line><line x1="2" y1="12" x2="5" y2="12"></line><line x1="19" y1="12" x2="22" y2="12"></line></svg></span><span class="aipanel-hint-text">\u9009\u62E9\u6A21\u5F0F\u5DF2\u5F00\u542F \xB7 \u70B9\u51FB\u5143\u7D20\u8FDB\u884C\u9009\u62E9</span></span>', 1)),
+      (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/AI-panel-widget/src/components/SelectHint.vue.d.ts

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

package/lib/AI-panel-widget/src/components/SelectedBubbles-sfc.css

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

package/lib/AI-panel-widget/src/components/SelectedBubbles.vue.cjs

@@ -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.cjs");
+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.useAIPanelWidgetContext)();
+    const __returned__ = { visible, items, handleClickSelectedNode, handleRemoveSelectedNode };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "aipanel-bubble-empty"
+};
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "aipanel-bubble-text" };
+const _hoisted_4 = {
+  key: 0,
+  class: "aipanel-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)(["aipanel-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: "aipanel-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: "aipanel-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/AI-panel-widget/src/components/SelectedBubbles.vue.d.ts

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

package/lib/AI-panel-widget/src/components/SelectedNodes-sfc.css

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

package/lib/AI-panel-widget/src/components/SelectedNodes.vue.cjs

@@ -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.cjs");
+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.useAIPanelWidgetContext)();
+    const __returned__ = { items, showClearAll, handleClickSelectedNode, handleRemoveSelectedNode, handleClearSelectedNodes };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = {
+  class: "aipanel-selected-nodes",
+  role: "list",
+  "aria-label": "\u5DF2\u9009\u5143\u7D20\u5217\u8868"
+};
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "aipanel-node-content" };
+const _hoisted_4 = { class: "aipanel-node-text" };
+const _hoisted_5 = { class: "aipanel-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)(["aipanel-right-toolbar", { collapsed: $setup.items.length === 0 }])
+    },
+    [
+      _cache[1] || (_cache[1] = (0, import_vue2.createElementVNode)(
+        "div",
+        { class: "aipanel-selected-nodes-header" },
+        [
+          (0, import_vue2.createElementVNode)("div", { class: "aipanel-selected-nodes-title" }, "\u5DF2\u9009\u8282\u70B9"),
+          (0, import_vue2.createElementVNode)("div", { class: "aipanel-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: "aipanel-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: "aipanel-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: "aipanel-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/AI-panel-widget/src/components/SelectedNodes.vue.d.ts

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

package/lib/AI-panel-widget/src/components/SessionList-sfc.css

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