@openuidev/react-ui 0.9.16

package/dist/components/OpenUIChat/ComposedStandalone.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useThread } from "@openuidev/react-headless";
+import { Container, ConversationStarter, Composer as DefaultComposer, MessageLoading, Messages, MobileHeader, NewChatButton, ScrollArea, SidebarContainer, SidebarContent, SidebarHeader, SidebarSeparator, ThreadContainer, ThreadList, WelcomeScreen, } from "../Shell";
+import { CustomComposerAdapter } from "./CustomComposerAdapter";
+import { isChatEmpty, isWelcomeComponent } from "./utils";
+import { withChatProvider } from "./withChatProvider";
+const WelcomeMessageRenderer = ({ welcomeMessage, conversationStarters, }) => {
+    const messages = useThread((s) => s.messages);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    if (!welcomeMessage || !isChatEmpty({ isLoadingMessages, messages })) {
+        return null;
+    }
+    if (isWelcomeComponent(welcomeMessage)) {
+        const CustomWelcome = welcomeMessage;
+        return (_jsx(WelcomeScreen, { children: _jsx(CustomWelcome, {}) }));
+    }
+    return (_jsx(WelcomeScreen, { title: welcomeMessage.title, description: welcomeMessage.description, image: welcomeMessage.image, starters: conversationStarters?.options, starterVariant: conversationStarters?.variant }));
+};
+const ConversationStartersRenderer = ({ conversationStarters, }) => {
+    const messages = useThread((s) => s.messages);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    if (!conversationStarters || !isChatEmpty({ isLoadingMessages, messages })) {
+        return null;
+    }
+    return (_jsx(ConversationStarter, { variant: conversationStarters.variant, starters: conversationStarters.options }));
+};
+const FullScreenInner = ({ logoUrl = "https://crayonai.org/img/logo.png", agentName = "My Agent", messageLoading: MessageLoadingComponent = MessageLoading, scrollVariant = "user-message-anchor", isArtifactActive, renderArtifact, welcomeMessage, conversationStarters, assistantMessage, userMessage, composer: ComposerComponent, }) => {
+    return (_jsxs(Container, { logoUrl: logoUrl, agentName: agentName, children: [_jsxs(SidebarContainer, { children: [_jsx(SidebarHeader, {}), _jsxs(SidebarContent, { children: [_jsx(NewChatButton, {}), _jsx(SidebarSeparator, {}), _jsx(ThreadList, {})] })] }), _jsxs(ThreadContainer, { isArtifactActive: isArtifactActive, renderArtifact: renderArtifact, children: [_jsx(MobileHeader, {}), _jsx(WelcomeMessageRenderer, { welcomeMessage: welcomeMessage, conversationStarters: conversationStarters }), _jsx(ScrollArea, { scrollVariant: scrollVariant, children: _jsx(Messages, { loader: _jsx(MessageLoadingComponent, {}), assistantMessage: assistantMessage, userMessage: userMessage }) }), _jsx(ConversationStartersRenderer, { conversationStarters: conversationStarters }), ComposerComponent ? (_jsx(CustomComposerAdapter, { composer: ComposerComponent })) : (_jsx(DefaultComposer, {}))] })] }));
+};
+export const FullScreen = withChatProvider(FullScreenInner);
+//# sourceMappingURL=ComposedStandalone.js.map

package/dist/components/OpenUIChat/ComposedStandalone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedStandalone.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/ComposedStandalone.tsx"],"names":[],"mappings":"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"}

package/dist/components/OpenUIChat/CustomComposerAdapter.d.ts

