@openuidev/react-ui 0.9.16

package/dist/components/Shell/Thread.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { MessageProvider, useThread } from "@openuidev/react-headless";
+import clsx from "clsx";
+import { memo, useEffect, useRef } from "react";
+import { useLayoutContext } from "../../context/LayoutContext";
+import { useScrollToBottom } from "../../hooks/useScrollToBottom";
+import { MarkDownRenderer } from "../MarkDownRenderer";
+import { MessageLoading as MessageLoadingComponent } from "../MessageLoading";
+import { ToolCallComponent } from "../ToolCall";
+import { ToolResult } from "../ToolResult";
+import { ResizableSeparator } from "./ResizableSeparator";
+import { useShellStore } from "./store";
+import { useArtifactResize } from "./useArtifactResize";
+export const ThreadContainer = ({ children, className, isArtifactActive = false, renderArtifact = () => null, }) => {
+    const { layout } = useLayoutContext();
+    const isMobile = layout === "mobile";
+    const { setIsSidebarOpen, setIsArtifactActive, setArtifactRenderer } = useShellStore((state) => ({
+        setIsSidebarOpen: state.setIsSidebarOpen,
+        setIsArtifactActive: state.setIsArtifactActive,
+        setArtifactRenderer: state.setArtifactRenderer,
+    }));
+    // Sync artifact state and renderer with store
+    useEffect(() => {
+        setIsArtifactActive(isArtifactActive);
+        setArtifactRenderer(renderArtifact);
+    }, [isArtifactActive, renderArtifact, setIsArtifactActive, setArtifactRenderer]);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    const { containerRef, chatPanelRef, artifactPanelRef, isDragging, handleResize, handleDragStart, handleDragEnd, } = useArtifactResize({
+        isArtifactActive,
+        isMobile,
+        setIsSidebarOpen,
+    });
+    return (_jsx("div", { className: clsx("openui-shell-thread-container", className, {
+            "openui-shell-thread-container--artifact-active": isArtifactActive,
+        }), style: {
+            visibility: isLoadingMessages ? "hidden" : undefined,
+        }, children: _jsxs("div", { className: "openui-shell-thread-wrapper", ref: containerRef, children: [_jsx("div", { ref: chatPanelRef, className: clsx("openui-shell-thread-chat-panel", {
+                        "openui-shell-thread-chat-panel--animating": !isDragging,
+                    }), children: children }), !isMobile && isArtifactActive && (_jsxs(_Fragment, { children: [_jsx(ResizableSeparator, { onResize: handleResize, onDragStart: handleDragStart, onDragEnd: handleDragEnd }), _jsx("div", { ref: artifactPanelRef, className: clsx("openui-shell-thread-artifact-panel", {
+                                "openui-shell-thread-artifact-panel--animating": !isDragging,
+                            }), children: renderArtifact?.() })] }))] }) }));
+};
+export const ScrollArea = ({ children, className, scrollVariant = "user-message-anchor", userMessageSelector, }) => {
+    const ref = useRef(null);
+    const { layout } = useLayoutContext();
+    const isMobile = layout === "mobile";
+    const messages = useThread((s) => s.messages);
+    const isRunning = useThread((s) => s.isRunning);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    const { isArtifactActive, artifactRenderer } = useShellStore((store) => ({
+        isArtifactActive: store.isArtifactActive,
+        artifactRenderer: store.artifactRenderer,
+    }));
+    useScrollToBottom({
+        ref,
+        lastMessage: messages[messages.length - 1] || { id: "" },
+        scrollVariant,
+        userMessageSelector,
+        isRunning,
+        isLoadingMessages,
+    });
+    return (_jsxs("div", { className: "openui-shell-thread-scroll-container", children: [_jsx("div", { ref: ref, className: clsx("openui-shell-thread-scroll-area", {
+                    "openui-shell-thread-scroll-area--user-message-anchor": scrollVariant === "user-message-anchor",
+                }, className), children: children }), isMobile && isArtifactActive && (_jsx("div", { className: "openui-shell-thread-artifact-panel--mobile", children: artifactRenderer() }))] }));
+};
+export const AssistantMessageContainer = ({ children, className, }) => {
+    const { logoUrl } = useShellStore((store) => ({
+        logoUrl: store.logoUrl,
+    }));
+    return (_jsxs("div", { className: clsx("openui-shell-thread-message-assistant", className), children: [_jsx("img", { src: logoUrl, alt: "Assistant", className: "openui-shell-thread-message-assistant__logo" }), _jsx("div", { className: "openui-shell-thread-message-assistant__content", children: children })] }));
+};
+export const UserMessageContainer = ({ children, className, }) => {
+    return (_jsx("div", { className: clsx("openui-shell-thread-message-user", className), children: _jsx("div", { className: "openui-shell-thread-message-user__content", children: children }) }));
+};
+const AssistantMessageContent = ({ message, allMessages, }) => {
+    // Find tool result messages that correspond to this message's tool calls
+    const getToolName = (toolCallId) => {
+        const toolCall = message.toolCalls?.find((tc) => tc.id === toolCallId);
+        return toolCall?.function.name;
+    };
+    // Collect tool messages that follow this assistant message
+    const toolMessages = [];
+    const msgIndex = allMessages.findIndex((m) => m.id === message.id);
+    if (msgIndex !== -1) {
+        for (let i = msgIndex + 1; i < allMessages.length; i++) {
+            const m = allMessages[i];
+            if (m && m.role === "tool") {
+                toolMessages.push(m);
+            }
+            else {
+                break;
+            }
+        }
+    }
+    return (_jsxs(_Fragment, { children: [message.content && (_jsx(MarkDownRenderer, { textMarkdown: message.content, className: "openui-shell-thread-message-assistant__text" })), message.toolCalls?.map((toolCall) => (_jsx(ToolCallComponent, { toolCall: toolCall }, toolCall.id))), toolMessages.map((tm) => (_jsx(ToolResult, { message: tm, toolName: getToolName(tm.toolCallId) }, tm.id)))] }));
+};
+const UserMessageContent = ({ message }) => {
+    if (message.role !== "user")
+        return null;
+    const content = message.content;
+    if (typeof content === "string") {
+        return _jsx(_Fragment, { children: content });
+    }
+    // InputContent[] — render text parts
+    return (_jsx(_Fragment, { children: content?.map((part, i) => {
+            if (part.type === "text") {
+                return _jsx("span", { children: part.text }, i);
+            }
+            // Binary content — could be image, file, etc.
+            if (part.type === "binary" && part.url) {
+                return (_jsx("img", { src: part.url, alt: "", className: "openui-shell-thread-message-user__image" }, i));
+            }
+            return null;
+        }) }));
+};
+export const RenderMessage = memo(({ message, className, allMessages, assistantMessage: CustomAssistantMessage, userMessage: CustomUserMessage, }) => {
+    if (message.role === "tool") {
+        // Tool messages are rendered inline with their parent assistant message
+        return null;
+    }
+    if (message.role === "assistant") {
+        if (CustomAssistantMessage) {
+            return _jsx(CustomAssistantMessage, { message: message });
+        }
+        return (_jsx(AssistantMessageContainer, { className: className, children: _jsx(AssistantMessageContent, { message: message, allMessages: allMessages }) }));
+    }
+    if (message.role === "user") {
+        if (CustomUserMessage) {
+            return _jsx(CustomUserMessage, { message: message });
+        }
+        return (_jsx(UserMessageContainer, { className: className, children: _jsx(UserMessageContent, { message: message }) }));
+    }
+    // Other roles (system, developer, reasoning, activity) — skip by default
+    return null;
+});
+export const MessageLoading = () => {
+    return (_jsx("div", { className: "openui-shell-thread-message-loading", children: _jsx(MessageLoadingComponent, {}) }));
+};
+export const Messages = ({ className, loader, assistantMessage, userMessage, }) => {
+    const messages = useThread((s) => s.messages);
+    const isRunning = useThread((s) => s.isRunning);
+    return (_jsxs("div", { className: clsx("openui-shell-thread-messages", className), children: [messages.map((message) => {
+                return (_jsx(MessageProvider, { message: message, children: _jsx(RenderMessage, { message: message, allMessages: messages, assistantMessage: assistantMessage, userMessage: userMessage }) }, message.id));
+            }), isRunning && _jsx("div", { children: loader })] }));
+};
+// Re-export Composer from components
+export { Composer } from "./components";
+//# sourceMappingURL=Thread.js.map

