@applica-software-guru/persona-sdk 0.0.1-preview3 → 0.0.1-preview4

package/dist/playground/src/app.d.ts

@@ -0,0 +1,3 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;
+//# sourceMappingURL=app.d.ts.map

package/dist/playground/src/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../playground/src/app.tsx"],"names":[],"mappings":"AAAA,iBAAS,GAAG,4CAOX;AAED,eAAe,GAAG,CAAC"}

package/dist/playground/src/app.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function App() {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", children: [_jsx("h1", { className: "text-4xl font-bold text-gray-800", children: "Hello, world!" }), _jsx("p", { className: "mt-4 text-lg text-gray-600", children: "This is a simple React app." })] }));
+}
+export default App;

package/dist/playground/src/chat.d.ts

@@ -0,0 +1,3 @@
+declare function Chat(): import("react/jsx-runtime").JSX.Element;
+export { Chat };
+//# sourceMappingURL=chat.d.ts.map

package/dist/playground/src/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../playground/src/chat.tsx"],"names":[],"mappings":"AAoBA,iBAAS,IAAI,4CA6BZ;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/playground/src/chat.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Thread } from '@/components/assistant-ui/thread';
+import { PersonaRuntimeProvider, PersonaConsoleLogger } from '@applica-software-guru/persona-sdk';
+import { useMemo } from 'react';
+const logger = new PersonaConsoleLogger();
+function generateSID() {
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    let sid = '';
+    for (let i = 0; i < 16; i++) {
+        sid += chars.charAt(Math.floor(Math.random() * chars.length));
+    }
+    return sid;
+}
+function getQueryParam(param) {
+    const urlParams = new URLSearchParams(window.location.search);
+    return urlParams.get(param);
+}
+function Chat() {
+    const agent = getQueryParam('agent');
+    const sid = getQueryParam('sid');
+    const session = useMemo(() => {
+        if (sid) {
+            return sid;
+        }
+        return generateSID();
+    }, [sid]);
+    return (_jsx(PersonaRuntimeProvider, { dev: true, logger: logger, protocols: {
+            rest: true,
+            webrtc: true,
+            websocket: true,
+        }, session: session, apiKey: "2398utf8g$9pahwv8#93q8.h8349q*!ty89w4uefghwqh849tg934yg894hq3g89q34h9", agentId: agent || 'default', children: _jsx("div", { className: "h-dvh w-full", children: _jsx(Thread, {}) }) }));
+}
+export { Chat };

package/dist/playground/src/components/assistant-ui/assistant-modal.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+export declare const AssistantModal: FC;
+//# sourceMappingURL=assistant-modal.d.ts.map

package/dist/playground/src/components/assistant-ui/assistant-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistant-modal.d.ts","sourceRoot":"","sources":["../../../../../playground/src/components/assistant-ui/assistant-modal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAM5C,eAAO,MAAM,cAAc,EAAE,EAgB5B,CAAC"}