@@ -0,0 +1,5 @@
+import type { ComposerComponent } from "./types";
+export declare const CustomComposerAdapter: ({ composer: Composer }: {
+    composer: ComposerComponent;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomComposerAdapter.d.ts.map

package/dist/components/OpenUIChat/CustomComposerAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomComposerAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/CustomComposerAdapter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,qBAAqB,GAAI,wBAAwB;IAAE,QAAQ,EAAE,iBAAiB,CAAA;CAAE,4CAgB5F,CAAC"}

package/dist/components/OpenUIChat/CustomComposerAdapter.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useThread } from "@openuidev/react-headless";
+export const CustomComposerAdapter = ({ composer: Composer }) => {
+    const processMessage = useThread((s) => s.processMessage);
+    const cancelMessage = useThread((s) => s.cancelMessage);
+    const isRunning = useThread((s) => s.isRunning);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    return (_jsx(Composer, { onSend: (message) => {
+            processMessage({ role: "user", content: message });
+        }, onCancel: cancelMessage, isRunning: isRunning, isLoadingMessages: isLoadingMessages }));
+};
+//# sourceMappingURL=CustomComposerAdapter.js.map

package/dist/components/OpenUIChat/CustomComposerAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomComposerAdapter.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/CustomComposerAdapter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAmC,EAAE,EAAE;IAC/F,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAChD,MAAM,iBAAiB,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAEhE,OAAO,CACL,KAAC,QAAQ,IACP,MAAM,EAAE,CAAC,OAAe,EAAE,EAAE;YAC1B,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;QACrD,CAAC,EACD,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/OpenUIChat/GenUIAssistantMessage.d.ts

@@ -0,0 +1,7 @@
+import type { Library } from "@openuidev/lang-react";
+import type { AssistantMessage } from "@openuidev/react-headless";
+export declare const GenUIAssistantMessage: ({ message, library, }: {
+    message: AssistantMessage;
+    library: Library;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GenUIAssistantMessage.d.ts.map

package/dist/components/OpenUIChat/GenUIAssistantMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenUIAssistantMessage.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/GenUIAssistantMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,2BAA2B,CAAC;AAO/E,eAAO,MAAM,qBAAqB,GAAI,uBAGnC;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB,4CAsFA,CAAC"}

package/dist/components/OpenUIChat/GenUIAssistantMessage.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BuiltinActionType, Renderer } from "@openuidev/lang-react";
+import { useThread } from "@openuidev/react-headless";
+import { useCallback, useMemo } from "react";
+import { AssistantMessageContainer } from "../Shell";
+import { BehindTheScenes, ToolCallComponent } from "../ToolCall";
+import { ToolResult } from "../ToolResult";
+export const GenUIAssistantMessage = ({ message, library, }) => {
+    const messages = useThread((s) => s.messages);
+    const isRunning = useThread((s) => s.isRunning);
+    const processMessage = useThread((s) => s.processMessage);
+    const updateMessage = useThread((s) => s.updateMessage);
+    const isStreaming = useMemo(() => {
+        if (!isRunning)
+            return false;
+        for (let i = messages.length - 1; i >= 0; i--) {
+            if (messages[i]?.role === "assistant") {
+                return messages[i]?.id === message.id;
+            }
+        }
+        return false;
+    }, [isRunning, messages, message.id]);
+    const toolMessages = useMemo(() => {
+        const result = [];
+        const msgIndex = messages.findIndex((m) => m.id === message.id);
+        if (msgIndex !== -1) {
+            for (let i = msgIndex + 1; i < messages.length; i++) {
+                const m = messages[i];
+                if (m && m.role === "tool") {
+                    result.push(m);
+                }
+                else {
+                    break;
+                }
+            }
+        }
+        return result;
+    }, [messages, message.id]);
+    const getToolName = (toolCallId) => {
+        const toolCall = message.toolCalls?.find((tc) => tc.id === toolCallId);
+        return toolCall?.function.name;
+    };
+    const handleAction = useCallback((event) => {
+        if (event.type === BuiltinActionType.ContinueConversation) {
+            processMessage({
+                role: "user",
+                content: event.humanFriendlyMessage,
+            });
+        }
+    }, [processMessage]);
+    const handleUpdateMessage = useCallback((updatedContent) => {
+        updateMessage({ ...message, content: updatedContent });
+    }, [updateMessage, message]);
+    const hasToolActivity = (message.toolCalls && message.toolCalls.length > 0) || toolMessages.length > 0;
+    return (_jsxs(AssistantMessageContainer, { children: [hasToolActivity && (_jsxs(BehindTheScenes, { isStreaming: isStreaming, toolCallsComplete: !!message.content, children: [message.toolCalls?.map((toolCall, idx) => (_jsx(ToolCallComponent, { toolCall: toolCall, isStreaming: isStreaming, toolsDone: !!message.content, isLast: idx === (message.toolCalls?.length ?? 0) - 1 && toolMessages.length === 0 }, toolCall.id))), toolMessages.map((tm) => (_jsx(ToolResult, { message: tm, toolName: getToolName(tm.toolCallId) }, tm.id)))] })), _jsx(Renderer, { response: message.content ?? null, library: library, isStreaming: isStreaming, onAction: handleAction, updateMessage: handleUpdateMessage })] }));
+};
+//# sourceMappingURL=GenUIAssistantMessage.js.map

package/dist/components/OpenUIChat/GenUIAssistantMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenUIAssistantMessage.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/GenUIAssistantMessage.tsx"],"names":[],"mappings":"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"}

package/dist/components/OpenUIChat/composedBottomTray.css

@@ -0,0 +1 @@
+.openui-bottom-tray-trigger-logo{width:"100%";height:"100%";object-fit:"cover";border-radius:var(--openui-radius-m, 8px)}

package/dist/components/OpenUIChat/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/OpenUIChat/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/dependencies.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY,UAA+B,CAAC;AAElD,eAAe,YAAY,CAAC"}

package/dist/components/OpenUIChat/dependencies.js

@@ -0,0 +1,4 @@
+import shellDeps from "../Shell/dependencies";
+const dependencies = ["OpenUIChat", ...shellDeps];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/OpenUIChat/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,MAAM,YAAY,GAAG,CAAC,YAAY,EAAE,GAAG,SAAS,CAAC,CAAC;AAElD,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,6 @@
+export { BottomTray } from "./ComposedBottomTray";
+export { Copilot } from "./ComposedCopilot";
+export { FullScreen } from "./ComposedStandalone";
+export type { AssistantMessageComponent, ComposerComponent, ComposerProps, ConversationStartersConfig, SharedChatUIProps, UserMessageComponent, WelcomeMessageConfig, } from "./types";
+export { isChatEmpty, isWelcomeComponent } from "./utils";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,YAAY,EACV,yBAAyB,EACzB,iBAAiB,EACjB,aAAa,EACb,0BAA0B,EAC1B,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/OpenUIChat/index.js

@@ -0,0 +1,5 @@
+export { BottomTray } from "./ComposedBottomTray";
+export { Copilot } from "./ComposedCopilot";
+export { FullScreen } from "./ComposedStandalone";
+export { isChatEmpty, isWelcomeComponent } from "./utils";
+//# sourceMappingURL=index.js.map

package/dist/components/OpenUIChat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAUlD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/OpenUIChat/openUIChat.css

@@ -0,0 +1 @@
+.openui-bottom-tray-trigger-logo{width:"100%";height:"100%";object-fit:"cover";border-radius:var(--openui-radius-m, 8px)}

package/dist/components/OpenUIChat/stories/OpenUIChat.stories.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Default: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const StandaloneWithWelcome: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const StandaloneLongStarters: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CopilotDefault: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CopilotWithWelcome: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BottomTrayDefault: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BottomTrayOpen: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BottomTrayWithWelcome: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BottomTrayLongStarters: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=OpenUIChat.stories.d.ts.map

package/dist/components/OpenUIChat/stories/OpenUIChat.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenUIChat.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenUIChat/stories/OpenUIChat.stories.tsx"],"names":[],"mappings":";;;;AASA,wBAGE;AAqGF,eAAO,MAAM,OAAO;;CAMnB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;CAUjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;CAUlC,CAAC;AAEF,eAAO,MAAM,cAAc;;CAM1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;CAU9B,CAAC;AA6BF,eAAO,MAAM,iBAAiB;;CAE7B,CAAC;AAEF,eAAO,MAAM,cAAc;;CAE1B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;CAQjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;CAQlC,CAAC"}

package/dist/components/OpenUIChat/stories/OpenUIChat.stories.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sparkles, Zap } from "lucide-react";
+import { useState } from "react";
+import logoUrl from "../../BottomTray/stories/thesysdev_logo.jpeg";
+import { BottomTray } from "../ComposedBottomTray.js";
+import { Copilot } from "../ComposedCopilot.js";
+import { FullScreen } from "../ComposedStandalone.js";
+export default {
+    title: "Components/OpenUIChat",
+    tags: ["dev"],
+};
+function mockSSEResponse(text, delayMs = 500) {
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            const events = `data: ${JSON.stringify({ type: "TEXT_MESSAGE_CONTENT", delta: text })}\n\ndata: [DONE]\n\n`;
+            const stream = new ReadableStream({
+                start(controller) {
+                    controller.enqueue(new TextEncoder().encode(events));
+                    controller.close();
+                },
+            });
+            resolve(new Response(stream));
+        }, delayMs);
+    });
+}
+const SAMPLE_WELCOME_MESSAGE = {
+    title: "Hi, I'm OpenUI Assistant",
+    description: "I can help you with questions about your account, products, and more.",
+    image: { url: logoUrl },
+};
+const SAMPLE_STARTERS = {
+    variant: "short",
+    options: [
+        {
+            displayText: "Help me get started",
+            prompt: "Help me get started with OpenUI",
+            icon: _jsx(Sparkles, { size: 16 }),
+        },
+        {
+            displayText: "What can you do?",
+            prompt: "What can you do?",
+        },
+        {
+            displayText: "Tell me about features",
+            prompt: "Tell me about your features",
+            icon: _jsx(Zap, { size: 16 }),
+        },
+    ],
+};
+const LONG_STARTERS = {
+    variant: "long",
+    options: [
+        {
+            displayText: "Help me get started with this application and guide me through the features",
+            prompt: "Help me get started",
+            icon: _jsx(Sparkles, { size: 16 }),
+        },
+        {
+            displayText: "What can you do? I'd like to know all your capabilities",
+            prompt: "What can you do?",
+        },
+        {
+            displayText: "Tell me about your advanced features and how I can use them effectively",
+            prompt: "Tell me about your features",
+            icon: _jsx(Zap, { size: 16 }),
+        },
+    ],
+};
+const mockProcessMessage = async ({ messages }) => {
+    const lastMsg = messages[messages.length - 1];
+    const content = lastMsg?.role === "user" && typeof lastMsg.content === "string" ? lastMsg.content : "";
+    return mockSSEResponse(`You said: "${content}". This is a response from the AI assistant.`);
+};
+const sharedProps = {
+    processMessage: mockProcessMessage,
+    fetchThreadList: async () => ({
+        threads: [
+            { id: "1", title: "Previous Chat 1", createdAt: Date.now() },
+            { id: "2", title: "Previous Chat 2", createdAt: Date.now() },
+            { id: "3", title: "Previous Chat 3", createdAt: Date.now() },
+        ],
+    }),
+    createThread: async () => ({
+        id: crypto.randomUUID(),
+        title: "New Chat",
+        createdAt: Date.now(),
+    }),
+    deleteThread: async () => { },
+    updateThread: async (t) => t,
+    loadThread: async (threadId) => {
+        if (!threadId)
+            return [];
+        return [
+            { id: crypto.randomUUID(), role: "user", content: "Hello" },
+            {
+                id: crypto.randomUUID(),
+                role: "assistant",
+                content: "Hello! How can I help you today?",
+            },
+        ];
+    },
+    logoUrl,
+    agentName: "OpenUI Assistant",
+};
+export const Default = {
+    render: () => (_jsx("div", { style: { minHeight: "100vh", background: "var(--openui-bg-fill, #f5f5f5)" }, children: _jsx(FullScreen, { ...sharedProps }) })),
+};
+export const StandaloneWithWelcome = {
+    render: () => (_jsx("div", { style: { minHeight: "100vh", background: "var(--openui-bg-fill, #f5f5f5)" }, children: _jsx(FullScreen, { ...sharedProps, welcomeMessage: SAMPLE_WELCOME_MESSAGE, conversationStarters: SAMPLE_STARTERS }) })),
+};
+export const StandaloneLongStarters = {
+    render: () => (_jsx("div", { style: { minHeight: "100vh", background: "var(--openui-bg-fill, #f5f5f5)" }, children: _jsx(FullScreen, { ...sharedProps, welcomeMessage: SAMPLE_WELCOME_MESSAGE, conversationStarters: LONG_STARTERS }) })),
+};
+export const CopilotDefault = {
+    render: () => (_jsx("div", { style: { minHeight: "100vh", background: "var(--openui-bg-fill, #f5f5f5)" }, children: _jsx(Copilot, { ...sharedProps }) })),
+};
+export const CopilotWithWelcome = {
+    render: () => (_jsx("div", { style: { minHeight: "100vh", background: "var(--openui-bg-fill, #f5f5f5)" }, children: _jsx(Copilot, { ...sharedProps, welcomeMessage: SAMPLE_WELCOME_MESSAGE, conversationStarters: SAMPLE_STARTERS }) })),
+};
+const BottomTrayStory = ({ defaultOpen = false, ...rest }) => {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    return (_jsxs("div", { style: { minHeight: "100vh", background: "var(--openui-bg-fill, #f5f5f5)" }, children: [_jsxs("div", { style: { padding: "2rem" }, children: [_jsx("h1", { style: { marginBottom: "1rem" }, children: "Bottom Tray Example" }), _jsx("p", { style: { marginBottom: "1rem" }, children: "The chat appears as a bottom tray. Click the pill button to open/close." }), _jsxs("button", { onClick: () => setIsOpen(!isOpen), style: {
+                            padding: "0.5rem 1rem",
+                            background: "var(--openui-interactive-default)",
+                            border: "1px solid var(--openui-stroke-interactive-el)",
+                            borderRadius: "8px",
+                            cursor: "pointer",
+                        }, children: [isOpen ? "Close" : "Open", " Chat"] })] }), _jsx(BottomTray, { ...sharedProps, ...rest, isOpen: isOpen, onOpenChange: setIsOpen })] }));
+};
+export const BottomTrayDefault = {
+    render: () => _jsx(BottomTrayStory, {}),
+};
+export const BottomTrayOpen = {
+    render: () => _jsx(BottomTrayStory, { defaultOpen: true }),
+};
+export const BottomTrayWithWelcome = {
+    render: () => (_jsx(BottomTrayStory, { defaultOpen: true, welcomeMessage: SAMPLE_WELCOME_MESSAGE, conversationStarters: SAMPLE_STARTERS })),
+};
+export const BottomTrayLongStarters = {
+    render: () => (_jsx(BottomTrayStory, { defaultOpen: true, welcomeMessage: SAMPLE_WELCOME_MESSAGE, conversationStarters: LONG_STARTERS })),
+};
+//# sourceMappingURL=OpenUIChat.stories.js.map