package/dist/components/Shell/Thread.js.map

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

package/dist/components/Shell/ThreadList.d.ts

@@ -0,0 +1,9 @@
+export declare const ThreadButton: ({ id, title, className, }: {
+    id: string;
+    title: string;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ThreadList: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThreadList.d.ts.map

package/dist/components/Shell/ThreadList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadList.d.ts","sourceRoot":"","sources":["../../../src/components/Shell/ThreadList.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,GAAI,2BAI1B;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CA6DA,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CA6E/D,CAAC"}

package/dist/components/Shell/ThreadList.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useThreadList } from "@openuidev/react-headless";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import clsx from "clsx";
+import { EllipsisVerticalIcon, Trash2Icon } from "lucide-react";
+import { Fragment, useEffect } from "react";
+import { useLayoutContext } from "../../context/LayoutContext";
+import { useShellStore } from "./store";
+export const ThreadButton = ({ id, title, className, }) => {
+    const selectThread = useThreadList((s) => s.selectThread);
+    const deleteThread = useThreadList((s) => s.deleteThread);
+    const selectedThreadId = useThreadList((s) => s.selectedThreadId);
+    const { isSidebarOpen, setIsSidebarOpen } = useShellStore((state) => ({
+        isSidebarOpen: state.isSidebarOpen,
+        setIsSidebarOpen: state.setIsSidebarOpen,
+    }));
+    const { layout } = useLayoutContext();
+    return (_jsxs("div", { className: clsx("openui-shell-thread-button", {
+            "openui-shell-thread-button--selected": selectedThreadId === id,
+        }, className), children: [_jsx("button", { className: "openui-shell-thread-button-title", onClick: () => {
+                    if (layout === "mobile") {
+                        setIsSidebarOpen(!isSidebarOpen);
+                    }
+                    selectThread(id);
+                }, children: title }), _jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsx("button", { className: "openui-shell-thread-button-dropdown-trigger", children: _jsx(EllipsisVerticalIcon, { size: 14 }) }) }), _jsx(DropdownMenu.Portal, { children: _jsx(DropdownMenu.Content, { className: "openui-shell-thread-button-dropdown-menu", side: "bottom", align: "start", sideOffset: 2, children: _jsxs(DropdownMenu.Item, { className: "openui-shell-thread-button-dropdown-menu-item", onSelect: () => {
+                                    deleteThread(id);
+                                }, children: [_jsx(Trash2Icon, { size: 14, className: "openui-shell-thread-button-dropdown-menu-item-icon" }), "Delete"] }) }) })] })] }));
+};
+export const ThreadList = ({ className }) => {
+    const threads = useThreadList((s) => s.threads);
+    const loadThreads = useThreadList((s) => s.loadThreads);
+    useEffect(() => {
+        loadThreads();
+    }, []);
+    const groupThreads = () => {
+        const now = new Date();
+        const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+        const yesterday = new Date(today);
+        yesterday.setDate(yesterday.getDate() - 1);
+        const last7Days = new Date(today);
+        last7Days.setDate(last7Days.getDate() - 7);
+        const last30Days = new Date(today);
+        last30Days.setDate(last30Days.getDate() - 30);
+        const thisYear = new Date(today);
+        thisYear.setMonth(0, 1);
+        return threads.reduce((groups, thread) => {
+            const threadDate = new Date(thread.createdAt);
+            if (threadDate >= today) {
+                groups.today = [...(groups.today || []), thread];
+            }
+            else if (threadDate >= yesterday) {
+                groups.yesterday = [...(groups.yesterday || []), thread];
+            }
+            else if (threadDate >= last7Days) {
+                groups.last7Days = [...(groups.last7Days || []), thread];
+            }
+            else if (threadDate >= last30Days) {
+                groups.last30Days = [...(groups.last30Days || []), thread];
+            }
+            else if (threadDate >= thisYear) {
+                groups.thisYear = [...(groups.thisYear || []), thread];
+            }
+            else {
+                groups.older = [...(groups.older || []), thread];
+            }
+            return groups;
+        }, {
+            today: [],
+            yesterday: [],
+            last7Days: [],
+            last30Days: [],
+            thisYear: [],
+            older: [],
+        });
+    };
+    const groupedThreads = groupThreads();
+    const groupLabels = {
+        today: "Today",
+        yesterday: "Yesterday",
+        last7Days: "Previous 7 Days",
+        last30Days: "Previous 30 Days",
+        thisYear: "This Year",
+        older: "Older",
+    };
+    return (_jsx("div", { className: clsx("openui-shell-thread-list", className), children: Object.entries(groupedThreads)
+            .filter(([_, groupThreads]) => groupThreads.length > 0)
+            .map(([group, groupThreads]) => (_jsxs(Fragment, { children: [_jsx("div", { className: "openui-shell-thread-list-group", children: groupLabels[group] }), groupThreads.map((thread) => (_jsx(ThreadButton, { id: thread.id, title: thread.title }, thread.id)))] }, group))) }));
+};
+//# sourceMappingURL=ThreadList.js.map

