@openuidev/react-ui 0.9.16

package/dist/components/CopilotShell/Thread.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { MessageProvider, useThread } from "@openuidev/react-headless";
+import clsx from "clsx";
+import { ArrowUp, Square } from "lucide-react";
+import { memo, useEffect, useLayoutEffect, useRef } from "react";
+import { useComposerState } from "../../hooks/useComposerState";
+import { useScrollToBottom } from "../../hooks/useScrollToBottom";
+import { IconButton } from "../IconButton";
+import { MarkDownRenderer } from "../MarkDownRenderer";
+import { MessageLoading as MessageLoadingComponent } from "../MessageLoading";
+import { useShellStore } from "../Shell/store";
+import { ToolCallComponent } from "../ToolCall";
+import { ToolResult } from "../ToolResult";
+export const ThreadContainer = ({ children, className, isArtifactActive = false, renderArtifact = () => null, }) => {
+    const { setIsArtifactActive, setArtifactRenderer } = useShellStore((state) => ({
+        setIsArtifactActive: state.setIsArtifactActive,
+        setArtifactRenderer: state.setArtifactRenderer,
+    }));
+    useEffect(() => {
+        setIsArtifactActive(isArtifactActive);
+        setArtifactRenderer(renderArtifact);
+    }, [isArtifactActive, setIsArtifactActive]);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    return (_jsx("div", { className: clsx("openui-copilot-shell-thread-container", className), style: {
+            visibility: isLoadingMessages ? "hidden" : undefined,
+        }, children: children }));
+};
+export const ScrollArea = ({ children, className, scrollVariant = "user-message-anchor", userMessageSelector = ".openui-copilot-shell-thread-message-user", }) => {
+    const ref = useRef(null);
+    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-copilot-shell-thread-scroll-container", children: [_jsx("div", { ref: ref, className: clsx("openui-copilot-shell-thread-scroll-area", {
+                    "openui-copilot-shell-thread-scroll-area--user-message-anchor": scrollVariant === "user-message-anchor",
+                }, className), children: children }), isArtifactActive && (_jsx("div", { className: "openui-copilot-shell-thread-artifact-panel--mobile", children: artifactRenderer() }))] }));
+};
+export const AssistantMessageContainer = ({ children, className, }) => {
+    return (_jsx("div", { className: clsx("openui-copilot-shell-thread-message-assistant", className), children: _jsx("div", { className: "openui-copilot-shell-thread-message-assistant__content", children: children }) }));
+};
+export const UserMessageContainer = ({ children, className, }) => {
+    return (_jsx("div", { className: clsx("openui-copilot-shell-thread-message-user", className), children: _jsx("div", { className: "openui-copilot-shell-thread-message-user__content", children: children }) }));
+};
+const AssistantMessageContent = ({ message, allMessages, }) => {
+    const getToolName = (toolCallId) => {
+        const toolCall = message.toolCalls?.find((tc) => tc.id === toolCallId);
+        return toolCall?.function.name;
+    };
+    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-copilot-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 });
+    }
+    return (_jsx(_Fragment, { children: content?.map((part, i) => {
+            if (part.type === "text") {
+                return _jsx("span", { children: part.text }, i);
+            }
+            if (part.type === "binary" && part.url) {
+                return (_jsx("img", { src: part.url, alt: "", className: "openui-copilot-shell-thread-message-user__image" }, i));
+            }
+            return null;
+        }) }));
+};
+export const RenderMessage = memo(({ message, className, allMessages, assistantMessage: CustomAssistantMessage, userMessage: CustomUserMessage, }) => {
+    if (message.role === "tool") {
+        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 }) }));
+    }
+    return null;
+});
+export const MessageLoading = () => {
+    return (_jsx("div", { className: "openui-copilot-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-copilot-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 })] }));
+};
+export const Composer = ({ className }) => {
+    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-copilot-shell-thread-composer", className), children: _jsxs("div", { className: "openui-copilot-shell-thread-composer__input-wrapper", children: [_jsx("textarea", { ref: inputRef, autoFocus: true, rows: 1, value: textContent, onChange: (e) => setTextContent(e.target.value), className: "openui-copilot-shell-thread-composer__input", placeholder: "Type your message...", 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" }) })] }) }));
+};
+//# sourceMappingURL=Thread.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Thread.js","sourceRoot":"","sources":["../../../src/components/CopilotShell/Thread.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAc,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,gBAAgB,GAAG,KAAK,EACxB,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,GAM5B,EAAE,EAAE;IACH,MAAM,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,GAAG,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC7E,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;QAC9C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;KAC/C,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;QACtC,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE5C,MAAM,iBAAiB,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAEhE,OAAO,CACL,cACE,SAAS,EAAE,IAAI,CAAC,uCAAuC,EAAE,SAAS,CAAC,EACnE,KAAK,EAAE;YACL,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;SACrD,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,aAAa,GAAG,qBAAqB,EACrC,mBAAmB,GAAG,2CAA2C,GAYlE,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC9C,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;IAChE,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACvE,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;KACzC,CAAC,CAAC,CAAC;IAEJ,iBAAiB,CAAC;QAChB,GAAG;QACH,WAAW,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE;QACxD,aAAa;QACb,mBAAmB;QACnB,SAAS;QACT,iBAAiB;KAClB,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CACb,yCAAyC,EACzC;oBACE,8DAA8D,EAC5D,aAAa,KAAK,qBAAqB;iBAC1C,EACD,SAAS,CACV,YAEA,QAAQ,GACL,EACL,gBAAgB,IAAI,CACnB,cAAK,SAAS,EAAC,oDAAoD,YAChE,gBAAgB,EAAE,GACf,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,IAAI,CAAC,+CAA+C,EAAE,SAAS,CAAC,YAC9E,cAAK,SAAS,EAAC,wDAAwD,YAAE,QAAQ,GAAO,GACpF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,IAAI,CAAC,0CAA0C,EAAE,SAAS,CAAC,YACzE,cAAK,SAAS,EAAC,mDAAmD,YAAE,QAAQ,GAAO,GAC/E,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,EAC/B,OAAO,EACP,WAAW,GAIZ,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,UAAkB,EAAE,EAAE;QACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC;QACvE,OAAO,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAkB,EAAE,CAAC;IACvC,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC;IACnE,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;QACpB,KAAK,IAAI,CAAC,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACvD,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC3B,YAAY,CAAC,IAAI,CAAC,CAAgB,CAAC,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,CACL,8BACG,OAAO,CAAC,OAAO,IAAI,CAClB,KAAC,gBAAgB,IACf,YAAY,EAAE,OAAO,CAAC,OAAO,EAC7B,SAAS,EAAC,qDAAqD,GAC/D,CACH,EACA,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACpC,KAAC,iBAAiB,IAAmB,QAAQ,EAAE,QAAQ,IAA/B,QAAQ,CAAC,EAAE,CAAwB,CAC5D,CAAC,EACD,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CACxB,KAAC,UAAU,IAAa,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC,UAAU,CAAC,IAAxD,EAAE,CAAC,EAAE,CAAuD,CAC9E,CAAC,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;IAC/D,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM;QAAE,OAAO,IAAI,CAAC;IACzC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,4BAAG,OAAO,GAAI,CAAC;IACxB,CAAC;IACD,OAAO,CACL,4BACG,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACxB,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACzB,OAAO,yBAAe,IAAI,CAAC,IAAI,IAAb,CAAC,CAAoB,CAAC;YAC1C,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;gBACvC,OAAO,CACL,cAEE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,iDAAiD,IAHtD,CAAC,CAIN,CACH,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAC/B,CAAC,EACC,OAAO,EACP,SAAS,EACT,WAAW,EACX,gBAAgB,EAAE,sBAAsB,EACxC,WAAW,EAAE,iBAAiB,GAO/B,EAAE,EAAE;IACH,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QACjC,IAAI,sBAAsB,EAAE,CAAC;YAC3B,OAAO,KAAC,sBAAsB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;QACtD,CAAC;QACD,OAAO,CACL,KAAC,yBAAyB,IAAC,SAAS,EAAE,SAAS,YAC7C,KAAC,uBAAuB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,GAC7C,CAC7B,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC5B,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;QACjD,CAAC;QACD,OAAO,CACL,KAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,YACxC,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,GAAI,GACnB,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,CACL,cAAK,SAAS,EAAC,6CAA6C,YAC1D,KAAC,uBAAuB,KAAG,GACvB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,SAAS,EACT,MAAM,EACN,gBAAgB,EAChB,WAAW,GAMZ,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,sCAAsC,EAAE,SAAS,CAAC,aACpE,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;gBACxB,OAAO,CACL,KAAC,eAAe,IAAkB,OAAO,EAAE,OAAO,YAChD,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,QAAQ,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,GACxB,IANkB,OAAO,CAAC,EAAE,CAOd,CACnB,CAAC;YACJ,CAAC,CAAC,EACD,SAAS,IAAI,wBAAM,MAAM,GAAO,IAC7B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE;IAChE,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,sCAAsC,EAAE,SAAS,CAAC,YACrE,eAAK,SAAS,EAAC,qDAAqD,aAClE,mBACE,GAAG,EAAE,QAAQ,EACb,SAAS,QACT,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,SAAS,EAAC,6CAA6C,EACvD,WAAW,EAAC,sBAAsB,EAClC,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"}

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