package/dist/playground/src/components/assistant-ui/assistant-modal.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BotIcon, ChevronDownIcon } from 'lucide-react';
+import { forwardRef } from 'react';
+import { AssistantModalPrimitive } from '@assistant-ui/react';
+import { Thread } from '@/components/assistant-ui/thread';
+import { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';
+export const AssistantModal = () => {
+    return (_jsxs(AssistantModalPrimitive.Root, { children: [_jsx(AssistantModalPrimitive.Anchor, { className: "fixed bottom-4 right-4 size-11", children: _jsx(AssistantModalPrimitive.Trigger, { asChild: true, children: _jsx(AssistantModalButton, {}) }) }), _jsx(AssistantModalPrimitive.Content, { sideOffset: 16, className: "bg-popover text-popover-foreground z-50 h-[500px] w-[400px] overflow-clip rounded-xl border p-0 shadow-md outline-none [&>.aui-thread-root]:bg-inherit data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out data-[state=open]:zoom-in data-[state=open]:slide-in-from-bottom-1/2 data-[state=open]:slide-in-from-right-1/2 data-[state=closed]:slide-out-to-bottom-1/2 data-[state=closed]:slide-out-to-right-1/2", children: _jsx(Thread, {}) })] }));
+};
+const AssistantModalButton = forwardRef(({ 'data-state': state, ...rest }, ref) => {
+    const tooltip = state === 'open' ? 'Close Assistant' : 'Open Assistant';
+    return (_jsxs(TooltipIconButton, { variant: "default", tooltip: tooltip, side: "left", ...rest, className: "size-full rounded-full shadow transition-transform hover:scale-110 active:scale-90", ref: ref, children: [_jsx(BotIcon, { "data-state": state, className: "absolute size-6 transition-all data-[state=closed]:rotate-0 data-[state=open]:rotate-90 data-[state=closed]:scale-100 data-[state=open]:scale-0" }), _jsx(ChevronDownIcon, { "data-state": state, className: "absolute size-6 transition-all data-[state=closed]:-rotate-90 data-[state=open]:rotate-0 data-[state=closed]:scale-0 data-[state=open]:scale-100" }), _jsx("span", { className: "sr-only", children: tooltip })] }));
+});
+AssistantModalButton.displayName = 'AssistantModalButton';

package/dist/playground/src/components/assistant-ui/markdown-text.d.ts

@@ -0,0 +1,3 @@
+import '@assistant-ui/react-markdown/styles/dot.css';
+export declare const MarkdownText: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=markdown-text.d.ts.map

package/dist/playground/src/components/assistant-ui/markdown-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-text.d.ts","sourceRoot":"","sources":["../../../../../playground/src/components/assistant-ui/markdown-text.tsx"],"names":[],"mappings":"AAEA,OAAO,6CAA6C,CAAC;AAmBrD,eAAO,MAAM,YAAY,oFAAyB,CAAC"}

package/dist/playground/src/components/assistant-ui/markdown-text.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '@assistant-ui/react-markdown/styles/dot.css';
+import { MarkdownTextPrimitive, unstable_memoizeMarkdownComponents as memoizeMarkdownComponents, useIsMarkdownCodeBlock, } from '@assistant-ui/react-markdown';
+import remarkGfm from 'remark-gfm';
+import { memo, useState } from 'react';
+import { CheckIcon, CopyIcon } from 'lucide-react';
+import { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';
+import { cn } from '@/lib/utils';
+const MarkdownTextImpl = () => {
+    return _jsx(MarkdownTextPrimitive, { remarkPlugins: [remarkGfm], className: "aui-md", components: defaultComponents });
+};
+export const MarkdownText = memo(MarkdownTextImpl);
+const CodeHeader = ({ language, code }) => {
+    const { isCopied, copyToClipboard } = useCopyToClipboard();
+    const onCopy = () => {
+        if (!code || isCopied)
+            return;
+        copyToClipboard(code);
+    };
+    return (_jsxs("div", { className: "flex items-center justify-between gap-4 rounded-t-lg bg-zinc-900 px-4 py-2 text-sm font-semibold text-white", children: [_jsx("span", { className: "lowercase [&>span]:text-xs", children: language }), _jsxs(TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [!isCopied && _jsx(CopyIcon, {}), isCopied && _jsx(CheckIcon, {})] })] }));
+};
+const useCopyToClipboard = ({ copiedDuration = 3000, } = {}) => {
+    const [isCopied, setIsCopied] = useState(false);
+    const copyToClipboard = (value) => {
+        if (!value)
+            return;
+        navigator.clipboard.writeText(value).then(() => {
+            setIsCopied(true);
+            setTimeout(() => setIsCopied(false), copiedDuration);
+        });
+    };
+    return { isCopied, copyToClipboard };
+};
+const defaultComponents = memoizeMarkdownComponents({
+    h1: ({ className, ...props }) => (_jsx("h1", { className: cn('mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0', className), ...props })),
+    h2: ({ className, ...props }) => (_jsx("h2", { className: cn('mb-4 mt-8 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h3: ({ className, ...props }) => (_jsx("h3", { className: cn('mb-4 mt-6 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h4: ({ className, ...props }) => (_jsx("h4", { className: cn('mb-4 mt-6 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0', className), ...props })),
+    h5: ({ className, ...props }) => _jsx("h5", { className: cn('my-4 text-lg font-semibold first:mt-0 last:mb-0', className), ...props }),
+    h6: ({ className, ...props }) => _jsx("h6", { className: cn('my-4 font-semibold first:mt-0 last:mb-0', className), ...props }),
+    p: ({ className, ...props }) => _jsx("p", { className: cn('mb-5 mt-5 leading-7 first:mt-0 last:mb-0', className), ...props }),
+    a: ({ className, ...props }) => _jsx("a", { className: cn('text-primary font-medium underline underline-offset-4', className), ...props }),
+    blockquote: ({ className, ...props }) => _jsx("blockquote", { className: cn('border-l-2 pl-6 italic', className), ...props }),
+    ul: ({ className, ...props }) => _jsx("ul", { className: cn('my-5 ml-6 list-disc [&>li]:mt-2', className), ...props }),
+    ol: ({ className, ...props }) => _jsx("ol", { className: cn('my-5 ml-6 list-decimal [&>li]:mt-2', className), ...props }),
+    hr: ({ className, ...props }) => _jsx("hr", { className: cn('my-5 border-b', className), ...props }),
+    table: ({ className, ...props }) => (_jsx("table", { className: cn('my-5 w-full border-separate border-spacing-0 overflow-y-auto', className), ...props })),
+    th: ({ className, ...props }) => (_jsx("th", { className: cn('bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right', className), ...props })),
+    td: ({ className, ...props }) => (_jsx("td", { className: cn('border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right', className), ...props })),
+    tr: ({ className, ...props }) => (_jsx("tr", { className: cn('m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg', className), ...props })),
+    sup: ({ className, ...props }) => _jsx("sup", { className: cn('[&>a]:text-xs [&>a]:no-underline', className), ...props }),
+    pre: ({ className, ...props }) => _jsx("pre", { className: cn('overflow-x-auto rounded-b-lg bg-black p-4 text-white', className), ...props }),
+    code: function Code({ className, ...props }) {
+        const isCodeBlock = useIsMarkdownCodeBlock();
+        return _jsx("code", { className: cn(!isCodeBlock && 'bg-muted rounded border font-semibold', className), ...props });
+    },
+    CodeHeader,
+});

package/dist/playground/src/components/assistant-ui/thread-list.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+export declare const ThreadList: FC;
+//# sourceMappingURL=thread-list.d.ts.map

package/dist/playground/src/components/assistant-ui/thread-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-list.d.ts","sourceRoot":"","sources":["../../../../../playground/src/components/assistant-ui/thread-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,eAAO,MAAM,UAAU,EAAE,EAOxB,CAAC"}

package/dist/playground/src/components/assistant-ui/thread-list.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThreadListItemPrimitive, ThreadListPrimitive } from '@assistant-ui/react';
+import { ArchiveIcon, PlusIcon } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';
+export const ThreadList = () => {
+    return (_jsxs(ThreadListPrimitive.Root, { className: "flex flex-col items-stretch gap-1.5", children: [_jsx(ThreadListNew, {}), _jsx(ThreadListItems, {})] }));
+};
+const ThreadListNew = () => {
+    return (_jsx(ThreadListPrimitive.New, { asChild: true, children: _jsxs(Button, { className: "data-[active]:bg-muted hover:bg-muted flex items-center justify-start gap-1 rounded-lg px-2.5 py-2 text-start", variant: "ghost", children: [_jsx(PlusIcon, {}), "New Thread"] }) }));
+};
+const ThreadListItems = () => {
+    return _jsx(ThreadListPrimitive.Items, { components: { ThreadListItem } });
+};
+const ThreadListItem = () => {
+    return (_jsxs(ThreadListItemPrimitive.Root, { className: "data-[active]:bg-muted hover:bg-muted focus-visible:bg-muted focus-visible:ring-ring flex items-center gap-2 rounded-lg transition-all focus-visible:outline-none focus-visible:ring-2", children: [_jsx(ThreadListItemPrimitive.Trigger, { className: "flex-grow px-3 py-2 text-start", children: _jsx(ThreadListItemTitle, {}) }), _jsx(ThreadListItemArchive, {})] }));
+};
+const ThreadListItemTitle = () => {
+    return (_jsx("p", { className: "text-sm", children: _jsx(ThreadListItemPrimitive.Title, { fallback: "New Chat" }) }));
+};
+const ThreadListItemArchive = () => {
+    return (_jsx(ThreadListItemPrimitive.Archive, { asChild: true, children: _jsx(TooltipIconButton, { className: "hover:text-primary text-foreground ml-auto mr-3 size-4 p-0", variant: "ghost", tooltip: "Archive thread", children: _jsx(ArchiveIcon, {}) }) }));
+};

package/dist/playground/src/components/assistant-ui/thread.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+export declare const Thread: FC;
+//# sourceMappingURL=thread.d.ts.map

package/dist/playground/src/components/assistant-ui/thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../../../../playground/src/components/assistant-ui/thread.tsx"],"names":[],"mappings":"AASA,OAAO,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAWtD,eAAO,MAAM,MAAM,EAAE,EA8BpB,CAAC"}

package/dist/playground/src/components/assistant-ui/thread.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { ActionBarPrimitive, BranchPickerPrimitive, ComposerPrimitive, MessagePrimitive, ThreadPrimitive, } from '@assistant-ui/react';
+import { useCallback, useMemo } from 'react';
+import { ArrowDownIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, SendHorizontalIcon, MicIcon } from 'lucide-react';
+import { cn } from '@/lib/utils';
+import { Button } from '@/components/ui/button';
+import { MarkdownText } from '@/components/assistant-ui/markdown-text';
+import { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';
+import { ToolFallback } from '@/components/assistant-ui/tool-fallback';
+import { usePersonaRuntimeWebRTCProtocol } from '@applica-software-guru/persona-sdk';
+export const Thread = () => {
+    return (_jsx(ThreadPrimitive.Root, { className: "bg-background box-border flex h-full flex-col overflow-hidden", style: {
+            ['--thread-max-width']: '42rem',
+        }, children: _jsxs(ThreadPrimitive.Viewport, { className: "flex h-full flex-col items-center overflow-y-scroll scroll-smooth bg-inherit px-4 pt-8", children: [_jsx(ThreadWelcome, {}), _jsx(ThreadPrimitive.Messages, { components: {
+                        UserMessage: UserMessage,
+                        EditComposer: EditComposer,
+                        AssistantMessage: AssistantMessage,
+                    } }), _jsx(ThreadPrimitive.If, { empty: false, children: _jsx("div", { className: "min-h-8 flex-grow" }) }), _jsxs("div", { className: "sticky bottom-0 mt-3 flex w-full max-w-[var(--thread-max-width)] flex-col items-center justify-end rounded-t-lg bg-inherit pb-4", children: [_jsx(ThreadScrollToBottom, {}), _jsx(Composer, {})] })] }) }));
+};
+const ThreadScrollToBottom = () => {
+    return (_jsx(ThreadPrimitive.ScrollToBottom, { asChild: true, children: _jsx(TooltipIconButton, { tooltip: "Scroll to bottom", variant: "outline", className: "absolute -top-8 rounded-full disabled:invisible", children: _jsx(ArrowDownIcon, {}) }) }));
+};
+const ThreadWelcome = () => {
+    return (_jsx(ThreadPrimitive.Empty, { children: _jsx("div", { className: "flex w-full max-w-[var(--thread-max-width)] flex-grow flex-col", children: _jsx("div", { className: "flex w-full flex-grow flex-col items-center justify-center", children: _jsx("p", { className: "mt-4 font-medium", children: "Come posso aiutarti oggi?" }) }) }) }));
+};
+const Composer = () => {
+    return (_jsxs(ComposerPrimitive.Root, { className: "focus-within:border-ring/20 flex w-full flex-wrap items-end rounded-lg border bg-inherit px-2.5 shadow-sm transition-colors ease-in", children: [_jsx(ComposerPrimitive.Input, { rows: 1, autoFocus: true, placeholder: "Write a message...", className: "placeholder:text-muted-foreground max-h-40 flex-grow resize-none border-none bg-transparent px-2 py-4 text-base outline-none focus:ring-0 disabled:cursor-not-allowed" }), _jsx(ComposerAction, {})] }));
+};
+const SpeakButton = () => {
+    const webrtcProtocol = usePersonaRuntimeWebRTCProtocol();
+    const isConnected = useMemo(() => webrtcProtocol?.status === 'connected', [webrtcProtocol?.status]);
+    const handleConnection = useCallback(() => {
+        if (webrtcProtocol.status === 'connected') {
+            webrtcProtocol.disconnect();
+        }
+        else {
+            webrtcProtocol.connect();
+        }
+    }, [webrtcProtocol]);
+    if (!webrtcProtocol) {
+        return null;
+    }
+    return (_jsx(TooltipIconButton, { className: cn('hover:text-primary my-2.5 size-8 p-2 ml-2 transition-opacity ease-in text-foreground cursor-pointer', isConnected && 'animate-pulse text-blue-500'), variant: "default", tooltip: isConnected ? 'Stop speaking' : 'Speak', onClick: handleConnection, children: _jsx(MicIcon, { className: cn(isConnected && 'animate-pulse') }) }));
+};
+const ComposerAction = () => {
+    return (_jsxs(_Fragment, { children: [_jsx(ThreadPrimitive.If, { running: false, children: _jsx(ComposerPrimitive.Send, { asChild: true, children: _jsx(TooltipIconButton, { tooltip: "Send", variant: "default", className: "my-2.5 size-8 p-2 transition-opacity ease-in", children: _jsx(SendHorizontalIcon, {}) }) }) }), _jsx(ThreadPrimitive.If, { running: true, children: _jsx(ComposerPrimitive.Cancel, { asChild: true, children: _jsx(TooltipIconButton, { tooltip: "Cancel", variant: "default", className: "my-2.5 size-8 p-2 transition-opacity ease-in", children: _jsx(CircleStopIcon, {}) }) }) }), _jsx(SpeakButton, {})] }));
+};
+const UserMessage = () => {
+    return (_jsxs(MessagePrimitive.Root, { className: "grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 [&:where(>*)]:col-start-2 w-full max-w-[var(--thread-max-width)] py-4", children: [_jsx("div", { className: "bg-muted text-foreground max-w-[calc(var(--thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5 col-start-2 row-start-2", children: _jsx(MessagePrimitive.Content, {}) }), _jsx(BranchPicker, { className: "col-span-full col-start-1 row-start-3 -mr-1 justify-end" })] }));
+};
+const EditComposer = () => {
+    return (_jsxs(ComposerPrimitive.Root, { className: "bg-muted my-4 flex w-full max-w-[var(--thread-max-width)] flex-col gap-2 rounded-xl", children: [_jsx(ComposerPrimitive.Input, { className: "text-foreground flex h-8 w-full resize-none bg-transparent p-4 pb-0 outline-none" }), _jsxs("div", { className: "mx-3 mb-3 flex items-center justify-center gap-2 self-end", children: [_jsx(ComposerPrimitive.Cancel, { asChild: true, children: _jsx(Button, { variant: "ghost", children: "Cancel" }) }), _jsx(ComposerPrimitive.Send, { asChild: true, children: _jsx(Button, { children: "Send" }) })] })] }));
+};
+const Reasoning = ({ text }) => {
+    return _jsx("div", { className: "text-sm text-muted-foreground break-words whitespace-pre-wrap", children: text });
+};
+const AssistantMessage = () => {
+    return (_jsxs(MessagePrimitive.Root, { className: "grid grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr] relative w-full max-w-[var(--thread-max-width)] py-4", children: [_jsx("div", { className: "text-foreground max-w-[calc(var(--thread-max-width)*0.8)] break-words leading-7 col-span-2 col-start-2 row-start-1 my-1.5", children: _jsx(MessagePrimitive.Content, { components: {
+                        Text: MarkdownText,
+                        Reasoning,
+                        tools: {
+                            Fallback: ToolFallback,
+                        },
+                    } }) }), _jsx(AssistantActionBar, {}), _jsx(BranchPicker, { className: "col-start-2 row-start-2 -ml-2 mr-2" })] }));
+};
+const AssistantActionBar = () => {
+    return (_jsx(ActionBarPrimitive.Root, { hideWhenRunning: true, autohide: "not-last", autohideFloat: "single-branch", className: "text-muted-foreground flex gap-1 col-start-3 row-start-2 -ml-1 data-[floating]:bg-background data-[floating]:absolute data-[floating]:rounded-md data-[floating]:border data-[floating]:p-1 data-[floating]:shadow-sm", children: _jsx(ActionBarPrimitive.Copy, { asChild: true, children: _jsxs(TooltipIconButton, { tooltip: "Copy", children: [_jsx(MessagePrimitive.If, { copied: true, children: _jsx(CheckIcon, {}) }), _jsx(MessagePrimitive.If, { copied: false, children: _jsx(CopyIcon, {}) })] }) }) }));
+};
+const BranchPicker = ({ className, ...rest }) => {
+    return (_jsxs(BranchPickerPrimitive.Root, { hideWhenSingleBranch: true, className: cn('text-muted-foreground inline-flex items-center text-xs', className), ...rest, children: [_jsx(BranchPickerPrimitive.Previous, { asChild: true, children: _jsx(TooltipIconButton, { tooltip: "Previous", children: _jsx(ChevronLeftIcon, {}) }) }), _jsxs("span", { className: "font-medium", children: [_jsx(BranchPickerPrimitive.Number, {}), " / ", _jsx(BranchPickerPrimitive.Count, {})] }), _jsx(BranchPickerPrimitive.Next, { asChild: true, children: _jsx(TooltipIconButton, { tooltip: "Next", children: _jsx(ChevronRightIcon, {}) }) })] }));
+};
+const CircleStopIcon = () => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", width: "16", height: "16", children: _jsx("rect", { width: "10", height: "10", x: "3", y: "3", rx: "2" }) }));
+};

package/dist/playground/src/components/assistant-ui/tool-fallback.d.ts

@@ -0,0 +1,3 @@
+import { ToolCallContentPartComponent } from '@assistant-ui/react';
+export declare const ToolFallback: ToolCallContentPartComponent;
+//# sourceMappingURL=tool-fallback.d.ts.map

package/dist/playground/src/components/assistant-ui/tool-fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-fallback.d.ts","sourceRoot":"","sources":["../../../../../playground/src/components/assistant-ui/tool-fallback.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AAKnE,eAAO,MAAM,YAAY,EAAE,4BA2B1B,CAAC"}

package/dist/playground/src/components/assistant-ui/tool-fallback.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import { useState } from 'react';
+import { Button } from '../ui/button';
+export const ToolFallback = ({ toolName, argsText, result }) => {
+    const [isCollapsed, setIsCollapsed] = useState(true);
+    return (_jsxs("div", { className: "mb-4 flex w-full flex-col gap-3 rounded-lg border py-3", children: [_jsxs("div", { className: "flex items-center gap-2 px-4", children: [_jsx(CheckIcon, { className: "size-4" }), _jsxs("p", { className: "", children: ["Used tool: ", _jsx("b", { children: toolName })] }), _jsx("div", { className: "flex-grow" }), _jsx(Button, { onClick: () => setIsCollapsed(!isCollapsed), children: isCollapsed ? _jsx(ChevronUpIcon, {}) : _jsx(ChevronDownIcon, {}) })] }), !isCollapsed && (_jsxs("div", { className: "flex flex-col gap-2 border-t pt-2", children: [_jsx("div", { className: "px-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: argsText }) }), result !== undefined && (_jsxs("div", { className: "border-t border-dashed px-4 pt-2", children: [_jsx("p", { className: "font-semibold", children: "Result:" }), _jsx("pre", { className: "whitespace-pre-wrap", children: typeof result === 'string' ? result : JSON.stringify(result, null, 2) })] }))] }))] }));
+};

package/dist/playground/src/components/assistant-ui/tooltip-icon-button.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { Button } from '@/components/ui/button';
+export type TooltipIconButtonProps = ComponentPropsWithoutRef<typeof Button> & {
+    tooltip: string;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+};
+export declare const TooltipIconButton: import("react").ForwardRefExoticComponent<Omit<import("@/components/ui/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    tooltip: string;
+    side?: "top" | "bottom" | "left" | "right";
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=tooltip-icon-button.d.ts.map

package/dist/playground/src/components/assistant-ui/tooltip-icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-icon-button.d.ts","sourceRoot":"","sources":["../../../../../playground/src/components/assistant-ui/tooltip-icon-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,MAAM,CAAC,GAAG;IAC7E,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,iBAAiB;aAJnB,MAAM;WACR,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO;qDAyB3C,CAAC"}

package/dist/playground/src/components/assistant-ui/tooltip-icon-button.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
+export const TooltipIconButton = forwardRef(({ children, tooltip, side = 'bottom', className, ...rest }, ref) => {
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(Button
+                    // variant="ghost"
+                    // size="icon"
+                    , { ...rest, className: cn('size-6 p-1', className), ref: ref, children: [children, _jsx("span", { className: "sr-only", children: tooltip })] }) }), _jsx(TooltipContent, { side: side, children: tooltip })] }) }));
+});
+TooltipIconButton.displayName = 'TooltipIconButton';

package/dist/playground/src/components/ui/avatar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/playground/src/components/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../playground/src/components/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,QAAA,MAAM,MAAM,yJAIX,CAAC;AAGF,QAAA,MAAM,WAAW,gKAKf,CAAC;AAGH,QAAA,MAAM,cAAc,iKASlB,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/playground/src/components/ui/avatar.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cn } from '@/lib/utils';
+const Avatar = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className), ...props })));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn('aspect-square h-full w-full', className), ...props })));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: cn('flex h-full w-full items-center justify-center rounded-full bg-muted', className), ...props })));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/playground/src/components/ui/button.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/playground/src/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../playground/src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;mFAwBnB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAGV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/playground/src/components/ui/button.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '@/lib/utils';
+const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
+            destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+            outline: 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
+            secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+            default: 'h-9 px-4 py-2',
+            sm: 'h-8 rounded-md px-3 text-xs',
+            lg: 'h-10 rounded-md px-8',
+            icon: 'h-9 w-9',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return _jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props });
+});
+Button.displayName = 'Button';
+export { Button, buttonVariants };

