@aipanel/ui 1.2.0-beta.0

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

@@ -0,0 +1,241 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SessionList_vue_exports = {};
+__export(SessionList_vue_exports, {
+  default: () => SessionList_vue_default
+});
+module.exports = __toCommonJS(SessionList_vue_exports);
+var import_SessionList_sfc = require("./SessionList-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_context = require("../context.cjs");
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  __name: "SessionList",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      sessionListCollapsed: collapsed,
+      sessionItems: sessions,
+      loadingSessionList,
+      showSessionListSkeleton,
+      handleCreateSession,
+      handleSelectSession,
+      handleDeleteSession,
+      sessionKey,
+      sessionStates
+    } = (0, import_context.useAIPanelWidgetContext)();
+    const isAnimating = (0, import_vue2.ref)(false);
+    let animTimer = null;
+    (0, import_vue2.watch)(collapsed, () => {
+      isAnimating.value = true;
+      if (animTimer) clearTimeout(animTimer);
+      animTimer = setTimeout(() => {
+        isAnimating.value = false;
+      }, 200);
+    });
+    const showSkeleton = (0, import_vue2.computed)(() => {
+      if (isAnimating.value) return true;
+      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__;
+  }
+});
+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 (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+    "div",
+    {
+      class: (0, import_vue3.normalizeClass)(["aipanel-session-list", { collapsed: $setup.collapsed }])
+    },
+    [
+      (0, import_vue3.createCommentVNode)(" Header "),
+      !$setup.showSkeleton ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_1, [
+        _cache[1] || (_cache[1] = (0, import_vue3.createElementVNode)(
+          "span",
+          { id: "aipanel-session-list-title" },
+          "\u4F1A\u8BDD\u5217\u8868",
+          -1
+          /* CACHED */
+        )),
+        (0, import_vue3.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))
+        }, " + ")
+      ])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+        import_vue3.Fragment,
+        { key: 1 },
+        [
+          (0, import_vue3.createCommentVNode)(" Header Skeleton "),
+          _cache[2] || (_cache[2] = (0, import_vue3.createElementVNode)(
+            "div",
+            { class: "aipanel-session-header-skeleton visible" },
+            [
+              (0, import_vue3.createElementVNode)("div", { class: "aipanel-skeleton-header-title" }),
+              (0, import_vue3.createElementVNode)("div", { class: "aipanel-skeleton-header-btn" })
+            ],
+            -1
+            /* CACHED */
+          ))
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      )),
+      (0, import_vue3.createCommentVNode)(" Content Skeleton "),
+      $setup.showSkeleton ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_2, [
+        ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+          import_vue3.Fragment,
+          null,
+          (0, import_vue3.renderList)(5, (i) => {
+            return (0, import_vue3.createElementVNode)("div", {
+              key: `skeleton-${i}`,
+              class: "aipanel-skeleton-item"
+            }, [..._cache[3] || (_cache[3] = [
+              (0, import_vue3.createElementVNode)(
+                "div",
+                { class: "aipanel-skeleton-title" },
+                null,
+                -1
+                /* CACHED */
+              ),
+              (0, import_vue3.createElementVNode)(
+                "div",
+                { class: "aipanel-skeleton-meta" },
+                null,
+                -1
+                /* CACHED */
+              )
+            ])]);
+          }),
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+        import_vue3.Fragment,
+        { key: 3 },
+        [
+          (0, import_vue3.createCommentVNode)(" Content "),
+          (0, import_vue3.createElementVNode)("div", _hoisted_3, [
+            $setup.loadingSessionList ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_4, [..._cache[4] || (_cache[4] = [
+              (0, import_vue3.createElementVNode)(
+                "div",
+                { class: "aipanel-loading-spinner small" },
+                null,
+                -1
+                /* CACHED */
+              )
+            ])])) : (0, import_vue3.createCommentVNode)("v-if", true),
+            $setup.sessions.length > 0 ? ((0, import_vue3.openBlock)(true), (0, import_vue3.createElementBlock)(
+              import_vue3.Fragment,
+              { key: 1 },
+              (0, import_vue3.renderList)($setup.sessions, (item) => {
+                return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", {
+                  key: item[$setup.sessionKey],
+                  class: (0, import_vue3.normalizeClass)(["aipanel-session-item", { active: item.active, thinking: $setup.isSessionThinking(item.id) }]),
+                  role: "option",
+                  "aria-selected": item.active,
+                  onClick: ($event) => $setup.handleSelectSession(item)
+                }, [
+                  (0, import_vue3.createElementVNode)("div", _hoisted_6, [
+                    (0, import_vue3.createElementVNode)("div", _hoisted_7, [
+                      $setup.isSessionThinking(item.id) ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("span", _hoisted_8)) : (0, import_vue3.createCommentVNode)("v-if", true),
+                      (0, import_vue3.createTextVNode)(
+                        " " + (0, import_vue3.toDisplayString)(item.title),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    (0, import_vue3.createElementVNode)("button", {
+                      class: "aipanel-session-delete-btn",
+                      type: "button",
+                      "aria-label": `\u5220\u9664\u4F1A\u8BDD: ${item.title}`,
+                      onClick: (0, import_vue3.withModifiers)(($event) => $setup.handleDeleteSession(item), ["stop"])
+                    }, " \xD7 ", 8, _hoisted_9)
+                  ]),
+                  (0, import_vue3.createElementVNode)(
+                    "div",
+                    _hoisted_10,
+                    (0, import_vue3.toDisplayString)(item.meta),
+                    1
+                    /* TEXT */
+                  )
+                ], 10, _hoisted_5);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+              import_vue3.Fragment,
+              { key: 2 },
+              [
+                (0, import_vue3.createCommentVNode)(" Empty State "),
+                (0, import_vue3.renderSlot)(_ctx.$slots, "empty")
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      ))
+    ],
+    2
+    /* CLASS */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var SessionList_vue_default = __vue_sfc__;

package/lib/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/lib/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/lib/AI-panel-widget/src/components/SplitTrigger.vue.cjs

@@ -0,0 +1,131 @@
+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 SplitTrigger_vue_exports = {};
+__export(SplitTrigger_vue_exports, {
+  default: () => SplitTrigger_vue_default
+});
+module.exports = __toCommonJS(SplitTrigger_vue_exports);
+var import_SplitTrigger_sfc = require("./SplitTrigger-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: "SplitTrigger"
+  },
+  __name: "SplitTrigger",
+  props: {
+    open: { type: Boolean, required: false, default: false },
+    thinking: { type: Boolean, required: false, default: false },
+    resolvedTheme: { type: String, required: false, default: "light" },
+    panelWidth: { type: Number, required: false, default: 500 }
+  },
+  emits: ["toggle"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const buttonClasses = (0, import_vue2.computed)(() => [
+      "aipanel-split-trigger",
+      {
+        open: props.open,
+        thinking: props.thinking,
+        "aipanel-theme-dark": props.resolvedTheme === "dark"
+      }
+    ]);
+    const buttonStyle = (0, import_vue2.computed)(() => {
+      if (props.open) {
+        return {
+          right: `${props.panelWidth}px`
+        };
+      }
+      return {};
+    });
+    const handleClick = () => {
+      emit("toggle");
+    };
+    const __returned__ = { props, emit, buttonClasses, buttonStyle, handleClick };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = ["aria-expanded"];
+const _hoisted_2 = { class: "aipanel-split-trigger-icon" };
+const _hoisted_3 = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_4 = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "aipanel-split-thinking-indicator"
+};
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+    class: (0, import_vue3.normalizeClass)($setup.buttonClasses),
+    style: (0, import_vue3.normalizeStyle)($setup.buttonStyle),
+    type: "button",
+    "aria-expanded": $props.open,
+    "aria-label": "\u6253\u5F00 AI \u52A9\u624B",
+    onClick: $setup.handleClick
+  }, [
+    (0, import_vue3.createElementVNode)("span", _hoisted_2, [
+      $props.open ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_3, [..._cache[0] || (_cache[0] = [
+        (0, import_vue3.createElementVNode)(
+          "path",
+          {
+            d: "M9 18l6-6-6-6",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          },
+          null,
+          -1
+          /* CACHED */
+        )
+      ])])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_4, [..._cache[1] || (_cache[1] = [
+        (0, import_vue3.createElementVNode)(
+          "path",
+          {
+            d: "M15 18l-6-6 6-6",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          },
+          null,
+          -1
+          /* CACHED */
+        )
+      ])]))
+    ]),
+    $props.thinking ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("span", _hoisted_5)) : (0, import_vue3.createCommentVNode)("v-if", true)
+  ], 14, _hoisted_1);
+}
+__vue_sfc__.render = __vue_render__;
+var SplitTrigger_vue_default = __vue_sfc__;

