@aipanel/ui 1.2.11 → 1.2.12

package/es/AI-panel-widget/src/index.vue.mjs

@@ -45,7 +45,9 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
     splitMode: { type: Object, required: false, default: void 0 },
     splitPanelWidth: { type: Number, required: false, default: 500 },
     hideBubble: { type: Boolean, required: false, default: false },
-    reviewPanelEnabled: { type: Boolean, required: false, default: false }
+    reviewPanelEnabled: { type: Boolean, required: false, default: false },
+    providerSidebar: { type: Boolean, required: false, default: false },
+    sidebarCollapseControl: { type: String, required: false, default: "host" }
   },
   emits: ["update:open", "update:selectMode", "update:sessionListCollapsed", "update:currentSessionId", "update:selectedElements", "update:theme", "update:thinking", "update:splitPanelWidth", "toggle", "close", "toggle-session-list", "toggle-select-mode", "toggle-theme", "create-session", "select-session", "delete-session", "click-selected-node", "remove-selected-node", "clear-selected-nodes", "empty-action", "frame-loaded", "thinking-change", "split-panel-width-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -107,6 +109,14 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
       if (!iframeLoaded.value || !iframeReady.value) return;
       sendMessageToIframe(WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
       sendMessageToIframe(WIDGET_MSG.MINIMIZE_STATE, { minimized: minimized.value });
+      sendMessageToIframe(WIDGET_MSG.SIDEBAR_MODE, {
+        mode: props.providerSidebar ? "provider" : "host"
+      });
+      if (props.providerSidebar && props.sidebarCollapseControl === "host") {
+        sendMessageToIframe(WIDGET_MSG.SIDEBAR_COLLAPSE, {
+          collapsed: localSessionListCollapsed.value
+        });
+      }
       if (props.reviewPanelEnabled) {
         sendMessageToIframe(WIDGET_MSG.REVIEW_PANEL_TOGGLE, { visible: reviewPanelVisible.value });
       }
@@ -133,6 +143,12 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
         localDisplayMode.value = val;
       }
     );
+    watch(
+      () => [props.providerSidebar, props.sidebarCollapseControl],
+      () => {
+        syncStateToIframe();
+      }
+    );
     const handleToggleDisplayMode = () => {
       if (localDisplayMode.value === "extension" || localDisplayMode.value === "extension-selector")
         return;
@@ -174,6 +190,9 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
         localSessionListCollapsed.value = collapsed;
         emit("update:sessionListCollapsed", collapsed);
         emit("toggle-session-list", collapsed);
+        if (props.providerSidebar && props.sidebarCollapseControl === "host") {
+          sendMessageToIframe(WIDGET_MSG.SIDEBAR_COLLAPSE, { collapsed });
+        }
       },
       onEmptyAction: () => {
         emit("empty-action");
@@ -354,6 +373,16 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
         iframeReady.value = true;
         syncStateToIframe();
       }
+      if (event.data?.type === WIDGET_MSG.SIDEBAR_STATE) {
+        if (props.providerSidebar && props.sidebarCollapseControl === "host") {
+          const collapsed = event.data.collapsed === true;
+          if (collapsed !== localSessionListCollapsed.value) {
+            localSessionListCollapsed.value = collapsed;
+            emit("update:sessionListCollapsed", collapsed);
+            emit("toggle-session-list", collapsed);
+          }
+        }
+      }
     };
     onMounted(() => {
       if (typeof window !== "undefined") {
@@ -499,6 +528,8 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
       promptDockVisible,
       reviewPanelVisible,
       reviewPanelEnabled: toRef(props, "reviewPanelEnabled"),
+      providerSidebar: toRef(props, "providerSidebar"),
+      sidebarCollapseControl: toRef(props, "sidebarCollapseControl"),
       bubbleOffset,
       mode: effectiveMode,
       displayMode: localDisplayMode,
@@ -620,6 +651,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
             "resolved-theme": $setup.resolvedTheme,
             "split-position": $setup.splitPosition,
             extension: $setup.isExtensionMode,
+            "provider-sidebar": $setup.props.providerSidebar,
             onResize: $setup.handleResize,
             onResizeStart: $setup.handleResizeStart,
             onResizeEnd: $setup.handleResizeEnd,
@@ -688,7 +720,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               key: "6"
             } : void 0
-          ]), 1032, ["mode", "open", "minimized", "position-style", "animation-origin", "panel-width", "resizable", "min-width", "max-width", "no-transition", "dragging", "thinking", "resolved-theme", "split-position", "extension", "onResize", "onToggle"]),
+          ]), 1032, ["mode", "open", "minimized", "position-style", "animation-origin", "panel-width", "resizable", "min-width", "max-width", "no-transition", "dragging", "thinking", "resolved-theme", "split-position", "extension", "provider-sidebar", "onResize", "onToggle"]),
           _createVNode($setup["SelectHint"])
         ],
         64

