@aipanel/ui 1.2.0-beta.0

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

@@ -0,0 +1,112 @@
+import "./SplitTrigger-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { computed } from "vue";
+const __vue_sfc__ = /* @__PURE__ */ _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 = computed(() => [
+      "aipanel-split-trigger",
+      {
+        open: props.open,
+        thinking: props.thinking,
+        "aipanel-theme-dark": props.resolvedTheme === "dark"
+      }
+    ]);
+    const buttonStyle = 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__;
+  }
+});
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
+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 _openBlock(), _createElementBlock("button", {
+    class: _normalizeClass($setup.buttonClasses),
+    style: _normalizeStyle($setup.buttonStyle),
+    type: "button",
+    "aria-expanded": $props.open,
+    "aria-label": "\u6253\u5F00 AI \u52A9\u624B",
+    onClick: $setup.handleClick
+  }, [
+    _createElementVNode("span", _hoisted_2, [
+      $props.open ? (_openBlock(), _createElementBlock("svg", _hoisted_3, [..._cache[0] || (_cache[0] = [
+        _createElementVNode(
+          "path",
+          {
+            d: "M9 18l6-6-6-6",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          },
+          null,
+          -1
+          /* CACHED */
+        )
+      ])])) : (_openBlock(), _createElementBlock("svg", _hoisted_4, [..._cache[1] || (_cache[1] = [
+        _createElementVNode(
+          "path",
+          {
+            d: "M15 18l-6-6 6-6",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          },
+          null,
+          -1
+          /* CACHED */
+        )
+      ])]))
+    ]),
+    $props.thinking ? (_openBlock(), _createElementBlock("span", _hoisted_5)) : _createCommentVNode("v-if", true)
+  ], 14, _hoisted_1);
+}
+__vue_sfc__.render = __vue_render__;
+var SplitTrigger_vue_default = __vue_sfc__;
+export {
+  SplitTrigger_vue_default as default
+};

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

@@ -0,0 +1,74 @@
+import "./Trigger-sfc.css";
+import { defineComponent as _defineComponent } from "vue";
+import { ref, watch } from "vue";
+import { useAIPanelWidgetContext } from "../context.mjs";
+import FloatingBubble from "./FloatingBubble/FloatingBubble.vue.mjs";
+import AIPanelLogo from "./AIPanelLogo.vue.mjs";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "Trigger",
+  emits: ["drag-start", "drag-end"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const {
+      buttonActive: active,
+      open,
+      hotkeyLabel,
+      thinking,
+      resolvedTheme,
+      handleToggle,
+      bubbleOffset,
+      handleBubbleOffsetChange
+    } = useAIPanelWidgetContext();
+    const offset = ref(bubbleOffset.value);
+    const emit = __emit;
+    const handleOffsetChange = (value) => {
+      offset.value = value;
+      handleBubbleOffsetChange(value);
+    };
+    watch(bubbleOffset, (newOffset) => {
+      offset.value = newOffset;
+    });
+    __expose({
+      offset
+    });
+    const __returned__ = { active, open, hotkeyLabel, thinking, resolvedTheme, handleToggle, bubbleOffset, handleBubbleOffsetChange, offset, emit, handleOffsetChange, FloatingBubble, AIPanelLogo };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+import { renderSlot as _renderSlot, createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+const _hoisted_1 = ["aria-expanded", "title"];
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _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: _withCtx(() => [
+      _createElementVNode("button", {
+        class: _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})`
+      }, [
+        _renderSlot(_ctx.$slots, "default", {}, () => [
+          _createVNode($setup["AIPanelLogo"], { size: 42 })
+        ])
+      ], 10, _hoisted_1)
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["offset", "onClick"]);
+}
+__vue_sfc__.render = __vue_render__;
+var Trigger_vue_default = __vue_sfc__;
+export {
+  Trigger_vue_default as default
+};

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

@@ -0,0 +1,16 @@
+import { inject, provide } from "vue";
+const CONTEXT_KEY = /* @__PURE__ */ Symbol("AIPanelWidgetContext");
+function provideAIPanelWidgetContext(context) {
+  provide(CONTEXT_KEY, context);
+}
+function useAIPanelWidgetContext() {
+  const context = inject(CONTEXT_KEY);
+  if (!context) {
+    throw new Error("useAIPanelWidgetContext must be used within AIPanelWidget");
+  }
+  return context;
+}
+export {
+  provideAIPanelWidgetContext,
+  useAIPanelWidgetContext
+};

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

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

@@ -0,0 +1,69 @@
+import type { AIPanelWidgetProps } from "./types";
+declare var __VLS_13: {}, __VLS_29: {}, __VLS_32: {}, __VLS_35: {}, __VLS_38: {}, __VLS_41: {}, __VLS_44: {}, __VLS_47: {}, __VLS_50: {};
+type __VLS_Slots = {} & {
+    'button-icon'?: (props: typeof __VLS_13) => any;
+} & {
+    'session-toggle-icon'?: (props: typeof __VLS_29) => any;
+} & {
+    'select-icon'?: (props: typeof __VLS_32) => any;
+} & {
+    'close-icon'?: (props: typeof __VLS_35) => any;
+} & {
+    'sessions-empty'?: (props: typeof __VLS_38) => any;
+} & {
+    'empty-state'?: (props: typeof __VLS_41) => any;
+} & {
+    loading?: (props: typeof __VLS_44) => any;
+} & {
+    error?: (props: typeof __VLS_47) => any;
+} & {
+    content?: (props: typeof __VLS_50) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AIPanelWidgetProps, {
+    showNotification: (message: string, options?: {
+        duration?: number;
+        mode?: "widget" | "page";
+    }) => void;
+    showConfirmDialog: (message: string) => Promise<boolean>;
+    sendMessageToIframe: (type: string, data?: Record<string, unknown>) => void;
+    isSplitMode: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    [x: string]: any;
+}, string, import("vue").PublicProps, Readonly<AIPanelWidgetProps> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
+    frameLoading: boolean;
+    showEmptyState: boolean;
+    showError: boolean;
+    emptyStateText: string;
+    emptyStateActionText: string;
+    iframeSrc: string;
+    title: string;
+    sessionListCollapsed: boolean;
+    selectMode: boolean;
+    selectEnabled: boolean;
+    theme: import("@aipanel/core").AIPanelWidgetTheme;
+    reviewPanelEnabled: boolean;
+    displayMode: import("@aipanel/core").DisplayMode;
+    showSessionListSkeleton: boolean;
+    sessionKey: string;
+    sessions: import("@aipanel/core").AIPanelWidgetSession[];
+    thinking: boolean;
+    showClearAll: boolean;
+    open: boolean;
+    selectShortcutLabel: string;
+    hotkeyLabel: string;
+    splitPanelWidth: number;
+    currentSessionId: string | null;
+    selectedElements: import("@aipanel/core").AIPanelSelectedElement[];
+    splitMode: import("@aipanel/core").SplitModeOptions;
+    hideBubble: 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;
+    };
+};