@aipanel/ui 1.2.0-beta.0

package/es/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/es/AI-panel-widget/src/components/ResizeHandle.vue.mjs

@@ -0,0 +1,79 @@
+import "./ResizeHandle-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { ref, onUnmounted } from "vue";
+const __vue_sfc__ = /* @__PURE__ */ _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 = ref(false);
+    const startX = ref(0);
+    const startWidth = 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);
+    };
+    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__;
+  }
+});
+import { normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _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__;
+export {
+  ResizeHandle_vue_default as default
+};

package/es/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/es/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/es/AI-panel-widget/src/components/SelectHint.vue.mjs

@@ -0,0 +1,40 @@
+import "./SelectHint-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { useAIPanelWidgetContext } from "../context.mjs";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "SelectHint",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { selectMode: visible, selectShortcutLabel: shortcutLabel } = useAIPanelWidgetContext();
+    const __returned__ = { visible, shortcutLabel };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createStaticVNode as _createStaticVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = { class: "aipanel-hint-shortcut" };
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(["aipanel-select-mode-hint", { visible: $setup.visible }])
+    },
+    [
+      _cache[0] || (_cache[0] = _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)),
+      _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/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/es/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/es/AI-panel-widget/src/components/SelectedBubbles.vue.mjs

@@ -0,0 +1,84 @@
+import "./SelectedBubbles-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { useAIPanelWidgetContext } from "../context.mjs";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "SelectedBubbles",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      bubbleVisible: visible,
+      selectedElementItems: items,
+      handleClickSelectedNode,
+      handleRemoveSelectedNode
+    } = useAIPanelWidgetContext();
+    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: "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 _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(["aipanel-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: "aipanel-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: "aipanel-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/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/es/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/es/AI-panel-widget/src/components/SelectedNodes.vue.mjs