package/es/AI-panel-widget/src/types.d.ts

@@ -1 +1 @@
-export type { AIPanelWidgetTheme, AIPanelWidgetSession, AIPanelSelectedElement, AIPanelRemoveSelectedPayload, AIPanelWidgetSessionItem, AIPanelSelectedElementItem, AIPanelWidgetProps, AIPanelWidgetEmits, AIPanelSessionThinkingState, DisplayMode, SplitModeOptions, } from "@aipanel/core";
+export type { AIPanelWidgetTheme, AIPanelWidgetSession, AIPanelSelectedElement, AIPanelRemoveSelectedPayload, AIPanelWidgetSessionItem, AIPanelSelectedElementItem, AIPanelWidgetProps, AIPanelWidgetEmits, AIPanelSessionThinkingState, DisplayMode, SplitModeOptions, ProviderSidebarCollapseControl, } from "@aipanel/core";

package/es/index.d.ts

@@ -1,5 +1,5 @@
 import type { App } from 'vue';
-declare const version = "1.2.11";
+declare const version = "1.2.12";
 declare function install(app: App<any>, options?: any): void;
 export { install, version, };
 export * from './AI-panel-widget';

package/es/index.mjs

@@ -1,5 +1,5 @@
 import { AIPanelWidget } from "./AI-panel-widget/index.mjs";
