@openuidev/react-ui 0.9.16

package/dist/components/CheckBoxItem/stories/CheckBoxItem.stories.js

@@ -0,0 +1,146 @@
+import { CheckBoxItem } from "../CheckBoxItem";
+const meta = {
+    title: "Components/CheckBoxItem",
+    component: CheckBoxItem,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { CheckBoxItem } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    argTypes: {
+        label: {
+            control: "text",
+            defaultValue: "Default Checkbox",
+            description: "The label of the checkbox",
+            table: {
+                type: {
+                    summary: "string",
+                },
+            },
+        },
+        description: {
+            control: "text",
+            defaultValue: "This is a description",
+            description: "The description of the checkbox",
+            table: {
+                type: {
+                    summary: "string",
+                },
+            },
+        },
+        checked: {
+            control: "boolean",
+            description: "State of the checkbox, used for controlled mode",
+            table: {
+                type: {
+                    summary: "boolean",
+                },
+                defaultValue: { summary: "false" },
+            },
+        },
+        defaultChecked: {
+            control: false,
+            description: "The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.",
+            table: {
+                type: {
+                    summary: "boolean",
+                },
+                defaultValue: { summary: "false" },
+            },
+        },
+        disabled: {
+            control: "boolean",
+            description: "Whether the checkbox is disabled or not",
+            table: {
+                type: { summary: "boolean" },
+                defaultValue: { summary: "false" },
+            },
+        },
+        required: {
+            control: "boolean",
+            description: "When true, indicates that the user must check the checkbox before the owning form can be submitted.",
+            table: {
+                type: { summary: "boolean" },
+                defaultValue: { summary: "false" },
+            },
+        },
+        name: {
+            control: false,
+            description: "The name of the checkbox. Submitted with its owning form as part of a name/value pair.",
+            table: {
+                type: { summary: "string" },
+            },
+        },
+        value: {
+            control: false,
+            description: "The value given as data when submitted with a `name`/`value` pair.",
+            table: {
+                type: { summary: "string" },
+            },
+        },
+        onChange: {
+            control: false,
+            description: "The function to call when the checkbox is changed",
+            table: {
+                type: {
+                    summary: "(checked: boolean) => void",
+                },
+            },
+        },
+        className: {
+            control: false,
+            description: "The class name of the checkbox",
+            table: {
+                category: "Appearance",
+                type: {
+                    summary: "string",
+                },
+            },
+        },
+        style: {
+            control: false,
+            description: "The style of the checkbox",
+            table: {
+                category: "Appearance",
+                type: {
+                    summary: "CSSProperties",
+                },
+            },
+        },
+    },
+    tags: ["!dev", "!autodocs"],
+};
+export default meta;
+export const Default = {
+    args: {
+        label: "Default Checkbox",
+        description: "This is a description",
+        onChange: (checked) => console.log("Checkbox changed:", checked),
+    },
+};
+export const Checked = {
+    args: {
+        label: "Checked Checkbox",
+        checked: true,
+        onChange: (checked) => console.log("Checkbox changed:", checked),
+    },
+};
+export const Disabled = {
+    args: {
+        label: "Disabled Checkbox",
+        disabled: true,
+        onChange: (checked) => console.log("Checkbox changed:", checked),
+    },
+};
+export const DisabledChecked = {
+    args: {
+        label: "Disabled Checked Checkbox",
+        disabled: true,
+        checked: true,
+        onChange: (checked) => console.log("Checkbox changed:", checked),
+    },
+};
+//# sourceMappingURL=CheckBoxItem.stories.js.map

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

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

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -0,0 +1,9 @@
+export interface CodeBlockProps {
+    language: string;
+    codeString: string;
+    theme?: {
+        [key: string]: React.CSSProperties;
+    };
+}
+export declare const CodeBlock: ({ language, codeString, theme }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CodeBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;KACpC,CAAC;CACH;AAED,eAAO,MAAM,SAAS,GAAI,iCAAiC,cAAc,4CA8BxE,CAAC"}

package/dist/components/CodeBlock/CodeBlock.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { CheckCheck, Copy } from "lucide-react";
+import { useState } from "react";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism";
+import { IconButton } from "../IconButton";
+export const CodeBlock = ({ language, codeString, theme }) => {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = () => {
+        navigator.clipboard.writeText(codeString);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1000);
+    };
+    return (_jsxs("div", { className: "openui-code-block-wrapper", children: [_jsx(IconButton, { onClick: handleCopy, variant: "secondary", size: "small", className: clsx("openui-code-block-copy-button", {
+                    "openui-code-block-copy-button-copied": copied,
+                }), icon: copied ? _jsx(CheckCheck, {}) : _jsx(Copy, {}) }), _jsx(SyntaxHighlighter, { style: theme ?? vscDarkPlus, language: language, PreTag: "div", className: "openui-code-block-syntax-highlighter", children: codeString })] }));
+};
+//# sourceMappingURL=CodeBlock.js.map

