@aipanel/ui 1.2.0-beta.0

package/lib/AI-panel-widget/index.cjs

@@ -0,0 +1,39 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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 AI_panel_widget_exports = {};
+__export(AI_panel_widget_exports, {
+  AIPanelLogo: () => import_AIPanelLogo_vue.default,
+  AIPanelWidget: () => import_index_vue.default,
+  default: () => AI_panel_widget_default
+});
+module.exports = __toCommonJS(AI_panel_widget_exports);
+var import_index_vue = __toESM(require("./src/index.vue.cjs"));
+var import_AIPanelLogo_vue = __toESM(require("./src/components/AIPanelLogo.vue.cjs"));
+__reExport(AI_panel_widget_exports, require("./src/types.cjs"), module.exports);
+var AI_panel_widget_default = import_index_vue.default;

package/lib/AI-panel-widget/index.d.ts

@@ -0,0 +1,5 @@
+import AIPanelWidget from "./src/index.vue";
+import AIPanelLogo from "./src/components/AIPanelLogo.vue";
+export { AIPanelWidget, AIPanelLogo };
+export default AIPanelWidget;
+export * from "./src/types";

package/lib/AI-panel-widget/src/assets/logo.svg

@@ -0,0 +1,13 @@
+<svg t="1775402599580" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5390" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%">
+  <defs>
+    <linearGradient id="aipanel-logo-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#667eea"/>
+      <stop offset="100%" style="stop-color:#764ba2"/>
+    </linearGradient>
+  </defs>
+  <g transform="rotate(180 512 512)">
+  <path d="M512 981.33H85.34c-15.85 0-30.38-8.77-37.77-22.81a42.624 42.624 0 0 1 2.6-44.02L135 791.08C75.25 710.5 42.67 612.6 42.67 512 42.67 253.21 253.21 42.67 512 42.67S981.34 253.21 981.34 512 770.8 981.33 512 981.33zM166.44 896H512c211.73 0 384-172.27 384-384S723.73 128 512 128 128 300.27 128 512c0 91.29 32.83 179.9 92.46 249.46 12.58 14.69 13.73 36 2.77 51.94L166.44 896z" fill="url(#aipanel-logo-gradient)" p-id="5391"/>
+  <path d="M384 448m-64 0a64 64 0 1 0 128 0 64 64 0 1 0 -128 0Z" fill="url(#aipanel-logo-gradient)" p-id="5392"/>
+  <path d="M640 448m-64 0a64 64 0 1 0 128 0a64 64 0 1 0 -128 0Z" fill="url(#aipanel-logo-gradient)" p-id="5393"/>
+  </g>
+</svg>

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

@@ -0,0 +1 @@
+.aipanel-logo svg{display:block;width:100%;height:100%}

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