package/lib/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;

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

@@ -0,0 +1 @@
+.aipanel-button{width:42px;height:42px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #667eea66;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.aipanel-button svg{transform:rotate(180deg) scale(1.1);transition:transform .3s ease;width:100%;height:100%;display:block}.aipanel-button:hover svg{transform:rotate(180deg) scale(1.1)}.aipanel-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea80}.aipanel-button.thinking{background:linear-gradient(135deg,#667eea,#764ba2);animation:thinking-glow 2s ease-in-out infinite,thinking-pulse 2s ease-in-out infinite;box-shadow:0 0 20px #667eea99,0 0 40px #764ba266,0 0 60px #667eea33}.aipanel-button.thinking svg path{fill:#fff}.aipanel-button.thinking:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.aipanel-button.thinking:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 180deg,transparent,rgba(102,126,234,.3),transparent,rgba(118,75,162,.3),transparent);z-index:-2;animation:thinking-rotate 2s linear infinite reverse;filter:blur(8px)}@keyframes thinking-glow{0%,to{box-shadow:0 0 20px #667eea99,0 0 40px #764ba266,0 0 60px #667eea33}50%{box-shadow:0 0 30px #667eeacc,0 0 60px #764ba299,0 0 90px #667eea4d}}@keyframes thinking-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes thinking-pulse{0%,to{transform:scale(1)}50%{transform:scale(.92)}}.aipanel-button.aipanel-theme-dark{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.aipanel-button.aipanel-theme-dark:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.aipanel-button.aipanel-theme-dark:hover{box-shadow:0 6px 16px #667eea66}.aipanel-button.aipanel-theme-dark svg path{fill:#fff}

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

@@ -0,0 +1,103 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Trigger_vue_exports = {};
+__export(Trigger_vue_exports, {
+  default: () => Trigger_vue_default
+});
+module.exports = __toCommonJS(Trigger_vue_exports);
+var import_Trigger_sfc = require("./Trigger-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_context = require("../context.cjs");
+var import_FloatingBubble_vue = __toESM(require("./FloatingBubble/FloatingBubble.vue.cjs"));
+var import_AIPanelLogo_vue = __toESM(require("./AIPanelLogo.vue.cjs"));
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  __name: "Trigger",
+  emits: ["drag-start", "drag-end"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const {
+      buttonActive: active,
+      open,
+      hotkeyLabel,
+      thinking,
+      resolvedTheme,
+      handleToggle,
+      bubbleOffset,
+      handleBubbleOffsetChange
+    } = (0, import_context.useAIPanelWidgetContext)();
+    const offset = (0, import_vue2.ref)(bubbleOffset.value);
+    const emit = __emit;
+    const handleOffsetChange = (value) => {
+      offset.value = value;
+      handleBubbleOffsetChange(value);
+    };
+    (0, import_vue2.watch)(bubbleOffset, (newOffset) => {
+      offset.value = newOffset;
+    });
+    __expose({
+      offset
+    });
+    const __returned__ = { active, open, hotkeyLabel, thinking, resolvedTheme, handleToggle, bubbleOffset, handleBubbleOffsetChange, offset, emit, handleOffsetChange, FloatingBubble: import_FloatingBubble_vue.default, AIPanelLogo: import_AIPanelLogo_vue.default };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = ["aria-expanded", "title"];
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createBlock)($setup["FloatingBubble"], {
+    ref: "bubbleRef",
+    offset: $setup.offset,
+    "onUpdate:offset": _cache[0] || (_cache[0] = ($event) => $setup.offset = $event),
+    axis: "xy",
+    magnetic: "x",
+    gap: 24,
+    onClick: $setup.handleToggle,
+    onOffsetChange: $setup.handleOffsetChange,
+    onDragStart: _cache[1] || (_cache[1] = ($event) => $setup.emit("drag-start")),
+    onDragEnd: _cache[2] || (_cache[2] = ($event) => $setup.emit("drag-end"))
+  }, {
+    default: (0, import_vue3.withCtx)(() => [
+      (0, import_vue3.createElementVNode)("button", {
+        class: (0, import_vue3.normalizeClass)(["aipanel-button", { active: $setup.active, thinking: $setup.thinking, "aipanel-theme-dark": $setup.resolvedTheme === "dark" }]),
+        type: "button",
+        "aria-expanded": $setup.open,
+        "aria-label": "\u6253\u5F00 AI \u52A9\u624B",
+        title: `AI \u52A9\u624B (${$setup.hotkeyLabel})`
+      }, [
+        (0, import_vue3.renderSlot)(_ctx.$slots, "default", {}, () => [
+          (0, import_vue3.createVNode)($setup["AIPanelLogo"], { size: 42 })
+        ])
+      ], 10, _hoisted_1)
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["offset", "onClick"]);
+}
+__vue_sfc__.render = __vue_render__;
+var Trigger_vue_default = __vue_sfc__;

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

@@ -0,0 +1,28 @@
+import type { FloatingBubbleOffset } from "./FloatingBubble/types";
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {
+    offset: import("vue").Ref<{
+        x: number;
+        y: number;
+    } | undefined, FloatingBubbleOffset | {
+        x: number;
+        y: number;
+    } | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "drag-start": () => any;
+    "drag-end": () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    "onDrag-start"?: (() => any) | undefined;
+    "onDrag-end"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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/context.cjs

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var context_exports = {};
+__export(context_exports, {
+  provideAIPanelWidgetContext: () => provideAIPanelWidgetContext,
+  useAIPanelWidgetContext: () => useAIPanelWidgetContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_vue = require("vue");
+const CONTEXT_KEY = /* @__PURE__ */ Symbol("AIPanelWidgetContext");
+function provideAIPanelWidgetContext(context) {
+  (0, import_vue.provide)(CONTEXT_KEY, context);
+}
+function useAIPanelWidgetContext() {
+  const context = (0, import_vue.inject)(CONTEXT_KEY);
+  if (!context) {
+    throw new Error("useAIPanelWidgetContext must be used within AIPanelWidget");
+  }
+  return context;
+}

package/lib/AI-panel-widget/src/context.d.ts

@@ -0,0 +1,67 @@
+import { type Ref } from "vue";
+import type { AIPanelWidgetSessionItem, AIPanelSelectedElementItem, AIPanelRemoveSelectedPayload, AIPanelSessionThinkingState, DisplayMode } from "./types";
+import type { FloatingBubbleOffset } from "./components/FloatingBubble/types";
+export interface AIPanelWidgetContext {
+    theme: Ref<string>;
+    resolvedTheme: Ref<"light" | "dark">;
+    title: Ref<string>;
+    hotkeyLabel: Ref<string>;
+    selectShortcutLabel: Ref<string>;
+    selectMode: Ref<boolean>;
+    selectEnabled: Ref<boolean>;
+    sessionListCollapsed: Ref<boolean>;
+    sessionKey: Ref<string>;
+    frameLoading: Ref<boolean>;
+    loadingSessionList: Ref<boolean | undefined>;
+    showSessionListSkeleton: Ref<boolean>;
+    showEmptyState: Ref<boolean>;
+    showError: Ref<boolean>;
+    emptyStateText: Ref<string>;
+    emptyStateActionText: Ref<string>;
+    showClearAll: Ref<boolean>;
+    open: Ref<boolean>;
+    thinking: Ref<boolean>;
+    minimized: Ref<boolean>;
+    promptDockVisible: Ref<boolean>;
+    reviewPanelVisible: Ref<boolean>;
+    /** 是否支持代码审查面板（右上角 </> 按钮）；由 Provider capabilities.reviewPanel 决定 */
+    reviewPanelEnabled: Ref<boolean>;
+    bubbleOffset: Ref<FloatingBubbleOffset | undefined>;
+    mode: Ref<"bubble" | "split">;
+    displayMode: Ref<DisplayMode>;
+    splitPosition: Ref<"left" | "right">;
+    sessionStates: Ref<Record<string, AIPanelSessionThinkingState>>;
+    iframeSource: Ref<string>;
+    buttonActive: Ref<boolean>;
+    sessionListTitle: Ref<string>;
+    bubbleVisible: Ref<boolean>;
+    hasSelectedElements: Ref<boolean>;
+    sessionItems: Ref<AIPanelWidgetSessionItem[]>;
+    selectedElementItems: Ref<AIPanelSelectedElementItem[]>;
+    handleToggle: () => void;
+    handleClose: () => void;
+    handleToggleMinimize: () => void;
+    handleTogglePromptDock: () => void;
+    handleToggleReviewPanel: () => void;
+    handleToggleSessionList: () => void;
+    handleToggleTheme: () => void;
+    handleToggleDisplayMode: () => void;
+    handleToggleSplitPosition: () => void;
+    handleEmptyAction: () => void;
+    handleCreateSession: () => void;
+    handleSelectSession: (item: AIPanelWidgetSessionItem) => void;
+    handleDeleteSession: (item: AIPanelWidgetSessionItem) => void;
+    handleToggleSelectMode: () => void;
+    handleClickSelectedNode: (item: AIPanelSelectedElementItem) => void;
+    handleRemoveSelectedNode: (payload: {
+        item: AIPanelSelectedElementItem;
+        index: number;
+        source: AIPanelRemoveSelectedPayload["source"];
+    }) => void;
+    handleClearSelectedNodes: () => void;
+    handleFrameLoaded: () => void;
+    handleBubbleOffsetChange: (offset: FloatingBubbleOffset | undefined) => void;
+    handleRefresh: () => void;
+}
+export declare function provideAIPanelWidgetContext(context: AIPanelWidgetContext): void;
+export declare function useAIPanelWidgetContext(): AIPanelWidgetContext;

package/lib/AI-panel-widget/src/index-sfc.css

@@ -0,0 +1 @@
+.aipanel-widget{--ap-bg-main: #ffffff;--ap-bg-secondary: #f8f9fa;--ap-bg-tertiary: #f3f4f6;--ap-overlay-bg: rgba(255, 255, 255, .9);--ap-bg-inverse: #1e1e1e;--ap-text-primary: #282828;--ap-text-secondary: #4b5563;--ap-text-tertiary: #6b7280;--ap-text-placeholder: #9ca3af;--ap-text-inverse: #ffffff;--ap-border-primary: #e5e7eb;--ap-border-secondary: #d1d5db;--ap-primary: #3b82f6;--ap-primary-hover: #2563eb;--ap-primary-bg: rgba(59, 130, 246, .1);--ap-danger: #ef4444;--ap-danger-hover: #dc2626;--ap-danger-active: #b91c1c;--ap-success: #10b981;--ap-overlay: rgba(0, 0, 0, .5);--ap-tooltip-bg: #1e1e1e;--ap-dialog-overlay: rgba(0, 0, 0, .5);--ap-thinking-gradient-1: #10b981;--ap-thinking-gradient-2: #059669;--ap-thinking-glow: rgba(16, 185, 129, .3);--ap-thinking-glow-strong: rgba(16, 185, 129, .6);--ap-skeleton-bg: #e5e7eb;--ap-skeleton-gradient: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);--ap-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--ap-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--ap-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--ap-shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--ap-shadow-primary: 0 2px 4px rgba(59, 130, 246, .2);--ap-shadow-primary-hover: 0 4px 6px rgba(59, 130, 246, .3);--ap-shadow-danger: 0 4px 12px rgba(239, 68, 68, .3);--ap-trigger-bg: #3b82f6;--ap-trigger-bg-hover: #2563eb;--ap-trigger-bg-active: #1d4ed8;--ap-trigger-shadow: 0 2px 8px rgba(59, 130, 246, .3);--ap-trigger-shadow-hover: 0 4px 12px rgba(59, 130, 246, .4);--ap-trigger-shadow-active: 0 4px 12px rgba(59, 130, 246, .5);position:fixed;z-index:999999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.aipanel-widget.aipanel-theme-dark{--ap-bg-main: #1a1a1a;--ap-bg-secondary: #1e1e1e;--ap-bg-tertiary: #282828;--ap-overlay-bg: rgba(26, 26, 26, .9);--ap-bg-inverse: #ffffff;--ap-text-primary: #f3f4f6;--ap-text-secondary: #d1d5db;--ap-text-tertiary: #9ca3af;--ap-text-placeholder: #6b7280;--ap-text-inverse: #282828;--ap-border-primary: #282828;--ap-border-secondary: #4b5563;--ap-primary: #3b82f6;--ap-primary-hover: #2563eb;--ap-primary-bg: rgba(59, 130, 246, .15);--ap-danger: #ef4444;--ap-danger-hover: #dc2626;--ap-danger-active: #b91c1c;--ap-success: #10b981;--ap-overlay: rgba(26, 26, 26, .9);--ap-tooltip-bg: #282828;--ap-dialog-overlay: rgba(0, 0, 0, .7);--ap-thinking-gradient-1: #34d399;--ap-thinking-gradient-2: #10b981;--ap-thinking-glow: rgba(52, 211, 153, .3);--ap-thinking-glow-strong: rgba(52, 211, 153, .6);--ap-skeleton-bg: #151515;--ap-skeleton-gradient: linear-gradient(90deg, #282828 25%, #4b5563 50%, #282828 75%);--ap-shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--ap-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--ap-shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--ap-shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--ap-shadow-primary: 0 2px 4px rgba(59, 130, 246, .3);--ap-shadow-primary-hover: 0 4px 6px rgba(59, 130, 246, .4);--ap-shadow-danger: 0 4px 12px rgba(239, 68, 68, .4);--ap-trigger-bg: #60a5fa;--ap-trigger-bg-hover: #3b82f6;--ap-trigger-bg-active: #2563eb;--ap-trigger-shadow: 0 2px 8px rgba(96, 165, 250, .4);--ap-trigger-shadow-hover: 0 4px 12px rgba(96, 165, 250, .5);--ap-trigger-shadow-active: 0 4px 12px rgba(96, 165, 250, .6)}.aipanel-chat{position:fixed;bottom:20px;width:700px;height:86vh;max-height:calc(100vh - 40px);background:var(--ap-bg-main);border-radius:16px;box-shadow:var(--ap-shadow-lg);overflow:hidden;opacity:0;visibility:hidden;transform:translate3d(var(---chatAnimationOrigin\.x),var(---chatAnimationOrigin\.y),0) scale(.95);transition:all .3s ease;display:flex;flex-direction:column;z-index:99999}.aipanel-chat.open{opacity:1;visibility:visible;transform:translateZ(0) scale(1)}.aipanel-chat.no-transition,.aipanel-chat.no-transition.open{transition:none!important}.aipanel-chat.minimized{width:320px;height:320px}.aipanel-chat.minimized .aipanel-iframe-container{margin-top:-146px}.aipanel-chat-content{display:flex;flex:1;overflow:hidden}.aipanel-notification{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 4px 16px #3b82f666,0 0 0 2px #3b82f633;animation:slideDown .3s ease;z-index:10000000;display:flex;align-items:center;gap:10px}.aipanel-notification:before{content:"\1f4a1";font-size:16px}.aipanel-dialog-overlay{position:fixed;inset:0;background:var(--ap-dialog-overlay);display:flex;align-items:center;justify-content:center;z-index:9999999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.aipanel-dialog{background:var(--ap-bg-main);border-radius:12px;padding:24px;min-width:320px;max-width:400px;box-shadow:var(--ap-shadow-xl);animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.aipanel-dialog-content{margin-bottom:20px}.aipanel-dialog-message{font-size:15px;color:var(--ap-text-primary);line-height:1.5}.aipanel-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.aipanel-dialog-btn{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.aipanel-dialog-btn.cancel{background:var(--ap-bg-tertiary);color:var(--ap-text-primary)}.aipanel-dialog-btn.cancel:hover{background:var(--ap-text-primary);color:var(--ap-bg-main)}.aipanel-dialog-btn.confirm{background:var(--ap-danger);color:#fff}.aipanel-dialog-btn.confirm:hover{background:var(--ap-danger-hover)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.aipanel-page-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 4px 16px #3b82f666,0 0 0 2px #3b82f633;animation:slideDown .3s ease;z-index:2147483647;display:flex;align-items:center;gap:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.aipanel-page-notification:before{content:"\1f4a1";font-size:16px}.aipanel-element-highlight{position:fixed;pointer-events:none;z-index:999998;border-radius:4px}#vue-inspector-container{display:none!important}.aipanel-element-tooltip{position:fixed;background:var(--ap-tooltip-bg);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;z-index:9999998;box-shadow:var(--ap-shadow-md);max-width:300px;pointer-events:none;line-height:1}.aipanel-tooltip-tag{font-weight:500;margin-bottom:4px;word-break:break-all}.aipanel-tooltip-file{font-size:11px;color:var(--ap-text-placeholder);word-break:break-all}.aipanel-element-highlight-temp{position:absolute;pointer-events:none;z-index:999998;border-radius:4px;animation:highlight-pulse 2s ease-out forwards}@keyframes highlight-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}@media(max-width:768px){.aipanel-chat{width:calc(100vw - 40px);height:calc(100vh - 100px)}}body.has-aipanel-split{transition:padding .3s ease;min-width:auto}body.has-aipanel-split-right{padding-right:var(--aipanel-split-width, 500px)}body.has-aipanel-split-left{padding-left:var(--aipanel-split-width, 500px)}.aipanel-widget.extension-mode{position:relative;width:100%;height:100%;display:flex}.aipanel-widget.extension-mode .aipanel-select-mode-hint,.aipanel-widget.extension-mode .aipanel-dialog-overlay{position:absolute}