@automattic/agenttic-ui 0.1.0 → 0.1.1

package/README.md

@@ -341,18 +341,36 @@ Components automatically import their styles. For manual control:
 import '@automattic/agenttic-ui/index.css';
 ```
 
+### CSS Scoping
+
+All AgentUI styles are scoped to the `.agenttic` class to prevent conflicts with host applications. This ensures that the component styles don't interfere with your existing styles.
+
 ### Customization
 
-Components use CSS Modules with design tokens. Override styles using CSS custom properties:
+Override CSS custom properties to theme the entire chat or specific areas:
 
 ```css
-:root {
-  --agenttic-primary-color: #your-brand-color;
-  --agenttic-border-radius: 8px;
-  --agenttic-spacing-unit: 16px;
+/* Global theming */
+.agenttic {
+  --color-primary: #your-brand-color;
+  --color-background: #ffffff;
+  --color-foreground: #000000;
+  /* ...other custom properties as needed. */
+}
+
+/* Target specific UI areas, e.g. the chat footer as seen in Big Sky embedded site spec. */
+.agenttic [data-slot="chat-footer"] {
+  --color-background: oklch(1 0 0);
+  --color-foreground: oklch(0.241 0 0);
+  --color-primary: #your-brand-color;
+  --color-primary-foreground: oklch(1 0 0);
+  --color-muted: oklch(0.925 0 0);
+  --color-muted-foreground: oklch(0.6 0 0);
 }
 ```
 
+This approach allows granular theming of specific areas without affecting other parts of the application.
+
 ## Advanced Usage
 
 ### Custom Message Renderer

package/dist/components/AgentUI.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import type { AgentUIProps } from '../types';
+/**
+ * AgentUI - Pure UI component for chat interface
+ *
+ * This component ONLY handles UI concerns. It receives all data and callbacks
+ * as props, making it completely framework-agnostic and reusable.
+ *
+ * Usage:
+ *
+ * ```tsx
+ * import { useAgentChat } from '@automattic/agenttic-client';
+ * import { AgentUI } from '@automattic/agenttic-ui';
+ *
+ * function ChatComponent() {
+ *   const {
+ *     messages,
+ *     isProcessing,
+ *     error,
+ *     onSubmit,
+ *     suggestions,
+ *     clearSuggestions
+ *   } = useAgentChat({
+ *     agentId: 'your-agent-id',
+ *     contextProvider,
+ *     toolProvider
+ *   });
+ *
+ *   return (
+ *     <AgentUI
+ *       messages={messages}
+ *       isProcessing={isProcessing}
+ *       error={error}
+ *       onSubmit={onSubmit}
+ *       suggestions={suggestions}
+ *       clearSuggestions={clearSuggestions}
+ *       variant="floating"
+ *       placeholder="Ask anything..."
+ *     />
+ *   );
+ * }
+ * ```
+ *
+ * @param props                   - UI-only props for chat interface
+ * @param props.variant
+ * @param props.triggerIcon
+ * @param props.placeholder
+ * @param props.notice
+ * @param props.onOpen
+ * @param props.onExpand
+ * @param props.onClose
+ * @param props.emptyView
+ * @param props.messages
+ * @param props.isProcessing
+ * @param props.error
+ * @param props.onSubmit
+ * @param props.suggestions
+ * @param props.clearSuggestions
+ * @param props.messageRenderer
+ * @param props.floatingChatState
+ * @param props.className         - Additional CSS classes to apply to the component
+ */
+export declare const AgentUI: React.FC<AgentUIProps>;
+export default AgentUI;
+//# sourceMappingURL=AgentUI.d.ts.map

package/dist/components/AgentUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentUI.d.ts","sourceRoot":"","sources":["../../src/components/AgentUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAE,YAAY,CAwC3C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/animations/index.d.ts

@@ -0,0 +1,22 @@
+import type { Transition, Variants } from 'framer-motion';
+export declare const springConfig: Transition;
+export declare const layoutTransition: Transition;
+export declare const fastSpring: Transition;
+export declare const fastSpringWithDelay: Transition;
+export declare const morphSpring: Transition;
+export declare const fadeVariants: Variants;
+export declare const getDragConstraints: () => {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+export declare const thinkingGradientKeyframes: {
+    '0%': {
+        backgroundPosition: string;
+    };
+    '100%': {
+        backgroundPosition: string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/animations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/animations/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG1D,eAAO,MAAM,YAAY,EAAE,UAI1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,UAI9B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,UAKxB,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,UAIjC,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,UAKzB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,QAY1B,CAAC;AAGF,eAAO,MAAM,kBAAkB;;;;;CAY9B,CAAC;AAGF,eAAO,MAAM,yBAAyB;;;;;;;CAGrC,CAAC"}

package/dist/components/chat/Chat.d.ts

@@ -0,0 +1,3 @@
+import type { ChatProps } from '../../types';
+export declare function Chat({ messages, isProcessing, error, onSubmit, variant, triggerIcon, placeholder, notice, onOpen, onExpand, onClose, emptyView, floatingChatState, suggestions, clearSuggestions, messageRenderer, className, }: ChatProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chat.d.ts.map

package/dist/components/chat/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Chat.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAiC7C,wBAAgB,IAAI,CAAE,EACrB,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,OAAoB,EACpB,WAAW,EACX,WAAiC,EACjC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,SAAS,GACT,EAAE,SAAS,2CAkbX"}

package/dist/components/chat/Chat.stories.d.ts

@@ -0,0 +1,38 @@
+import type { StoryObj } from '@storybook/react';
+import { Chat } from './Chat';
+declare const meta: {
+    title: string;
+    component: typeof Chat;
+    parameters: {
+        layout: string;
+        docs: {
+            canvas: {
+                sourceState: string;
+            };
+        };
+    };
+    tags: string[];
+    args: {
+        placeholder: string;
+    };
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        placeholder: {
+            control: "text";
+        };
+        floatingChatState: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Embedded: Story;
+export declare const Floating: Story;
+export declare const WithEmptyView: Story;
+//# sourceMappingURL=Chat.stories.d.ts.map

package/dist/components/chat/Chat.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Chat.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAkC9B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA4CtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA6D3B,CAAC"}

package/dist/components/chat/ChatFooter.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { NoticeConfig, Suggestion } from '../../types';
+interface ChatFooterProps {
+    inputValue: string;
+    onInputChange: (value: string) => void;
+    onSubmit: () => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    textareaRef: React.RefObject<HTMLTextAreaElement>;
+    placeholder?: string;
+    isProcessing: boolean;
+    fromCompact?: boolean;
+    onExpand?: () => void;
+    notice?: NoticeConfig;
+    suggestions?: Suggestion[];
+    clearSuggestions?: () => void;
+    focusOnMount?: boolean;
+}
+export declare function ChatFooter({ inputValue, onInputChange, onSubmit, onKeyDown, textareaRef, placeholder, isProcessing, fromCompact, onExpand, notice, suggestions, clearSuggestions, focusOnMount, }: ChatFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatFooter.d.ts.map

package/dist/components/chat/ChatFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatFooter.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAM5D,UAAU,eAAe;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,CAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,mBAAmB,CAAE,KAAM,IAAI,CAAC;IACrE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAE,mBAAmB,CAAE,CAAC;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IAGtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAGtB,MAAM,CAAC,EAAE,YAAY,CAAC;IAGtB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAG9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAE,EAC3B,UAAU,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAmB,EACnB,QAAQ,EACR,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,YAAY,GACZ,EAAE,eAAe,2CAsCjB"}

package/dist/components/chat/ChatHeader.d.ts

@@ -0,0 +1,6 @@
+interface ChatHeaderProps {
+    onClose?: () => void;
+}
+export declare function ChatHeader({ onClose }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatHeader.d.ts.map

package/dist/components/chat/ChatHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatHeader.tsx"],"names":[],"mappings":"AAKA,UAAU,eAAe;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAE,EAAE,OAAO,EAAE,EAAE,eAAe,2CAiBvD"}

package/dist/components/chat/ChatHeader.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react';
+import { ChatHeader } from './ChatHeader';
+declare const meta: {
+    title: string;
+    component: typeof ChatHeader;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        onClose: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=ChatHeader.stories.d.ts.map

package/dist/components/chat/ChatHeader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAa2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/components/chat/ChatInput.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface ChatInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: () => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    textareaRef: React.RefObject<HTMLTextAreaElement>;
+    placeholder?: string;
+    isProcessing: boolean;
+    onBlur?: () => void;
+    fromCompact?: boolean;
+    onExpand?: () => void;
+    showExpandButton?: boolean;
+    focusOnMount?: boolean;
+}
+export declare function ChatInput({ value, onChange, onSubmit, onKeyDown, textareaRef, placeholder, isProcessing, onBlur, fromCompact, onExpand, showExpandButton, focusOnMount, }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatInput.d.ts.map

package/dist/components/chat/ChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAYxD,UAAU,cAAc;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,CAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,mBAAmB,CAAE,KAAM,IAAI,CAAC;IACrE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAE,mBAAmB,CAAE,CAAC;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAE,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAiC,EACjC,YAAY,EACZ,MAAM,EACN,WAAmB,EACnB,QAAQ,EACR,gBAAuB,EACvB,YAAoB,GACpB,EAAE,cAAc,2CAoFhB"}

package/dist/components/chat/ChatInput.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import { ChatInput } from './ChatInput';
+declare const meta: {
+    title: string;
+    component: typeof ChatInput;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Processing: Story;
+//# sourceMappingURL=ChatInput.stories.d.ts.map

package/dist/components/chat/ChatInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI;;;;;;;CAO0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAsBrC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC"}

package/dist/components/chat/MarkdownExamples.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react';
+import { Messages } from './Messages';
+declare const meta: {
+    title: string;
+    component: typeof Messages;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BlockquoteExample: Story;
+export declare const CodeBlockExample: Story;
+export declare const MixedMarkdownContent: Story;
+export declare const LongCodeExample: Story;
+export declare const NestedQuotes: Story;
+//# sourceMappingURL=MarkdownExamples.stories.d.ts.map

package/dist/components/chat/MarkdownExamples.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownExamples.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chat/MarkdownExamples.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI;;;;;;;;;;;;CA6ByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AA2JrC,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KA0DlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA+H7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiD1B,CAAC"}

package/dist/components/chat/Message.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { ComponentType } from 'react';
+import type { Message as MessageType } from '../../types';
+export interface MessageProps {
+    message: MessageType;
+    messageRenderer?: ComponentType<{
+        children: string;
+    }>;
+}
+export declare const Message: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Message.d.ts.map

package/dist/components/chat/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Message.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,WAAW,YAAY;IAC5B,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,CAAC,EAAE,aAAa,CAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAE,CAAC;CACxD;AAED,eAAO,MAAM,OAAO,qFA6DnB,CAAC"}

package/dist/components/chat/Message.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./Message").MessageProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        message: {
+            control: "object";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const UserMessage: Story;
+export declare const AssistantMessage: Story;
+export declare const MarkdownContent: Story;
+export declare const CodeContent: Story;
+export declare const LongMessage: Story;
+export declare const MessageThread: Story;
+//# sourceMappingURL=Message.stories.d.ts.map

package/dist/components/chat/Message.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Message.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAawB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AA+ErC,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAC"}

package/dist/components/chat/MessageActions.d.ts

@@ -0,0 +1,7 @@
+import type { Message } from '../../types';
+interface MessageActionsProps {
+    message: Message;
+}
+export declare function MessageActions({ message }: MessageActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=MessageActions.d.ts.map

package/dist/components/chat/MessageActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/chat/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AAI1D,UAAU,mBAAmB;IAC5B,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,cAAc,CAAE,EAAE,OAAO,EAAE,EAAE,mBAAmB,kDA+B/D"}

package/dist/components/chat/MessageActions.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react';
+import { MessageActions } from './MessageActions';
+declare const meta: {
+    title: string;
+    component: typeof MessageActions;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ComponentExample: Story;
+export declare const FeedbackExample: Story;
+export declare const CustomAssistantMessage: Story;
+export declare const CustomUserMessage: Story;
+export declare const NoActions: Story;
+export declare const DisabledActions: Story;
+//# sourceMappingURL=MessageActions.stories.d.ts.map

package/dist/components/chat/MessageActions.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageActions.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chat/MessageActions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAmBlD,QAAA,MAAM,IAAI;;;;;;;;;;;CAY+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAGrC,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAyE7B,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAapC,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA8C/B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAC"}

package/dist/components/chat/Messages.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentType } from 'react';
+import type { Message as MessageType } from '../../types';
+interface MessagesProps {
+    messages: MessageType[];
+    isProcessing?: boolean;
+    error?: string | null;
+    emptyView?: React.ReactNode;
+    fromCompact?: boolean;
+    messageRenderer?: ComponentType<{
+        children: string;
+    }>;
+}
+export declare function Messages({ messages, isProcessing, error, emptyView, fromCompact, messageRenderer, }: MessagesProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=Messages.d.ts.map

package/dist/components/chat/Messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Messages.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,aAAa,CAAC;AAK1D,UAAU,aAAa;IACtB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,aAAa,CAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAE,CAAC;CACxD;AAED,wBAAgB,QAAQ,CAAE,EACzB,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,SAAS,EACT,WAAmB,EACnB,eAAe,GACf,EAAE,aAAa,kDAgIf"}

package/dist/components/chat/Messages.stories.d.ts

@@ -0,0 +1,41 @@
+import type { StoryObj } from '@storybook/react';
+import { Messages } from './Messages';
+declare const meta: {
+    title: string;
+    component: typeof Messages;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        messages: {
+            control: "object";
+            description: string;
+        };
+        isProcessing: {
+            control: "boolean";
+            description: string;
+        };
+        error: {
+            control: "text";
+            description: string;
+        };
+        emptyView: {
+            control: "object";
+            description: string;
+        };
+        fromCompact: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const Thinking: Story;
+export declare const SingleMessage: Story;
+export declare const LongConversation: Story;
+export declare const WithError: Story;
+//# sourceMappingURL=Messages.stories.d.ts.map

package/dist/components/chat/Messages.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Messages.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6ByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAiFrC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgE9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}

package/dist/components/chat/Notice.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface NoticeProps {
+    icon?: React.ReactNode;
+    message: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    dismissible?: boolean;
+    onDismiss?: () => void;
+}
+export declare function Notice({ icon, message, action, dismissible, onDismiss, }: NoticeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Notice.d.ts.map

package/dist/components/chat/Notice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Notice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,WAAW;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,MAAM,CAAE,EACvB,IAAI,EACJ,OAAO,EACP,MAAM,EACN,WAAkB,EAClB,SAAS,GACT,EAAE,WAAW,2CA8Bb"}

package/dist/components/chat/Notice.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+import { Notice } from './Notice';
+declare const meta: {
+    title: string;
+    component: typeof Notice;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const WithAction: Story;
+export declare const Dismissible: Story;
+export declare const NonDismissible: Story;
+//# sourceMappingURL=Notice.stories.d.ts.map

package/dist/components/chat/Notice.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Notice.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI;;;;;;;CAOuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC"}

package/dist/components/chat/Suggestions.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Suggestion } from '../../types';
+export interface SuggestionsProps {
+    className?: string;
+    suggestions?: Suggestion[];
+    onSubmit?: (message: string) => void;
+}
+export declare const Suggestions: React.FC<SuggestionsProps>;
+//# sourceMappingURL=Suggestions.d.ts.map

package/dist/components/chat/Suggestions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Suggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9C,MAAM,WAAW,gBAAgB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAE,gBAAgB,CAoDnD,CAAC"}

package/dist/components/chat/ThinkingMessage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ThinkingMessageProps {
+    content?: string;
+}
+export declare const ThinkingMessage: React.MemoExoticComponent<React.ForwardRefExoticComponent<ThinkingMessageProps & React.RefAttributes<HTMLDivElement>>>;
+//# sourceMappingURL=ThinkingMessage.d.ts.map

package/dist/components/chat/ThinkingMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingMessage.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ThinkingMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,oBAAoB;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,wHAoB3B,CAAC"}

package/dist/components/chat/ThinkingMessage.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./ThinkingMessage").ThinkingMessageProps & import("react").RefAttributes<HTMLDivElement>>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const InConversation: Story;
+//# sourceMappingURL=ThinkingMessage.stories.d.ts.map

package/dist/components/chat/ThinkingMessage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingMessage.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ThinkingMessage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;CAOgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AA8BF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC"}

package/dist/components/chat/index.d.ts

@@ -0,0 +1,13 @@
+export { Chat } from './Chat';
+export { Message as ChatMessage } from './Message';
+export { Messages } from './Messages';
+export { ThinkingMessage } from './ThinkingMessage';
+export { ChatInput } from './ChatInput';
+export { CollapsedView } from '../views/CollapsedView';
+export { CompactView } from '../views/CompactView';
+export { ConversationView } from '../views/ConversationView';
+export { useChat } from '../../hooks/useChat';
+export { useInput } from '../../hooks/useInput';
+export type { ChatProps, ChatState, Message, UseChatReturn, UseInputReturn, } from '../../types';
+export * from '../animations';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chat/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG7D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,YAAY,EACX,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EACb,cAAc,GACd,MAAM,aAAa,CAAC;AAGrB,cAAc,eAAe,CAAC"}

package/dist/components/icons/ArrowUpIcon.d.ts

@@ -0,0 +1,7 @@
+interface ArrowUpIconProps {
+    className?: string;
+    size?: number;
+}
+export declare function ArrowUpIcon({ className, size }: ArrowUpIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ArrowUpIcon.d.ts.map

package/dist/components/icons/ArrowUpIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUpIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ArrowUpIcon.tsx"],"names":[],"mappings":"AAAA,UAAU,gBAAgB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,WAAW,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,gBAAgB,2CAgBtE"}

package/dist/components/icons/BigSkyIcon.d.ts

@@ -0,0 +1,7 @@
+interface BigSkyIconProps {
+    className?: string;
+    size?: number;
+}
+export declare function BigSkyIcon({ className, size }: BigSkyIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BigSkyIcon.d.ts.map

package/dist/components/icons/BigSkyIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigSkyIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/BigSkyIcon.tsx"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,UAAU,CAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,eAAe,2CAwB/D"}

package/dist/components/icons/ChevronDownIcon.d.ts

@@ -0,0 +1,7 @@
+interface ChevronDownIconProps {
+    className?: string;
+    size?: number;
+}
+export declare function ChevronDownIcon({ className, size, }: ChevronDownIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChevronDownIcon.d.ts.map

package/dist/components/icons/ChevronDownIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDownIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ChevronDownIcon.tsx"],"names":[],"mappings":"AAAA,UAAU,oBAAoB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,eAAe,CAAE,EAChC,SAAS,EACT,IAAS,GACT,EAAE,oBAAoB,2CAkBtB"}