package/dist/components/Shell/ThreadList.js.map

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

package/dist/components/Shell/WelcomeScreen.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from "react";
+import { ConversationStarterProps } from "../../types/ConversationStarter";
+import { ConversationStarterVariant } from "./ConversationStarter";
+interface WelcomeScreenBaseProps {
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}
+interface WelcomeScreenWithContentProps extends WelcomeScreenBaseProps {
+    /**
+     * The greeting/title text to display
+     */
+    title?: string;
+    /**
+     * Optional description text to add more context
+     */
+    description?: string;
+    /**
+     * Image to display - can be a URL object or a ReactNode
+     * - { url: string }: Renders an <img> tag with default styling (64x64, object-fit: cover, rounded)
+     * - ReactNode: Renders the provided element directly (for custom icons, styled images, etc.)
+     */
+    image?: {
+        url: string;
+    } | ReactNode;
+    /**
+     * Conversation starters to show below the composer
+     */
+    starters?: ConversationStarterProps[];
+    /**
+     * Variant of the conversation starters
+     */
+    starterVariant?: ConversationStarterVariant;
+    /**
+     * Children are not allowed when using props-based content
+     */
+    children?: never;
+}
+interface WelcomeScreenWithChildrenProps extends WelcomeScreenBaseProps {
+    /**
+     * Custom content to render inside the welcome screen
+     * When children are provided, title, description, and image are ignored
+     */
+    children: ReactNode;
+    title?: never;
+    description?: never;
+    image?: never;
+    starters?: never;
+    starterVariant?: never;
+}
+export type WelcomeScreenProps = WelcomeScreenWithContentProps | WelcomeScreenWithChildrenProps;
+export declare const WelcomeScreen: (props: WelcomeScreenProps) => import("react/jsx-runtime").JSX.Element | null;
+export default WelcomeScreen;
+//# sourceMappingURL=WelcomeScreen.d.ts.map