@@ -0,0 +1,103 @@
+import "./SelectedNodes-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { useAIPanelWidgetContext } from "../context.mjs";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "SelectedNodes",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      selectedElementItems: items,
+      showClearAll,
+      handleClickSelectedNode,
+      handleRemoveSelectedNode,
+      handleClearSelectedNodes
+    } = useAIPanelWidgetContext();
+    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: "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 _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(["aipanel-right-toolbar", { collapsed: $setup.items.length === 0 }])
+    },
+    [
+      _cache[1] || (_cache[1] = _createElementVNode(
+        "div",
+        { class: "aipanel-selected-nodes-header" },
+        [
+          _createElementVNode("div", { class: "aipanel-selected-nodes-title" }, "\u5DF2\u9009\u8282\u70B9"),
+          _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 */
+      )),
+      _createElementVNode("div", _hoisted_1, [
+        (_openBlock(true), _createElementBlock(
+          _Fragment,
+          null,
+          _renderList($setup.items, (item, index) => {
+            return _openBlock(), _createElementBlock("div", {
+              key: item.key,
+              class: "aipanel-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: "aipanel-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: "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 ")) : _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/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}}

package/es/AI-panel-widget/src/components/SessionList.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_1) => 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/es/AI-panel-widget/src/components/SessionList.vue.mjs

@@ -0,0 +1,222 @@
+import "./SessionList-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { ref, watch, computed } from "vue";
+import { useAIPanelWidgetContext } from "../context.mjs";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "SessionList",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      sessionListCollapsed: collapsed,
+      sessionItems: sessions,
+      loadingSessionList,
+      showSessionListSkeleton,
+      handleCreateSession,
+      handleSelectSession,
+      handleDeleteSession,
+      sessionKey,
+      sessionStates
+    } = useAIPanelWidgetContext();
+    const isAnimating = ref(false);
+    let animTimer = null;
+    watch(collapsed, () => {
+      isAnimating.value = true;
+      if (animTimer) clearTimeout(animTimer);
+      animTimer = setTimeout(() => {
+        isAnimating.value = false;
+      }, 200);
+    });
+    const showSkeleton = computed(() => {
+      if (isAnimating.value) return true;
+      if (showSessionListSkeleton.value) return true;
+      return false;
+    });
+    function isSessionThinking(sessionId) {
+      if (!sessionStates?.value || !sessionId) return false;
+      return sessionStates.value[sessionId]?.thinking ?? false;
+    }
+    const __returned__ = { collapsed, sessions, loadingSessionList, showSessionListSkeleton, handleCreateSession, handleSelectSession, handleDeleteSession, sessionKey, sessionStates, isAnimating, get animTimer() {
+      return animTimer;
+    }, set animTimer(v) {
+      animTimer = v;
+    }, showSkeleton, isSessionThinking };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+import { createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, Fragment as _Fragment, renderList as _renderList, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withModifiers as _withModifiers, normalizeClass as _normalizeClass, renderSlot as _renderSlot } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "aipanel-session-list-header"
+};
+const _hoisted_2 = {
+  key: 2,
+  class: "aipanel-session-skeleton visible"
+};
+const _hoisted_3 = {
+  class: "aipanel-session-list-content",
+  role: "listbox",
+  "aria-labelledby": "aipanel-session-list-title"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "aipanel-session-list-loading-overlay"
+};
+const _hoisted_5 = ["aria-selected", "onClick"];
+const _hoisted_6 = { class: "aipanel-session-header" };
+const _hoisted_7 = { class: "aipanel-session-title" };
+const _hoisted_8 = {
+  key: 0,
+  class: "aipanel-thinking-loading"
+};
+const _hoisted_9 = ["aria-label", "onClick"];
+const _hoisted_10 = { class: "aipanel-session-meta" };
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(["aipanel-session-list", { collapsed: $setup.collapsed }])
+    },
+    [
+      _createCommentVNode(" Header "),
+      !$setup.showSkeleton ? (_openBlock(), _createElementBlock("div", _hoisted_1, [
+        _cache[1] || (_cache[1] = _createElementVNode(
+          "span",
+          { id: "aipanel-session-list-title" },
+          "\u4F1A\u8BDD\u5217\u8868",
+          -1
+          /* CACHED */
+        )),
+        _createElementVNode("button", {
+          class: "aipanel-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))
+        }, " + ")
+      ])) : (_openBlock(), _createElementBlock(
+        _Fragment,
+        { key: 1 },
+        [
+          _createCommentVNode(" Header Skeleton "),
+          _cache[2] || (_cache[2] = _createElementVNode(
+            "div",
+            { class: "aipanel-session-header-skeleton visible" },
+            [
+              _createElementVNode("div", { class: "aipanel-skeleton-header-title" }),
+              _createElementVNode("div", { class: "aipanel-skeleton-header-btn" })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      )),
+      _createCommentVNode(" Content Skeleton "),
+      $setup.showSkeleton ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
+        (_openBlock(), _createElementBlock(
+          _Fragment,
+          null,
+          _renderList(5, (i) => {
+            return _createElementVNode("div", {
+              key: `skeleton-${i}`,
+              class: "aipanel-skeleton-item"
+            }, [..._cache[3] || (_cache[3] = [
+              _createElementVNode(
+                "div",
+                { class: "aipanel-skeleton-title" },
+                null,
+                -1
+                /* CACHED */
+              ),
+              _createElementVNode(
+                "div",
+                { class: "aipanel-skeleton-meta" },
+                null,
+                -1
+                /* CACHED */
+              )
+            ])]);
+          }),
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ])) : (_openBlock(), _createElementBlock(
+        _Fragment,
+        { key: 3 },
+        [
+          _createCommentVNode(" Content "),
+          _createElementVNode("div", _hoisted_3, [
+            $setup.loadingSessionList ? (_openBlock(), _createElementBlock("div", _hoisted_4, [..._cache[4] || (_cache[4] = [
+              _createElementVNode(
+                "div",
+                { class: "aipanel-loading-spinner small" },
+                null,
+                -1
+                /* CACHED */
+              )
+            ])])) : _createCommentVNode("v-if", true),
+            $setup.sessions.length > 0 ? (_openBlock(true), _createElementBlock(
+              _Fragment,
+              { key: 1 },
+              _renderList($setup.sessions, (item) => {
+                return _openBlock(), _createElementBlock("div", {
+                  key: item[$setup.sessionKey],
+                  class: _normalizeClass(["aipanel-session-item", { active: item.active, thinking: $setup.isSessionThinking(item.id) }]),
+                  role: "option",
+                  "aria-selected": item.active,
+                  onClick: ($event) => $setup.handleSelectSession(item)
+                }, [
+                  _createElementVNode("div", _hoisted_6, [
+                    _createElementVNode("div", _hoisted_7, [
+                      $setup.isSessionThinking(item.id) ? (_openBlock(), _createElementBlock("span", _hoisted_8)) : _createCommentVNode("v-if", true),
+                      _createTextVNode(
+                        " " + _toDisplayString(item.title),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _createElementVNode("button", {
+                      class: "aipanel-session-delete-btn",
+                      type: "button",
+                      "aria-label": `\u5220\u9664\u4F1A\u8BDD: ${item.title}`,
+                      onClick: _withModifiers(($event) => $setup.handleDeleteSession(item), ["stop"])
+                    }, " \xD7 ", 8, _hoisted_9)
+                  ]),
+                  _createElementVNode(
+                    "div",
+                    _hoisted_10,
+                    _toDisplayString(item.meta),
+                    1
+                    /* TEXT */
+                  )
+                ], 10, _hoisted_5);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )) : (_openBlock(), _createElementBlock(
+              _Fragment,
+              { key: 2 },
+              [
+                _createCommentVNode(" Empty State "),
+                _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__;
+export {
+  SessionList_vue_default as default
+};

package/es/AI-panel-widget/src/components/SplitTrigger-sfc.css

@@ -0,0 +1 @@
+.aipanel-split-trigger{position:fixed;right:0;top:50%;transform:translateY(-50%);width:20px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:-2px 0 8px #3b82f640;transition:right .3s ease,width .25s cubic-bezier(.4,0,.2,1),background .25s ease,box-shadow .25s ease;z-index:99998}.aipanel-split-trigger:hover{width:24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:-3px 0 12px #3b82f659}.aipanel-split-trigger.open{width:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:8px 0 0 8px;box-shadow:-2px 0 8px #3b82f640}.aipanel-split-trigger.open:hover{width:24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:-3px 0 12px #3b82f659}.aipanel-split-trigger-icon{display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.aipanel-split-trigger:hover .aipanel-split-trigger-icon{transform:scale(1.1)}.aipanel-split-thinking-indicator{position:absolute;top:6px;right:6px;width:5px;height:5px;background:var(--ap-success);border-radius:50%;animation:aipanel-thinking-pulse 1.5s ease-in-out infinite;box-shadow:0 0 4px #10b98180}@keyframes aipanel-thinking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}

package/es/AI-panel-widget/src/components/SplitTrigger.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    open?: boolean;
+    thinking?: boolean;
+    resolvedTheme?: "light" | "dark";
+    panelWidth?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    toggle: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+}>, {
+    resolvedTheme: "light" | "dark";
+    thinking: boolean;
+    open: boolean;
+    panelWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;