package/dist/components/OpenUIChat/stories/OpenUIChat.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenUIChat.stories.js","sourceRoot":"","sources":["../../../../src/components/OpenUIChat/stories/OpenUIChat.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/OpenUIChat/types.d.ts

@@ -0,0 +1,135 @@
+import type { Library } from "@openuidev/lang-react";
+import type { AssistantMessage, UserMessage } from "@openuidev/react-headless";
+import { ReactNode } from "react";
+import { ScrollVariant } from "../../hooks/useScrollToBottom";
+import { ConversationStarterProps } from "../../types/ConversationStarter";
+/**
+ * Custom component for rendering assistant messages.
+ * When provided, replaces the default assistant message rendering entirely
+ * (including the container with avatar).
+ *
+ * @example
+ * const MyAssistantMessage: AssistantMessageComponent = ({ message }) => (
+ *   <div className="my-assistant-message">
+ *     <ReactMarkdown>{message.content ?? ""}</ReactMarkdown>
+ *   </div>
+ * );
+ */
+export type AssistantMessageComponent = React.ComponentType<{
+    message: AssistantMessage;
+}>;
+/**
+ * Custom component for rendering user messages.
+ * When provided, replaces the default user message rendering entirely
+ * (including the container).
+ *
+ * @example
+ * const MyUserMessage: UserMessageComponent = ({ message }) => (
+ *   <div className="my-user-message">
+ *     {typeof message.content === "string" ? message.content : "..."}
+ *   </div>
+ * );
+ */
+export type UserMessageComponent = React.ComponentType<{
+    message: UserMessage;
+}>;
+/**
+ * Welcome message configuration for OpenUIChat.
+ *
+ * Can be either:
+ * - A custom React component that will be wrapped with WelcomeScreen for styling
+ * - An object with title, description, and optional image
+ *
+ * @example
+ * // Props-based configuration
+ * const welcomeMessage: WelcomeMessageConfig = {
+ *   title: "Hi, I'm AI Assistant",
+ *   description: "I can help you with your questions.",
+ *   image: { url: "/logo.png" }, // or a ReactNode for custom styling
+ * };
+ *
+ * @example
+ * // Custom component
+ * const MyCustomWelcome = () => <div>Custom welcome content</div>;
+ * const welcomeMessage: WelcomeMessageConfig = MyCustomWelcome;
+ */
+export type WelcomeMessageConfig = React.ComponentType<any> | {
+    /** Title text displayed in the welcome screen */
+    title?: string;
+    /** Description text displayed below the title */
+    description?: string;
+    /**
+     * Image to display in the welcome screen.
+     * - `{ url: string }` - Renders with default 64x64 size, rounded corners
+     * - `ReactNode` - Full control over styling (e.g., `<img />`, `<Sparkles />`)
+     */
+    image?: {
+        url: string;
+    } | ReactNode;
+};
+/**
+ * Configuration for conversation starters in OpenUIChat.
+ *
+ * Conversation starters are clickable prompts shown when the thread is empty,
+ * helping users begin a conversation with predefined options.
+ *
+ * @example
+ * const starters: ConversationStartersConfig = {
+ *   variant: "short", // "short" for pill buttons, "long" for list items
+ *   options: [
+ *     { displayText: "Help me get started", prompt: "Help me get started" },
+ *     { displayText: "What can you do?", prompt: "What can you do?", icon: <Sparkles /> },
+ *   ],
+ * };
+ */
+export interface ConversationStartersConfig {
+    /**
+     * Visual variant for the conversation starters.
+     * - `"short"` - Pill-style buttons that wrap horizontally (default)
+     * - `"long"` - Vertical list with separators and hover arrows
+     */
+    variant?: "short" | "long";
+    /**
+     * Array of conversation starter options.
+     * Each option has displayText, prompt, and optional icon.
+     */
+    options: ConversationStarterProps[];
+}
+/**
+ * Props passed to a custom composer component.
+ */
+export type ComposerProps = {
+    onSend: (message: string) => void;
+    onCancel: () => void;
+    isRunning: boolean;
+    isLoadingMessages: boolean;
+};
+/**
+ * Custom component for the message input area.
+ * When provided, replaces the default composer entirely.
+ */
+export type ComposerComponent = React.ComponentType<ComposerProps>;
+/**
+ * Shared UI props for all chat layout variants (FullScreen, Copilot, BottomTray).
+ */
+export interface SharedChatUIProps {
+    logoUrl?: string;
+    agentName?: string;
+    messageLoading?: React.ComponentType;
+    scrollVariant?: ScrollVariant;
+    isArtifactActive?: boolean;
+    renderArtifact?: () => React.ReactNode;
+    welcomeMessage?: WelcomeMessageConfig;
+    conversationStarters?: ConversationStartersConfig;
+    assistantMessage?: AssistantMessageComponent;
+    userMessage?: UserMessageComponent;
+    composer?: ComposerComponent;
+    /**
+     * Component library created via `createLibrary()` from `@openuidev/lang-react`.
+     * When provided, assistant messages are rendered using the GenUI `Renderer`
+     * instead of the default markdown renderer. If `assistantMessage` is also
+     * provided, `assistantMessage` takes priority.
+     */
+    componentLibrary?: Library;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/OpenUIChat/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAE3E;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAC;IAC1D,OAAO,EAAE,gBAAgB,CAAC;CAC3B,CAAC,CAAC;AAEH;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC;IACrD,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,oBAAoB,GAC5B,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB;IACE,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;CACrC,CAAC;AAEN;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,0BAA0B;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;OAGG;IACH,OAAO,EAAE,wBAAwB,EAAE,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACvC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/dist/components/OpenUIChat/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/OpenUIChat/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/OpenUIChat/types.ts"],"names":[],"mappings":""}

package/dist/components/OpenUIChat/utils/index.d.ts

@@ -0,0 +1,27 @@
+import { Message } from "@openuidev/react-headless";
+import { WelcomeMessageConfig } from "../types";
+/**
+ * Type guard to check if a WelcomeMessageConfig is a custom React component.
+ *
+ * Use this to differentiate between a custom component and a props-based
+ * configuration when rendering the welcome message.
+ *
+ * @param config - The welcome message configuration to check
+ * @returns `true` if config is a React component, `false` if it's a props object
+ *
+ * @example
+ * if (isWelcomeComponent(welcomeMessage)) {
+ *   // welcomeMessage is a React.ComponentType
+ *   const CustomWelcome = welcomeMessage;
+ *   return <CustomWelcome />;
+ * } else {
+ *   // welcomeMessage is { title?, description?, image? }
+ *   return <WelcomeScreen {...welcomeMessage} />;
+ * }
+ */
+export declare const isWelcomeComponent: (config: WelcomeMessageConfig) => config is React.ComponentType<any>;
+export declare const isChatEmpty: ({ isLoadingMessages, messages, }: {
+    isLoadingMessages: boolean | undefined;
+    messages: Message[];
+}) => boolean;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/OpenUIChat/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenUIChat/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,oBAAoB,KAC3B,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,GAAG,CAEnC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,kCAGzB;IACD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB,YAEA,CAAC"}

package/dist/components/OpenUIChat/utils/index.js

@@ -0,0 +1,26 @@
+/**
+ * Type guard to check if a WelcomeMessageConfig is a custom React component.
+ *
+ * Use this to differentiate between a custom component and a props-based
+ * configuration when rendering the welcome message.
+ *
+ * @param config - The welcome message configuration to check
+ * @returns `true` if config is a React component, `false` if it's a props object
+ *
+ * @example
+ * if (isWelcomeComponent(welcomeMessage)) {
+ *   // welcomeMessage is a React.ComponentType
+ *   const CustomWelcome = welcomeMessage;
+ *   return <CustomWelcome />;
+ * } else {
+ *   // welcomeMessage is { title?, description?, image? }
+ *   return <WelcomeScreen {...welcomeMessage} />;
+ * }
+ */
+export const isWelcomeComponent = (config) => {
+    return typeof config === "function";
+};
+export const isChatEmpty = ({ isLoadingMessages, messages, }) => {
+    return !isLoadingMessages && messages.length === 0;
+};
+//# sourceMappingURL=index.js.map

package/dist/components/OpenUIChat/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/OpenUIChat/utils/index.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,MAA4B,EACQ,EAAE;IACtC,OAAO,OAAO,MAAM,KAAK,UAAU,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,iBAAiB,EACjB,QAAQ,GAIT,EAAE,EAAE;IACH,OAAO,CAAC,iBAAiB,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC;AACrD,CAAC,CAAC"}

package/dist/components/OpenUIChat/withChatProvider.d.ts

@@ -0,0 +1,14 @@
+import type { ChatProviderProps } from "@openuidev/react-headless";
+import { ThemeProps } from "../ThemeProvider";
+import type { SharedChatUIProps } from "./types";
+type ThemeWrapperProps = {
+    theme?: ThemeProps;
+    disableThemeProvider?: boolean;
+};
+export type ChatLayoutProps<Extra = {}> = Omit<ChatProviderProps, "children"> & SharedChatUIProps & ThemeWrapperProps & Extra;
+export declare function withChatProvider<ExtraProps = {}>(WrappedComponent: React.ComponentType<any>): {
+    (props: ChatLayoutProps<ExtraProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=withChatProvider.d.ts.map

package/dist/components/OpenUIChat/withChatProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withChatProvider.d.ts","sourceRoot":"","sources":["../../../src/components/OpenUIChat/withChatProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAC;AAE7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,KAAK,GAAG,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAC3E,iBAAiB,GACjB,iBAAiB,GACjB,KAAK,CAAC;AAmBR,wBAAgB,gBAAgB,CAAC,UAAU,GAAG,EAAE,EAAE,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC;YACzD,eAAe,CAAC,UAAU,CAAC;;EA8C7D"}