package/dist/components/CodeBlock/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAU3C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAkB,EAAE,EAAE;IAC3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC1C,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,UAAU,IACT,OAAO,EAAE,UAAU,EACnB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,IAAI,CAAC,+BAA+B,EAAE;oBAC/C,sCAAsC,EAAE,MAAM;iBAC/C,CAAC,EACF,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,UAAU,KAAG,CAAC,CAAC,CAAC,KAAC,IAAI,KAAG,GACxC,EACF,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,IAAI,WAAW,EAC3B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,KAAK,EACZ,SAAS,EAAC,sCAAsC,YAE/C,UAAU,GACO,IAChB,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/CodeBlock/codeBlock.css

@@ -0,0 +1 @@
+.openui-code-block-wrapper{position:relative}.openui-code-block-wrapper:hover .openui-code-block-copy-button{opacity:1}.openui-code-block-wrapper .openui-code-block-copy-button{position:absolute;right:.5rem;top:.5rem;opacity:0;transition:opacity .2s ease-in-out}.openui-code-block-wrapper .openui-code-block-copy-button.openui-code-block-copy-button-copied{color:var(--openui-text-success-primary, oklch(44.8% 0.108 151.328deg));background-color:var(--openui-success-background, oklch(62.7% 0.17 149.214deg / 0.12))}.openui-code-block-wrapper .openui-code-block-syntax-highlighter{margin:0 !important;border-radius:.5rem}

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

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

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

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

package/dist/components/CodeBlock/dependencies.js

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

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

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

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

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

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

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

package/dist/components/CodeBlock/index.js

@@ -0,0 +1,2 @@
+export * from "./CodeBlock";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CodeBlock } from "../CodeBlock";
+declare const meta: Meta<typeof CodeBlock>;
+export default meta;
+type Story = StoryObj<typeof CodeBlock>;
+export declare const JavaScript: Story;
+export declare const Python: Story;
+export declare const TypeScript: Story;
+//# sourceMappingURL=CodeBlock.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeBlock/stories/CodeBlock.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAuChC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC"}

package/dist/components/CodeBlock/stories/CodeBlock.stories.js

@@ -0,0 +1,77 @@
+import { CodeBlock } from "../CodeBlock";
+const meta = {
+    title: "Components/CodeBlock",
+    component: CodeBlock,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { CodeBlock } from '@openuidev/react-ui';\n```",
+            },
+        },
+    },
+    argTypes: {
+        language: {
+            control: false,
+            description: "The language of the code block",
+            table: {
+                category: "Appearance",
+                type: { summary: "string" },
+            },
+        },
+        codeString: {
+            control: "text",
+            description: "The code to display in the block",
+            table: {
+                category: "Content",
+                type: { summary: "string" },
+            },
+        },
+        theme: {
+            control: false,
+            description: "The theme of the code block, see theme options [here](https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_STYLES_PRISM.MD)",
+            table: {
+                category: "Appearance",
+                type: { summary: `{ [key: string]: CSSProperties; }` },
+            },
+        },
+    },
+    tags: ["autodocs", "!dev"],
+};
+export default meta;
+export const JavaScript = {
+    args: {
+        language: "javascript",
+        codeString: `function greet(name) {
+  return \`Hello, \${name}!\`;
+}
+
+console.log(greet('World'));`,
+    },
+};
+export const Python = {
+    args: {
+        language: "python",
+        codeString: `def greet(name):
+    return f"Hello, {name}!"
+
+print(greet("World"))`,
+    },
+};
+export const TypeScript = {
+    args: {
+        language: "typescript",
+        codeString: `interface User {
+  name: string;
+  age: number;
+}
+
+function greet(user: User): string {
+  return \`Hello, \${user.name}!\`;
+}
+
+const user: User = { name: 'World', age: 42 };
+console.log(greet(user));`,
+    },
+};
+//# sourceMappingURL=CodeBlock.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.stories.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/stories/CodeBlock.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,+DAA+D;aAC3E;SACF;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,gCAAgC;YAC7C,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,WAAW,EACT,mKAAmK;YACrK,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,IAAI,EAAE,EAAE,OAAO,EAAE,mCAAmC,EAAE;aACvD;SACF;KACF;IACD,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE;;;;6BAIa;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE;;;sBAGM;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,QAAQ,EAAE,YAAY;QACtB,UAAU,EAAE;;;;;;;;;;0BAUU;KACvB;CACF,CAAC"}

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

