@supernal/interface-nextjs 0.1.1 → 1.0.9

package/dist/index.d.mts

@@ -18,21 +18,6 @@ interface SupernalProviderProps {
 }
 declare function SupernalProvider({ children, theme, position, mode, apiKey, welcomeMessage, routes, disabled, onNavigate, onToolExecute, }: SupernalProviderProps): react_jsx_runtime.JSX.Element;
 
-interface ChatInputContextType {
-    /**
-     * Insert text into the chat input (and optionally submit it)
-     */
-    insertText: (text: string, submit?: boolean) => void;
-    /**
-     * Register the chat input element (called by ChatBubble)
-     */
-    registerInput: (callback: (text: string, submit?: boolean) => void) => void;
-}
-declare function useChatInput(): ChatInputContextType;
-declare function ChatInputProvider({ children }: {
-    children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
 declare function NavigationContextProvider({ value, children }: {
     value: string;
     children: React.ReactNode;
@@ -133,14 +118,14 @@ declare function useNavigate(): {
  */
 declare function useAllContexts(): NavigationContext[];
 
-interface Message {
+interface Message$1 {
     id: string;
     text: string;
     type: 'user' | 'ai' | 'system';
     timestamp: string;
 }
 interface ChatContextType {
-    messages: Message[];
+    messages: Message$1[];
     sendMessage: (text: string) => Promise<void>;
     clearMessages: () => void;
     isLoading: boolean;
@@ -153,21 +138,75 @@ declare function ChatProvider({ children, mode, apiKey, onToolExecute, }: {
     onToolExecute?: (tool: string, result: any) => void;
 }): react_jsx_runtime.JSX.Element;
 
-/**
- * Persistent Chat Bubble Component
- *
- * Fixed position chat bubble in lower right corner that:
- * - Appears on every page
- * - Expands/collapses without blocking content
- * - Provides AI interface for tool execution
- */
-
+interface Message {
+    id: string;
+    text: string;
+    type: 'user' | 'ai' | 'system';
+    timestamp: string;
+}
+type Position = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'left-center' | 'right-center' | 'bottom-center';
+type Variant = 'full' | 'floating';
+interface ChatBubbleConfig {
+    /** Optional title for the chat header */
+    title?: string;
+    /** Optional avatar/icon (emoji, URL, or React node) */
+    avatar?: string | React.ReactNode;
+    /** Optional description shown in info popup */
+    description?: string;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Send button label */
+    sendButtonLabel?: string;
+    /** Welcome message configuration */
+    welcome?: {
+        enabled: boolean;
+        title?: string;
+        content?: string;
+        suggestedCommands?: Array<{
+            text: string;
+            desc: string;
+        }>;
+    };
+    /** Theme colors */
+    theme?: {
+        primary?: string;
+        secondary?: string;
+        background?: string;
+    };
+    /** Enable glassmorphism effect */
+    glassMode?: boolean;
+}
 interface ChatBubbleProps {
-    theme?: 'light' | 'dark' | 'auto';
-    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-    welcomeMessage?: string;
+    messages: Message[];
+    onSendMessage: (message: string) => void;
+    onClearChat?: () => void;
+    /** Positioning mode */
+    position?: Position;
+    /** Variant: 'full' for expanded panel, 'floating' for mini draggable bubble */
+    variant?: Variant;
+    /** Configuration for branding, text, and theme */
+    config?: ChatBubbleConfig;
+    /** Initial expanded state */
+    defaultExpanded?: boolean;
+    /** Storage key for persisting state */
+    storageKey?: string;
 }
-declare const ChatBubble: React.FC<ChatBubbleProps>;
+declare const ChatBubble: ({ messages, onSendMessage, onClearChat, position, variant, config: userConfig, defaultExpanded, storageKey, }: ChatBubbleProps) => react_jsx_runtime.JSX.Element;
+
+interface ChatInputContextType {
+    /**
+     * Insert text into the chat input (and optionally submit it)
+     */
+    insertText: (text: string, submit?: boolean) => void;
+    /**
+     * Register the chat input element (called by ChatBubble)
+     */
+    registerInput: (callback: (text: string, submit?: boolean) => void) => void;
+}
+declare function useChatInput(): ChatInputContextType;
+declare function ChatInputProvider({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
 interface AutoNavigationContextProps {
     children: React.ReactNode;

package/dist/index.d.ts

@@ -18,21 +18,6 @@ interface SupernalProviderProps {
 }
 declare function SupernalProvider({ children, theme, position, mode, apiKey, welcomeMessage, routes, disabled, onNavigate, onToolExecute, }: SupernalProviderProps): react_jsx_runtime.JSX.Element;
 
-interface ChatInputContextType {
-    /**
-     * Insert text into the chat input (and optionally submit it)
-     */
-    insertText: (text: string, submit?: boolean) => void;
-    /**
-     * Register the chat input element (called by ChatBubble)
-     */
-    registerInput: (callback: (text: string, submit?: boolean) => void) => void;
-}
-declare function useChatInput(): ChatInputContextType;
-declare function ChatInputProvider({ children }: {
-    children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
 declare function NavigationContextProvider({ value, children }: {
     value: string;
     children: React.ReactNode;
@@ -133,14 +118,14 @@ declare function useNavigate(): {
  */
 declare function useAllContexts(): NavigationContext[];
 
-interface Message {
+interface Message$1 {
     id: string;
     text: string;
     type: 'user' | 'ai' | 'system';
     timestamp: string;
 }
 interface ChatContextType {
-    messages: Message[];
+    messages: Message$1[];
     sendMessage: (text: string) => Promise<void>;
     clearMessages: () => void;
     isLoading: boolean;
@@ -153,21 +138,75 @@ declare function ChatProvider({ children, mode, apiKey, onToolExecute, }: {
     onToolExecute?: (tool: string, result: any) => void;
 }): react_jsx_runtime.JSX.Element;
 
-/**
- * Persistent Chat Bubble Component
- *
- * Fixed position chat bubble in lower right corner that:
- * - Appears on every page
- * - Expands/collapses without blocking content
- * - Provides AI interface for tool execution
- */
-
+interface Message {
+    id: string;
+    text: string;
+    type: 'user' | 'ai' | 'system';
+    timestamp: string;
+}
+type Position = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'left-center' | 'right-center' | 'bottom-center';
+type Variant = 'full' | 'floating';
+interface ChatBubbleConfig {
+    /** Optional title for the chat header */
+    title?: string;
+    /** Optional avatar/icon (emoji, URL, or React node) */
+    avatar?: string | React.ReactNode;
+    /** Optional description shown in info popup */
+    description?: string;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Send button label */
+    sendButtonLabel?: string;
+    /** Welcome message configuration */
+    welcome?: {
+        enabled: boolean;
+        title?: string;
+        content?: string;
+        suggestedCommands?: Array<{
+            text: string;
+            desc: string;
+        }>;
+    };
+    /** Theme colors */
+    theme?: {
+        primary?: string;
+        secondary?: string;
+        background?: string;
+    };
+    /** Enable glassmorphism effect */
+    glassMode?: boolean;
+}
 interface ChatBubbleProps {
-    theme?: 'light' | 'dark' | 'auto';
-    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-    welcomeMessage?: string;
+    messages: Message[];
+    onSendMessage: (message: string) => void;
+    onClearChat?: () => void;
+    /** Positioning mode */
+    position?: Position;
+    /** Variant: 'full' for expanded panel, 'floating' for mini draggable bubble */
+    variant?: Variant;
+    /** Configuration for branding, text, and theme */
+    config?: ChatBubbleConfig;
+    /** Initial expanded state */
+    defaultExpanded?: boolean;
+    /** Storage key for persisting state */
+    storageKey?: string;
 }
-declare const ChatBubble: React.FC<ChatBubbleProps>;
+declare const ChatBubble: ({ messages, onSendMessage, onClearChat, position, variant, config: userConfig, defaultExpanded, storageKey, }: ChatBubbleProps) => react_jsx_runtime.JSX.Element;
+
+interface ChatInputContextType {
+    /**
+     * Insert text into the chat input (and optionally submit it)
+     */
+    insertText: (text: string, submit?: boolean) => void;
+    /**
+     * Register the chat input element (called by ChatBubble)
+     */
+    registerInput: (callback: (text: string, submit?: boolean) => void) => void;
+}
+declare function useChatInput(): ChatInputContextType;
+declare function ChatInputProvider({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
 interface AutoNavigationContextProps {
     children: React.ReactNode;