@vite-plugin-opencode-assistant/components 1.0.13 → 1.0.14

package/lib/open-code-widget/src/components/Frame.vue.js

@@ -45,12 +45,14 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
     __expose();
     const iframeRef = (0, import_vue2.ref)(null);
     const {
-      loading,
+      frameLoading,
       showEmptyState,
+      showError,
       iframeSource: iframeSrc,
       emptyStateText,
       emptyStateActionText,
       handleEmptyAction,
+      handleFrameLoaded,
       theme,
       resolvedTheme
     } = (0, import_context.useOpenCodeWidgetContext)();
@@ -76,6 +78,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
       if (iframeRef.value) {
         iframeRef.value.addEventListener("load", () => {
           iframeReady.value = true;
+          handleFrameLoaded();
         });
       }
       window.addEventListener("message", handleIframeMessage);
@@ -83,7 +86,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
     (0, import_vue2.onUnmounted)(() => {
       window.removeEventListener("message", handleIframeMessage);
     });
-    const __returned__ = { iframeRef, loading, showEmptyState, iframeSrc, emptyStateText, emptyStateActionText, handleEmptyAction, theme, resolvedTheme, iframeReady, sendMessageToIframe, syncIframeTheme, handleIframeMessage };
+    const __returned__ = { iframeRef, frameLoading, showEmptyState, showError, iframeSrc, emptyStateText, emptyStateActionText, handleEmptyAction, handleFrameLoaded, theme, resolvedTheme, iframeReady, sendMessageToIframe, syncIframeTheme, handleIframeMessage };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -149,7 +152,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
     (0, import_vue3.createElementVNode)(
       "div",
       {
-        class: (0, import_vue3.normalizeClass)(["opencode-loading-overlay", { visible: $setup.loading }])
+        class: (0, import_vue3.normalizeClass)(["opencode-loading-overlay", { visible: $setup.frameLoading }])
       },
       [
         (0, import_vue3.renderSlot)(_ctx.$slots, "loading", {}, () => [
@@ -172,6 +175,17 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       2
       /* CLASS */
     ),
+    (0, import_vue3.createElementVNode)(
+      "div",
+      {
+        class: (0, import_vue3.normalizeClass)(["opencode-error-overlay", { visible: $setup.showError }])
+      },
+      [
+        (0, import_vue3.renderSlot)(_ctx.$slots, "error")
+      ],
+      2
+      /* CLASS */
+    ),
     (0, import_vue3.renderSlot)(_ctx.$slots, "content", {}, () => [
       (0, import_vue3.createElementVNode)("iframe", {
         ref: "iframeRef",

package/lib/open-code-widget/src/components/SelectHint-sfc.css

@@ -1 +1 @@
-.opencode-select-mode-hint{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:14px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;font-size:15px;font-weight:500;box-shadow:0 6px 20px rgba(239,68,68,.5),0 0 0 3px rgba(239,68,68,.3);z-index:9999999;display:none;align-items:center;gap:12px;border:2px solid rgba(255,255,255,.3)}.opencode-select-mode-hint.visible{display:flex;animation:slideDown .3s ease,pulseHint 2s ease-in-out infinite}.opencode-hint-shortcut{padding:4px 10px;background:rgba(255,255,255,.25);border-radius:6px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.4)}@keyframes pulseHint{0%,to{box-shadow:0 6px 20px rgba(239,68,68,.5),0 0 0 3px rgba(239,68,68,.3)}50%{box-shadow:0 6px 20px rgba(239,68,68,.6),0 0 0 6px rgba(239,68,68,.4)}}
+.opencode-select-mode-hint{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 6px 20px rgba(239,68,68,.5),0 0 0 3px rgba(239,68,68,.3);z-index:9999999;display:none;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.3)}.opencode-select-mode-hint.visible{display:flex;animation:slideDown .3s ease,pulseHint 2s ease-in-out infinite}.opencode-hint-shortcut{padding:4px 10px;background:rgba(255,255,255,.25);border-radius:6px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.4)}@keyframes pulseHint{0%,to{box-shadow:0 6px 20px rgba(239,68,68,.5),0 0 0 3px rgba(239,68,68,.3)}50%{box-shadow:0 6px 20px rgba(239,68,68,.6),0 0 0 6px rgba(239,68,68,.4)}}

package/lib/open-code-widget/src/components/SessionList.vue.js

@@ -33,6 +33,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
       sessionListCollapsed: collapsed,
       sessionItems: sessions,
       loadingSessionList,
+      showSessionListSkeleton,
       handleCreateSession,
       handleSelectSession,
       handleDeleteSession,
@@ -49,9 +50,10 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
     });
     const showSkeleton = (0, import_vue2.computed)(() => {
       if (isAnimating.value) return true;
+      if (showSessionListSkeleton.value) return true;
       return false;
     });
-    const __returned__ = { collapsed, sessions, loadingSessionList, handleCreateSession, handleSelectSession, handleDeleteSession, sessionKey, isAnimating, get animTimer() {
+    const __returned__ = { collapsed, sessions, loadingSessionList, showSessionListSkeleton, handleCreateSession, handleSelectSession, handleDeleteSession, sessionKey, isAnimating, get animTimer() {
       return animTimer;
     }, set animTimer(v) {
       animTimer = v;

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

@@ -10,9 +10,11 @@ export interface OpenCodeWidgetContext {
     selectEnabled: Ref<boolean>;
     sessionListCollapsed: Ref<boolean>;
     sessionKey: Ref<string>;
-    loading: Ref<boolean>;
+    frameLoading: Ref<boolean>;
     loadingSessionList: Ref<boolean | undefined>;
+    showSessionListSkeleton: Ref<boolean>;
     showEmptyState: Ref<boolean>;
+    showError: Ref<boolean>;
     emptyStateText: Ref<string>;
     emptyStateActionText: Ref<string>;
     showClearAll: Ref<boolean>;
@@ -40,6 +42,7 @@ export interface OpenCodeWidgetContext {
         source: OpenCodeRemoveSelectedPayload["source"];
     }) => void;
     handleClearSelectedNodes: () => void;
+    handleFrameLoaded: () => void;
 }
 export declare function provideOpenCodeWidgetContext(context: OpenCodeWidgetContext): void;
 export declare function useOpenCodeWidgetContext(): OpenCodeWidgetContext;

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

@@ -1,5 +1,5 @@
 import type { OpenCodeWidgetProps } from "./types";
-declare var __VLS_4: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {}, __VLS_21: {}, __VLS_26: {}, __VLS_28: {}, __VLS_30: {};
+declare var __VLS_4: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {}, __VLS_21: {}, __VLS_26: {}, __VLS_28: {}, __VLS_30: {}, __VLS_32: {};
 type __VLS_Slots = {} & {
     'button-icon'?: (props: typeof __VLS_4) => any;
 } & {
@@ -15,69 +15,75 @@ type __VLS_Slots = {} & {
 } & {
     loading?: (props: typeof __VLS_28) => any;
 } & {
-    content?: (props: typeof __VLS_30) => any;
+    error?: (props: typeof __VLS_30) => any;
+} & {
+    content?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<OpenCodeWidgetProps, {
     showNotification: (message: string, duration?: number) => void;
     showConfirmDialog: (message: string) => Promise<boolean>;
 }, {}, {}, {}, 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("./types").OpenCodeSelectedElement[]) => any;
-    "update:theme": (value: import("./types").OpenCodeWidgetTheme) => any;
-    toggle: (value: boolean) => any;
-    close: () => any;
+    "update:selectedElements": (value: import("@vite-plugin-opencode-assistant/shared").OpenCodeSelectedElement[]) => any;
+    "update:theme": (value: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetTheme) => any;
     "toggle-session-list": (value: boolean) => any;
     "toggle-select-mode": (value: boolean) => any;
-    "toggle-theme": (value: import("./types").OpenCodeWidgetTheme) => any;
-    "create-session": () => any;
-    "select-session": (session: import("./types").OpenCodeWidgetSession) => any;
-    "delete-session": (session: import("./types").OpenCodeWidgetSession) => any;
-    "click-selected-node": (element: import("./types").OpenCodeSelectedElement) => any;
-    "remove-selected-node": (payload: import("./types").OpenCodeRemoveSelectedPayload) => 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;
 }, 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("./types").OpenCodeSelectedElement[]) => any) | undefined;
-    "onUpdate:theme"?: ((value: import("./types").OpenCodeWidgetTheme) => any) | undefined;
-    onToggle?: ((value: boolean) => any) | undefined;
-    onClose?: (() => 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;
     "onToggle-session-list"?: ((value: boolean) => any) | undefined;
     "onToggle-select-mode"?: ((value: boolean) => any) | undefined;
-    "onToggle-theme"?: ((value: import("./types").OpenCodeWidgetTheme) => any) | undefined;
-    "onCreate-session"?: (() => any) | undefined;
-    "onSelect-session"?: ((session: import("./types").OpenCodeWidgetSession) => any) | undefined;
-    "onDelete-session"?: ((session: import("./types").OpenCodeWidgetSession) => any) | undefined;
-    "onClick-selected-node"?: ((element: import("./types").OpenCodeSelectedElement) => any) | undefined;
-    "onRemove-selected-node"?: ((payload: import("./types").OpenCodeRemoveSelectedPayload) => 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;
 }>, {
-    title: string;
-    loading: boolean;
+    frameLoading: boolean;
     showEmptyState: boolean;
+    showError: boolean;
     emptyStateText: string;
     emptyStateActionText: string;
-    theme: import("./types").OpenCodeWidgetTheme;
+    theme: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetTheme;
     iframeSrc: string;
+    title: string;
     sessionListCollapsed: boolean;
     selectMode: boolean;
     selectEnabled: boolean;
     selectShortcutLabel: string;
     showClearAll: boolean;
+    showSessionListSkeleton: boolean;
     sessionKey: string;
-    sessions: import("./types").OpenCodeWidgetSession[];
+    sessions: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetSession[];
     open: boolean;
     hotkeyLabel: string;
-    position: import("./types").OpenCodeWidgetPosition;
+    position: import("@vite-plugin-opencode-assistant/shared").OpenCodeWidgetPosition;
     currentSessionId: string | null;
-    selectedElements: import("./types").OpenCodeSelectedElement[];
+    selectedElements: import("@vite-plugin-opencode-assistant/shared").OpenCodeSelectedElement[];
 }, {}, {}, {}, 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

@@ -77,19 +77,21 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
     selectMode: { type: Boolean, required: false, default: false },
     sessionListCollapsed: { type: Boolean, required: false, default: true },
     sessionKey: { type: String, required: false, default: "id" },
-    loading: { type: Boolean, required: false, default: false },
+    frameLoading: { type: Boolean, required: false, default: false },
     loadingSessionList: { type: Boolean, required: false },
+    showSessionListSkeleton: { type: Boolean, required: false, default: false },
     showEmptyState: { type: Boolean, required: false, default: false },
+    showError: { type: Boolean, required: false, default: false },
+    emptyStateText: { type: String, required: false, default: "\u5F53\u524D\u9879\u76EE\u6682\u65E0\u4F1A\u8BDD" },
+    emptyStateActionText: { type: String, required: false, default: "\u7ACB\u5373\u521B\u5EFA" },
     iframeSrc: { type: String, required: false, default: "" },
     sessions: { type: Array, required: false, default: () => [] },
     currentSessionId: { type: [String, null], required: false, default: null },
     selectedElements: { type: Array, required: false, default: () => [] },
     showClearAll: { type: Boolean, required: false, default: true },
-    selectEnabled: { type: Boolean, required: false, default: true },
-    emptyStateText: { type: String, required: false, default: "\u5F53\u524D\u9879\u76EE\u6682\u65E0\u4F1A\u8BDD" },
-    emptyStateActionText: { type: String, required: false, default: "\u7ACB\u5373\u521B\u5EFA" }
+    selectEnabled: { type: Boolean, required: false, default: true }
   },
-  emits: ["update:open", "update:selectMode", "update:sessionListCollapsed", "update:currentSessionId", "update:selectedElements", "update:theme", "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"],
+  emits: ["update:open", "update:selectMode", "update:sessionListCollapsed", "update:currentSessionId", "update:selectedElements", "update:theme", "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"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -123,6 +125,9 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       dialogVisible.value = false;
       if (dialogResolve) dialogResolve(false);
     };
+    const handleFrameLoaded = () => {
+      emit("frame-loaded");
+    };
     __expose({
       showNotification,
       showConfirmDialog
@@ -235,9 +240,11 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       selectEnabled: (0, import_vue2.toRef)(props, "selectEnabled"),
       sessionListCollapsed: localSessionListCollapsed,
       sessionKey: (0, import_vue2.toRef)(props, "sessionKey"),
-      loading: (0, import_vue2.toRef)(props, "loading"),
+      frameLoading: (0, import_vue2.toRef)(props, "frameLoading"),
       loadingSessionList: (0, import_vue2.toRef)(props, "loadingSessionList"),
+      showSessionListSkeleton: (0, import_vue2.toRef)(props, "showSessionListSkeleton"),
       showEmptyState: (0, import_vue2.toRef)(props, "showEmptyState"),
+      showError: (0, import_vue2.toRef)(props, "showError"),
       emptyStateText: (0, import_vue2.toRef)(props, "emptyStateText"),
       emptyStateActionText: (0, import_vue2.toRef)(props, "emptyStateActionText"),
       showClearAll: (0, import_vue2.toRef)(props, "showClearAll"),
@@ -260,7 +267,8 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       handleToggleSelectMode,
       handleClickSelectedNode,
       handleRemoveSelectedNode: (payload) => handleRemoveSelectedNode(payload.item, payload.index, payload.source),
-      handleClearSelectedNodes
+      handleClearSelectedNodes,
+      handleFrameLoaded
     });
     const __returned__ = { props, emit, slots, notificationMessage, notificationVisible, get notificationTimer() {
       return notificationTimer;
@@ -270,7 +278,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       return dialogResolve;
     }, set dialogResolve(v) {
       dialogResolve = v;
-    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, localSessionListCollapsed, 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, Frame: import_Frame_vue.default, Header: import_Header_vue.default, SelectHint: import_SelectHint_vue.default, SelectedBubbles: import_SelectedBubbles_vue.default, SelectedNodes: import_SelectedNodes_vue.default, SessionList: import_SessionList_vue.default, Trigger: import_Trigger_vue.default };
+    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, handleFrameLoaded, localSessionListCollapsed, 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, Frame: import_Frame_vue.default, Header: import_Header_vue.default, SelectHint: import_SelectHint_vue.default, SelectedBubbles: import_SelectedBubbles_vue.default, SelectedNodes: import_SelectedNodes_vue.default, SessionList: import_SessionList_vue.default, Trigger: import_Trigger_vue.default };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -403,12 +411,19 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   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: "2"
+                  key: "3"
                 } : void 0
               ]),
               1024

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