package/dist/components/Shell/WelcomeScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Shell/WelcomeScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,OAAO,EAAuB,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAExF,UAAU,sBAAsB;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,6BAA8B,SAAQ,sBAAsB;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,UAAU,8BAA+B,SAAQ,sBAAsB;IACrE;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB;AAED,MAAM,MAAM,kBAAkB,GAAG,6BAA6B,GAAG,8BAA8B,CAAC;AAShG,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,mDAkEtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Shell/WelcomeScreen.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useThread } from "@openuidev/react-headless";
+import clsx from "clsx";
+import { isChatEmpty } from "../OpenUIChat/utils";
+import { DesktopWelcomeComposer } from "./components";
+import { ConversationStarter } from "./ConversationStarter";
+/**
+ * Type guard to check if image is a URL object
+ */
+const isImageUrl = (image) => {
+    return typeof image === "object" && image !== null && "url" in image;
+};
+export const WelcomeScreen = (props) => {
+    const { className, starters = [], starterVariant = "long" } = props;
+    const messages = useThread((s) => s.messages);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    // Only show when there are no messages
+    if (!isChatEmpty({ isLoadingMessages, messages })) {
+        return null;
+    }
+    // Check if children are provided
+    if ("children" in props && props.children) {
+        return _jsx("div", { className: clsx("openui-shell-welcome-screen", className), children: props.children });
+    }
+    // Props-based content
+    const { title, description, image } = props;
+    const renderImage = () => {
+        if (!image)
+            return null;
+        if (isImageUrl(image)) {
+            return (_jsx("img", { src: image.url, alt: title || "", className: "openui-shell-welcome-screen__image" }));
+        }
+        return image;
+    };
+    return (_jsxs("div", { className: clsx("openui-shell-welcome-screen", "openui-shell-welcome-screen--with-composer", className), children: [_jsxs("div", { className: "openui-shell-welcome-screen__header", children: [image && (_jsx("div", { className: "openui-shell-welcome-screen__image-container", children: renderImage() })), (title || description) && (_jsxs("div", { className: "openui-shell-welcome-screen__content", children: [title && _jsx("h2", { className: "openui-shell-welcome-screen__title", children: title }), description && (_jsx("p", { className: "openui-shell-welcome-screen__description", children: description }))] }))] }), _jsxs("div", { className: "openui-shell-welcome-screen__composer-starters-container", children: [_jsx("div", { className: "openui-shell-welcome-screen__desktop-composer", children: _jsx(DesktopWelcomeComposer, {}) }), starters.length > 0 && (_jsx("div", { className: "openui-shell-welcome-screen__desktop-starters", children: _jsx(ConversationStarter, { starters: starters, variant: starterVariant }) }))] })] }));
+};
+export default WelcomeScreen;
+//# sourceMappingURL=WelcomeScreen.js.map