-const version = "1.2.11";
+const version = "1.2.12";
 function install(app, options) {
   const components = [
     AIPanelWidget

package/lib/AI-panel-widget/composables/use-inspector.cjs

@@ -229,8 +229,8 @@ function useInspector(options) {
   const tooltipStyle = (0, import_vue.ref)({ top: "0px", left: "0px" });
   const tooltipContent = (0, import_vue.ref)({ description: "", fileInfo: "" });
   let inspectorCheckTimer = null;
-  let currentPrimary = "#3b82f6";
-  let currentPrimaryBg = "rgba(59, 130, 246, 0.1)";
+  let currentPrimary = "#4176e6";
+  let currentPrimaryBg = "rgba(65, 118, 230, 0.1)";
   function setPointerEventsNone(elements) {
     elements.forEach((el) => {
       if (el) el.style.pointerEvents = "none";
@@ -256,8 +256,8 @@ function useInspector(options) {
       const widget = document.querySelector(".aipanel-widget");
       if (widget) {
         const style = getComputedStyle(widget);
-        currentPrimary = style.getPropertyValue("--ap-primary").trim() || currentPrimary;
-        currentPrimaryBg = style.getPropertyValue("--ap-primary-bg").trim() || currentPrimaryBg;
+        currentPrimary = style.getPropertyValue("--ap-accent").trim() || currentPrimary;
+        currentPrimaryBg = style.getPropertyValue("--ap-accent-bg").trim() || currentPrimaryBg;
       }
       const description = getElementDescription(elementToHighlight);
       const fileName = fileInfo.file ? fileInfo.file.split("/").pop() : "";

package/lib/AI-panel-widget/composables/use-selection.cjs

@@ -87,12 +87,12 @@ function useSelection(options) {
       const highlightOverlay = document.createElement("div");
       highlightOverlay.className = "aipanel-element-highlight-temp";
       const widget = document.querySelector(".aipanel-widget");
-      let primary = "#3b82f6";
-      let primaryBg = "rgba(59, 130, 246, 0.1)";
+      let primary = "#4176e6";
+      let primaryBg = "rgba(65, 118, 230, 0.1)";
       if (widget) {
         const style = getComputedStyle(widget);
-        primary = style.getPropertyValue("--ap-primary").trim() || primary;
-        primaryBg = style.getPropertyValue("--ap-primary-bg").trim() || primaryBg;
+        primary = style.getPropertyValue("--ap-accent").trim() || primary;
+        primaryBg = style.getPropertyValue("--ap-accent-bg").trim() || primaryBg;
       }
       highlightOverlay.style.border = `2px solid ${primary}`;
       highlightOverlay.style.background = primaryBg;

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

@@ -1 +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)}
+.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-faint);transform:translate(100%)}.aipanel-chat.split-mode.split-left{left:0;border-right:1px solid var(--ap-border-faint);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:var(--ap-bg-main);border:1px solid var(--ap-border-faint);border-right:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ap-accent);box-shadow:var(--ap-shadow-sm);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;border-right:1px solid var(--ap-border-faint);border-left:none;transform-origin:left center}.aipanel-split-toggle-btn:hover{transform:translateY(-50%) scale(1.1);color:var(--ap-accent-hover);box-shadow:var(--ap-shadow-md)}.aipanel-split-toggle-btn.split-left:hover{transform:translateY(-50%) scale(1.1)}.aipanel-split-toggle-btn.thinking{background:var(--ap-accent);color:#fff;animation:split-thinking-pulse 2s ease-in-out infinite;box-shadow:0 0 12px var(--ap-thinking-glow-strong),0 0 28px var(--ap-thinking-glow)}.aipanel-split-toggle-btn.thinking:hover{box-shadow:0 0 16px var(--ap-thinking-glow-strong),0 0 36px var(--ap-thinking-glow)}@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

@@ -59,7 +59,8 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
     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 }
+    extension: { type: Boolean, required: false, default: false },
+    providerSidebar: { type: Boolean, required: false, default: false }
   },
   emits: ["resize", "resize-start", "resize-end", "toggle"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -179,7 +180,15 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       $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" }]),
+        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
@@ -272,7 +281,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
         /* DYNAMIC_SLOTS */
       ),
       (0, import_vue3.createElementVNode)("div", _hoisted_7, [
-        (0, import_vue3.createVNode)($setup["SessionList"], null, {
+        !$props.providerSidebar ? ((0, import_vue3.openBlock)(), (0, import_vue3.createBlock)($setup["SessionList"], { key: 0 }, {
           empty: (0, import_vue3.withCtx)(() => [
             (0, import_vue3.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [
               _cache[4] || (_cache[4] = (0, import_vue3.createElementVNode)(
@@ -286,7 +295,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 3
           /* FORWARDED */
-        }),
+        })) : (0, import_vue3.createCommentVNode)("v-if", true),
         (0, import_vue3.createVNode)(
           $setup["Frame"],
           { ref: "frameRef" },

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

@@ -17,6 +17,8 @@ type __VLS_Props = {
     resolvedTheme?: "light" | "dark";
     splitPosition?: "left" | "right";
     extension?: boolean;
+    /** Provider 接管会话侧栏时隐藏原生 SessionList */
+    providerSidebar?: boolean;
 };
 declare var __VLS_17: {}, __VLS_20: {}, __VLS_23: {}, __VLS_32: {}, __VLS_43: {}, __VLS_46: {}, __VLS_49: {}, __VLS_52: {};
 type __VLS_Slots = {} & {
@@ -153,6 +155,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     extension: boolean;
     resolvedTheme: "light" | "dark";
     minimized: boolean;
+    providerSidebar: boolean;
     mode: "bubble" | "split";
     splitPosition: "left" | "right";
     thinking: boolean;

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

@@ -1 +1 @@
-.aipanel-iframe-container{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.aipanel-loading-overlay{position:absolute;inset:0;background:var(--ap-overlay-bg);flex-direction:column;align-items:center;justify-content:center;z-index:10;display:flex;opacity:0;visibility:hidden}.aipanel-loading-overlay.visible{opacity:1;visibility:visible}.aipanel-loading-spinner{width:40px;height:40px;border:3px solid var(--ap-border-primary);border-top-color:var(--ap-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.aipanel-loading-text{margin-top:12px;font-size:14px;color:var(--ap-text-placeholder)}.aipanel-error-overlay{position:absolute;inset:0;z-index:15;display:flex;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.aipanel-error-overlay.visible{opacity:1;visibility:visible}.aipanel-empty-state-overlay{position:absolute;inset:0;background:var(--ap-bg-secondary);flex-direction:column;align-items:center;justify-content:center;z-index:5;display:flex;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.aipanel-empty-state-overlay.visible{opacity:1;visibility:visible}.aipanel-empty-state-icon{color:var(--ap-text-placeholder);margin-bottom:16px}.aipanel-empty-state-text{color:var(--ap-text-primary);font-size:16px;font-weight:500;margin-bottom:24px}.aipanel-empty-state-btn{padding:10px 24px;border-radius:8px;border:none;background:var(--ap-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--ap-shadow-primary)}.aipanel-empty-state-btn:hover{background:var(--ap-primary-hover);transform:translateY(-1px);box-shadow:var(--ap-shadow-primary-hover)}.aipanel-empty-state-btn:active{transform:translateY(0)}.aipanel-iframe{width:100%;height:100%;border:none;opacity:0;transition:none}.aipanel-iframe.loaded{opacity:1;transition:opacity .3s ease}
+.aipanel-iframe-container{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.aipanel-loading-overlay{position:absolute;inset:0;background:var(--ap-overlay-bg);flex-direction:column;align-items:center;justify-content:center;z-index:10;display:flex;opacity:0;visibility:hidden}.aipanel-loading-overlay.visible{opacity:1;visibility:visible}.aipanel-loading-spinner{width:40px;height:40px;border:3px solid var(--ap-border-primary);border-top-color:var(--ap-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.aipanel-loading-text{margin-top:12px;font-size:14px;color:var(--ap-text-placeholder)}.aipanel-error-overlay{position:absolute;inset:0;z-index:15;display:flex;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.aipanel-error-overlay.visible{opacity:1;visibility:visible}.aipanel-empty-state-overlay{position:absolute;inset:0;background:var(--ap-bg-secondary);flex-direction:column;align-items:center;justify-content:center;z-index:5;display:flex;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.aipanel-empty-state-overlay.visible{opacity:1;visibility:visible}.aipanel-empty-state-icon{color:var(--ap-text-placeholder);margin-bottom:16px}.aipanel-empty-state-text{color:var(--ap-text-primary);font-size:16px;font-weight:500;margin-bottom:24px}.aipanel-empty-state-btn{padding:10px 24px;border-radius:999px;border:none;background:var(--ap-primary);color:var(--ap-on-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.aipanel-empty-state-btn:hover{background:var(--ap-primary-hover);transform:translateY(-1px)}.aipanel-empty-state-btn:active{transform:translateY(0)}.aipanel-iframe{width:100%;height:100%;border:none;opacity:0;transition:none}.aipanel-iframe.loaded{opacity:1;transition:opacity .3s ease}

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

@@ -1 +1 @@
-.aipanel-chat-header{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:40px;background:var(--ap-bg-secondary);border-bottom:1px solid var(--ap-border-primary);z-index:5}.aipanel-chat-header-left{display:flex;align-items:center;gap:4px}.aipanel-chat-header-title{font-size:14px;font-weight:600;color:var(--ap-text-primary);position:absolute;left:50%;transform:translate(-50%)}.aipanel-chat-header-actions{display:flex;gap:4px}.aipanel-header-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--ap-text-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.aipanel-header-btn:hover{background:var(--ap-bg-tertiary);color:var(--ap-text-primary)}.aipanel-header-btn.close:hover{background:var(--ap-danger);color:#fff}.aipanel-header-btn.select-btn.active,.aipanel-header-btn.session-toggle.active,.aipanel-header-btn.review-panel.active{background:var(--ap-primary);color:#fff}
+.aipanel-chat-header{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:40px;background:var(--ap-bg-secondary);border-bottom:1px solid var(--ap-border-faint);z-index:5}.aipanel-chat-header-left{display:flex;align-items:center;gap:4px}.aipanel-chat-header-title{font-size:14px;font-weight:600;color:var(--ap-text-primary);position:absolute;left:50%;transform:translate(-50%)}.aipanel-chat-header-actions{display:flex;gap:4px}.aipanel-header-btn{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--ap-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.aipanel-header-btn:hover{background:var(--ap-hover-bg);color:var(--ap-text-primary)}.aipanel-header-btn.close:hover{background:var(--ap-danger);color:#fff}.aipanel-header-btn.select-btn.active,.aipanel-header-btn.session-toggle.active,.aipanel-header-btn.review-panel.active{background:var(--ap-accent-bg);color:var(--ap-accent)}

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

@@ -41,6 +41,8 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
       promptDockVisible,
       reviewPanelVisible,
       reviewPanelEnabled,
+      providerSidebar,
+      sidebarCollapseControl,
       mode,
       displayMode,
       splitPosition,
@@ -65,6 +67,12 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
     };
     const DISPLAY_CYCLE = ["bubble", "split", "auto"];
     const isSplitMode = (0, import_vue2.computed)(() => mode.value === "split");
+    const showSidebarToggle = (0, import_vue2.computed)(
+      () => !providerSidebar.value || sidebarCollapseControl.value === "host"
+    );
+    const showNewSessionButton = (0, import_vue2.computed)(
+      () => displayMode.value === "extension" || providerSidebar.value
+    );
     const themeIconTitle = (0, import_vue2.computed)(() => {
       const themeLabels = {
         auto: "\u81EA\u52A8",
@@ -100,7 +108,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
       const nextPosition = splitPosition.value === "right" ? "\u5DE6\u4FA7" : "\u53F3\u4FA7";
       return `\u5207\u6362\u5206\u680F\u4F4D\u7F6E - \u4E0B\u4E00\u4E2A: ${nextPosition}`;
     });
-    const __returned__ = { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, theme, resolvedTheme, minimized, promptDockVisible, reviewPanelVisible, reviewPanelEnabled, mode, displayMode, splitPosition, handleToggleSessionList, handleToggleSelectMode, handleToggleTheme, handleToggleDisplayMode, handleToggleSplitPosition, handleClose, handleToggleMinimize, handleTogglePromptDock, handleToggleReviewPanel, handleRefresh, handleCreateSession, DISPLAY_MODE_LABELS, DISPLAY_CYCLE, isSplitMode, themeIconTitle, themeIconLabel, displayModeIconTitle, displayModeIconLabel, splitPositionIconTitle, splitPositionIconLabel };
+    const __returned__ = { title, sessionListTitle, sessionListCollapsed, selectMode, selectEnabled, theme, resolvedTheme, minimized, promptDockVisible, reviewPanelVisible, reviewPanelEnabled, providerSidebar, sidebarCollapseControl, mode, displayMode, splitPosition, handleToggleSessionList, handleToggleSelectMode, handleToggleTheme, handleToggleDisplayMode, handleToggleSplitPosition, handleClose, handleToggleMinimize, handleTogglePromptDock, handleToggleReviewPanel, handleRefresh, handleCreateSession, DISPLAY_MODE_LABELS, DISPLAY_CYCLE, isSplitMode, showSidebarToggle, showNewSessionButton, themeIconTitle, themeIconLabel, displayModeIconTitle, displayModeIconLabel, splitPositionIconTitle, splitPositionIconLabel };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -220,7 +228,8 @@ const _hoisted_22 = {
 function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
   return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_1, [
     (0, import_vue3.createElementVNode)("div", _hoisted_2, [
-      (0, import_vue3.createElementVNode)("button", {
+      $setup.showSidebarToggle ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+        key: 0,
         class: (0, import_vue3.normalizeClass)(["aipanel-header-btn session-toggle", { active: !$setup.sessionListCollapsed }]),
         type: "button",
         title: $setup.sessionListTitle,
@@ -250,7 +259,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
             /* CACHED */
           ))
         ])
-      ], 10, _hoisted_3),
+      ], 10, _hoisted_3)) : (0, import_vue3.createCommentVNode)("v-if", true),
       (0, import_vue3.createElementVNode)("button", {
         class: (0, import_vue3.normalizeClass)(["aipanel-header-btn select-btn", { active: $setup.selectMode }]),
         type: "button",
@@ -308,7 +317,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ], 8, _hoisted_5),
       $setup.displayMode !== "extension" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
-        key: 0,
+        key: 1,
         class: "aipanel-header-btn display-mode-btn",
         type: "button",
         title: $setup.displayModeIconTitle,
@@ -510,7 +519,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
           /* CACHED */
         )
       ])])) : (0, import_vue3.createCommentVNode)("v-if", true),
-      $setup.displayMode === "extension" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
+      $setup.showNewSessionButton ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("button", {
         key: 2,
         class: "aipanel-header-btn new-session-btn",
         type: "button",

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

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

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

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

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

@@ -59,7 +59,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-label": "\u5DF2\u9009\u5143\u7D20\u5217\u8868"
     },
     [
-      $setup.items.length === 0 ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("div", _hoisted_1, "\u6682\u65E0\u9009\u4E2D\u5143\u7D20")) : ((0, import_vue2.openBlock)(true), (0, import_vue2.createElementBlock)(
+      $setup.items.length === 0 ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("div", _hoisted_1, " \u6682\u65E0\u9009\u4E2D\u5143\u7D20 ")) : ((0, import_vue2.openBlock)(true), (0, import_vue2.createElementBlock)(
         import_vue2.Fragment,
         { key: 1 },
         (0, import_vue2.renderList)($setup.items, (item, index) => {

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

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

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

@@ -1 +1 @@
-.aipanel-session-list{width:240px;background:var(--ap-bg-secondary);border-right:1px solid var(--ap-border-primary);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease}.aipanel-session-list.collapsed{width:0;overflow:hidden}.aipanel-session-list.collapsed .aipanel-session-list-header,.aipanel-session-list.collapsed .aipanel-session-list-content{display:none}.aipanel-session-list-header{padding:16px;border-bottom:1px solid var(--ap-border-primary);display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;color:var(--ap-text-primary)}.aipanel-new-session-btn{width:28px;height:28px;border-radius:6px;border:none;background:var(--ap-primary);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.aipanel-new-session-btn:hover{background:var(--ap-primary-hover);transform:scale(1.05)}.aipanel-session-list-content{flex:1;overflow-y:auto;padding:8px;position:relative}.aipanel-session-list-loading-overlay{position:absolute;inset:0;background:var(--ap-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.aipanel-loading-spinner.small{width:24px;height:24px;border-width:2px}.aipanel-session-item{padding:12px;border-radius:8px;cursor:pointer;transition:transform .2s;margin-bottom:4px;color:var(--ap-text-primary)}.aipanel-session-item:hover{background:var(--ap-bg-tertiary)}.aipanel-session-item.active{background:var(--ap-primary);color:#fff;transition:none}.aipanel-session-title{display:flex;align-items:center;min-width:0;font-size:14px;font-weight:500;margin-bottom:4px}.aipanel-session-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.aipanel-session-meta{font-size:12px;opacity:.6}.aipanel-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.aipanel-session-delete-btn{width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--ap-text-placeholder);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;flex-shrink:0}.aipanel-session-item:hover .aipanel-session-delete-btn{opacity:1}.aipanel-session-delete-btn:hover{background:var(--ap-danger);color:#fff}.aipanel-session-item.active .aipanel-session-delete-btn{color:#ffffffb3}.aipanel-session-item.active .aipanel-session-delete-btn:hover{background:#fff3;color:#fff}.aipanel-session-header-skeleton{padding:16px;border-bottom:1px solid var(--ap-border-primary);display:none;justify-content:space-between;align-items:center}.aipanel-session-header-skeleton.visible{display:flex}.aipanel-skeleton-header-title{height:18px;width:80px;background:var(--ap-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.aipanel-skeleton-header-btn{width:28px;height:28px;background:var(--ap-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.aipanel-session-skeleton{flex:1;overflow-y:auto;padding:8px;display:none}.aipanel-session-skeleton.visible{display:block}.aipanel-skeleton-item{padding:12px;border-radius:8px;margin-bottom:4px;background:var(--ap-skeleton-bg)}.aipanel-skeleton-title{height:16px;background:var(--ap-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:8px;width:70%}.aipanel-skeleton-meta{height:12px;background:var(--ap-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;width:50%}.aipanel-session-empty{padding:32px 16px;text-align:center;color:var(--ap-text-placeholder);font-size:13px}.aipanel-session-state{position:relative;flex:0 0 auto;width:10px;height:10px;margin-right:6px}.aipanel-session-state-pending:before,.aipanel-session-state-completed:before{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:.1}.aipanel-session-state-pending:after,.aipanel-session-state-completed:after{content:"";position:absolute;inset:20%;border-radius:50%;background:currentColor}.aipanel-session-state-pending{color:var(--ap-state-pending)}.aipanel-session-state-completed{color:var(--ap-state-completed)}.aipanel-session-state-ongoing{color:var(--ap-state-ongoing)}.aipanel-session-ongoing-cell{fill:currentColor;opacity:.15;animation:aipanel-ongoing-chase 1s infinite}@keyframes aipanel-ongoing-chase{0%,12.4%{opacity:1}12.5%,24.9%{opacity:.6}25%,37.4%{opacity:.35}37.5%,to{opacity:.15}}.aipanel-session-item.active .aipanel-session-state-pending{color:var(--ap-state-pending)}.aipanel-session-item.active .aipanel-session-state-completed{color:var(--ap-state-completed)}.aipanel-session-item.active .aipanel-session-state-ongoing{color:#fffffff2}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}
+.aipanel-session-list{width:236px;background:var(--ap-bg-secondary);border-right:1px solid var(--ap-border-faint);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease}.aipanel-session-list.collapsed{width:0;overflow:hidden}.aipanel-session-list.collapsed .aipanel-session-list-header,.aipanel-session-list.collapsed .aipanel-session-list-content{display:none}.aipanel-session-list-header{padding:10px 8px 8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--ap-bg-secondary);border-bottom:1px solid var(--ap-border-faint)}.aipanel-session-list-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:18px;color:var(--ap-text-tertiary)}.aipanel-new-session-btn{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid var(--ap-border-secondary);background:var(--ap-elevated-fill);color:var(--ap-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.aipanel-new-session-btn svg{display:block}.aipanel-new-session-btn:hover{background:var(--ap-elevated-hover);color:var(--ap-text-primary)}.aipanel-new-session-btn:active{background:var(--ap-press-bg)}.aipanel-new-session-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ap-accent-bg)}.aipanel-session-list-content{flex:1;min-height:0;overflow-y:auto;padding:8px;position:relative;display:flex;flex-direction:column;gap:2px}.aipanel-session-list-loading-overlay{position:absolute;inset:0;background:var(--ap-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.aipanel-loading-spinner.small{width:24px;height:24px;border-width:2px}.aipanel-session-item{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--ap-text-primary);transition:background-color .15s ease}.aipanel-widget.aipanel-theme-dark .aipanel-session-item{color:var(--ap-text-secondary)}.aipanel-session-item:hover{background:var(--ap-hover-bg)}.aipanel-session-item:active{background:var(--ap-press-bg)}.aipanel-session-item.active{background:var(--ap-hover-bg)}.aipanel-session-title-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:20px}.aipanel-session-meta{flex:none;margin-left:auto;font-size:12px;line-height:20px;color:var(--ap-text-placeholder);white-space:nowrap;transition:opacity .15s ease}.aipanel-session-item:hover .aipanel-session-meta{opacity:0}.aipanel-session-delete-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:none;border-radius:6px;background:transparent;color:var(--ap-text-placeholder);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.aipanel-session-item:hover .aipanel-session-delete-btn{opacity:1}.aipanel-session-delete-btn:hover{background:transparent;color:var(--ap-text-primary)}.aipanel-session-state{position:relative;flex:none;width:10px;height:10px;margin-right:-2px}.aipanel-session-state-pending:before,.aipanel-session-state-completed:before{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:.1}.aipanel-session-state-pending:after,.aipanel-session-state-completed:after{content:"";position:absolute;inset:20%;border-radius:50%;background:currentColor}.aipanel-session-state-pending{color:var(--ap-state-pending)}.aipanel-session-state-completed{color:var(--ap-state-completed)}.aipanel-session-state-ongoing{color:var(--ap-state-ongoing)}.aipanel-session-ongoing-cell{fill:currentColor;opacity:.15;animation:aipanel-ongoing-chase 1s infinite}@keyframes aipanel-ongoing-chase{0%,12.4%{opacity:1}12.5%,24.9%{opacity:.6}25%,37.4%{opacity:.35}37.5%,to{opacity:.15}}.aipanel-session-item.active .aipanel-session-state-pending{color:var(--ap-state-pending)}.aipanel-session-item.active .aipanel-session-state-completed{color:var(--ap-state-completed)}.aipanel-session-item.active .aipanel-session-state-ongoing{color:var(--ap-accent)}.aipanel-session-header-skeleton{padding:10px 12px 8px;border-bottom:1px solid var(--ap-border-faint);display:none;align-items:center;gap:8px}.aipanel-session-header-skeleton.visible{display:flex}.aipanel-skeleton-header-title{flex:1;height:12px;width:48px;background:var(--ap-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.aipanel-skeleton-header-btn{width:24px;height:24px;background:var(--ap-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:50%}.aipanel-session-skeleton{flex:1;min-height:0;overflow-y:auto;padding:8px;display:none}.aipanel-session-skeleton.visible{display:block}.aipanel-skeleton-item{display:flex;align-items:center;gap:8px;min-height:36px;box-sizing:border-box;padding:8px 10px;border-radius:8px;margin-bottom:2px;background:var(--ap-skeleton-bg)}.aipanel-skeleton-title{flex:1 1 auto;height:13px;background:var(--ap-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.aipanel-skeleton-meta{flex:none;width:32px;height:12px;background:var(--ap-skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.aipanel-session-empty{padding:32px 16px;text-align:center;color:var(--ap-text-tertiary);font-size:12px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}

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

@@ -126,19 +126,20 @@ const _hoisted_4 = {
   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 = ["title"];
-const _hoisted_9 = ["title"];
-const _hoisted_10 = ["x", "y"];
-const _hoisted_11 = {
+const _hoisted_6 = ["title"];
+const _hoisted_7 = ["title"];
+const _hoisted_8 = ["x", "y"];
+const _hoisted_9 = {
   key: 2,
   class: "aipanel-session-state aipanel-session-state-completed",
   title: "\u5DF2\u5B8C\u6210"
 };
-const _hoisted_12 = { class: "aipanel-session-title-text" };
-const _hoisted_13 = ["aria-label", "onClick"];
-const _hoisted_14 = { class: "aipanel-session-meta" };
+const _hoisted_10 = { class: "aipanel-session-title-text" };
+const _hoisted_11 = {
+  key: 3,
+  class: "aipanel-session-meta"
+};
+const _hoisted_12 = ["aria-label", "onClick"];
 function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
   return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
     "div",
@@ -148,9 +149,12 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
     [
       (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)(
+        _cache[2] || (_cache[2] = (0, import_vue3.createElementVNode)(
           "span",
-          { id: "aipanel-session-list-title" },
+          {
+            id: "aipanel-session-list-title",
+            class: "aipanel-session-list-title"
+          },
           "\u4F1A\u8BDD\u5217\u8868",
           -1
           /* CACHED */
@@ -161,13 +165,32 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
           title: "\u65B0\u5EFA\u4F1A\u8BDD",
           "aria-label": "\u65B0\u5EFA\u4F1A\u8BDD",
           onClick: _cache[0] || (_cache[0] = (...args) => $setup.handleCreateSession && $setup.handleCreateSession(...args))
-        }, " + ")
+        }, [..._cache[1] || (_cache[1] = [
+          (0, import_vue3.createElementVNode)(
+            "svg",
+            {
+              viewBox: "0 0 16 16",
+              width: "12",
+              height: "12",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "1.6",
+              "stroke-linecap": "round",
+              "aria-hidden": "true"
+            },
+            [
+              (0, import_vue3.createElementVNode)("path", { d: "M8 3v10M3 8h10" })
+            ],
+            -1
+            /* CACHED */
+          )
+        ])])
       ])) : ((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)(
+          _cache[3] || (_cache[3] = (0, import_vue3.createElementVNode)(
             "div",
             { class: "aipanel-session-header-skeleton visible" },
             [
@@ -190,7 +213,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
             return (0, import_vue3.createElementVNode)("div", {
               key: `skeleton-${i}`,
               class: "aipanel-skeleton-item"
-            }, [..._cache[3] || (_cache[3] = [
+            }, [..._cache[4] || (_cache[4] = [
               (0, import_vue3.createElementVNode)(
                 "div",
                 { class: "aipanel-skeleton-title" },
@@ -216,7 +239,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
         [
           (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] = [
+            $setup.loadingSessionList ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_4, [..._cache[5] || (_cache[5] = [
               (0, import_vue3.createElementVNode)(
                 "div",
                 { class: "aipanel-loading-spinner small" },
@@ -236,62 +259,58 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
                   "aria-selected": item.active,
                   onClick: ($event) => $setup.handleSelectSession(item)
                 }, [
-                  (0, import_vue3.createElementVNode)("div", _hoisted_6, [
-                    (0, import_vue3.createElementVNode)("div", _hoisted_7, [
-                      (0, import_vue3.createCommentVNode)(" \u72B6\u6001\u6307\u793A\uFF1Apending=\u7425\u73C0\u70B9 > \u6D3B\u8DC3(thinking/running/\u5B50\u4EE3\u7406)=\u8F6C\u5708 > completed=\u7EFF\u70B9 > idle "),
-                      $setup.isSessionPending(item.id) ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("span", {
-                        key: 0,
-                        class: "aipanel-session-state aipanel-session-state-pending",
-                        title: $setup.pendingLabel(item.id)
-                      }, null, 8, _hoisted_8)) : $setup.isSessionActive(item.id) ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", {
-                        key: 1,
-                        class: "aipanel-session-state aipanel-session-state-ongoing",
-                        title: $setup.runningLabel(item.id),
-                        viewBox: "0 0 10 10",
-                        width: "10",
-                        height: "10",
-                        "aria-hidden": "true"
-                      }, [
-                        ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
-                          import_vue3.Fragment,
-                          null,
-                          (0, import_vue3.renderList)($setup.ONGOING_CELLS, (c) => {
-                            return (0, import_vue3.createElementVNode)("rect", {
-                              key: c.x + "-" + c.y,
-                              x: c.x,
-                              y: c.y,
-                              width: "2",
-                              height: "2",
-                              style: (0, import_vue3.normalizeStyle)({ animationDelay: c.delay }),
-                              class: "aipanel-session-ongoing-cell"
-                            }, null, 12, _hoisted_10);
-                          }),
-                          64
-                          /* STABLE_FRAGMENT */
-                        ))
-                      ], 8, _hoisted_9)) : $setup.isSessionCompleted(item.id) ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("span", _hoisted_11)) : (0, import_vue3.createCommentVNode)("v-if", true),
-                      (0, import_vue3.createElementVNode)(
-                        "span",
-                        _hoisted_12,
-                        (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_13)
-                  ]),
+                  (0, import_vue3.createCommentVNode)(" \u72B6\u6001\u6307\u793A\uFF1Apending=\u7425\u73C0\u70B9 > \u6D3B\u8DC3(thinking/running/\u5B50\u4EE3\u7406)=\u8F6C\u5708 > completed=\u7EFF\u70B9 > idle "),
+                  $setup.isSessionPending(item.id) ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("span", {
+                    key: 0,
+                    class: "aipanel-session-state aipanel-session-state-pending",
+                    title: $setup.pendingLabel(item.id)
+                  }, null, 8, _hoisted_6)) : $setup.isSessionActive(item.id) ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("svg", {
+                    key: 1,
+                    class: "aipanel-session-state aipanel-session-state-ongoing",
+                    title: $setup.runningLabel(item.id),
+                    viewBox: "0 0 10 10",
+                    width: "10",
+                    height: "10",
+                    "aria-hidden": "true"
+                  }, [
+                    ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+                      import_vue3.Fragment,
+                      null,
+                      (0, import_vue3.renderList)($setup.ONGOING_CELLS, (c) => {
+                        return (0, import_vue3.createElementVNode)("rect", {
+                          key: c.x + "-" + c.y,
+                          x: c.x,
+                          y: c.y,
+                          width: "2",
+                          height: "2",
+                          style: (0, import_vue3.normalizeStyle)({ animationDelay: c.delay }),
+                          class: "aipanel-session-ongoing-cell"
+                        }, null, 12, _hoisted_8);
+                      }),
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))
+                  ], 8, _hoisted_7)) : $setup.isSessionCompleted(item.id) ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("span", _hoisted_9)) : (0, import_vue3.createCommentVNode)("v-if", true),
                   (0, import_vue3.createElementVNode)(
-                    "div",
-                    _hoisted_14,
+                    "span",
+                    _hoisted_10,
+                    (0, import_vue3.toDisplayString)(item.title),
+                    1
+                    /* TEXT */
+                  ),
+                  item.meta ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+                    "span",
+                    _hoisted_11,
                     (0, import_vue3.toDisplayString)(item.meta),
                     1
                     /* TEXT */
-                  )
+                  )) : (0, import_vue3.createCommentVNode)("v-if", true),
+                  (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_12)
                 ], 10, _hoisted_5);
               }),
               128