@@ -0,0 +1,69 @@
+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 AIPanelLogo_vue_exports = {};
+__export(AIPanelLogo_vue_exports, {
+  default: () => AIPanelLogo_vue_default
+});
+module.exports = __toCommonJS(AIPanelLogo_vue_exports);
+var import_AIPanelLogo_sfc = require("./AIPanelLogo-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_logo = __toESM(require("../assets/logo.svg?raw"));
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  __name: "AIPanelLogo",
+  props: {
+    size: { type: [String, Number], required: false, default: "100%" }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const baseId = (0, import_vue2.useId)();
+    const gradientId = `aipanel-logo-gradient-${baseId}`;
+    const rendered = (0, import_vue2.computed)(
+      () => import_logo.default.replace('id="aipanel-logo-gradient"', `id="${gradientId}"`).replace(/url\(#aipanel-logo-gradient\)/g, `url(#${gradientId})`)
+    );
+    const sizeStyle = (0, import_vue2.computed)(() => {
+      const value = typeof props.size === "number" ? `${props.size}px` : props.size;
+      return { width: value, height: value };
+    });
+    const __returned__ = { props, baseId, gradientId, rendered, sizeStyle };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = ["innerHTML"];
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("span", {
+    class: "aipanel-logo",
+    style: (0, import_vue3.normalizeStyle)([{ display: "inline-block", lineHeight: 0 }, $setup.sizeStyle]),
+    innerHTML: $setup.rendered
+  }, null, 12, _hoisted_1);
+}
+__vue_sfc__.render = __vue_render__;
+var AIPanelLogo_vue_default = __vue_sfc__;

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

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: string | number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1 @@
+.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;display:flex;flex-direction:column;z-index:99999}.aipanel-chat:not(.split-mode){opacity:0;visibility:hidden;transition:all .3s ease;transform:translate3d(var(---animationOrigin\.x),var(---animationOrigin\.y),0) scale(.95)}.aipanel-chat.split-mode{position:fixed;top:0;bottom:0;height:100vh;max-height:100vh;border-radius:0;box-shadow:var(--ap-shadow-lg);overflow:visible;opacity:1;visibility:visible;transition:transform .3s ease}.aipanel-chat.split-mode.split-right{right:0;border-left:1px solid var(--ap-border-primary);transform:translate(100%)}.aipanel-chat.split-mode.split-left{left:0;border-right:1px solid var(--ap-border-primary);transform:translate(-100%)}.aipanel-chat.split-mode .aipanel-chat-content{overflow:hidden;flex:1}.aipanel-chat.split-mode.open{transform:translate(0)}.aipanel-chat.split-mode.dragging{transition:none}.aipanel-chat.dragging .aipanel-iframe{pointer-events:none}.aipanel-chat.extension-mode{position:static;width:100%;height:100%;bottom:auto;left:auto;right:auto;border-radius:0;border-left:none;border-right:none;max-height:none;box-shadow:none;transform:none;opacity:1;visibility:visible}.aipanel-chat:not(.split-mode){opacity:0;visibility:hidden;transition:all .3s ease}.aipanel-chat:not(.split-mode).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:not(.split-mode){width:320px;height:320px}.aipanel-chat.minimized:not(.split-mode) .aipanel-iframe-container{margin-top:-146px}.aipanel-chat-content{display:flex;flex:1;overflow:hidden}.aipanel-session-empty{padding:24px;text-align:center;color:var(--ap-text-placeholder);font-size:14px}.aipanel-split-toggle-btn{position:absolute;left:-21px;top:50%;transform:translateY(-50%);width:20px;height:48px;background:#fff;border:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#667eea;box-shadow:0 4px 12px #667eea66;transition:all .3s ease;z-index:5;transform-origin:right center}.aipanel-split-toggle-btn.split-left{left:auto;right:-21px;border-radius:0 8px 8px 0;transform-origin:left center}.aipanel-split-toggle-btn:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #667eea80}.aipanel-split-toggle-btn.split-left:hover{transform:translateY(-50%) scale(1.1)}.aipanel-split-toggle-btn.aipanel-theme-dark{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.aipanel-split-toggle-btn.aipanel-theme-dark:before{content:"";position:absolute;inset:-2px 0 -2px -2px;border-radius:8px 0 0 8px;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.aipanel-split-toggle-btn.aipanel-theme-dark.split-left:before{left:0;right:-2px;border-radius:0 8px 8px 0}.aipanel-split-toggle-btn.aipanel-theme-dark:hover{box-shadow:0 6px 16px #667eea66}.aipanel-split-toggle-btn.thinking{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;animation:split-thinking-glow 2s ease-in-out infinite,split-thinking-pulse 2s ease-in-out infinite;box-shadow:0 0 20px #667eea99,0 0 40px #764ba266,0 0 60px #667eea33}.aipanel-split-toggle-btn.thinking:before{content:"";position:absolute;inset:-2px 0 -2px -2px;border-radius:8px 0 0 8px;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.aipanel-split-toggle-btn.thinking.split-left:before{left:0;right:-2px;border-radius:0 8px 8px 0}.aipanel-split-toggle-btn.thinking:after{content:"";position:absolute;inset:-3px -1px -3px -3px;border-radius:8px 0 0 8px;background:conic-gradient(from 180deg,transparent,rgba(102,126,234,.3),transparent,rgba(118,75,162,.3),transparent);z-index:-2;animation:split-thinking-rotate 2s linear infinite reverse;filter:blur(8px)}.aipanel-split-toggle-btn.thinking.split-left:after{left:-1px;right:-3px;border-radius:0 8px 8px 0}@keyframes split-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 split-thinking-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes split-thinking-pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(.92)}}.aipanel-split-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.aipanel-split-toggle-btn:hover .aipanel-split-toggle-icon{transform:scale(1.1)}

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

@@ -0,0 +1,337 @@
+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 ChatPanel_vue_exports = {};
+__export(ChatPanel_vue_exports, {
+  default: () => ChatPanel_vue_default
+});
+module.exports = __toCommonJS(ChatPanel_vue_exports);
+var import_ChatPanel_sfc = require("./ChatPanel-sfc.css");
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_Frame_vue = __toESM(require("./Frame.vue.cjs"));
+var import_Header_vue = __toESM(require("./Header.vue.cjs"));
+var import_SessionList_vue = __toESM(require("./SessionList.vue.cjs"));
+var import_SelectedNodes_vue = __toESM(require("./SelectedNodes.vue.cjs"));
+var import_ResizeHandle_vue = __toESM(require("./ResizeHandle.vue.cjs"));
+var import_vue3 = require("vue");
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  ...{
+    name: "ChatPanel"
+  },
+  __name: "ChatPanel",
+  props: {
+    mode: { type: String, required: false, default: "bubble" },
+    open: { type: Boolean, required: false, default: false },
+    minimized: { type: Boolean, required: false, default: false },
+    positionStyle: { type: Object, required: false, default: () => ({}) },
+    animationOrigin: { type: Object, required: false, default: () => ({ x: "20px", y: "20px" }) },
+    panelWidth: { type: Number, required: false, default: 500 },
+    resizable: { type: Boolean, required: false, default: true },
+    minWidth: { type: Number, required: false, default: 400 },
+    maxWidth: { type: Number, required: false, default: 800 },
+    noTransition: { type: Boolean, required: false, default: false },
+    dragging: { type: Boolean, required: false, default: false },
+    thinking: { type: Boolean, required: false, default: false },
+    resolvedTheme: { type: String, required: false, default: "light" },
+    splitPosition: { type: String, required: false, default: "right" },
+    extension: { type: Boolean, required: false, default: false }
+  },
+  emits: ["resize", "resize-start", "resize-end", "toggle"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    (0, import_vue.useCssVars)((_ctx) => ({
+      "-animationOrigin.x": _ctx.animationOrigin.x,
+      "-animationOrigin.y": _ctx.animationOrigin.y
+    }));
+    const props = __props;
+    const emit = __emit;
+    const slots = (0, import_vue2.useSlots)();
+    const frameRef = (0, import_vue2.ref)(null);
+    const sendMessageToIframe = (type, data) => {
+      frameRef.value?.sendMessageToIframe(type, data);
+    };
+    __expose({
+      sendMessageToIframe,
+      frameRef
+    });
+    const handleResizeStart = () => {
+      emit("resize-start");
+    };
+    const handleResize = (width) => {
+      emit("resize", width);
+    };
+    const handleResizeEnd = () => {
+      emit("resize-end");
+    };
+    const handleToggle = () => {
+      emit("toggle");
+    };
+    const panelStyle = (0, import_vue2.computed)(() => {
+      if (props.extension) {
+        return {};
+      }
+      if (props.mode === "split") {
+        return {
+          width: `${props.panelWidth}px`
+        };
+      }
+      return props.positionStyle;
+    });
+    const panelClasses = (0, import_vue2.computed)(() => [
+      "aipanel-chat",
+      {
+        open: props.open,
+        minimized: props.minimized,
+        dragging: props.dragging,
+        "no-transition": props.noTransition,
+        "split-mode": props.mode === "split",
+        "split-left": props.mode === "split" && props.splitPosition === "left" && !props.extension,
+        "split-right": props.mode === "split" && props.splitPosition === "right" && !props.extension,
+        "extension-mode": props.extension
+      }
+    ]);
+    const __returned__ = { props, emit, slots, frameRef, sendMessageToIframe, handleResizeStart, handleResize, handleResizeEnd, handleToggle, panelStyle, panelClasses, Frame: import_Frame_vue.default, Header: import_Header_vue.default, SessionList: import_SessionList_vue.default, SelectedNodes: import_SelectedNodes_vue.default, ResizeHandle: import_ResizeHandle_vue.default };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+const _hoisted_1 = ["aria-expanded"];
+const _hoisted_2 = { class: "aipanel-split-toggle-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: 2,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_6 = {
+  key: 3,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_7 = { class: "aipanel-chat-content" };
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+    "div",
+    {
+      class: (0, import_vue3.normalizeClass)($setup.panelClasses),
+      style: (0, import_vue3.normalizeStyle)($setup.panelStyle)
+    },
+    [
+      $props.mode === "split" && $props.resizable && $props.open ? ((0, import_vue3.openBlock)(), (0, import_vue3.createBlock)($setup["ResizeHandle"], {
+        key: 0,
+        width: $props.panelWidth,
+        "min-width": $props.minWidth,
+        "max-width": $props.maxWidth,
+        position: $props.splitPosition,
+        onResize: $setup.handleResize,
+        onResizeStart: $setup.handleResizeStart,
+        onResizeEnd: $setup.handleResizeEnd
+      }, null, 8, ["width", "min-width", "max-width", "position"])) : (0, import_vue3.createCommentVNode)("v-if", true),
+      $props.mode === "split" && $props.resizable ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 1,
+        type: "button",
+        class: (0, import_vue3.normalizeClass)(["aipanel-split-toggle-btn", { open: $setup.props.open, thinking: $setup.props.thinking, "aipanel-theme-dark": $props.resolvedTheme === "dark", "split-left": $props.splitPosition === "left" }]),
+        "aria-expanded": $props.open,
+        "aria-label": "\u5207\u6362\u9762\u677F",
+        onClick: $setup.handleToggle
+      }, [
+        (0, import_vue3.createElementVNode)("span", _hoisted_2, [
+          $props.open && $props.splitPosition === "right" ? ((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.createCommentVNode)("v-if", true),
+          !$props.open && $props.splitPosition === "right" ? ((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 */
+            )
+          ])])) : (0, import_vue3.createCommentVNode)("v-if", true),
+          $props.open && $props.splitPosition === "left" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_5, [..._cache[2] || (_cache[2] = [
+            (0, import_vue3.createElementVNode)(
+              "path",
+              {
+                d: "M15 18l-6-6 6-6",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])])) : (0, import_vue3.createCommentVNode)("v-if", true),
+          !$props.open && $props.splitPosition === "left" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", _hoisted_6, [..._cache[3] || (_cache[3] = [
+            (0, import_vue3.createElementVNode)(
+              "path",
+              {
+                d: "M9 18l6-6-6-6",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])])) : (0, import_vue3.createCommentVNode)("v-if", true)
+        ])
+      ], 10, _hoisted_1)) : (0, import_vue3.createCommentVNode)("v-if", true),
+      (0, import_vue3.createVNode)(
+        $setup["Header"],
+        null,
+        (0, import_vue3.createSlots)({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          $setup.slots["session-toggle-icon"] ? {
+            name: "session-toggle-icon",
+            fn: (0, import_vue3.withCtx)(() => [
+              (0, import_vue3.renderSlot)(_ctx.$slots, "session-toggle-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          $setup.slots["select-icon"] ? {
+            name: "select-icon",
+            fn: (0, import_vue3.withCtx)(() => [
+              (0, import_vue3.renderSlot)(_ctx.$slots, "select-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          $setup.slots["close-icon"] ? {
+            name: "close-icon",
+            fn: (0, import_vue3.withCtx)(() => [
+              (0, import_vue3.renderSlot)(_ctx.$slots, "close-icon")
+            ]),
+            key: "2"
+          } : void 0
+        ]),
+        1024
+        /* DYNAMIC_SLOTS */
+      ),
+      (0, import_vue3.createElementVNode)("div", _hoisted_7, [
+        (0, import_vue3.createVNode)($setup["SessionList"], null, {
+          empty: (0, import_vue3.withCtx)(() => [
+            (0, import_vue3.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [
+              _cache[4] || (_cache[4] = (0, import_vue3.createElementVNode)(
+                "div",
+                { class: "aipanel-session-empty" },
+                "\u6682\u65E0\u4F1A\u8BDD",
+                -1
+                /* CACHED */
+              ))
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }),
+        (0, import_vue3.createVNode)(
+          $setup["Frame"],
+          { ref: "frameRef" },
+          (0, import_vue3.createSlots)({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            $setup.slots["empty-state"] ? {
+              name: "empty-state",
+              fn: (0, import_vue3.withCtx)(() => [
+                (0, import_vue3.renderSlot)(_ctx.$slots, "empty-state")
+              ]),
+              key: "0"
+            } : void 0,
+            $setup.slots.loading ? {
+              name: "loading",
+              fn: (0, import_vue3.withCtx)(() => [
+                (0, import_vue3.renderSlot)(_ctx.$slots, "loading")
+              ]),
+              key: "1"
+            } : void 0,
+            $setup.slots.error ? {
+              name: "error",
+              fn: (0, import_vue3.withCtx)(() => [
+                (0, import_vue3.renderSlot)(_ctx.$slots, "error")
+              ]),
+              key: "2"
+            } : void 0,
+            $setup.slots.content ? {
+              name: "content",
+              fn: (0, import_vue3.withCtx)(() => [
+                (0, import_vue3.renderSlot)(_ctx.$slots, "content")
+              ]),
+              key: "3"
+            } : void 0
+          ]),
+          1536
+          /* NEED_PATCH, DYNAMIC_SLOTS */
+        ),
+        (0, import_vue3.createVNode)($setup["SelectedNodes"])
+      ])
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var ChatPanel_vue_default = __vue_sfc__;

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

@@ -0,0 +1,179 @@
+type __VLS_Props = {
+    mode?: "bubble" | "split";
+    open?: boolean;
+    minimized?: boolean;
+    positionStyle?: Record<string, string>;
+    animationOrigin?: {
+        x: string;
+        y: string;
+    };
+    panelWidth?: number;
+    resizable?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    noTransition?: boolean;
+    dragging?: boolean;
+    thinking?: boolean;
+    resolvedTheme?: "light" | "dark";
+    splitPosition?: "left" | "right";
+    extension?: boolean;
+};
+declare var __VLS_17: {}, __VLS_20: {}, __VLS_23: {}, __VLS_32: {}, __VLS_43: {}, __VLS_46: {}, __VLS_49: {}, __VLS_52: {};
+type __VLS_Slots = {} & {
+    'session-toggle-icon'?: (props: typeof __VLS_17) => any;
+} & {
+    'select-icon'?: (props: typeof __VLS_20) => any;
+} & {
+    'close-icon'?: (props: typeof __VLS_23) => any;
+} & {
+    'sessions-empty'?: (props: typeof __VLS_32) => any;
+} & {
+    'empty-state'?: (props: typeof __VLS_43) => any;
+} & {
+    loading?: (props: typeof __VLS_46) => any;
+} & {
+    error?: (props: typeof __VLS_49) => any;
+} & {
+    content?: (props: typeof __VLS_52) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    sendMessageToIframe: (type: string, data?: Record<string, unknown>) => void;
+    frameRef: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: import("vue").Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+            sendMessageToIframe: (type: string, data?: Record<string, unknown>) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "sendMessageToIframe"> & {
+        sendMessageToIframe: (type: string, data?: Record<string, unknown>) => void;
+    } & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            'empty-state'?: (props: {}) => any;
+        } & {
+            loading?: (props: {}) => any;
+        } & {
+            error?: (props: {}) => any;
+        } & {
+            content?: (props: {}) => any;
+        };
+    }) | null, ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: import("vue").Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+            sendMessageToIframe: (type: string, data?: Record<string, unknown>) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "sendMessageToIframe"> & {
+        sendMessageToIframe: (type: string, data?: Record<string, unknown>) => void;
+    } & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            'empty-state'?: (props: {}) => any;
+        } & {
+            loading?: (props: {}) => any;
+        } & {
+            error?: (props: {}) => any;
+        } & {
+            content?: (props: {}) => any;
+        };
+    }) | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    resize: (width: number) => any;
+    "resize-start": () => any;
+    "resize-end": () => any;
+    toggle: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onResize?: ((width: number) => any) | undefined;
+    "onResize-start"?: (() => any) | undefined;
+    "onResize-end"?: (() => any) | undefined;
+    onToggle?: (() => any) | undefined;
+}>, {
+    extension: boolean;
+    resolvedTheme: "light" | "dark";
+    minimized: boolean;
+    mode: "bubble" | "split";
+    splitPosition: "left" | "right";
+    thinking: boolean;
+    minWidth: number;
+    maxWidth: number;
+    open: boolean;
+    positionStyle: Record<string, string>;
+    animationOrigin: {
+        x: string;
+        y: string;
+    };
+    panelWidth: number;
+    resizable: boolean;
+    noTransition: boolean;
+    dragging: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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;
+    };
+};