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

package/lib/open-code-widget/src/context.d.ts

@@ -24,6 +24,7 @@ export interface OpenCodeWidgetContext {
     minimized: Ref<boolean>;
     promptDockVisible: Ref<boolean>;
     bubbleOffset: Ref<FloatingBubbleOffset | undefined>;
+    mode: Ref<"bubble" | "split">;
     sessionStates: Ref<Record<string, OpencodeSessionThinkingState>>;
     iframeSource: Ref<string>;
     buttonActive: Ref<boolean>;

package/lib/open-code-widget/src/index-sfc.css

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

package/lib/open-code-widget/src/index.vue.d.ts

@@ -1,23 +1,23 @@
 import type { OpenCodeWidgetProps } from "./types";
-declare var __VLS_11: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {}, __VLS_25: {}, __VLS_32: {}, __VLS_34: {}, __VLS_36: {}, __VLS_38: {};
+declare var __VLS_11: {}, __VLS_25: {}, __VLS_27: {}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {}, __VLS_35: {}, __VLS_37: {}, __VLS_39: {};
 type __VLS_Slots = {} & {
     'button-icon'?: (props: typeof __VLS_11) => any;
 } & {
-    'session-toggle-icon'?: (props: typeof __VLS_16) => any;
+    'session-toggle-icon'?: (props: typeof __VLS_25) => any;
 } & {
-    'select-icon'?: (props: typeof __VLS_18) => any;
+    'select-icon'?: (props: typeof __VLS_27) => any;
 } & {
-    'close-icon'?: (props: typeof __VLS_20) => any;
+    'close-icon'?: (props: typeof __VLS_29) => any;
 } & {
-    'sessions-empty'?: (props: typeof __VLS_25) => any;
+    'sessions-empty'?: (props: typeof __VLS_31) => any;
 } & {
-    'empty-state'?: (props: typeof __VLS_32) => any;
+    'empty-state'?: (props: typeof __VLS_33) => any;
 } & {
-    loading?: (props: typeof __VLS_34) => any;
+    loading?: (props: typeof __VLS_35) => any;
 } & {
-    error?: (props: typeof __VLS_36) => any;
+    error?: (props: typeof __VLS_37) => any;
 } & {
-    content?: (props: typeof __VLS_38) => any;
+    content?: (props: typeof __VLS_39) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<OpenCodeWidgetProps, {
     showNotification: (message: string, options?: {
@@ -27,49 +27,9 @@ declare const __VLS_component: import("vue").DefineComponent<OpenCodeWidgetProps
     showConfirmDialog: (message: string) => Promise<boolean>;
     sendMessageToIframe: (type: string, data?: Record<string, unknown>) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-    toggle: (value: boolean) => any;
-    "create-session": () => any;
-    "update:open": (value: boolean) => any;
-    "delete-session": (session: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetSession) => any;
-    "update:selectMode": (value: boolean) => any;
-    "update:sessionListCollapsed": (value: boolean) => any;
-    "update:currentSessionId": (value: string | null) => any;
-    "update:selectedElements": (value: import("@vite-plugin-opencode-assistant/shared").OpenCodeSelectedElement[]) => any;
-    "update:theme": (value: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetTheme) => any;
-    "update:thinking": (value: boolean) => any;
-    "toggle-session-list": (value: boolean) => any;
-    "toggle-select-mode": (value: boolean) => any;
-    "toggle-theme": (value: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetTheme) => any;
-    "select-session": (session: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetSession) => any;
-    "click-selected-node": (element: import("@vite-plugin-opencode-assistant/shared").OpenCodeSelectedElement) => any;
-    "remove-selected-node": (payload: import("@vite-plugin-opencode-assistant/shared").OpenCodeRemoveSelectedPayload) => any;
-    "clear-selected-nodes": () => any;
-    "empty-action": () => any;
-    "frame-loaded": () => any;
-    "thinking-change": (value: boolean) => any;
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<OpenCodeWidgetProps> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onToggle?: ((value: boolean) => any) | undefined;
-    "onCreate-session"?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onDelete-session"?: ((session: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetSession) => any) | undefined;
-    "onUpdate:selectMode"?: ((value: boolean) => any) | undefined;
-    "onUpdate:sessionListCollapsed"?: ((value: boolean) => any) | undefined;
-    "onUpdate:currentSessionId"?: ((value: string | null) => any) | undefined;
-    "onUpdate:selectedElements"?: ((value: import("@vite-plugin-opencode-assistant/shared").OpenCodeSelectedElement[]) => any) | undefined;
-    "onUpdate:theme"?: ((value: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetTheme) => any) | undefined;
-    "onUpdate:thinking"?: ((value: boolean) => any) | undefined;
-    "onToggle-session-list"?: ((value: boolean) => any) | undefined;
-    "onToggle-select-mode"?: ((value: boolean) => any) | undefined;
-    "onToggle-theme"?: ((value: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetTheme) => any) | undefined;
-    "onSelect-session"?: ((session: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetSession) => any) | undefined;
-    "onClick-selected-node"?: ((element: import("@vite-plugin-opencode-assistant/shared").OpenCodeSelectedElement) => any) | undefined;
-    "onRemove-selected-node"?: ((payload: import("@vite-plugin-opencode-assistant/shared").OpenCodeRemoveSelectedPayload) => any) | undefined;
-    "onClear-selected-nodes"?: (() => any) | undefined;
-    "onEmpty-action"?: (() => any) | undefined;
-    "onFrame-loaded"?: (() => any) | undefined;
-    "onThinking-change"?: ((value: boolean) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     frameLoading: boolean;
     showEmptyState: boolean;
@@ -82,16 +42,19 @@ declare const __VLS_component: import("vue").DefineComponent<OpenCodeWidgetProps
     selectMode: boolean;
     selectEnabled: boolean;
     theme: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetTheme;
-    selectShortcutLabel: string;
-    showClearAll: boolean;
     showSessionListSkeleton: boolean;
     sessionKey: string;
     sessions: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetSession[];
     thinking: boolean;
+    showClearAll: boolean;
     open: boolean;
+    selectShortcutLabel: string;
     hotkeyLabel: string;
+    splitPanelWidth: number;
     currentSessionId: string | null;
     selectedElements: import("@vite-plugin-opencode-assistant/shared").OpenCodeSelectedElement[];
+    displayMode: import("@vite-plugin-opencode-assistant/shared").DisplayMode;
+    splitMode: import("@vite-plugin-opencode-assistant/shared").SplitModeOptions;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/lib/open-code-widget/src/index.vue.js

@@ -50,17 +50,15 @@ module.exports = __toCommonJS(index_vue_exports);
 var import_index_sfc = require("./index-sfc.css");
 var import_vue = require("vue");
 var import_vue2 = require("vue");
-var import_Frame_vue = __toESM(require("./components/Frame.vue.js"));
-var import_Header_vue = __toESM(require("./components/Header.vue.js"));
+var import_ChatPanel_vue = __toESM(require("./components/ChatPanel.vue.js"));
 var import_SelectHint_vue = __toESM(require("./components/SelectHint.vue.js"));
-var import_SelectedNodes_vue = __toESM(require("./components/SelectedNodes.vue.js"));
-var import_SessionList_vue = __toESM(require("./components/SessionList.vue.js"));
 var import_Trigger_vue = __toESM(require("./components/Trigger.vue.js"));
 var import_use_selection = require("../composables/use-selection");
 var import_use_session = require("../composables/use-session");
 var import_use_widget = require("../composables/use-widget");
 var import_use_inspector = require("../composables/use-inspector");
 var import_use_persist_state = require("../composables/use-persist-state");
+var import_use_split = require("../composables/use-split");
 var import_context = require("./context");
 var import_vue3 = require("vue");
 const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProps(__spreadValues({}, {
@@ -90,9 +88,12 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
     showClearAll: { type: Boolean, required: false, default: true },
     selectEnabled: { type: Boolean, required: false, default: true },
     thinking: { type: Boolean, required: false, default: false },
-    sessionStates: { type: Object, required: false }
+    sessionStates: { type: Object, required: false },
+    displayMode: { type: String, required: false, default: "bubble" },
+    splitMode: { type: Object, required: false, default: void 0 },
+    splitPanelWidth: { type: Number, required: false, default: 500 }
   },
-  emits: ["update:open", "update:selectMode", "update:sessionListCollapsed", "update:currentSessionId", "update:selectedElements", "update:theme", "update:thinking", "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"],
+  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 }) {
     (0, import_vue.useCssVars)((_ctx) => ({
       "-chatAnimationOrigin.x": chatAnimationOrigin.value.x,
@@ -144,6 +145,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
     const promptDockVisible = (0, import_vue2.ref)(true);
     const isRestoring = (0, import_vue2.ref)(true);
     const iframeLoaded = (0, import_vue2.ref)(false);
+    const splitPanelWidth = (0, import_vue2.ref)(props.splitPanelWidth);
     const syncStateToIframe = () => {
       if (!iframeLoaded.value) return;
       sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
@@ -165,6 +167,12 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
         localSessionListCollapsed.value = val;
       }
     );
+    (0, import_vue2.watch)(
+      () => props.splitPanelWidth,
+      (val) => {
+        splitPanelWidth.value = val;
+      }
+    );
     const {
       buttonActive,
       containerClasses,
@@ -256,6 +264,27 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       }
     });
     const bubbleOffset = (0, import_vue2.ref)(void 0);
+    const {
+      effectiveMode,
+      isSplitMode,
+      panelWidth,
+      splitConfig,
+      handleResize,
+      handleToggle: handleSplitToggle
+    } = (0, import_use_split.useSplitMode)({
+      displayMode: (0, import_vue2.toRef)(props, "displayMode"),
+      splitMode: (0, import_vue2.toRef)(props, "splitMode"),
+      open: (0, import_vue2.toRef)(props, "open"),
+      onOpenChange: (nextOpen) => {
+        emit("update:open", nextOpen);
+        emit("toggle", nextOpen);
+      },
+      onWidthChange: (width) => {
+        splitPanelWidth.value = width;
+        emit("update:splitPanelWidth", width);
+        emit("split-panel-width-change", width);
+      }
+    });
     (0, import_use_persist_state.usePersistState)({
       open: (0, import_vue2.toRef)(props, "open"),
       minimized,
@@ -263,6 +292,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       bubbleOffset,
       theme: (0, import_vue2.toRef)(props, "theme"),
       sessionListCollapsed: localSessionListCollapsed,
+      splitPanelWidth,
       onRestore: (state) => {
         if (state.open !== void 0 && state.open !== props.open) {
           emit("update:open", state.open);
@@ -402,6 +432,12 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
     const handleBubbleOffsetChange = (offset) => {
       bubbleOffset.value = offset;
     };
+    const handleResizeStart = () => {
+      isDragging.value = true;
+    };
+    const handleResizeEnd = () => {
+      isDragging.value = false;
+    };
     const chatAnimationOrigin = (0, import_vue2.computed)(() => {
       const quadrant = bubbleQuadrant.value;
       switch (quadrant) {
@@ -454,6 +490,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       minimized,
       promptDockVisible,
       bubbleOffset,
+      mode: effectiveMode,
       sessionStates: (0, import_vue2.computed)(() => {
         var _a;
         return (_a = props.sessionStates) != null ? _a : {};
@@ -490,35 +527,29 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       return dialogResolve;
     }, set dialogResolve(v) {
       dialogResolve = v;
-    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, frameRef, triggerRef, sendMessageToIframe, localSessionListCollapsed, minimized, promptDockVisible, isRestoring, iframeLoaded, syncStateToIframe, handleFrameLoaded, buttonActive, containerClasses, iframeSource, sessionListTitle, resolvedTheme, handleClose, handleEmptyAction, handleToggle, handleToggleSessionList, handleToggleTheme, sessionItems, handleCreateSession, handleDeleteSession, handleSelectSession, bubbleVisible, hasSelectedElements, selectedElementItems, handleClearSelectedNodes, handleClickSelectedNode, handleRemoveSelectedNode, handleToggleSelectMode, highlightVisible, highlightStyle, tooltipVisible, tooltipStyle, tooltipContent, bubbleOffset, handleToggleMinimize, handleTogglePromptDock, windowWidth, windowHeight, handleWindowResize, bubbleQuadrant, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, chatAnimationOrigin, isDragging, get wasOpenBeforeDrag() {
+    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, frameRef, triggerRef, sendMessageToIframe, localSessionListCollapsed, minimized, promptDockVisible, isRestoring, iframeLoaded, splitPanelWidth, syncStateToIframe, handleFrameLoaded, buttonActive, containerClasses, iframeSource, sessionListTitle, resolvedTheme, handleClose, handleEmptyAction, handleToggle, handleToggleSessionList, handleToggleTheme, sessionItems, handleCreateSession, handleDeleteSession, handleSelectSession, bubbleVisible, hasSelectedElements, selectedElementItems, handleClearSelectedNodes, handleClickSelectedNode, handleRemoveSelectedNode, handleToggleSelectMode, highlightVisible, highlightStyle, tooltipVisible, tooltipStyle, tooltipContent, bubbleOffset, effectiveMode, isSplitMode, panelWidth, splitConfig, handleResize, handleSplitToggle, handleToggleMinimize, handleTogglePromptDock, windowWidth, windowHeight, handleWindowResize, bubbleQuadrant, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, handleResizeStart, handleResizeEnd, chatAnimationOrigin, isDragging, get wasOpenBeforeDrag() {
       return wasOpenBeforeDrag;
     }, set wasOpenBeforeDrag(v) {
       wasOpenBeforeDrag = v;
-    }, handleDragStart, handleDragEnd, Frame: import_Frame_vue.default, Header: import_Header_vue.default, SelectHint: import_SelectHint_vue.default, SelectedNodes: import_SelectedNodes_vue.default, SessionList: import_SessionList_vue.default, Trigger: import_Trigger_vue.default };
+    }, handleDragStart, handleDragEnd, ChatPanel: import_ChatPanel_vue.default, SelectHint: import_SelectHint_vue.default, Trigger: import_Trigger_vue.default };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 }));
-const _hoisted_1 = {
-  key: 0,
-  class: "opencode-notification",
-  role: "alert"
-};
-const _hoisted_2 = { class: "opencode-chat-content" };
-const _hoisted_3 = { class: "opencode-tooltip-tag" };
-const _hoisted_4 = { class: "opencode-tooltip-file" };
-const _hoisted_5 = {
-  key: 0,
+const _hoisted_1 = { class: "opencode-tooltip-tag" };
+const _hoisted_2 = { class: "opencode-tooltip-file" };
+const _hoisted_3 = {
+  key: 1,
   class: "opencode-dialog-overlay"
 };
-const _hoisted_6 = {
+const _hoisted_4 = {
   class: "opencode-dialog",
   role: "alertdialog",
   "aria-modal": "true"
 };
-const _hoisted_7 = { class: "opencode-dialog-content" };
-const _hoisted_8 = { class: "opencode-dialog-message" };
-const _hoisted_9 = {
+const _hoisted_5 = { class: "opencode-dialog-content" };
+const _hoisted_6 = { class: "opencode-dialog-message" };
+const _hoisted_7 = {
   key: 0,
   class: "opencode-page-notification",
   role: "alert"
@@ -530,9 +561,10 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       class: (0, import_vue3.normalizeClass)($setup.containerClasses)
     },
     [
-      (0, import_vue3.createVNode)(
+      !$setup.isSplitMode ? ((0, import_vue3.openBlock)(), (0, import_vue3.createBlock)(
         $setup["Trigger"],
         {
+          key: 0,
           ref: "triggerRef",
           onDragStart: $setup.handleDragStart,
           onDragEnd: $setup.handleDragEnd
@@ -551,116 +583,94 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         1536
         /* NEED_PATCH, DYNAMIC_SLOTS */
-      ),
-      (0, import_vue3.withDirectives)((0, import_vue3.createElementVNode)(
-        "div",
-        {
-          class: (0, import_vue3.normalizeClass)(["opencode-chat", { open: $props.open, minimized: $setup.minimized, dragging: $setup.isDragging, "no-transition": $setup.isRestoring }]),
-          style: (0, import_vue3.normalizeStyle)($setup.chatPositionStyle)
-        },
-        [
-          (0, import_vue3.createVNode)(
-            $setup["Header"],
-            null,
-            (0, import_vue3.createSlots)({
-              _: 2
-              /* DYNAMIC */
-            }, [
-              $setup.slots["session-toggle-icon"] ? {
-                name: "session-toggle-icon",
-                fn: (0, import_vue3.withCtx)(() => [
-                  (0, import_vue3.renderSlot)(_ctx.$slots, "session-toggle-icon")
-                ]),
-                key: "0"
-              } : void 0,
-              $setup.slots["select-icon"] ? {
-                name: "select-icon",
-                fn: (0, import_vue3.withCtx)(() => [
-                  (0, import_vue3.renderSlot)(_ctx.$slots, "select-icon")
-                ]),
-                key: "1"
-              } : void 0,
-              $setup.slots["close-icon"] ? {
-                name: "close-icon",
-                fn: (0, import_vue3.withCtx)(() => [
-                  (0, import_vue3.renderSlot)(_ctx.$slots, "close-icon")
-                ]),
-                key: "2"
-              } : void 0
-            ]),
-            1024
-            /* DYNAMIC_SLOTS */
-          ),
-          $setup.notificationVisible && $setup.notificationMode === "widget" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
-            "div",
-            _hoisted_1,
-            (0, import_vue3.toDisplayString)($setup.notificationMessage),
-            1
-            /* TEXT */
-          )) : (0, import_vue3.createCommentVNode)("v-if", true),
-          (0, import_vue3.createElementVNode)("div", _hoisted_2, [
-            (0, import_vue3.createVNode)($setup["SessionList"], null, {
-              empty: (0, import_vue3.withCtx)(() => [
-                (0, import_vue3.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [
-                  _cache[0] || (_cache[0] = (0, import_vue3.createElementVNode)(
-                    "div",
-                    { class: "opencode-session-empty" },
-                    "\u6682\u65E0\u4F1A\u8BDD",
-                    -1
-                    /* CACHED */
-                  ))
-                ])
-              ]),
-              _: 3
-              /* FORWARDED */
-            }),
-            (0, import_vue3.createVNode)(
-              $setup["Frame"],
-              { ref: "frameRef" },
-              (0, import_vue3.createSlots)({
-                _: 2
-                /* DYNAMIC */
-              }, [
-                $setup.slots["empty-state"] ? {
-                  name: "empty-state",
-                  fn: (0, import_vue3.withCtx)(() => [
-                    (0, import_vue3.renderSlot)(_ctx.$slots, "empty-state")
-                  ]),
-                  key: "0"
-                } : void 0,
-                $setup.slots.loading ? {
-                  name: "loading",
-                  fn: (0, import_vue3.withCtx)(() => [
-                    (0, import_vue3.renderSlot)(_ctx.$slots, "loading")
-                  ]),
-                  key: "1"
-                } : void 0,
-                $setup.slots.error ? {
-                  name: "error",
-                  fn: (0, import_vue3.withCtx)(() => [
-                    (0, import_vue3.renderSlot)(_ctx.$slots, "error")
-                  ]),
-                  key: "2"
-                } : void 0,
-                $setup.slots.content ? {
-                  name: "content",
-                  fn: (0, import_vue3.withCtx)(() => [
-                    (0, import_vue3.renderSlot)(_ctx.$slots, "content")
-                  ]),
-                  key: "3"
-                } : void 0
-              ]),
-              1536
-              /* NEED_PATCH, DYNAMIC_SLOTS */
-            ),
-            (0, import_vue3.createVNode)($setup["SelectedNodes"])
+      )) : (0, import_vue3.createCommentVNode)("v-if", true),
+      (0, import_vue3.createVNode)($setup["ChatPanel"], {
+        ref: "frameRef",
+        mode: $setup.effectiveMode,
+        open: $props.open,
+        minimized: $setup.minimized,
+        "position-style": $setup.chatPositionStyle,
+        "animation-origin": $setup.chatAnimationOrigin,
+        "panel-width": $setup.panelWidth,
+        resizable: $setup.splitConfig.resizable,
+        "min-width": $setup.splitConfig.minWidth,
+        "max-width": $setup.splitConfig.maxWidth,
+        "no-transition": $setup.isRestoring,
+        dragging: $setup.isDragging,
+        "notification-visible": $setup.notificationVisible,
+        "notification-message": $setup.notificationMessage,
+        "notification-mode": $setup.notificationMode,
+        thinking: $props.thinking,
+        "resolved-theme": $setup.resolvedTheme,
+        onResize: $setup.handleResize,
+        onResizeStart: $setup.handleResizeStart,
+        onResizeEnd: $setup.handleResizeEnd,
+        onToggle: $setup.handleSplitToggle
+      }, (0, import_vue3.createSlots)({
+        "sessions-empty": (0, import_vue3.withCtx)(() => [
+          (0, import_vue3.renderSlot)(_ctx.$slots, "sessions-empty", {}, () => [
+            _cache[0] || (_cache[0] = (0, import_vue3.createElementVNode)(
+              "div",
+              { class: "opencode-session-empty" },
+              "\u6682\u65E0\u4F1A\u8BDD",
+              -1
+              /* CACHED */
+            ))
           ])
-        ],
-        6
-        /* CLASS, STYLE */
-      ), [
-        [import_vue3.vShow, !$props.selectMode]
-      ]),
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        $setup.slots["session-toggle-icon"] ? {
+          name: "session-toggle-icon",
+          fn: (0, import_vue3.withCtx)(() => [
+            (0, import_vue3.renderSlot)(_ctx.$slots, "session-toggle-icon")
+          ]),
+          key: "0"
+        } : void 0,
+        $setup.slots["select-icon"] ? {
+          name: "select-icon",
+          fn: (0, import_vue3.withCtx)(() => [
+            (0, import_vue3.renderSlot)(_ctx.$slots, "select-icon")
+          ]),
+          key: "1"
+        } : void 0,
+        $setup.slots["close-icon"] ? {
+          name: "close-icon",
+          fn: (0, import_vue3.withCtx)(() => [
+            (0, import_vue3.renderSlot)(_ctx.$slots, "close-icon")
+          ]),
+          key: "2"
+        } : void 0,
+        $setup.slots["empty-state"] ? {
+          name: "empty-state",
+          fn: (0, import_vue3.withCtx)(() => [
+            (0, import_vue3.renderSlot)(_ctx.$slots, "empty-state")
+          ]),
+          key: "3"
+        } : void 0,
+        $setup.slots.loading ? {
+          name: "loading",
+          fn: (0, import_vue3.withCtx)(() => [
+            (0, import_vue3.renderSlot)(_ctx.$slots, "loading")
+          ]),
+          key: "4"
+        } : void 0,
+        $setup.slots.error ? {
+          name: "error",
+          fn: (0, import_vue3.withCtx)(() => [
+            (0, import_vue3.renderSlot)(_ctx.$slots, "error")
+          ]),
+          key: "5"
+        } : void 0,
+        $setup.slots.content ? {
+          name: "content",
+          fn: (0, import_vue3.withCtx)(() => [
+            (0, import_vue3.renderSlot)(_ctx.$slots, "content")
+          ]),
+          key: "6"
+        } : void 0
+      ]), 1032, ["mode", "open", "minimized", "position-style", "animation-origin", "panel-width", "resizable", "min-width", "max-width", "no-transition", "dragging", "notification-visible", "notification-message", "notification-mode", "thinking", "resolved-theme", "onResize", "onToggle"]),
       (0, import_vue3.createVNode)($setup["SelectHint"]),
       (0, import_vue3.withDirectives)((0, import_vue3.createElementVNode)(
         "div",
@@ -683,14 +693,14 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
         [
           (0, import_vue3.createElementVNode)(
             "div",
-            _hoisted_3,
+            _hoisted_1,
             (0, import_vue3.toDisplayString)($setup.tooltipContent.description),
             1
             /* TEXT */
           ),
           (0, import_vue3.createElementVNode)(
             "div",
-            _hoisted_4,
+            _hoisted_2,
             (0, import_vue3.toDisplayString)($setup.tooltipContent.fileInfo),
             1
             /* TEXT */
@@ -701,12 +711,12 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       ), [
         [import_vue3.vShow, $setup.tooltipVisible]
       ]),
-      $setup.dialogVisible ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_5, [
-        (0, import_vue3.createElementVNode)("div", _hoisted_6, [
-          (0, import_vue3.createElementVNode)("div", _hoisted_7, [
+      $setup.dialogVisible ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_3, [
+        (0, import_vue3.createElementVNode)("div", _hoisted_4, [
+          (0, import_vue3.createElementVNode)("div", _hoisted_5, [
             (0, import_vue3.createElementVNode)(
               "div",
-              _hoisted_8,
+              _hoisted_6,
               (0, import_vue3.toDisplayString)($setup.dialogMessage),
               1
               /* TEXT */
@@ -727,7 +737,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       ((0, import_vue3.openBlock)(), (0, import_vue3.createBlock)(import_vue3.Teleport, { to: "body" }, [
         $setup.notificationVisible && $setup.notificationMode === "page" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
           "div",
-          _hoisted_9,
+          _hoisted_7,
           (0, import_vue3.toDisplayString)($setup.notificationMessage),
           1
           /* TEXT */

package/lib/open-code-widget/src/types.d.ts

@@ -1,2 +1,2 @@
-export type { OpenCodeWidgetTheme, OpenCodeWidgetSession, OpenCodeSelectedElement, OpenCodeRemoveSelectedPayload, OpenCodeWidgetSessionItem, OpenCodeSelectedElementItem, OpenCodeWidgetProps, OpenCodeWidgetEmits, OpencodeSessionThinkingState, } from "@vite-plugin-opencode-assistant/shared";
+export type { OpenCodeWidgetTheme, OpenCodeWidgetSession, OpenCodeSelectedElement, OpenCodeRemoveSelectedPayload, OpenCodeWidgetSessionItem, OpenCodeSelectedElementItem, OpenCodeWidgetProps, OpenCodeWidgetEmits, OpencodeSessionThinkingState, DisplayMode, SplitModeOptions, } from "@vite-plugin-opencode-assistant/shared";
 export type OpenCodeWidgetThemeLocal = "light" | "dark" | "auto";

package/lib/web-types.json

@@ -1 +1 @@
-{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"@vite-plugin-opencode-assistant/components","version":"1.0.36","contributions":{"html":{"tags":[{"name":"open-code","attributes":[{"name":"","default":"`'bottom-right'`","description":"挂件显示的位置","value":{"type":"`'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'`","kind":"expression"}},{"name":"","default":"`false`","description":"挂件是否打开","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'auto'`","description":"主题模式","value":{"type":"`'light' | 'dark' | 'auto'`","kind":"expression"}},{"name":"","default":"`'AI 助手'`","description":"助手头部显示的标题","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'Ctrl+K'`","description":"快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'按 ESC 或 Ctrl+P 退出'`","description":"选择模式快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"是否进入选择页面元素模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"会话列表是否折叠","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'id'`","description":"会话列表项的唯一键字段","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"iframe 是否显示加载状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`undefined`","description":"会话列表是否加载中","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示会话列表骨架屏","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示空状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示错误状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'当前项目暂无会话'`","description":"空状态显示的文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'立即创建'`","description":"空状态操作按钮文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`''`","description":"Web UI 的 URL 来源","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`[]`","description":"会话列表数据","value":{"type":"`OpenCodeWidgetSession[]`","kind":"expression"}},{"name":"","default":"`null`","description":"当前选中的会话 ID","value":{"type":"`string | null`","kind":"expression"}},{"name":"","default":"`[]`","description":"已选中的元素列表","value":{"type":"`OpenCodeSelectedElement[]`","kind":"expression"}},{"name":"","default":"`true`","description":"是否显示\"一键清空\"按钮","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"是否启用选择模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示思考状态（加载中）","value":{"type":"`boolean`","kind":"expression"}}],"events":[{"name":"`update:open`","description":"当挂件打开或关闭时触发","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"`update:selectMode`","description":"当选择模式切换时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`update:sessionListCollapsed`","description":"当会话列表折叠状态改变时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`update:currentSessionId`","description":"当选中的会话 ID 改变时触发","arguments":[{"name":"sessionId","type":"Id"},{"name":"string | null"}]},{"name":"`update:selectedElements`","description":"当已选中的元素列表改变时触发","arguments":[{"name":"elements","type":"ts"},{"name":"OpenCodeSelectedElement[]"}]},{"name":"`update:theme`","description":"当主题模式改变时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`update:thinking`","description":"当思考状态改变时触发","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]},{"name":"","description":"点击触发挂件开关","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击关闭按钮时触发","arguments":[]},{"name":"`toggle-session-list`","description":"点击会话列表切换按钮时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`toggle-select-mode`","description":"点击选择模式切换按钮时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`toggle-theme`","description":"点击主题切换按钮时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`create-session`","description":"点击创建新会话时触发","arguments":[]},{"name":"`select-session`","description":"选中某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`delete-session`","description":"删除某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`click-selected-node`","description":"点击已选中的气泡或节点卡片时触发","arguments":[{"name":"element","type":"nt"},{"name":"OpenCodeSelectedElement"}]},{"name":"`remove-selected-node`","description":"删除已选中的元素时触发","arguments":[{"name":"payload","type":"ad"},{"name":"OpenCodeRemoveSelectedPayload"}]},{"name":"`clear-selected-nodes`","description":"清空所有选中元素时触发","arguments":[]},{"name":"`empty-action`","description":"点击空状态操作按钮时触发","arguments":[]},{"name":"`frame-loaded`","description":"iframe 加载完成时触发","arguments":[]},{"name":"`thinking-change`","description":"思考状态改变时触发（用于显示加载动画）","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]}],"slots":[{"name":"`button-icon`","description":"自定义触发按钮图标"},{"name":"`session-toggle-icon`","description":"自定义会话列表切换图标"},{"name":"`select-icon`","description":"自定义选择模式切换图标"},{"name":"`close-icon`","description":"自定义关闭按钮图标"},{"name":"`theme-icon`","description":"自定义主题切换图标"},{"name":"`sessions-empty`","description":"自定义会话列表空状态"},{"name":"`empty-state`","description":"自定义 iframe 空状态"},{"name":"","description":"自定义 iframe 加载状态"},{"name":"","description":"自定义错误状态"},{"name":"","description":"自定义 iframe 内容"}]}],"attributes":[]}},"js-types-syntax":"typescript"}
+{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"@vite-plugin-opencode-assistant/components","version":"1.0.38","contributions":{"html":{"tags":[{"name":"open-code","attributes":[{"name":"","default":"`'bottom-right'`","description":"挂件显示的位置","value":{"type":"`'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'`","kind":"expression"}},{"name":"","default":"`false`","description":"挂件是否打开","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'auto'`","description":"主题模式","value":{"type":"`'light' | 'dark' | 'auto'`","kind":"expression"}},{"name":"","default":"`'AI 助手'`","description":"助手头部显示的标题","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'Ctrl+K'`","description":"快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'按 ESC 或 Ctrl+P 退出'`","description":"选择模式快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"是否进入选择页面元素模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"会话列表是否折叠","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'id'`","description":"会话列表项的唯一键字段","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"iframe 是否显示加载状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`undefined`","description":"会话列表是否加载中","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示会话列表骨架屏","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示空状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示错误状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'当前项目暂无会话'`","description":"空状态显示的文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'立即创建'`","description":"空状态操作按钮文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`''`","description":"Web UI 的 URL 来源","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`[]`","description":"会话列表数据","value":{"type":"`OpenCodeWidgetSession[]`","kind":"expression"}},{"name":"","default":"`null`","description":"当前选中的会话 ID","value":{"type":"`string | null`","kind":"expression"}},{"name":"","default":"`[]`","description":"已选中的元素列表","value":{"type":"`OpenCodeSelectedElement[]`","kind":"expression"}},{"name":"","default":"`true`","description":"是否显示\"一键清空\"按钮","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"是否启用选择模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示思考状态（加载中）","value":{"type":"`boolean`","kind":"expression"}}],"events":[{"name":"`update:open`","description":"当挂件打开或关闭时触发","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"`update:selectMode`","description":"当选择模式切换时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`update:sessionListCollapsed`","description":"当会话列表折叠状态改变时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`update:currentSessionId`","description":"当选中的会话 ID 改变时触发","arguments":[{"name":"sessionId","type":"Id"},{"name":"string | null"}]},{"name":"`update:selectedElements`","description":"当已选中的元素列表改变时触发","arguments":[{"name":"elements","type":"ts"},{"name":"OpenCodeSelectedElement[]"}]},{"name":"`update:theme`","description":"当主题模式改变时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`update:thinking`","description":"当思考状态改变时触发","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]},{"name":"","description":"点击触发挂件开关","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击关闭按钮时触发","arguments":[]},{"name":"`toggle-session-list`","description":"点击会话列表切换按钮时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`toggle-select-mode`","description":"点击选择模式切换按钮时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`toggle-theme`","description":"点击主题切换按钮时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`create-session`","description":"点击创建新会话时触发","arguments":[]},{"name":"`select-session`","description":"选中某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`delete-session`","description":"删除某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`click-selected-node`","description":"点击已选中的气泡或节点卡片时触发","arguments":[{"name":"element","type":"nt"},{"name":"OpenCodeSelectedElement"}]},{"name":"`remove-selected-node`","description":"删除已选中的元素时触发","arguments":[{"name":"payload","type":"ad"},{"name":"OpenCodeRemoveSelectedPayload"}]},{"name":"`clear-selected-nodes`","description":"清空所有选中元素时触发","arguments":[]},{"name":"`empty-action`","description":"点击空状态操作按钮时触发","arguments":[]},{"name":"`frame-loaded`","description":"iframe 加载完成时触发","arguments":[]},{"name":"`thinking-change`","description":"思考状态改变时触发（用于显示加载动画）","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]}],"slots":[{"name":"`button-icon`","description":"自定义触发按钮图标"},{"name":"`session-toggle-icon`","description":"自定义会话列表切换图标"},{"name":"`select-icon`","description":"自定义选择模式切换图标"},{"name":"`close-icon`","description":"自定义关闭按钮图标"},{"name":"`theme-icon`","description":"自定义主题切换图标"},{"name":"`sessions-empty`","description":"自定义会话列表空状态"},{"name":"`empty-state`","description":"自定义 iframe 空状态"},{"name":"","description":"自定义 iframe 加载状态"},{"name":"","description":"自定义错误状态"},{"name":"","description":"自定义 iframe 内容"}]}],"attributes":[]}},"js-types-syntax":"typescript"}