package/dist/components/Shell/WelcomeScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeScreen.js","sourceRoot":"","sources":["../../../src/components/Shell/WelcomeScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAA8B,MAAM,uBAAuB,CAAC;AAqDxF;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,KAAkC,EAA4B,EAAE;IAClF,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,cAAc,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAEpE,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,iBAAiB,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAEhE,uCAAuC;IACvC,IAAI,CAAC,WAAW,CAAC,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;QAClD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iCAAiC;IACjC,IAAI,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1C,OAAO,cAAK,SAAS,EAAE,IAAI,CAAC,6BAA6B,EAAE,SAAS,CAAC,YAAG,KAAK,CAAC,QAAQ,GAAO,CAAC;IAChG,CAAC;IAED,sBAAsB;IACtB,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAsC,CAAC;IAE7E,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QAExB,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YACtB,OAAO,CACL,cAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,EAAE,SAAS,EAAC,oCAAoC,GAAG,CACzF,CAAC;QACJ,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,IAAI,CACb,6BAA6B,EAC7B,4CAA4C,EAC5C,SAAS,CACV,aAED,eAAK,SAAS,EAAC,qCAAqC,aACjD,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,8CAA8C,YAAE,WAAW,EAAE,GAAO,CACpF,EACA,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,sCAAsC,aAClD,KAAK,IAAI,aAAI,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAM,EACxE,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,0CAA0C,YAAE,WAAW,GAAK,CAC1E,IACG,CACP,IACG,EAEN,eAAK,SAAS,EAAC,0DAA0D,aACvE,cAAK,SAAS,EAAC,+CAA+C,YAC5D,KAAC,sBAAsB,KAAG,GACtB,EAEL,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,cAAK,SAAS,EAAC,+CAA+C,YAC5D,KAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,GAAI,GAChE,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Shell/components/Composer.d.ts

@@ -0,0 +1,7 @@
+export interface ComposerProps {
+    className?: string;
+    placeholder?: string;
+}
+export declare const Composer: ({ className, placeholder }: ComposerProps) => import("react/jsx-runtime").JSX.Element;
+export default Composer;
+//# sourceMappingURL=Composer.d.ts.map