@@ -0,0 +1,9 @@
+interface ContainerProps {
+    children?: React.ReactNode;
+    logoUrl: string;
+    agentName: string;
+    className?: string;
+}
+export declare const Container: ({ children, logoUrl, agentName, className }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/CopilotShell/Container.tsx"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GAAI,6CAA6C,cAAc,4CAQpF,CAAC"}

package/dist/components/CopilotShell/Container.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { LayoutContextProvider } from "../../context/LayoutContext";
+import { ShellStoreProvider } from "../Shell/store";
+export const Container = ({ children, logoUrl, agentName, className }) => {
+    return (_jsx(ShellStoreProvider, { logoUrl: logoUrl, agentName: agentName, children: _jsx(LayoutContextProvider, { layout: "tray", children: _jsx("div", { className: clsx("openui-copilot-shell-container", className), children: children }) }) }));
+};
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/components/CopilotShell/Container.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AASpD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAkB,EAAE,EAAE;IACvF,OAAO,CACL,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,YACxD,KAAC,qBAAqB,IAAC,MAAM,EAAC,MAAM,YAClC,cAAK,SAAS,EAAE,IAAI,CAAC,gCAAgC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GAC7D,GACL,CACtB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { ConversationStarterProps } from "../../types/ConversationStarter";
+export type ConversationStarterVariant = "short" | "long";
+export interface ConversationStarterContainerProps {
+    starters: ConversationStarterProps[];
+    className?: string;
+    /**
+     * Variant of the conversation starter
+     * - "short": Pill-style horizontal buttons (default)
+     * - "long": List items with icons and hover arrow
+     */
+    variant?: ConversationStarterVariant;
+}
+export declare const ConversationStarter: ({ starters, className, variant, }: ConversationStarterContainerProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ConversationStarter;
+//# sourceMappingURL=ConversationStarter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationStarter.d.ts","sourceRoot":"","sources":["../../../src/components/CopilotShell/ConversationStarter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA2B,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAIpG,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,MAAM,CAAC;AAuE1D,MAAM,WAAW,iCAAiC;IAChD,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,0BAA0B,CAAC;CACtC;AAED,eAAO,MAAM,mBAAmB,GAAI,mCAIjC,iCAAiC,mDAkDnC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/CopilotShell/ConversationStarter.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useThread } from "@openuidev/react-headless";
+import clsx from "clsx";
+import { ArrowUp, Lightbulb } from "lucide-react";
+import { Fragment } from "react";
+import { isChatEmpty } from "../OpenUIChat/utils";
+import { Separator } from "../Separator";
+/**
+ * Renders the appropriate icon based on the icon prop value
+ * - undefined: Show default lightbulb icon
+ * - ReactNode: Show the provided icon (use <></> or React.Fragment for no icon)
+ */
+const renderIcon = (icon) => {
+    if (icon === undefined) {
+        return _jsx(Lightbulb, { size: 16 });
+    }
+    return icon;
+};
+const ConversationStarterItem = ({ displayText, prompt, onClick, variant, icon, }) => {
+    const renderedIcon = renderIcon(icon);
+    if (variant === "short") {
+        return (_jsxs("button", { type: "button", className: "openui-copilot-shell-conversation-starter-item-short", onClick: () => onClick(prompt), children: [renderedIcon && (_jsx("span", { className: "openui-copilot-shell-conversation-starter-item-short__icon", children: renderedIcon })), _jsx("span", { className: "openui-copilot-shell-conversation-starter-item-short__text", children: displayText })] }));
+    }
+    // Long variant (detailed list style)
+    return (_jsxs("button", { type: "button", className: "openui-copilot-shell-conversation-starter-item-long", onClick: () => onClick(prompt), children: [_jsxs("div", { className: "openui-copilot-shell-conversation-starter-item-long__content", children: [renderedIcon && (_jsx("span", { className: "openui-copilot-shell-conversation-starter-item-long__icon", children: renderedIcon })), _jsx("span", { className: "openui-copilot-shell-conversation-starter-item-long__text", children: displayText })] }), _jsx("span", { className: "openui-copilot-shell-conversation-starter-item-long__arrow", children: _jsx(ArrowUp, { size: 16 }) })] }));
+};
+export const ConversationStarter = ({ starters, className, variant = "short", }) => {
+    const processMessage = useThread((s) => s.processMessage);
+    const isRunning = useThread((s) => s.isRunning);
+    const messages = useThread((s) => s.messages);
+    const isLoadingMessages = useThread((s) => s.isLoadingMessages);
+    const handleClick = (prompt) => {
+        if (isRunning)
+            return;
+        processMessage({
+            role: "user",
+            content: prompt,
+        });
+    };
+    // Only show when there are no messages
+    if (!isChatEmpty({ isLoadingMessages, messages })) {
+        return null;
+    }
+    if (starters.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { className: clsx("openui-copilot-shell-conversation-starter", `openui-copilot-shell-conversation-starter--${variant}`, className), children: starters.map((item, index) => (_jsxs(Fragment, { children: [_jsx(ConversationStarterItem, { displayText: item.displayText, prompt: item.prompt, icon: item.icon, onClick: handleClick, variant: variant }), variant === "long" && index < starters.length - 1 && (_jsx("div", { className: "openui-copilot-shell-conversation-starter__separator", children: _jsx(Separator, {}) }))] }, `${item.displayText}-${index}`))) }));
+};
+export default ConversationStarter;
+//# sourceMappingURL=ConversationStarter.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+interface HeaderProps {
+    className?: string;
+    /** Custom content to render on the rightmost side of the logo container */
+    rightChildren?: ReactNode;
+}
+export declare const Header: ({ className, rightChildren }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/CopilotShell/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,WAAW;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,GAAI,8BAA8B,WAAW,4CAiB/D,CAAC"}

package/dist/components/CopilotShell/Header.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useShellStore } from "../Shell/store";
+export const Header = ({ className, rightChildren }) => {
+    const { logoUrl, agentName } = useShellStore((state) => ({
+        logoUrl: state.logoUrl,
+        agentName: state.agentName,
+    }));
+    return (_jsxs("div", { className: clsx("openui-copilot-shell-header", className), children: [_jsxs("div", { className: "openui-copilot-shell-header-logo-container", children: [_jsx("img", { className: "openui-copilot-shell-header-logo", src: logoUrl, alt: "Logo" }), _jsx("span", { className: "openui-copilot-shell-header-agent-name", children: agentName })] }), rightChildren && (_jsx("div", { className: "openui-copilot-shell-header-right-content", children: rightChildren }))] }));
+};
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/CopilotShell/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAQ/C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAe,EAAE,EAAE;IAClE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACvD,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,SAAS,EAAE,KAAK,CAAC,SAAS;KAC3B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,6BAA6B,EAAE,SAAS,CAAC,aAC5D,eAAK,SAAS,EAAC,4CAA4C,aACzD,cAAK,SAAS,EAAC,kCAAkC,EAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,MAAM,GAAG,EAC7E,eAAM,SAAS,EAAC,wCAAwC,YAAE,SAAS,GAAQ,IACvE,EACL,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,2CAA2C,YAAE,aAAa,GAAO,CACjF,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,48 @@
+import type { Message } from "@openuidev/react-headless";
+import React from "react";
+import { ScrollVariant } from "../../hooks/useScrollToBottom";
+import type { AssistantMessageComponent, UserMessageComponent } from "../OpenUIChat/types";
+export declare const ThreadContainer: ({ children, className, isArtifactActive, renderArtifact, }: {
+    children?: React.ReactNode;
+    className?: string;
+    isArtifactActive?: boolean;
+    renderArtifact?: () => React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollArea: ({ children, className, scrollVariant, userMessageSelector, }: {
+    children?: React.ReactNode;
+    className?: string;
+    /**
+     * Scroll to bottom once the last message is added
+     */
+    scrollVariant?: ScrollVariant;
+    /**
+     * Selector for the user message
+     */
+    userMessageSelector?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AssistantMessageContainer: ({ children, className, }: {
+    children?: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const UserMessageContainer: ({ children, className, }: {
+    children?: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const RenderMessage: React.MemoExoticComponent<({ message, className, allMessages, assistantMessage: CustomAssistantMessage, userMessage: CustomUserMessage, }: {
+    message: Message;
+    className?: string;
+    allMessages: Message[];
+    assistantMessage?: AssistantMessageComponent;
+    userMessage?: UserMessageComponent;
+}) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const MessageLoading: () => import("react/jsx-runtime").JSX.Element;
+export declare const Messages: ({ className, loader, assistantMessage, userMessage, }: {
+    className?: string;
+    loader?: React.ReactNode;
+    assistantMessage?: AssistantMessageComponent;
+    userMessage?: UserMessageComponent;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Composer: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Thread.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../src/components/CopilotShell/Thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,OAAO,EAAe,MAAM,2BAA2B,CAAC;AAIxF,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,aAAa,EAAqB,MAAM,+BAA+B,CAAC;AAIjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAK3F,eAAO,MAAM,eAAe,GAAI,4DAK7B;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CACxC,4CAuBA,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,8DAKxB;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,4CA0CA,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,0BAGvC;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAMA,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,0BAGlC;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAMA,CAAC;AAyEF,eAAO,MAAM,aAAa,6IAOrB;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACpC,oDA6BF,CAAC;AAEF,eAAO,MAAM,cAAc,+CAM1B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,uDAKtB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACpC,4CAqBA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAuD7D,CAAC"}