@@ -1,79 +1,3 @@
-export type OpenCodeWidgetPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
-export type OpenCodeWidgetTheme = "light" | "dark" | "auto";
-export interface OpenCodeWidgetSession {
-    id: string;
-    title?: string;
-    updatedAt?: string | number | Date;
-    meta?: string;
-    directory?: string;
-}
-export interface OpenCodeSelectedElement {
-    filePath: string | null;
-    line: number | null;
-    column: number | null;
-    innerText: string;
-    description: string;
-}
-export interface OpenCodeWidgetProps {
-    position?: OpenCodeWidgetPosition;
-    open?: boolean;
-    theme?: OpenCodeWidgetTheme;
-    title?: string;
-    hotkeyLabel?: string;
-    selectShortcutLabel?: string;
-    selectMode?: boolean;
-    sessionListCollapsed?: boolean;
-    sessionKey?: string;
-    loading?: boolean;
-    loadingSessionList?: boolean;
-    showEmptyState?: boolean;
-    iframeSrc?: string;
-    sessions?: OpenCodeWidgetSession[];
-    currentSessionId?: string | null;
-    selectedElements?: OpenCodeSelectedElement[];
-    showClearAll?: boolean;
-    selectEnabled?: boolean;
-    emptyStateText?: string;
-    emptyStateActionText?: string;
-}
-export type OpenCodeWidgetEmits = {
-    (e: "update:open", value: boolean): void;
-    (e: "update:selectMode", value: boolean): void;
-    (e: "update:sessionListCollapsed", value: boolean): void;
-    (e: "update:currentSessionId", value: string | null): void;
-    (e: "update:selectedElements", value: OpenCodeSelectedElement[]): void;
-    (e: "update:theme", value: OpenCodeWidgetTheme): void;
-    (e: "toggle", value: boolean): void;
-    (e: "close"): void;
-    (e: "toggle-session-list", value: boolean): void;
-    (e: "toggle-select-mode", value: boolean): void;
-    (e: "toggle-theme", value: OpenCodeWidgetTheme): void;
-    (e: "create-session"): void;
-    (e: "select-session", session: OpenCodeWidgetSession): void;
-    (e: "delete-session", session: OpenCodeWidgetSession): void;
-    (e: "click-selected-node", element: OpenCodeSelectedElement): void;
-    (e: "remove-selected-node", payload: OpenCodeRemoveSelectedPayload): void;
-    (e: "clear-selected-nodes"): void;
-    (e: "empty-action"): void;
-};
-export interface OpenCodeRemoveSelectedPayload {
-    element: OpenCodeSelectedElement;
-    index: number;
-    source: "panel" | "bubble";
-}
-export interface OpenCodeWidgetSessionItem {
-    key: string;
-    id: string;
-    title: string;
-    meta: string;
-    active: boolean;
-    session: OpenCodeWidgetSession;
-    [key: string]: any;
-}
-export interface OpenCodeSelectedElementItem {
-    key: string;
-    description: string;
-    bubbleFileText: string;
-    panelFileText: string;
-    element: OpenCodeSelectedElement;
-}
+export type { OpenCodeWidgetPosition, OpenCodeWidgetTheme, OpenCodeWidgetSession, OpenCodeSelectedElement, OpenCodeRemoveSelectedPayload, OpenCodeWidgetSessionItem, OpenCodeSelectedElementItem, OpenCodeWidgetProps, OpenCodeWidgetEmits, } from "@vite-plugin-opencode-assistant/shared";
+export type OpenCodeWidgetPositionLocal = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+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.13","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":"`'light'`","description":"主题模式","value":{"type":"`'light' | 'dark' | 'auto'`","kind":"expression"}},{"name":"","default":"`'AI 助手'`","description":"助手头部显示的标题","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`''`","description":"Web UI 的 URL 来源","value":{"type":"`string`","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":"`OpenCodeWidgetSessionItem[]`","kind":"expression"}},{"name":"","default":"`null`","description":"当前选中的会话 ID","value":{"type":"`string | null`","kind":"expression"}},{"name":"","default":"`[]`","description":"已选中的元素列表","value":{"type":"`OpenCodeSelectedElement[]`","kind":"expression"}}],"events":[{"name":"`update:open`","description":"当挂件打开或关闭时触发","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击触发挂件开关","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击关闭按钮时触发","arguments":[]},{"name":"`toggle-select-mode`","description":"点击选择模式切换按钮时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"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":"`create-session`","description":"点击创建新会话时触发","arguments":[]},{"name":"`select-session`","description":"选中某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSessionItem"}]},{"name":"`delete-session`","description":"删除某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSessionItem"}]}]}],"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.14","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":"`'light'`","description":"主题模式","value":{"type":"`'light' | 'dark' | 'auto'`","kind":"expression"}},{"name":"","default":"`'AI 助手'`","description":"助手头部显示的标题","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`''`","description":"Web UI 的 URL 来源","value":{"type":"`string`","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":"`OpenCodeWidgetSessionItem[]`","kind":"expression"}},{"name":"","default":"`null`","description":"当前选中的会话 ID","value":{"type":"`string | null`","kind":"expression"}},{"name":"","default":"`[]`","description":"已选中的元素列表","value":{"type":"`OpenCodeSelectedElement[]`","kind":"expression"}}],"events":[{"name":"`update:open`","description":"当挂件打开或关闭时触发","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击触发挂件开关","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击关闭按钮时触发","arguments":[]},{"name":"`toggle-select-mode`","description":"点击选择模式切换按钮时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"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":"`create-session`","description":"点击创建新会话时触发","arguments":[]},{"name":"`select-session`","description":"选中某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSessionItem"}]},{"name":"`delete-session`","description":"删除某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSessionItem"}]}]}],"attributes":[]}},"js-types-syntax":"typescript"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vite-plugin-opencode-assistant/components",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Reusable OpenCode widget components built with Pagoda CLI",
   "type": "module",
   "main": "lib/index.js",
@@ -29,6 +29,9 @@
   "peerDependencies": {
     "vue": "^3.5.0"
   },
+  "dependencies": {
+    "@vite-plugin-opencode-assistant/shared": "1.0.14"
+  },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.5",
     "@vue/test-utils": "^2.4.6",