package/dist/components/Shell/components/Composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../../src/components/Shell/components/Composer.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,4BAAqD,aAAa,4CAuD1F,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Shell/components/Composer.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useThread } from "@openuidev/react-headless";
+import clsx from "clsx";
+import { ArrowUp, Square } from "lucide-react";
+import { useLayoutEffect, useRef } from "react";
+import { useComposerState } from "../../../hooks/useComposerState";
+import { IconButton } from "../../IconButton";
+export const Composer = ({ className, placeholder = "Type your message..." }) => {
+    const { textContent, setTextContent } = useComposerState();
+    const processMessage = useThread((s) => s.processMessage);
+    const cancelMessage = useThread((s) => s.cancelMessage);
+    const isRunning = useThread((s) => s.isRunning);
+    const inputRef = useRef(null);
+    const handleSubmit = () => {
+        if (!textContent.trim() || isRunning) {
+            return;
+        }
+        processMessage({
+            role: "user",
+            content: textContent,
+        });
+        setTextContent("");
+    };
+    useLayoutEffect(() => {
+        const input = inputRef.current;
+        if (!input) {
+            return;
+        }
+        input.style.height = "auto";
+        input.style.height = `${input.scrollHeight}px`;
+    }, [textContent]);
+    return (_jsx("div", { className: clsx("openui-shell-thread-composer", className), children: _jsxs("div", { className: "openui-shell-thread-composer__input-wrapper", children: [_jsx("textarea", { ref: inputRef, rows: 1, autoFocus: true, value: textContent, onChange: (e) => setTextContent(e.target.value), className: "openui-shell-thread-composer__input", placeholder: placeholder, onKeyDown: (e) => {
+                        if (e.key === "Enter" && !e.shiftKey) {
+                            e.preventDefault();
+                            handleSubmit();
+                        }
+                    } }), _jsx(IconButton, { onClick: isRunning ? cancelMessage : handleSubmit, icon: isRunning ? _jsx(Square, { size: "1em", fill: "currentColor" }) : _jsx(ArrowUp, { size: "1em" }) })] }) }));
+};
+export default Composer;
+//# sourceMappingURL=Composer.js.map

package/dist/components/Shell/components/Composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composer.js","sourceRoot":"","sources":["../../../../src/components/Shell/components/Composer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAO9C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,sBAAsB,EAAiB,EAAE,EAAE;IAC7F,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC3D,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,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,SAAS,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QAED,cAAc,CAAC;YACb,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,WAAW;SACrB,CAAC,CAAC;QAEH,cAAc,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC5B,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,cAAK,SAAS,EAAE,IAAI,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAC7D,eAAK,SAAS,EAAC,6CAA6C,aAC1D,mBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,CAAC,EACP,SAAS,QACT,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,SAAS,EAAC,qCAAqC,EAC/C,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;4BACrC,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,YAAY,EAAE,CAAC;wBACjB,CAAC;oBACH,CAAC,GACD,EACF,KAAC,UAAU,IACT,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,EACjD,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc,GAAG,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,KAAK,GAAG,GACpF,IACE,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Shell/components/DesktopWelcomeComposer.d.ts

@@ -0,0 +1,7 @@
+export interface DesktopWelcomeComposerProps {
+    className?: string;
+    placeholder?: string;
+}
+export declare const DesktopWelcomeComposer: ({ className, placeholder, }: DesktopWelcomeComposerProps) => import("react/jsx-runtime").JSX.Element;
+export default DesktopWelcomeComposer;
+//# sourceMappingURL=DesktopWelcomeComposer.d.ts.map