@@ -0,0 +1,43 @@
+import { ReactNode } from "react";
+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;
+    /**
+     * 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;
+}
+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/CopilotShell/WelcomeScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeScreen.d.ts","sourceRoot":"","sources":["../../../src/components/CopilotShell/WelcomeScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,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,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;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,6BAA6B,GAAG,8BAA8B,CAAC;AAShG,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,mDAoDtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/CopilotShell/WelcomeScreen.js

@@ -0,0 +1,36 @@
+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";
+/**
+ * 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 } = 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-copilot-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-copilot-shell-welcome-screen__image" }));
+        }
+        return image;
+    };
+    return (_jsxs("div", { className: clsx("openui-copilot-shell-welcome-screen", className), children: [image && (_jsx("div", { className: "openui-copilot-shell-welcome-screen__image-container", children: renderImage() })), (title || description) && (_jsxs("div", { className: "openui-copilot-shell-welcome-screen__content", children: [title && _jsx("h2", { className: "openui-copilot-shell-welcome-screen__title", children: title }), description && (_jsx("p", { className: "openui-copilot-shell-welcome-screen__description", children: description }))] }))] }));
+};
+export default WelcomeScreen;
+//# sourceMappingURL=WelcomeScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeScreen.js","sourceRoot":"","sources":["../../../src/components/CopilotShell/WelcomeScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AA2ClD;;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,GAAG,KAAK,CAAC;IAE5B,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,CACL,cAAK,SAAS,EAAE,IAAI,CAAC,qCAAqC,EAAE,SAAS,CAAC,YAAG,KAAK,CAAC,QAAQ,GAAO,CAC/F,CAAC;IACJ,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,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,IAAI,EAAE,EAChB,SAAS,EAAC,4CAA4C,GACtD,CACH,CAAC;QACJ,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,qCAAqC,EAAE,SAAS,CAAC,aACnE,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,sDAAsD,YAAE,WAAW,EAAE,GAAO,CAC5F,EACA,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,8CAA8C,aAC1D,KAAK,IAAI,aAAI,SAAS,EAAC,4CAA4C,YAAE,KAAK,GAAM,EAChF,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,kDAAkD,YAAE,WAAW,GAAK,CAClF,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/CopilotShell/conversationStarter.css

@@ -0,0 +1 @@
+.openui-copilot-shell-conversation-starter{display:flex;padding:0 var(--openui-space-l, 18px);margin-bottom:var(--openui-space-s, 8px)}.openui-copilot-shell-conversation-starter--short{flex-direction:column;gap:var(--openui-space-s, 8px)}.openui-copilot-shell-conversation-starter--long{flex-direction:column;gap:var(--openui-space-2xs, 4px)}.openui-copilot-shell-conversation-starter__separator{padding:var(--openui-space-3xs, 2px) var(--openui-space-xs, 6px)}.openui-copilot-shell-conversation-starter-item-short{display:flex;align-items:flex-start;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-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left}.openui-copilot-shell-conversation-starter-item-short__icon{display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-3xs, 2px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-conversation-starter-item-short__text{flex:1}.openui-copilot-shell-conversation-starter-item-short:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-copilot-shell-conversation-starter-item-short:not(:disabled):active{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}@media(max-width: 480px){.openui-copilot-shell-conversation-starter-item-short{padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px)}}.openui-copilot-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-s, 8px);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-copilot-shell-conversation-starter-item-long__content{display:flex;align-items:flex-start;gap:var(--openui-space-s, 8px);flex:1;min-width:0}.openui-copilot-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-copilot-shell-conversation-starter-item-long__text{flex:1;min-width:0;line-height:1.5}.openui-copilot-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-copilot-shell-conversation-starter-item-long:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-copilot-shell-conversation-starter-item-long:not(:disabled):hover .openui-copilot-shell-conversation-starter-item-long__arrow{opacity:1}.openui-copilot-shell-conversation-starter-item-long:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}

package/dist/components/CopilotShell/copilotShell.css

@@ -0,0 +1 @@
+.openui-copilot-shell-thread-container{display:flex;flex:1;overflow:hidden;flex-direction:column}.openui-copilot-shell-thread-scroll-container{width:100%;flex:1;position:relative;overflow:hidden}.openui-copilot-shell-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-l, 18px)}.openui-copilot-shell-thread-scroll-area--user-message-anchor .openui-copilot-shell-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-copilot-shell-thread-artifact-panel--mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));animation:slideInFromBottom .3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.openui-copilot-shell-thread-messages{margin:0 auto;display:flex;flex-direction:column;gap:var(--openui-space-xl, 24px)}.openui-copilot-shell-thread-message-assistant{width:100%;overflow:hidden}.openui-copilot-shell-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-copilot-shell-thread-message-assistant__text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-thread-message-user{display:flex;justify-content:flex-end}.openui-copilot-shell-thread-message-user__content{padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-chat-user-response-bg, oklch(9.7% 0 0deg));color:var(--openui-chat-user-response-text, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-copilot-shell-thread-composer{width:100%;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px) var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-copilot-shell-thread-composer__input-wrapper{border:1.256px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));display:flex;align-items:flex-end;gap:var(--openui-space-s, 8px);padding:var(--openui-space-m, 12px);border-radius:var(--openui-radius-l, 10px)}.openui-copilot-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;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-thread-composer__input::placeholder{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-copilot-shell-header{display:flex;align-items:center;justify-content:space-between;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);border-bottom:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-copilot-shell-header-logo-container{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-copilot-shell-header-logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-copilot-shell-header-agent-name{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-conversation-starter{display:flex;padding:0 var(--openui-space-l, 18px);margin-bottom:var(--openui-space-s, 8px)}.openui-copilot-shell-conversation-starter--short{flex-direction:column;gap:var(--openui-space-s, 8px)}.openui-copilot-shell-conversation-starter--long{flex-direction:column;gap:var(--openui-space-2xs, 4px)}.openui-copilot-shell-conversation-starter__separator{padding:var(--openui-space-3xs, 2px) var(--openui-space-xs, 6px)}.openui-copilot-shell-conversation-starter-item-short{display:flex;align-items:flex-start;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-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left}.openui-copilot-shell-conversation-starter-item-short__icon{display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-3xs, 2px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-conversation-starter-item-short__text{flex:1}.openui-copilot-shell-conversation-starter-item-short:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-copilot-shell-conversation-starter-item-short:not(:disabled):active{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}@media(max-width: 480px){.openui-copilot-shell-conversation-starter-item-short{padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px)}}.openui-copilot-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-s, 8px);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-copilot-shell-conversation-starter-item-long__content{display:flex;align-items:flex-start;gap:var(--openui-space-s, 8px);flex:1;min-width:0}.openui-copilot-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-copilot-shell-conversation-starter-item-long__text{flex:1;min-width:0;line-height:1.5}.openui-copilot-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-copilot-shell-conversation-starter-item-long:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-copilot-shell-conversation-starter-item-long:not(:disabled):hover .openui-copilot-shell-conversation-starter-item-long__arrow{opacity:1}.openui-copilot-shell-conversation-starter-item-long:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-copilot-shell-welcome-screen{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);height:100%;justify-content:center;align-items:center}.openui-copilot-shell-welcome-screen__image-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.openui-copilot-shell-welcome-screen__image{width:64px;height:64px;object-fit:cover;border-radius:var(--openui-radius-xl, 12px)}.openui-copilot-shell-welcome-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-xs, 6px);text-align:center}.openui-copilot-shell-welcome-screen__title{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));margin:0}.openui-copilot-shell-welcome-screen__description{font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));margin:0;max-width:280px}.openui-copilot-shell-container{display:flex;position:relative;height:100dvh;width:530px;overflow:hidden;border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-width:0 1px;background:var(--openui-background, oklch(97% 0 89.876deg));box-sizing:border-box}.openui-copilot-shell-container *{box-sizing:border-box}

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

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

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

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

package/dist/components/CopilotShell/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/CopilotShell/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/CopilotShell/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/CopilotShell/header.css

@@ -0,0 +1 @@
+.openui-copilot-shell-header{display:flex;align-items:center;justify-content:space-between;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);border-bottom:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-copilot-shell-header-logo-container{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-copilot-shell-header-logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-copilot-shell-header-agent-name{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}

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

@@ -0,0 +1,6 @@
+export * from "./Container";
+export * from "./ConversationStarter";
+export * from "./Header";
+export * from "./Thread";
+export * from "./WelcomeScreen";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CopilotShell/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}

package/dist/components/CopilotShell/index.js

@@ -0,0 +1,6 @@
+export * from "./Container";
+export * from "./ConversationStarter";
+export * from "./Header";
+export * from "./Thread";
+export * from "./WelcomeScreen";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CopilotShell/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}

package/dist/components/CopilotShell/stories/Shell.stories.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        variant: string;
+    };
+    render: ({ variant }: {
+        variant: "short" | "long";
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LongVariant: {
+    args: {
+        variant: string;
+    };
+    render: ({ variant }: {
+        variant: "short" | "long";
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithWelcomeScreen: {
+    args: {
+        variant: string;
+    };
+    render: ({ variant }: {
+        variant: "short" | "long";
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithCustomWelcomeScreen: {
+    args: {
+        variant: string;
+    };
+    render: ({ variant }: {
+        variant: "short" | "long";
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=Shell.stories.d.ts.map

package/dist/components/CopilotShell/stories/Shell.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shell.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CopilotShell/stories/Shell.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAgCA,wBAUE;AAoBF,eAAO,MAAM,OAAO;;;;0BAII;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;KAAE;CAqDpD,CAAC;AAEF,eAAO,MAAM,WAAW;;;;0BAIA;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;KAAE;CAgCpD,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;;0BAIN;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;KAAE;CAqCpD,CAAC;AAGF,eAAO,MAAM,uBAAuB;;;;0BAIZ;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;KAAE;CAwDpD,CAAC"}

package/dist/components/CopilotShell/stories/Shell.stories.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChatProvider } from "@openuidev/react-headless";
+import { Sparkles } from "lucide-react";
+import { Composer, Container, ConversationStarter, Header, MessageLoading, Messages, ScrollArea, ThreadContainer, WelcomeScreen, } from "../../CopilotShell";
+// @ts-ignore
+import styles from "./style.module.css";
+import logoUrl from "./thesysdev_logo.jpeg";
+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);
+    });
+}
+export default {
+    title: "Components/CopilotShell",
+    tags: ["dev"],
+    argTypes: {
+        variant: {
+            control: "select",
+            options: ["short", "long"],
+            description: "Conversation starter variant",
+        },
+    },
+};
+const SAMPLE_STARTERS = [
+    {
+        displayText: "Tell me about my portfolio",
+        prompt: "Tell me about the latest stock market trends and how they affect my portfolio",
+        icon: _jsx(Sparkles, { size: 16 }),
+    },
+    {
+        displayText: "Who is the president of Venezuela and where is he currently located?",
+        prompt: "Who is the president of Venezuela and where is he currently located?",
+        // icon undefined = shows default lightbulb
+    },
+    {
+        displayText: "Tell me about major stock (no icon)",
+        prompt: "Tell me about major stock",
+        icon: _jsx(_Fragment, {}), // Empty fragment = no icon
+    },
+];
+export const Default = {
+    args: {
+        variant: "short",
+    },
+    render: ({ variant }) => (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.left }), _jsx(ChatProvider, { processMessage: async () => mockSSEResponse("This is a response from the AI assistant.", 1000), fetchThreadList: async () => {
+                    await new Promise((resolve) => setTimeout(resolve, 1000));
+                    return {
+                        threads: [
+                            { id: "1", title: "test", createdAt: Date.now() },
+                            { id: "2", title: "test 2", createdAt: Date.now() },
+                            { id: "3", title: "test 3", createdAt: Date.now() },
+                        ],
+                    };
+                }, createThread: async () => ({
+                    id: crypto.randomUUID(),
+                    title: "test",
+                    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?",
+                        },
+                    ];
+                }, children: _jsx(Container, { logoUrl: logoUrl, agentName: "OpenUI", children: _jsxs(ThreadContainer, { children: [_jsx(Header, {}), _jsx(ScrollArea, { children: _jsx(Messages, { loader: _jsx(MessageLoading, {}) }) }), _jsx(ConversationStarter, { starters: SAMPLE_STARTERS, variant: variant }), _jsx(Composer, {})] }) }) })] })),
+};
+export const LongVariant = {
+    args: {
+        variant: "long",
+    },
+    render: ({ variant }) => (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.left }), _jsx(ChatProvider, { processMessage: async ({ messages }) => {
+                    const lastMsg = messages[messages.length - 1];
+                    const content = lastMsg && typeof lastMsg.content === "string" ? lastMsg.content : "";
+                    return mockSSEResponse(`You asked: "${content}"`, 1000);
+                }, fetchThreadList: async () => ({ threads: [] }), createThread: async () => ({
+                    id: crypto.randomUUID(),
+                    title: "New Chat",
+                    createdAt: Date.now(),
+                }), deleteThread: async () => { }, updateThread: async (t) => t, loadThread: async () => [], children: _jsx(Container, { logoUrl: logoUrl, agentName: "OpenUI", children: _jsxs(ThreadContainer, { children: [_jsx(Header, {}), _jsx(ScrollArea, { children: _jsx(Messages, { loader: _jsx(MessageLoading, {}) }) }), _jsx(ConversationStarter, { starters: SAMPLE_STARTERS, variant: variant }), _jsx(Composer, {})] }) }) })] })),
+};
+// Example with WelcomeScreen
+export const WithWelcomeScreen = {
+    args: {
+        variant: "short",
+    },
+    render: ({ variant }) => (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.left }), _jsx(ChatProvider, { processMessage: async ({ messages }) => {
+                    const lastMsg = messages[messages.length - 1];
+                    const content = lastMsg && typeof lastMsg.content === "string" ? lastMsg.content : "";
+                    return mockSSEResponse(`You asked: "${content}"`, 1000);
+                }, fetchThreadList: async () => ({ threads: [] }), createThread: async () => ({
+                    id: crypto.randomUUID(),
+                    title: "New Chat",
+                    createdAt: Date.now(),
+                }), deleteThread: async () => { }, updateThread: async (t) => t, loadThread: async () => [], children: _jsx(Container, { logoUrl: logoUrl, agentName: "OpenUI Assistant", children: _jsxs(ThreadContainer, { children: [_jsx(Header, {}), _jsx(WelcomeScreen, { title: "Hi, I'm OpenUI Assistant", description: "I can help you with questions about your account, products, and more.", image: { url: logoUrl } }), _jsx(ScrollArea, { children: _jsx(Messages, { loader: _jsx(MessageLoading, {}) }) }), _jsx(ConversationStarter, { starters: SAMPLE_STARTERS, variant: variant }), _jsx(Composer, {})] }) }) })] })),
+};
+// Example with custom children in WelcomeScreen
+export const WithCustomWelcomeScreen = {
+    args: {
+        variant: "short",
+    },
+    render: ({ variant }) => (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.left }), _jsx(ChatProvider, { processMessage: async ({ messages }) => {
+                    const lastMsg = messages[messages.length - 1];
+                    const content = lastMsg && typeof lastMsg.content === "string" ? lastMsg.content : "";
+                    return mockSSEResponse(`You asked: "${content}"`, 1000);
+                }, fetchThreadList: async () => ({ threads: [] }), createThread: async () => ({
+                    id: crypto.randomUUID(),
+                    title: "New Chat",
+                    createdAt: Date.now(),
+                }), deleteThread: async () => { }, updateThread: async (t) => t, loadThread: async () => [], children: _jsx(Container, { logoUrl: logoUrl, agentName: "OpenUI Assistant", children: _jsxs(ThreadContainer, { children: [_jsx(Header, {}), _jsx(WelcomeScreen, { children: _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: {
+                                                width: 80,
+                                                height: 80,
+                                                borderRadius: 16,
+                                                background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+                                                display: "flex",
+                                                alignItems: "center",
+                                                justifyContent: "center",
+                                                margin: "0 auto 16px",
+                                            }, children: _jsx(Sparkles, { size: 40, color: "white" }) }), _jsx("h2", { style: { margin: "0 0 8px", fontSize: 20, fontWeight: 600 }, children: "Welcome to AI Assistant" }), _jsx("p", { style: { margin: 0, color: "rgba(0,0,0,0.5)", fontSize: 14 }, children: "Your personal AI helper for all your questions" })] }) }), _jsx(ScrollArea, { children: _jsx(Messages, { loader: _jsx(MessageLoading, {}) }) }), _jsx(ConversationStarter, { starters: SAMPLE_STARTERS, variant: variant }), _jsx(Composer, {})] }) }) })] })),
+};
+//# sourceMappingURL=Shell.stories.js.map

package/dist/components/CopilotShell/stories/Shell.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shell.stories.js","sourceRoot":"","sources":["../../../../src/components/CopilotShell/stories/Shell.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,MAAM,EACN,cAAc,EACd,QAAQ,EACR,UAAU,EACV,eAAe,EACf,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,aAAa;AACb,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,SAAS,eAAe,CAAC,IAAY,EAAE,OAAO,GAAG,GAAG;IAClD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,MAAM,GAAG,SAAS,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,sBAAsB,CAAC;YAC5G,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC;gBAChC,KAAK,CAAC,UAAU;oBACd,UAAU,CAAC,OAAO,CAAC,IAAI,WAAW,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;oBACrD,UAAU,CAAC,KAAK,EAAE,CAAC;gBACrB,CAAC;aACF,CAAC,CAAC;YACH,OAAO,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QAChC,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC;AAED,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,KAAK,CAAC;IACb,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;YAC1B,WAAW,EAAE,8BAA8B;SAC5C;KACF;CACF,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB;QACE,WAAW,EAAE,4BAA4B;QACzC,MAAM,EAAE,+EAA+E;QACvF,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI;KAC7B;IACD;QACE,WAAW,EAAE,sEAAsE;QACnF,MAAM,EAAE,sEAAsE;QAC9E,2CAA2C;KAC5C;IACD;QACE,WAAW,EAAE,qCAAqC;QAClD,MAAM,EAAE,2BAA2B;QACnC,IAAI,EAAE,mBAAK,EAAE,2BAA2B;KACzC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACtD,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAC/B,KAAC,YAAY,IACX,cAAc,EAAE,KAAK,IAAI,EAAE,CACzB,eAAe,CAAC,2CAA2C,EAAE,IAAI,CAAC,EAEpE,eAAe,EAAE,KAAK,IAAI,EAAE;oBAC1B,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;oBAC1D,OAAO;wBACL,OAAO,EAAE;4BACP,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE;4BACjD,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE;4BACnD,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE;yBACpD;qBACF,CAAC;gBACJ,CAAC,EACD,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;oBACzB,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;oBACvB,KAAK,EAAE,MAAM;oBACb,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;iBACtB,CAAC,EACF,YAAY,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAC5B,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAC5B,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;oBAC7B,IAAI,CAAC,QAAQ;wBAAE,OAAO,EAAE,CAAC;oBACzB,OAAO;wBACL;4BACE,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;4BACvB,IAAI,EAAE,MAAM;4BACZ,OAAO,EAAE,OAAO;yBACN;wBACZ;4BACE,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;4BACvB,IAAI,EAAE,WAAW;4BACjB,OAAO,EAAE,kCAAkC;yBACjC;qBACb,CAAC;gBACJ,CAAC,YAED,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,YAC7C,MAAC,eAAe,eACd,KAAC,MAAM,KAAG,EACV,KAAC,UAAU,cACT,KAAC,QAAQ,IAAC,MAAM,EAAE,KAAC,cAAc,KAAG,GAAI,GAC7B,EACb,KAAC,mBAAmB,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,GAAI,EACpE,KAAC,QAAQ,KAAG,IACI,GACR,GACC,IACX,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACtD,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAC/B,KAAC,YAAY,IACX,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;oBACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBAC9C,MAAM,OAAO,GAAG,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;oBACtF,OAAO,eAAe,CAAC,eAAe,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC;gBAC1D,CAAC,EACD,eAAe,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAC9C,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;oBACzB,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;oBACvB,KAAK,EAAE,UAAU;oBACjB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;iBACtB,CAAC,EACF,YAAY,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAC5B,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAC5B,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE,YAE1B,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,YAC7C,MAAC,eAAe,eACd,KAAC,MAAM,KAAG,EACV,KAAC,UAAU,cACT,KAAC,QAAQ,IAAC,MAAM,EAAE,KAAC,cAAc,KAAG,GAAI,GAC7B,EACb,KAAC,mBAAmB,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,GAAI,EACpE,KAAC,QAAQ,KAAG,IACI,GACR,GACC,IACX,CACP;CACF,CAAC;AAEF,6BAA6B;AAC7B,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACtD,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAC/B,KAAC,YAAY,IACX,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;oBACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBAC9C,MAAM,OAAO,GAAG,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;oBACtF,OAAO,eAAe,CAAC,eAAe,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC;gBAC1D,CAAC,EACD,eAAe,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAC9C,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;oBACzB,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;oBACvB,KAAK,EAAE,UAAU;oBACjB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;iBACtB,CAAC,EACF,YAAY,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAC5B,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAC5B,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE,YAE1B,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,YACvD,MAAC,eAAe,eACd,KAAC,MAAM,KAAG,EACV,KAAC,aAAa,IACZ,KAAK,EAAC,0BAA0B,EAChC,WAAW,EAAC,uEAAuE,EACnF,KAAK,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,GACvB,EACF,KAAC,UAAU,cACT,KAAC,QAAQ,IAAC,MAAM,EAAE,KAAC,cAAc,KAAG,GAAI,GAC7B,EACb,KAAC,mBAAmB,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,GAAI,EACpE,KAAC,QAAQ,KAAG,IACI,GACR,GACC,IACX,CACP;CACF,CAAC;AAEF,gDAAgD;AAChD,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACtD,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAC/B,KAAC,YAAY,IACX,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;oBACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBAC9C,MAAM,OAAO,GAAG,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;oBACtF,OAAO,eAAe,CAAC,eAAe,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC;gBAC1D,CAAC,EACD,eAAe,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAC9C,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;oBACzB,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;oBACvB,KAAK,EAAE,UAAU;oBACjB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;iBACtB,CAAC,EACF,YAAY,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAC5B,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAC5B,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE,YAE1B,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,YACvD,MAAC,eAAe,eACd,KAAC,MAAM,KAAG,EACV,KAAC,aAAa,cACZ,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aACjC,cACE,KAAK,EAAE;gDACL,KAAK,EAAE,EAAE;gDACT,MAAM,EAAE,EAAE;gDACV,YAAY,EAAE,EAAE;gDAChB,UAAU,EAAE,mDAAmD;gDAC/D,OAAO,EAAE,MAAM;gDACf,UAAU,EAAE,QAAQ;gDACpB,cAAc,EAAE,QAAQ;gDACxB,MAAM,EAAE,aAAa;6CACtB,YAED,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,GAChC,EACN,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,wCAE1D,EACL,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,+DAE3D,IACA,GACQ,EAChB,KAAC,UAAU,cACT,KAAC,QAAQ,IAAC,MAAM,EAAE,KAAC,cAAc,KAAG,GAAI,GAC7B,EACb,KAAC,mBAAmB,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,GAAI,EACpE,KAAC,QAAQ,KAAG,IACI,GACR,GACC,IACX,CACP;CACF,CAAC"}

package/dist/components/CopilotShell/stories/style.module.css

@@ -0,0 +1 @@
+.container{display:flex}.left{flex-grow:1;background:#fff}

package/dist/components/CopilotShell/thread.css

@@ -0,0 +1 @@
+.openui-copilot-shell-thread-container{display:flex;flex:1;overflow:hidden;flex-direction:column}.openui-copilot-shell-thread-scroll-container{width:100%;flex:1;position:relative;overflow:hidden}.openui-copilot-shell-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-l, 18px)}.openui-copilot-shell-thread-scroll-area--user-message-anchor .openui-copilot-shell-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-copilot-shell-thread-artifact-panel--mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));animation:slideInFromBottom .3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.openui-copilot-shell-thread-messages{margin:0 auto;display:flex;flex-direction:column;gap:var(--openui-space-xl, 24px)}.openui-copilot-shell-thread-message-assistant{width:100%;overflow:hidden}.openui-copilot-shell-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-copilot-shell-thread-message-assistant__text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-thread-message-user{display:flex;justify-content:flex-end}.openui-copilot-shell-thread-message-user__content{padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-chat-user-response-bg, oklch(9.7% 0 0deg));color:var(--openui-chat-user-response-text, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-copilot-shell-thread-composer{width:100%;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px) var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-copilot-shell-thread-composer__input-wrapper{border:1.256px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));display:flex;align-items:flex-end;gap:var(--openui-space-s, 8px);padding:var(--openui-space-m, 12px);border-radius:var(--openui-radius-l, 10px)}.openui-copilot-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;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-copilot-shell-thread-composer__input::placeholder{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}

package/dist/components/CopilotShell/welcomeScreen.css

@@ -0,0 +1 @@
+.openui-copilot-shell-welcome-screen{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);height:100%;justify-content:center;align-items:center}.openui-copilot-shell-welcome-screen__image-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.openui-copilot-shell-welcome-screen__image{width:64px;height:64px;object-fit:cover;border-radius:var(--openui-radius-xl, 12px)}.openui-copilot-shell-welcome-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-xs, 6px);text-align:center}.openui-copilot-shell-welcome-screen__title{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));margin:0}.openui-copilot-shell-welcome-screen__description{font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));margin:0;max-width:280px}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,15 @@
+import { DateRange } from "react-day-picker";
+export interface DatePickerProps {
+    mode?: "single" | "range";
+    selectedSingleDate?: Date;
+    selectedRangeDates?: DateRange;
+    setSelectedSingleDate?: (date?: Date) => void;
+    setSelectedRangeDates?: (range?: DateRange) => void;
+    isOpen?: boolean;
+    setIsOpen?: (isOpen: boolean) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export { DatePicker };
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,IAAI,CAAC;IAC1B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9C,qBAAqB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,4CAgEzC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useLayoutContext } from "../../context/LayoutContext";
+import { FloatingDatePickerRenderer } from "./helpers/components/FloatingDatePickerRenderer";
+import { DatePickerProvider } from "./helpers/context/DatePickerContext";
+const DatePicker = (props) => {
+    const { layout } = useLayoutContext();
+    const { mode = "single", selectedSingleDate, selectedRangeDates, setSelectedSingleDate, setSelectedRangeDates, isOpen, setIsOpen, className, style, } = props;
+    const [internalSelectedDate, setInternalSelectedDate] = useState(selectedSingleDate);
+    const [internalSelectedRange, setInternalSelectedRange] = useState(selectedRangeDates);
+    const [internalIsOpen, setInternalIsOpen] = useState(isOpen ?? false);
+    // this derived setter state is used to make this component more flexible
+    // it allows the user to pass in a setter function from the parent component
+    // if the parent component does not pass in a setter function, the internal setter state is used
+    // this allows the user to pass in a setter function from the parent component, but still have the internal state be set
+    // this design decision closely follow
+    const selectedDateHandler = (selectedDate) => {
+        if (selectedSingleDate) {
+            setSelectedSingleDate?.(selectedDate);
+            return;
+        }
+        setSelectedSingleDate?.(selectedDate);
+        setInternalSelectedDate(selectedDate);
+    };
+    const selectedRangeHandler = (selectedRange) => {
+        if (selectedRangeDates) {
+            setSelectedRangeDates?.(selectedRange);
+            return;
+        }
+        setSelectedRangeDates?.(selectedRange);
+        setInternalSelectedRange(selectedRange);
+    };
+    return (_jsx(DatePickerProvider, { mode: mode, botType: layout, selectedDateFromParent: selectedSingleDate ?? internalSelectedDate, selectedRangeFromParent: selectedRangeDates ?? internalSelectedRange, setSelectedDateFromParent: selectedDateHandler, setSelectedRangeFromParent: selectedRangeHandler, isOpenFromParent: isOpen ?? internalIsOpen, setIsOpenFromParent: setIsOpen ?? setInternalIsOpen, children: _jsx(FloatingDatePickerRenderer, { className: className, style: style }) }));
+};
+export { DatePicker };
+//# sourceMappingURL=DatePicker.js.map