@vite-plugin-opencode-assistant/components 1.0.37 → 1.0.38

package/es/index.d.ts

@@ -1,6 +1,6 @@
 import OpenCodeWidget from './open-code-widget';
 import type { App } from 'vue';
-declare const version = "1.0.37";
+declare const version = "1.0.38";
 declare function install(app: App<any>, options?: any): void;
 export { install, version, OpenCodeWidget };
 export default install;

package/es/index.js

@@ -1,5 +1,5 @@
 import OpenCodeWidget from "./open-code-widget";
-const version = "1.0.37";
+const version = "1.0.38";
 function install(app, options) {
   const components = [
     OpenCodeWidget

package/es/open-code-widget/composables/use-persist-state.d.ts

@@ -8,6 +8,7 @@ export interface WidgetPersistState {
     bubbleOffset?: FloatingBubbleOffset;
     theme: OpenCodeWidgetTheme;
     sessionListCollapsed: boolean;
+    splitPanelWidth?: number;
 }
 export interface UsePersistStateOptions {
     open: Ref<boolean>;
@@ -16,6 +17,7 @@ export interface UsePersistStateOptions {
     bubbleOffset: Ref<FloatingBubbleOffset | undefined>;
     theme: Ref<OpenCodeWidgetTheme>;
     sessionListCollapsed: Ref<boolean>;
+    splitPanelWidth?: Ref<number>;
     onRestore?: (state: Partial<WidgetPersistState>) => void;
 }
 export declare function usePersistState(options: UsePersistStateOptions): {

package/es/open-code-widget/composables/use-persist-state.js

@@ -28,21 +28,36 @@ function usePersistState(options) {
     }
     return saved;
   };
-  const getCurrentState = () => ({
-    open: options.open.value,
-    minimized: options.minimized.value,
-    promptDockVisible: options.promptDockVisible.value,
-    bubbleOffset: options.bubbleOffset.value,
-    theme: options.theme.value,
-    sessionListCollapsed: options.sessionListCollapsed.value
-  });
+  const getCurrentState = () => {
+    var _a;
+    return {
+      open: options.open.value,
+      minimized: options.minimized.value,
+      promptDockVisible: options.promptDockVisible.value,
+      bubbleOffset: options.bubbleOffset.value,
+      theme: options.theme.value,
+      sessionListCollapsed: options.sessionListCollapsed.value,
+      splitPanelWidth: (_a = options.splitPanelWidth) == null ? void 0 : _a.value
+    };
+  };
   const persistState = () => {
     saveState(getCurrentState());
   };
+  const watchers = [
+    options.open,
+    options.minimized,
+    options.promptDockVisible,
+    options.bubbleOffset,
+    options.theme,
+    options.sessionListCollapsed
+  ];
+  if (options.splitPanelWidth) {
+    watchers.push(options.splitPanelWidth);
+  }
   onMounted(() => {
     restoreState();
     watch(
-      [options.open, options.minimized, options.promptDockVisible, options.bubbleOffset, options.theme, options.sessionListCollapsed],
+      watchers,
       () => {
         persistState();
       },

package/es/open-code-widget/composables/use-split.d.ts

@@ -0,0 +1,24 @@
+import { type Ref } from "vue";
+import type { DisplayMode, SplitModeOptions } from "@vite-plugin-opencode-assistant/shared";
+export interface UseSplitModeOptions {
+    displayMode: Ref<DisplayMode>;
+    splitMode: Ref<SplitModeOptions | undefined>;
+    open: Ref<boolean>;
+    onOpenChange?: (open: boolean) => void;
+    onWidthChange?: (width: number) => void;
+}
+export declare function useSplitMode(options: UseSplitModeOptions): {
+    effectiveMode: import("vue").ComputedRef<"bubble" | "split">;
+    isSplitMode: import("vue").ComputedRef<boolean>;
+    panelWidth: Ref<number, number>;
+    splitConfig: import("vue").ComputedRef<{
+        width: number;
+        minWidth: number;
+        maxWidth: number;
+        resizable: boolean;
+        shrinkPage: boolean;
+        defaultOpen: boolean;
+    }>;
+    handleResize: (width: number) => void;
+    handleToggle: () => void;
+};

package/es/open-code-widget/composables/use-split.js

@@ -0,0 +1,90 @@
+import { ref, computed, watch, onMounted, onUnmounted } from "vue";
+const AUTO_MODE_THRESHOLD = 1440;
+function useSplitMode(options) {
+  const windowWidth = ref(typeof window !== "undefined" ? window.innerWidth : 0);
+  const splitConfig = computed(() => {
+    var _a, _b, _c, _d, _e, _f;
+    const config = options.splitMode.value || {};
+    return {
+      width: (_a = config.width) != null ? _a : 500,
+      minWidth: (_b = config.minWidth) != null ? _b : 400,
+      maxWidth: (_c = config.maxWidth) != null ? _c : 800,
+      resizable: (_d = config.resizable) != null ? _d : true,
+      shrinkPage: (_e = config.shrinkPage) != null ? _e : true,
+      defaultOpen: (_f = config.defaultOpen) != null ? _f : true
+    };
+  });
+  const panelWidth = ref(splitConfig.value.width);
+  const effectiveMode = computed(() => {
+    if (options.displayMode.value === "bubble") {
+      return "bubble";
+    }
+    if (options.displayMode.value === "split") {
+      return "split";
+    }
+    return windowWidth.value >= AUTO_MODE_THRESHOLD ? "split" : "bubble";
+  });
+  const isSplitMode = computed(() => effectiveMode.value === "split");
+  const handleResize = (width) => {
+    var _a;
+    panelWidth.value = width;
+    (_a = options.onWidthChange) == null ? void 0 : _a.call(options, width);
+  };
+  const handleToggle = () => {
+    var _a;
+    const nextOpen = !options.open.value;
+    (_a = options.onOpenChange) == null ? void 0 : _a.call(options, nextOpen);
+  };
+  const handleWindowResize = () => {
+    if (typeof window !== "undefined") {
+      windowWidth.value = window.innerWidth;
+    }
+  };
+  const updateBodyClass = () => {
+    if (typeof document === "undefined") return;
+    const shouldShrink = isSplitMode.value && options.open.value && splitConfig.value.shrinkPage;
+    if (shouldShrink) {
+      document.body.classList.add("has-opencode-split");
+      document.body.style.setProperty("--opencode-split-width", `${panelWidth.value}px`);
+    } else {
+      document.body.classList.remove("has-opencode-split");
+      document.body.style.removeProperty("--opencode-split-width");
+    }
+  };
+  watch([isSplitMode, options.open, panelWidth], updateBodyClass, { immediate: true });
+  watch(splitConfig, (config) => {
+    if (panelWidth.value < config.minWidth) {
+      panelWidth.value = config.minWidth;
+    }
+    if (panelWidth.value > config.maxWidth) {
+      panelWidth.value = config.maxWidth;
+    }
+  });
+  onMounted(() => {
+    var _a;
+    if (typeof window !== "undefined") {
+      window.addEventListener("resize", handleWindowResize);
+      if (isSplitMode.value && splitConfig.value.defaultOpen && !options.open.value) {
+        (_a = options.onOpenChange) == null ? void 0 : _a.call(options, true);
+      }
+    }
+  });
+  onUnmounted(() => {
+    if (typeof window !== "undefined") {
+      window.removeEventListener("resize", handleWindowResize);
+      document.body.classList.remove("has-opencode-split");
+      document.body.style.removeProperty("--opencode-split-width");
+    }
+  });
+  return {
+    effectiveMode,
+    isSplitMode,
+    panelWidth,
+    splitConfig,
+    handleResize,
+    handleToggle
+  };
+}
+export {
+  useSplitMode
+};

package/es/open-code-widget/src/components/ChatPanel-sfc.css

@@ -0,0 +1 @@
+.opencode-chat{position:fixed;bottom:20px;width:700px;height:86vh;max-height:calc(100vh - 40px);background:var(--oc-bg-main);border-radius:16px;box-shadow:var(--oc-shadow-lg);overflow:hidden;display:flex;flex-direction:column;z-index:99999}.opencode-chat:not(.split-mode){opacity:0;visibility:hidden;transition:all .3s ease;transform:translate3d(var(---animationOrigin\.x),var(---animationOrigin\.y),0) scale(.95)}.opencode-chat.split-mode{position:fixed;right:0;top:0;bottom:0;height:100vh;max-height:100vh;border-radius:0;border-left:1px solid var(--oc-border-primary);box-shadow:var(--oc-shadow-lg);transform:translate(100%);overflow:visible;opacity:1;visibility:visible;transition:transform .3s ease}.opencode-chat.split-mode .opencode-chat-content{overflow:hidden;flex:1}.opencode-chat.split-mode.open{transform:translate(0)}.opencode-chat.split-mode.dragging{transition:none}.opencode-chat.dragging .opencode-iframe{pointer-events:none}.opencode-chat:not(.split-mode){opacity:0;visibility:hidden;transition:all .3s ease}.opencode-chat:not(.split-mode).open{opacity:1;visibility:visible;transform:translateZ(0) scale(1)}.opencode-chat.no-transition,.opencode-chat.no-transition.open{transition:none!important}.opencode-chat.minimized{width:300px;height:300px}.opencode-chat.minimized .opencode-iframe-container{margin-top:-146px}.opencode-chat-content{display:flex;flex:1;overflow:hidden}.opencode-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;z-index:100;animation:opencode-notification-fade-in .3s ease}@keyframes opencode-notification-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.opencode-session-empty{padding:24px;text-align:center;color:var(--oc-text-placeholder);font-size:14px}.opencode-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 rgba(102,126,234,.4);transition:all .3s ease;z-index:5;transform-origin:right center}.opencode-split-toggle-btn:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px rgba(102,126,234,.5)}.opencode-split-toggle-btn.opencode-theme-dark{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.opencode-split-toggle-btn.opencode-theme-dark:before{content:"";position:absolute;left:-2px;top:-2px;right:0;bottom:-2px;border-radius:8px 0 0 8px;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.opencode-split-toggle-btn.opencode-theme-dark:hover{box-shadow:0 6px 16px rgba(102,126,234,.4)}.opencode-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 rgba(102,126,234,.6),0 0 40px rgba(118,75,162,.4),0 0 60px rgba(102,126,234,.2)}.opencode-split-toggle-btn.thinking:before{content:"";position:absolute;left:-2px;top:-2px;right:0;bottom:-2px;border-radius:8px 0 0 8px;background:linear-gradient(135deg,#8b9cf5,#9d6bc7);z-index:-1}.opencode-split-toggle-btn.thinking:after{content:"";position:absolute;left:-3px;top:-3px;right:-1px;bottom:-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)}@keyframes split-thinking-glow{0%,to{box-shadow:0 0 20px rgba(102,126,234,.6),0 0 40px rgba(118,75,162,.4),0 0 60px rgba(102,126,234,.2)}50%{box-shadow:0 0 30px rgba(102,126,234,.8),0 0 60px rgba(118,75,162,.6),0 0 90px rgba(102,126,234,.3)}}@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)}}.opencode-split-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.opencode-split-toggle-btn:hover .opencode-split-toggle-icon{transform:scale(1.1)}

package/es/open-code-widget/src/components/ChatPanel.vue.d.ts

@@ -0,0 +1,180 @@
+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;
+    notificationVisible?: boolean;
+    notificationMessage?: string;
+    notificationMode?: "widget" | "page";
+    thinking?: boolean;
+    resolvedTheme?: "light" | "dark";
+};
+declare var __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_22: {}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {}, __VLS_35: {};
+type __VLS_Slots = {} & {
+    'session-toggle-icon'?: (props: typeof __VLS_13) => any;
+} & {
+    'select-icon'?: (props: typeof __VLS_15) => any;
+} & {
+    'close-icon'?: (props: typeof __VLS_17) => any;
+} & {
+    'sessions-empty'?: (props: typeof __VLS_22) => any;
+} & {
+    'empty-state'?: (props: typeof __VLS_29) => any;
+} & {
+    loading?: (props: typeof __VLS_31) => any;
+} & {
+    error?: (props: typeof __VLS_33) => any;
+} & {
+    content?: (props: typeof __VLS_35) => any;
+};
+declare const __VLS_component: 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;
+    toggle: () => any;
+    "resize-start": () => any;
+    "resize-end": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onResize?: ((width: number) => any) | undefined;
+    onToggle?: (() => any) | undefined;
+    "onResize-start"?: (() => any) | undefined;
+    "onResize-end"?: (() => any) | undefined;
+}>, {
+    resolvedTheme: "light" | "dark";
+    minimized: boolean;
+    mode: "bubble" | "split";
+    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;
+    notificationVisible: boolean;
+    notificationMessage: string;
+    notificationMode: "widget" | "page";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/open-code-widget/src/components/ChatPanel.vue.js

@@ -0,0 +1,288 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import "./ChatPanel-sfc.css";
+import { useCssVars as _useCssVars, defineComponent as _defineComponent } from "vue";
+import { ref, computed, useSlots } from "vue";
+import Frame from "./Frame.vue.js";
+import Header from "./Header.vue.js";
+import SessionList from "./SessionList.vue.js";
+import SelectedNodes from "./SelectedNodes.vue.js";
+import ResizeHandle from "./ResizeHandle.vue.js";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValues({}, {
+  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 },
+    notificationVisible: { type: Boolean, required: false, default: false },
+    notificationMessage: { type: String, required: false, default: "" },
+    notificationMode: { type: String, required: false, default: "widget" },
+    thinking: { type: Boolean, required: false, default: false },
+    resolvedTheme: { type: String, required: false, default: "light" }
+  },
+  emits: ["resize", "resize-start", "resize-end", "toggle"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    _useCssVars((_ctx) => ({
+      "-animationOrigin.x": _ctx.animationOrigin.x,
+      "-animationOrigin.y": _ctx.animationOrigin.y
+    }));
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const frameRef = ref(null);
+    const sendMessageToIframe = (type, data) => {
+      var _a;
+      (_a = frameRef.value) == null ? void 0 : _a.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 = computed(() => {
+      if (props.mode === "split") {
+        return {
+          width: `${props.panelWidth}px`
+        };
+      }
+      return props.positionStyle;
+    });
+    const panelClasses = computed(() => [
+      "opencode-chat",
+      {
+        open: props.open,
+        minimized: props.minimized,
+        dragging: props.dragging,
+        "no-transition": props.noTransition,
+        "split-mode": props.mode === "split"
+      }
+    ]);
+    const __returned__ = { props, emit, slots, frameRef, sendMessageToIframe, handleResizeStart, handleResize, handleResizeEnd, handleToggle, panelStyle, panelClasses, Frame, Header, SessionList, SelectedNodes, ResizeHandle };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+}));
+import { openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, renderSlot as _renderSlot, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle } from "vue";
+const _hoisted_1 = ["aria-expanded"];
+const _hoisted_2 = { class: "opencode-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,
+  class: "opencode-notification",
+  role: "alert"
+};
+const _hoisted_6 = { class: "opencode-chat-content" };
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass($setup.panelClasses),
+      style: _normalizeStyle($setup.panelStyle)
+    },
+    [
+      $props.mode === "split" && $props.resizable && $props.open ? (_openBlock(), _createBlock($setup["ResizeHandle"], {
+        key: 0,
+        width: $props.panelWidth,
+        "min-width": $props.minWidth,
+        "max-width": $props.maxWidth,
+        onResize: $setup.handleResize,
+        onResizeStart: $setup.handleResizeStart,
+        onResizeEnd: $setup.handleResizeEnd
+      }, null, 8, ["width", "min-width", "max-width"])) : _createCommentVNode("v-if", true),
+      $props.mode === "split" ? (_openBlock(), _createElementBlock("button", {
+        key: 1,
+        type: "button",
+        class: _normalizeClass(["opencode-split-toggle-btn", { open: $setup.props.open, thinking: $setup.props.thinking, "opencode-theme-dark": $props.resolvedTheme === "dark" }]),
+        "aria-expanded": $props.open,
+        "aria-label": "\u5207\u6362\u9762\u677F",
+        onClick: $setup.handleToggle
+      }, [
+        _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 */
+            )
+          ])]))
+        ])
+      ], 10, _hoisted_1)) : _createCommentVNode("v-if", true),
+      _createVNode(
+        $setup["Header"],
+        null,
+        _createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          $setup.slots["session-toggle-icon"] ? {
+            name: "session-toggle-icon",
+            fn: _withCtx(() => [
+              _renderSlot(_ctx.$slots, "session-toggle-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          $setup.slots["select-icon"] ? {
+            name: "select-icon",
+            fn: _withCtx(() => [
+              _renderSlot(_ctx.$slots, "select-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          $setup.slots["close-icon"] ? {
+            name: "close-icon",
+            fn: _withCtx(() => [
+              _renderSlot(_ctx.$slots, "close-icon")
+            ]),
+            key: "2"
+          } : void 0
+        ]),
+        1024
+        /* DYNAMIC_SLOTS */
+      ),
+      $props.notificationVisible && $props.notificationMode === "widget" ? (_openBlock(), _createElementBlock(
+        "div",
+        _hoisted_5,
+        _toDisplayString($props.notificationMessage),
+        1
+        /* TEXT */
+      )) : _createCommentVNode("v-if", true),
+      _createElementVNode("div", _hoisted_6, [
+        _createVNode($setup["SessionList"], null, {
+          empty: _withCtx(() => [
+            _renderSlot(_ctx.$slots, "sessions-empty", {}, () => [
+              _cache[2] || (_cache[2] = _createElementVNode(
+                "div",
+                { class: "opencode-session-empty" },
+                "\u6682\u65E0\u4F1A\u8BDD",
+                -1
+                /* CACHED */
+              ))
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }),
+        _createVNode(
+          $setup["Frame"],
+          { ref: "frameRef" },
+          _createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            $setup.slots["empty-state"] ? {
+              name: "empty-state",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "empty-state")
+              ]),
+              key: "0"
+            } : void 0,
+            $setup.slots.loading ? {
+              name: "loading",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "loading")
+              ]),
+              key: "1"
+            } : void 0,
+            $setup.slots.error ? {
+              name: "error",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "error")
+              ]),
+              key: "2"
+            } : void 0,
+            $setup.slots.content ? {
+              name: "content",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "content")
+              ]),
+              key: "3"
+            } : void 0
+          ]),
+          1536
+          /* NEED_PATCH, DYNAMIC_SLOTS */
+        ),
+        _createVNode($setup["SelectedNodes"])
+      ])
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+__vue_sfc__.render = __vue_render__;
+var ChatPanel_vue_default = __vue_sfc__;
+export {
+  ChatPanel_vue_default as default
+};