package/dist/components/Shell/components/DesktopWelcomeComposer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopWelcomeComposer.d.ts","sourceRoot":"","sources":["../../../../src/components/Shell/components/DesktopWelcomeComposer.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,sBAAsB,GAAI,6BAGpC,2BAA2B,4CA0D7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/Shell/components/DesktopWelcomeComposer.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useThread } from "@openuidev/react-headless";
+import clsx from "clsx";
+import { ArrowUp, Square } from "lucide-react";
+import { useLayoutEffect, useRef } from "react";
+import { useComposerState } from "../../../hooks/useComposerState";
+import { IconButton } from "../../IconButton";
+export const DesktopWelcomeComposer = ({ className, placeholder = "Type your message...", }) => {
+    const { textContent, setTextContent } = useComposerState();
+    const processMessage = useThread((s) => s.processMessage);
+    const cancelMessage = useThread((s) => s.cancelMessage);
+    const isRunning = useThread((s) => s.isRunning);
+    const inputRef = useRef(null);
+    const handleSubmit = () => {
+        if (!textContent.trim() || isRunning) {
+            return;
+        }
+        processMessage({
+            role: "user",
+            content: textContent,
+        });
+        setTextContent("");
+    };
+    useLayoutEffect(() => {
+        const input = inputRef.current;
+        if (!input) {
+            return;
+        }
+        input.style.height = "auto";
+        input.style.height = `${input.scrollHeight}px`;
+    }, [textContent]);
+    return (_jsxs("div", { className: clsx("openui-shell-desktop-welcome-composer", className), children: [_jsx("div", { className: "openui-shell-desktop-welcome-composer__input-container", children: _jsx("textarea", { autoFocus: true, ref: inputRef, rows: 1, value: textContent, onChange: (e) => setTextContent(e.target.value), className: "openui-shell-desktop-welcome-composer__input", placeholder: placeholder, onKeyDown: (e) => {
+                        if (e.key === "Enter" && !e.shiftKey) {
+                            e.preventDefault();
+                            handleSubmit();
+                        }
+                    } }) }), _jsx("div", { className: "openui-shell-desktop-welcome-composer__actions", children: _jsx(IconButton, { onClick: isRunning ? cancelMessage : handleSubmit, disabled: !textContent.trim() && !isRunning, icon: isRunning ? _jsx(Square, { size: "1em", fill: "currentColor" }) : _jsx(ArrowUp, { size: "1em" }) }) })] }));
+};
+export default DesktopWelcomeComposer;
+//# sourceMappingURL=DesktopWelcomeComposer.js.map

package/dist/components/Shell/components/DesktopWelcomeComposer.js.map

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

package/dist/components/Shell/components/composer.css