package/dist/playground/src/components/ui/tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/playground/src/components/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../playground/src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAelB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/playground/src/components/ui/tooltip.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '@/lib/utils';
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props }) })));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/playground/src/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/playground/src/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../playground/src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/playground/src/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/playground/src/main.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=main.d.ts.map

package/dist/playground/src/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../playground/src/main.tsx"],"names":[],"mappings":""}

package/dist/playground/src/main.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { Chat } from './chat';
+ReactDOM.createRoot(document.getElementById('app')).render(_jsx(React.StrictMode, { children: _jsx(Chat, {}) }));

package/dist/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from './runtime';
+export * from './logging';
+export * from './protocol';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

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

package/dist/src/index.js

@@ -0,0 +1,4 @@
+export * from './runtime';
+export * from './logging';
+export * from './protocol';
+export * from './types';

package/dist/src/logging.d.ts

@@ -0,0 +1,18 @@
+interface PersonaLogger {
+    log: (message: string, ...args: unknown[]) => void;
+    info: (message: string, ...args: unknown[]) => void;
+    warn: (message: string, ...args: unknown[]) => void;
+    error: (message: string, ...args: unknown[]) => void;
+    debug: (message: string, ...args: unknown[]) => void;
+}
+declare class PersonaConsoleLogger implements PersonaLogger {
+    prefix: string;
+    log(message: string, ...args: unknown[]): void;
+    info(message: string, ...args: unknown[]): void;
+    warn(message: string, ...args: unknown[]): void;
+    error(message: string, ...args: unknown[]): void;
+    debug(message: string, ...args: unknown[]): void;
+}
+export { PersonaConsoleLogger };
+export type { PersonaLogger };
+//# sourceMappingURL=logging.d.ts.map