@@ -0,0 +1 @@
+.openui-shell-thread-composer{max-width:880px;width:100%;margin:0 auto var(--openui-space-m, 12px);padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-composer{margin:0;padding:var(--openui-space-m, 12px) 14px;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-shell-thread-container--artifact-active .openui-shell-thread-composer{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-composer__input-wrapper{border:1.256px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-xl, 12px);display:flex;align-items:flex-end;gap:var(--openui-space-s, 8px);padding:var(--openui-space-m, 12px)}.openui-shell-thread-composer__input{flex-grow:1;padding:0;resize:none;margin:auto 0px;min-height:1lh;max-height:154px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-composer__input::placeholder{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}

package/dist/components/Shell/components/desktopWelcomeComposer.css

@@ -0,0 +1 @@
+.openui-shell-desktop-welcome-composer{display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);padding:var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-2xl, 14px);box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));width:100%;max-width:800px}.openui-shell-desktop-welcome-composer__input-container{display:flex;padding-left:var(--openui-space-3xs, 2px)}.openui-shell-desktop-welcome-composer__input{flex:1;padding:0;resize:none;max-height:200px;min-height:24px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-desktop-welcome-composer__input::placeholder{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-shell-desktop-welcome-composer__actions{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.openui-shell-desktop-welcome-composer__action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;flex-shrink:0}

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

@@ -0,0 +1,3 @@
+export * from "./Composer";
+export * from "./DesktopWelcomeComposer";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Shell/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC"}

package/dist/components/Shell/components/index.js

@@ -0,0 +1,3 @@
+export * from "./Composer";
+export * from "./DesktopWelcomeComposer";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Shell/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC"}

package/dist/components/Shell/conversationStarter.css

@@ -0,0 +1 @@
+.openui-shell-conversation-starter{width:100%;max-width:880px;margin:0 auto;padding:0 calc(32px + var(--openui-space-s, 8px)) var(--openui-space-m, 12px)}.openui-shell-conversation-starter--short{display:flex;flex-wrap:wrap;gap:var(--openui-space-s, 8px)}.openui-shell-conversation-starter--long{display:flex;flex-direction:column;gap:var(--openui-space-2xs, 4px)}.openui-shell-conversation-starter__separator{padding:var(--openui-space-3xs, 2px) var(--openui-space-xs, 6px)}.openui-shell-container--mobile .openui-shell-conversation-starter{padding:0 var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-conversation-starter{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-conversation-starter-item-short{display:flex;align-items:center;gap:var(--openui-space-xs, 6px);width:fit-content;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left}.openui-shell-conversation-starter-item-short__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-short__text{flex:1;white-space:nowrap}.openui-shell-conversation-starter-item-short:not(:disabled):hover{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-shell-conversation-starter-item-short:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}@media(max-width: 480px){.openui-shell-conversation-starter-item-short{padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px)}}.openui-shell-conversation-starter-item-long{display:flex;align-items:center;gap:var(--openui-space-000, 0);width:100%;padding:var(--openui-space-xs, 6px) var(--openui-space-m, 12px);background-color:rgba(0,0,0,0);border:none;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:background-color .15s ease;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left;overflow:hidden}.openui-shell-conversation-starter-item-long__content{display:flex;align-items:flex-start;gap:var(--openui-space-s, 8px);flex:1;min-width:0}.openui-shell-conversation-starter-item-long__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-2xs, 4px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-long__text{flex:1;min-width:0;line-height:1.5}.openui-shell-conversation-starter-item-long__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s ease;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-long:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-shell-conversation-starter-item-long:not(:disabled):hover .openui-shell-conversation-starter-item-long__arrow{opacity:1}.openui-shell-conversation-starter-item-long:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/Shell/dependencies.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY,UAA8C,CAAC;AACjE,eAAe,YAAY,CAAC"}

package/dist/components/Shell/dependencies.js

@@ -0,0 +1,5 @@
+import buttonDeps from "../Button/dependencies";
+import iconButtonDeps from "../IconButton/dependencies";
+const dependencies = ["Shell", ...iconButtonDeps, ...buttonDeps];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/Shell/dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,cAAc,MAAM,4BAA4B,CAAC;AAExD,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,GAAG,cAAc,EAAE,GAAG,UAAU,CAAC,CAAC;AACjE,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,11 @@
+export * from "./components";
+export * from "./Container";
+export * from "./ConversationStarter";
+export * from "./MobileHeader";
+export * from "./NewChatButton";
+export * from "./Sidebar";
+export * from "./store";
+export * from "./Thread";
+export * from "./ThreadList";
+export * from "./WelcomeScreen";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Shell/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}

package/dist/components/Shell/index.js

@@ -0,0 +1,11 @@
+export * from "./components";
+export * from "./Container";
+export * from "./ConversationStarter";
+export * from "./MobileHeader";
+export * from "./NewChatButton";
+export * from "./Sidebar";
+export * from "./store";
+export * from "./Thread";
+export * from "./ThreadList";
+export * from "./WelcomeScreen";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Shell/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}

package/dist/components/Shell/mobileHeader.css

@@ -0,0 +1 @@
+.openui-shell-mobile-header{display:none}.openui-shell-container--mobile .openui-shell-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-shell-mobile-header-logo-container{display:flex;align-items:center;gap:var(--openui-space-m, 12px);position:absolute;left:50%;transform:translateX(-50%)}.openui-shell-mobile-header-logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-mobile-header-agent-name{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-mobile-header-actions{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}

package/dist/components/Shell/resizableSeparator.css

@@ -0,0 +1 @@
+.openui-shell-resizable-separator{width:1px;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));cursor:col-resize;position:relative;flex-shrink:0;user-select:none;animation:fadeIn .3s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-resizable-separator::before{content:"";position:absolute;top:0;bottom:0;left:-8px;right:-8px;cursor:col-resize}.openui-shell-resizable-separator:hover{background-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-shell-resizable-separator:hover .openui-shell-resizable-separator__handle{opacity:1}.openui-shell-resizable-separator__handle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:4px;height:40px;background-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3));border-radius:var(--openui-radius-full, 9999px);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}