package/dist/src/logging.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logging.d.ts","sourceRoot":"","sources":["../../src/logging.ts"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACrB,GAAG,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACnD,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpD,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpD,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACtD;AAED,cAAM,oBAAqB,YAAW,aAAa;IACjD,MAAM,SAAe;IAErB,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE;IAIvC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE;IAIxC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE;IAIxC,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE;IAIzC,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE;CAG1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/logging.js

@@ -0,0 +1,19 @@
+class PersonaConsoleLogger {
+    prefix = '[Persona]';
+    log(message, ...args) {
+        console.log(`${this.prefix} - ${message}`, ...args);
+    }
+    info(message, ...args) {
+        console.info(`${this.prefix} - ${message}`, ...args);
+    }
+    warn(message, ...args) {
+        console.warn(`${this.prefix} - ${message}`, ...args);
+    }
+    error(message, ...args) {
+        console.error(`${this.prefix} - ${message}`, ...args);
+    }
+    debug(message, ...args) {
+        console.debug(`${this.prefix} - ${message}`, ...args);
+    }
+}
+export { PersonaConsoleLogger };

package/dist/src/messages.d.ts

@@ -0,0 +1,7 @@
+import { PersonaMessage } from './types';
+import { ThreadMessageLike } from '@assistant-ui/react';
+declare function removeEmptyMessages(messages: PersonaMessage[]): PersonaMessage[];
+declare function parseMessages(messages: PersonaMessage[]): PersonaMessage[];
+declare function convertMessage(message: PersonaMessage): ThreadMessageLike;
+export { parseMessages, convertMessage, removeEmptyMessages };
+//# sourceMappingURL=messages.d.ts.map

package/dist/src/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,iBAAS,mBAAmB,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAOzE;AACD,iBAAS,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CA0CnE;AAED,iBAAS,cAAc,CAAC,OAAO,EAAE,cAAc,GAAG,iBAAiB,CAqBlE;AAED,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}