@rnsk/bot 0.0.1 → 0.0.2

package/dist/components/bot-message-thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bot-message-thread.d.ts","sourceRoot":"","sources":["../../src/components/bot-message-thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAepC,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAmB,GACpB,EAAE;IACD,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,+BAiFA"}
+{"version":3,"file":"bot-message-thread.d.ts","sourceRoot":"","sources":["../../src/components/bot-message-thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAepC,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAmB,GACpB,EAAE;IACD,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,+BA+EA"}

package/dist/components/bot-message-thread.js

@@ -11,16 +11,16 @@ export function BotMessageThread({ messages, isStreaming = false, }) {
     useEffect(() => {
         endRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' });
     }, [messages, isStreaming]);
-    return (_jsxs("div", { className: "rnsk-bot-thread flex max-h-[min(420px,50vh)] flex-col gap-4 overflow-y-auto px-4 py-4", children: [messages.map((message, index) => {
+    return (_jsxs("div", { className: "rnsk-bot-thread", children: [messages.map((message, index) => {
                 const isAssistant = message.role === 'assistant';
                 const isLastMessage = index === messages.length - 1;
                 const messageContent = getMessageText(message);
                 const toolParts = parseToolParts(message);
                 const reasoningRows = getReasoningRows(message);
                 if (!isAssistant) {
-                    return (_jsx("div", { className: "flex justify-end", children: _jsx("div", { className: "max-w-[85%] rounded-2xl rounded-br-md bg-[var(--rnsk-primary)] px-3.5 py-2.5 text-sm text-[var(--rnsk-primary-foreground)]", children: messageContent }) }, message.id));
+                    return (_jsx("div", { className: "rnsk-bot-message rnsk-bot-message--user", children: _jsx("div", { className: "rnsk-bot-bubble rnsk-bot-bubble--user", children: messageContent }) }, message.id));
                 }
-                return (_jsxs("div", { className: "flex w-full min-w-0 flex-col gap-2", children: [isLastMessage && isStreaming && !messageContent && reasoningRows.length === 0 && toolParts.length === 0 ? (_jsx(LoadingState, {})) : null, reasoningRows.length > 0 ? (_jsx(ReasoningState, { rows: reasoningRows, isActive: isReasoningActive(message, isLastMessage, isStreaming) })) : null, toolParts.length > 0 ? _jsx(ToolCallUi, { parts: toolParts }) : null, toolParts.map((toolPart, toolIndex) => {
+                return (_jsxs("div", { className: "rnsk-bot-message rnsk-bot-message--assistant", children: [isLastMessage && isStreaming && !messageContent && reasoningRows.length === 0 && toolParts.length === 0 ? (_jsx(LoadingState, {})) : null, reasoningRows.length > 0 ? (_jsx(ReasoningState, { rows: reasoningRows, isActive: isReasoningActive(message, isLastMessage, isStreaming) })) : null, toolParts.length > 0 ? _jsx(ToolCallUi, { parts: toolParts }) : null, toolParts.map((toolPart, toolIndex) => {
                             const initOutput = toolPart.output;
                             if (toolPart.type === 'initiateConnection' &&
                                 toolPart.state === 'output-available' &&
@@ -29,7 +29,7 @@ export function BotMessageThread({ messages, isStreaming = false, }) {
                                 return (_jsx(InitiateConnection, { data: { ...initOutput, provider: initOutput.provider } }, toolPart.toolCallId ?? `tool-${index}-${toolIndex}`));
                             }
                             if (toolPart.state === 'output-error') {
-                                return (_jsx("div", { className: "rounded-lg border border-red-500/30 bg-red-500/5 px-3 py-2 text-sm text-red-600", children: toolPart.errorText ?? 'Tool error' }, toolPart.toolCallId ?? `tool-${index}-${toolIndex}`));
+                                return (_jsx("div", { className: "rnsk-bot-tool-error", children: toolPart.errorText ?? 'Tool error' }, toolPart.toolCallId ?? `tool-${index}-${toolIndex}`));
                             }
                             return null;
                         }), _jsx(StreamingText, { text: messageContent, isStreaming: isLastMessage && isStreaming })] }, message.id));

package/dist/components/bot-message-thread.js.map

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

package/dist/components/bot-shell.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../lib/cn.js';
 export function BotShell({ position, theme, className, children, }) {
-    return (_jsx("div", { className: cn('rnsk-bot fixed bottom-6 z-[9999] font-sans', position === 'left' ? 'left-6' : 'right-6', theme === 'dark' ? 'rnsk-bot-dark' : 'rnsk-bot-light', className), children: _jsx("div", { className: "flex flex-col items-end", children: children }) }));
+    return (_jsx("div", { className: cn('rnsk-bot', position === 'left' ? 'rnsk-bot--left' : 'rnsk-bot--right', theme === 'dark' ? 'rnsk-bot-dark' : 'rnsk-bot-light', className), children: children }));
 }
 //# sourceMappingURL=bot-shell.js.map

package/dist/components/bot-shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"bot-shell.js","sourceRoot":"","sources":["../../src/components/bot-shell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGlC,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,GAMT;IACC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EACrD,SAAS,CACV,YAED,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,GACrD,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"bot-shell.js","sourceRoot":"","sources":["../../src/components/bot-shell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGlC,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,GAMT;IACC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,UAAU,EACV,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAC1D,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EACrD,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/bot-widget.d.ts

@@ -0,0 +1,17 @@
+import type { UIMessage } from 'ai';
+export declare function BotWidget({ chatOpen, inputOpen, value, placeholder, disabled, logoUrl, brandName, messages, isStreaming, error, onValueChange, onSubmit, onToggle, }: {
+    chatOpen: boolean;
+    inputOpen: boolean;
+    value: string;
+    placeholder: string;
+    disabled?: boolean;
+    logoUrl: string;
+    brandName: string;
+    messages: UIMessage[];
+    isStreaming: boolean;
+    error?: Error | null;
+    onValueChange: (value: string) => void;
+    onSubmit: () => void;
+    onToggle: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=bot-widget.d.ts.map

package/dist/components/bot-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bot-widget.d.ts","sourceRoot":"","sources":["../../src/components/bot-widget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAQpC,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EACX,KAAK,EACL,aAAa,EACb,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,+BA8FA"}

package/dist/components/bot-widget.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from 'motion/react';
+import { useEffect, useRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { BotMessageThread } from './bot-message-thread.js';
+const GOOEY_FILTER_ID = 'rnsk-bot-gooey';
+export function BotWidget({ chatOpen, inputOpen, value, placeholder, disabled, logoUrl, brandName, messages, isStreaming, error, onValueChange, onSubmit, onToggle, }) {
+    const inputRef = useRef(null);
+    const useGooey = chatOpen || inputOpen;
+    useEffect(() => {
+        if (inputOpen) {
+            inputRef.current?.focus();
+        }
+    }, [inputOpen]);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        if (!value.trim() || disabled)
+            return;
+        onSubmit();
+    };
+    return (_jsxs("div", { className: cn('rnsk-bot-widget', inputOpen ? 'rnsk-bot-widget--expanded' : 'rnsk-bot-widget--collapsed', chatOpen && 'rnsk-bot-widget--chat-open'), children: [_jsx("svg", { className: "rnsk-bot-svg-defs", "aria-hidden": true, children: _jsx("defs", { children: _jsxs("filter", { id: GOOEY_FILTER_ID, children: [_jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "8", result: "blur" }), _jsx("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8", result: "goo" }), _jsx("feBlend", { in: "SourceGraphic", in2: "goo" })] }) }) }), _jsxs("div", { className: "rnsk-bot-gooey-group", style: { filter: useGooey ? `url(#${GOOEY_FILTER_ID})` : undefined }, children: [chatOpen ? (_jsxs("div", { className: "rnsk-bot-panel", children: [_jsx(BotMessageThread, { messages: messages, isStreaming: isStreaming }), error ? _jsx("div", { className: "rnsk-bot-error", children: error.message }) : null] })) : null, _jsxs(motion.form, { onSubmit: handleSubmit, className: "rnsk-bot-composer", initial: false, animate: { width: inputOpen ? '100%' : 52 }, transition: { type: 'spring', stiffness: 380, damping: 32 }, children: [_jsx("button", { type: "button", onClick: onToggle, className: "rnsk-bot-trigger", "aria-label": inputOpen ? 'Collapse chat' : 'Open chat', children: _jsx("img", { src: logoUrl, alt: brandName, className: "rnsk-bot-trigger-logo" }) }), inputOpen ? (_jsxs("div", { className: "rnsk-bot-input-wrap", children: [_jsx("input", { ref: inputRef, type: "text", value: value, onChange: (event) => onValueChange(event.target.value), placeholder: placeholder, disabled: disabled, className: "rnsk-bot-input" }), _jsx("button", { type: "submit", disabled: disabled || !value.trim(), className: "rnsk-bot-send", "aria-label": "Send message", children: _jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M12 19V5" }), _jsx("path", { d: "m7 10 5-5 5 5" })] }) })] })) : null] })] })] }));
+}
+//# sourceMappingURL=bot-widget.js.map

package/dist/components/bot-widget.js.map

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

package/dist/components/chat/initiate-connection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"initiate-connection.d.ts","sourceRoot":"","sources":["../../../src/components/chat/initiate-connection.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,sBAAsB,CAAA;CAAE,+BAsB5E"}
+{"version":3,"file":"initiate-connection.d.ts","sourceRoot":"","sources":["../../../src/components/chat/initiate-connection.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,sBAAsB,CAAA;CAAE,+BAoB5E"}

package/dist/components/chat/initiate-connection.js

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 export function InitiateConnection({ data }) {
     const hasLink = Boolean(data.link) && !data.error;
-    return (_jsxs("div", { className: "rnsk-bot-connect flex items-center justify-between gap-3 rounded-xl border border-[var(--rnsk-border)] bg-[var(--rnsk-card)] px-4 py-3 text-sm shadow-sm", children: [_jsxs("span", { className: "font-medium text-[var(--rnsk-foreground)]", children: ["Connect ", data.provider] }), hasLink ? (_jsx("a", { href: data.link, target: "_blank", rel: "noopener noreferrer", className: "rnsk-bot-connect-btn inline-flex shrink-0 items-center rounded-full bg-[var(--rnsk-primary)] px-3 py-1.5 text-xs font-medium text-[var(--rnsk-primary-foreground)]", children: "Connect" })) : (_jsx("span", { className: "text-[var(--rnsk-muted-foreground)]", children: "Unavailable" }))] }));
+    return (_jsxs("div", { className: "rnsk-bot-connect", children: [_jsxs("span", { children: ["Connect ", data.provider] }), hasLink ? (_jsx("a", { href: data.link, target: "_blank", rel: "noopener noreferrer", className: "rnsk-bot-connect-btn", children: "Connect" })) : (_jsx("span", { className: "rnsk-bot-muted", children: "Unavailable" }))] }));
 }
 //# sourceMappingURL=initiate-connection.js.map

package/dist/components/chat/initiate-connection.js.map

@@ -1 +1 @@
-{"version":3,"file":"initiate-connection.js","sourceRoot":"","sources":["../../../src/components/chat/initiate-connection.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,kBAAkB,CAAC,EAAE,IAAI,EAAoC;IAC3E,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAC,0JAA0J,aACvK,gBAAM,SAAS,EAAC,2CAA2C,yBAChD,IAAI,CAAC,QAAQ,IACjB,EACN,OAAO,CAAC,CAAC,CAAC,CACT,YACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,oKAAoK,wBAG5K,CACL,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,qCAAqC,4BAAmB,CACzE,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"initiate-connection.js","sourceRoot":"","sources":["../../../src/components/chat/initiate-connection.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,kBAAkB,CAAC,EAAE,IAAI,EAAoC;IAC3E,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,uCAAe,IAAI,CAAC,QAAQ,IAAQ,EACnC,OAAO,CAAC,CAAC,CAAC,CACT,YACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,sBAAsB,wBAG9B,CACL,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,gBAAgB,4BAAmB,CACpD,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/chat/loading-state.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function LoadingState({ label = 'Thinking' }) {
-    return (_jsxs("div", { className: "rnsk-bot-loading flex items-center gap-2 text-sm text-[var(--rnsk-muted-foreground)]", children: [_jsxs("span", { className: "rnsk-bot-loading-dots", "aria-hidden": true, children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }), _jsx("span", { children: label })] }));
+    return (_jsxs("div", { className: "rnsk-bot-loading", children: [_jsxs("span", { className: "rnsk-bot-loading-dots", "aria-hidden": true, children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }), _jsx("span", { children: label })] }));
 }
 //# sourceMappingURL=loading-state.js.map

package/dist/components/chat/loading-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-state.js","sourceRoot":"","sources":["../../../src/components/chat/loading-state.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,GAAG,UAAU,EAAsB;IACrE,OAAO,CACL,eAAK,SAAS,EAAC,sFAAsF,aACnG,gBAAM,SAAS,EAAC,uBAAuB,kCACrC,gBAAQ,EACR,gBAAQ,EACR,gBAAQ,IACH,EACP,yBAAO,KAAK,GAAQ,IAChB,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"loading-state.js","sourceRoot":"","sources":["../../../src/components/chat/loading-state.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,GAAG,UAAU,EAAsB;IACrE,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,gBAAM,SAAS,EAAC,uBAAuB,kCACrC,gBAAQ,EACR,gBAAQ,EACR,gBAAQ,IACH,EACP,yBAAO,KAAK,GAAQ,IAChB,CACP,CAAC;AACJ,CAAC"}

package/dist/components/chat/reasoning-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning-state.d.ts","sourceRoot":"","sources":["../../../src/components/chat/reasoning-state.tsx"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACnB,sCAeA"}
+{"version":3,"file":"reasoning-state.d.ts","sourceRoot":"","sources":["../../../src/components/chat/reasoning-state.tsx"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACnB,sCAaA"}

package/dist/components/chat/reasoning-state.js

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ReasoningState({ rows, isActive, }) {
     if (rows.length === 0)
         return null;
-    return (_jsxs("details", { className: "rnsk-bot-reasoning rounded-lg border border-[var(--rnsk-border)] bg-[var(--rnsk-muted)]/40 px-3 py-2 text-xs text-[var(--rnsk-muted-foreground)]", open: isActive, children: [_jsx("summary", { className: "cursor-pointer font-medium text-[var(--rnsk-foreground)]", children: "Reasoning" }), _jsx("div", { className: "mt-2 space-y-2 whitespace-pre-wrap", children: rows.map((row, index) => (_jsx("p", { children: row.primary }, index))) })] }));
+    return (_jsxs("details", { className: "rnsk-bot-reasoning", open: isActive, children: [_jsx("summary", { children: "Reasoning" }), _jsx("div", { children: rows.map((row, index) => (_jsx("p", { children: row.primary }, index))) })] }));
 }
 //# sourceMappingURL=reasoning-state.js.map

package/dist/components/chat/reasoning-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning-state.js","sourceRoot":"","sources":["../../../src/components/chat/reasoning-state.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,GAIT;IACC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,mBAAS,SAAS,EAAC,kJAAkJ,EAAC,IAAI,EAAE,QAAQ,aAClL,kBAAS,SAAS,EAAC,0DAA0D,0BAEnE,EACV,cAAK,SAAS,EAAC,oCAAoC,YAChD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,sBAAgB,GAAG,CAAC,OAAO,IAAnB,KAAK,CAAmB,CACjC,CAAC,GACE,IACE,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"reasoning-state.js","sourceRoot":"","sources":["../../../src/components/chat/reasoning-state.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,GAIT;IACC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,mBAAS,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,QAAQ,aACpD,0CAA4B,EAC5B,wBACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,sBAAgB,GAAG,CAAC,OAAO,IAAnB,KAAK,CAAmB,CACjC,CAAC,GACE,IACE,CACX,CAAC;AACJ,CAAC"}

package/dist/components/chat/streaming-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"streaming-text.d.ts","sourceRoot":"","sources":["../../../src/components/chat/streaming-text.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,CAAC,EAC5B,IAAS,EACT,WAAmB,GACpB,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,sCASA"}
+{"version":3,"file":"streaming-text.d.ts","sourceRoot":"","sources":["../../../src/components/chat/streaming-text.tsx"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,EAC5B,IAAS,EACT,WAAmB,GACpB,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,sCASA"}

package/dist/components/chat/streaming-text.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Streamdown } from 'streamdown';
-import { cn } from '../../lib/cn.js';
 export function StreamingText({ text = '', isStreaming = false, }) {
     if (!text && !isStreaming)
         return null;
-    return (_jsxs("div", { className: cn('rnsk-bot-markdown w-full text-sm leading-relaxed text-[var(--rnsk-foreground)]'), children: [_jsx(Streamdown, { children: text }), isStreaming ? _jsx("span", { className: "rnsk-bot-cursor", "aria-hidden": true }) : null] }));
+    return (_jsxs("div", { className: "rnsk-bot-markdown", children: [_jsx(Streamdown, { children: text }), isStreaming ? _jsx("span", { className: "rnsk-bot-cursor", "aria-hidden": true }) : null] }));
 }
 //# sourceMappingURL=streaming-text.js.map

package/dist/components/chat/streaming-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"streaming-text.js","sourceRoot":"","sources":["../../../src/components/chat/streaming-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,GAAG,EAAE,EACT,WAAW,GAAG,KAAK,GAIpB;IACC,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAEvC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gFAAgF,CAAC,aAClG,KAAC,UAAU,cAAE,IAAI,GAAc,EAC9B,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,wBAAe,CAAC,CAAC,CAAC,IAAI,IAClE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"streaming-text.js","sourceRoot":"","sources":["../../../src/components/chat/streaming-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,GAAG,EAAE,EACT,WAAW,GAAG,KAAK,GAIpB;IACC,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAEvC,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,UAAU,cAAE,IAAI,GAAc,EAC9B,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,wBAAe,CAAC,CAAC,CAAC,IAAI,IAClE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/chat/tool-call-ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-call-ui.d.ts","sourceRoot":"","sources":["../../../src/components/chat/tool-call-ui.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,EAAE,CAAA;CAAE,sCAgBhE"}
+{"version":3,"file":"tool-call-ui.d.ts","sourceRoot":"","sources":["../../../src/components/chat/tool-call-ui.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,EAAE,CAAA;CAAE,sCAahE"}

package/dist/components/chat/tool-call-ui.js

@@ -2,6 +2,6 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 export function ToolCallUi({ parts }) {
     if (parts.length === 0)
         return null;
-    return (_jsx("div", { className: "rnsk-bot-tools flex flex-wrap gap-2", children: parts.map((part, index) => (_jsxs("span", { className: "inline-flex items-center rounded-full border border-[var(--rnsk-border)] bg-[var(--rnsk-muted)] px-2.5 py-1 text-xs text-[var(--rnsk-muted-foreground)]", children: [part.type, part.state === 'output-error' ? ' · error' : part.state === 'output-available' ? ' · done' : ' · running'] }, part.toolCallId ?? `${part.type}-${index}`))) }));
+    return (_jsx("div", { className: "rnsk-bot-tools", children: parts.map((part, index) => (_jsxs("span", { children: [part.type, part.state === 'output-error' ? ' · error' : part.state === 'output-available' ? ' · done' : ' · running'] }, part.toolCallId ?? `${part.type}-${index}`))) }));
 }
 //# sourceMappingURL=tool-call-ui.js.map

package/dist/components/chat/tool-call-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-call-ui.js","sourceRoot":"","sources":["../../../src/components/chat/tool-call-ui.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAA+B;IAC/D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,cAAK,SAAS,EAAC,qCAAqC,YACjD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,gBAEE,SAAS,EAAC,yJAAyJ,aAElK,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,KAJrG,IAAI,CAAC,UAAU,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,EAAE,CAK1C,CACR,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"tool-call-ui.js","sourceRoot":"","sources":["../../../src/components/chat/tool-call-ui.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAA+B;IAC/D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC5B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,2BACG,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,KAFjG,IAAI,CAAC,UAAU,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,EAAE,CAG9C,CACR,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/runstack-bot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runstack-bot.d.ts","sourceRoot":"","sources":["../../src/components/runstack-bot.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAc,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAQhE,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAkB,EAClB,WAAiC,EACjC,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,KAAgB,EAChB,SAAS,GACV,EAAE,gBAAgB,+BAkElB"}
+{"version":3,"file":"runstack-bot.d.ts","sourceRoot":"","sources":["../../src/components/runstack-bot.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAc,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAMhE,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAkB,EAClB,WAAiC,EACjC,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,KAAgB,EAChB,SAAS,GACV,EAAE,gBAAgB,+BA6DlB"}

package/dist/components/runstack-bot.js

@@ -1,15 +1,13 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useChat } from '@ai-sdk/react';
 import { useMemo, useState } from 'react';
 import { useBotConfig } from '../hooks/use-bot-config.js';
 import { useBotTheme } from '../hooks/use-bot-theme.js';
 import { resolveBrandLogo, resolveBrandName } from '../lib/branding.js';
 import { createBotTransport } from '../lib/bot-transport.js';
-import { BotGooeyInput } from './bot-gooey-input.js';
-import { BotGooeyStack } from './bot-gooey-stack.js';
-import { BotMessageThread } from './bot-message-thread.js';
 import { BotShell } from './bot-shell.js';
+import { BotWidget } from './bot-widget.js';
 const DEFAULT_PLACEHOLDER = 'Ask anything…';
 export function RunstackBot({ apiKey, position = 'right', placeholder = DEFAULT_PLACEHOLDER, agentIds, toolkits, systemPrompt, apiBase, theme = 'system', className, }) {
     const resolvedTheme = useBotTheme(theme);
@@ -44,6 +42,6 @@ export function RunstackBot({ apiKey, position = 'right', placeholder = DEFAULT_
         setUiState('chat');
         await sendMessage({ text });
     };
-    return (_jsxs(BotShell, { position: position, theme: resolvedTheme, className: className, children: [_jsxs(BotGooeyStack, { open: chatOpen, children: [_jsx(BotMessageThread, { messages: messages, isStreaming: isStreaming }), error ? (_jsx("div", { className: "border-t border-[var(--rnsk-border)] px-4 py-2 text-xs text-red-600", children: error.message })) : null] }), _jsx(BotGooeyInput, { open: inputOpen, value: input, placeholder: placeholder, disabled: isStreaming, logoUrl: brandLogo, brandName: brandName, onValueChange: setInput, onSubmit: () => void handleSubmit(), onToggle: handleToggle })] }));
+    return (_jsx(BotShell, { position: position, theme: resolvedTheme, className: className, children: _jsx(BotWidget, { chatOpen: chatOpen, inputOpen: inputOpen, value: input, placeholder: placeholder, disabled: isStreaming, logoUrl: brandLogo, brandName: brandName, messages: messages, isStreaming: isStreaming, error: error, onValueChange: setInput, onSubmit: () => void handleSubmit(), onToggle: handleToggle }) }));
 }
 //# sourceMappingURL=runstack-bot.js.map

package/dist/components/runstack-bot.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rnsk/bot",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Embeddable Runstack chat widget with gooey UI, API-key auth, and toolkit/agent scoping.",
   "type": "module",
   "main": "./dist/index.js",

package/styles/bot.css

@@ -1,4 +1,5 @@
 .rnsk-bot {
+  --rnsk-bot-width: min(380px, calc(100vw - 3rem));
   --rnsk-background: #ffffff;
   --rnsk-foreground: #111827;
   --rnsk-card: #ffffff;
@@ -7,9 +8,21 @@
   --rnsk-muted-foreground: #6b7280;
   --rnsk-primary: #111827;
   --rnsk-primary-foreground: #ffffff;
+  position: fixed;
+  bottom: 1.5rem;
+  z-index: 9999;
+  font-family: ui-sans-serif, system-ui, sans-serif;
   color: var(--rnsk-foreground);
 }
 
+.rnsk-bot--right {
+  right: 1.5rem;
+}
+
+.rnsk-bot--left {
+  left: 1.5rem;
+}
+
 .rnsk-bot-dark {
   --rnsk-background: #0b0f17;
   --rnsk-foreground: #f9fafb;
@@ -36,6 +49,195 @@
   box-sizing: border-box;
 }
 
+.rnsk-bot-svg-defs {
+  position: absolute;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+}
+
+/* Widget shell */
+.rnsk-bot-widget {
+  width: var(--rnsk-bot-width);
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.rnsk-bot-widget--collapsed {
+  width: 52px;
+}
+
+.rnsk-bot-gooey-group {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  width: 100%;
+}
+
+/* Chat panel */
+.rnsk-bot-panel {
+  overflow: hidden;
+  border: 1px solid var(--rnsk-border);
+  border-bottom: none;
+  border-radius: 22px 22px 14px 14px;
+  background: var(--rnsk-card);
+  box-shadow: 0 16px 48px rgb(0 0 0 / 0.12);
+  margin-bottom: -14px;
+  position: relative;
+  z-index: 0;
+}
+
+/* Composer row */
+.rnsk-bot-composer {
+  display: flex;
+  align-items: center;
+  min-height: 52px;
+  border: 1px solid var(--rnsk-border);
+  border-radius: 22px;
+  background: var(--rnsk-card);
+  box-shadow: 0 10px 36px rgb(0 0 0 / 0.12);
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+}
+
+.rnsk-bot-trigger {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 52px;
+  height: 52px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+}
+
+.rnsk-bot-trigger-logo {
+  width: 28px;
+  height: 28px;
+  border-radius: 8px;
+  object-fit: cover;
+}
+
+.rnsk-bot-input-wrap {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  flex: 1;
+  position: relative;
+  overflow: hidden;
+}
+
+.rnsk-bot-input {
+  width: 100%;
+  height: 52px;
+  padding: 0 44px 0 4px;
+  border: none;
+  background: transparent;
+  color: var(--rnsk-foreground);
+  font-size: 0.875rem;
+  outline: none;
+}
+
+.rnsk-bot-input::placeholder {
+  color: var(--rnsk-muted-foreground);
+}
+
+.rnsk-bot-send {
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  border-radius: 9999px;
+  background: var(--rnsk-primary);
+  color: var(--rnsk-primary-foreground);
+  cursor: pointer;
+}
+
+.rnsk-bot-send:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.rnsk-bot-send svg {
+  width: 16px;
+  height: 16px;
+}
+
+/* Messages */
+.rnsk-bot-thread {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  max-height: min(360px, 45vh);
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 1rem 1rem 1.25rem;
+  scrollbar-width: thin;
+  scrollbar-color: var(--rnsk-border) transparent;
+}
+
+.rnsk-bot-message {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+}
+
+.rnsk-bot-message--user {
+  justify-content: flex-end;
+}
+
+.rnsk-bot-message--assistant {
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.rnsk-bot-bubble--user {
+  max-width: 85%;
+  padding: 0.625rem 0.875rem;
+  border-radius: 1rem;
+  border-bottom-right-radius: 0.375rem;
+  background: var(--rnsk-primary);
+  color: var(--rnsk-primary-foreground);
+  font-size: 0.875rem;
+  line-height: 1.45;
+}
+
+.rnsk-bot-error {
+  border-top: 1px solid var(--rnsk-border);
+  padding: 0.5rem 1rem;
+  font-size: 0.75rem;
+  color: #dc2626;
+}
+
+.rnsk-bot-tool-error {
+  border-radius: 0.5rem;
+  border: 1px solid rgb(239 68 68 / 0.3);
+  background: rgb(239 68 68 / 0.05);
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  color: #dc2626;
+}
+
+/* Loading */
+.rnsk-bot-loading {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  color: var(--rnsk-muted-foreground);
+}
+
 .rnsk-bot-loading-dots {
   display: inline-flex;
   gap: 4px;
@@ -70,6 +272,14 @@
   }
 }
 
+/* Markdown */
+.rnsk-bot-markdown {
+  width: 100%;
+  font-size: 0.875rem;
+  line-height: 1.6;
+  color: var(--rnsk-foreground);
+}
+
 .rnsk-bot-cursor {
   display: inline-block;
   width: 0.45rem;
@@ -106,15 +316,85 @@
   font-size: 0.85em;
 }
 
-.rnsk-bot-thread {
-  scrollbar-width: thin;
-  scrollbar-color: var(--rnsk-border) transparent;
+/* Reasoning */
+.rnsk-bot-reasoning {
+  border-radius: 0.5rem;
+  border: 1px solid var(--rnsk-border);
+  background: rgb(243 244 246 / 0.4);
+  padding: 0.5rem 0.75rem;
+  font-size: 0.75rem;
+  color: var(--rnsk-muted-foreground);
+}
+
+.rnsk-bot-dark .rnsk-bot-reasoning {
+  background: rgb(31 41 55 / 0.4);
+}
+
+.rnsk-bot-reasoning summary {
+  cursor: pointer;
+  font-weight: 500;
+  color: var(--rnsk-foreground);
+}
+
+.rnsk-bot-reasoning > div {
+  margin-top: 0.5rem;
+  white-space: pre-wrap;
+}
+
+/* Tools */
+.rnsk-bot-tools {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.rnsk-bot-tools span {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 9999px;
+  border: 1px solid var(--rnsk-border);
+  background: var(--rnsk-muted);
+  padding: 0.25rem 0.625rem;
+  font-size: 0.75rem;
+  color: var(--rnsk-muted-foreground);
+}
+
+/* OAuth connect */
+.rnsk-bot-connect {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  border-radius: 0.75rem;
+  border: 1px solid var(--rnsk-border);
+  background: var(--rnsk-card);
+  padding: 0.75rem 1rem;
+  font-size: 0.875rem;
+  box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
+}
+
+.rnsk-bot-connect-btn {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  border-radius: 9999px;
+  background: var(--rnsk-primary);
+  padding: 0.375rem 0.75rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--rnsk-primary-foreground);
+  text-decoration: none;
 }
 
 .rnsk-bot-connect-btn:hover {
   opacity: 0.92;
 }
 
+.rnsk-bot-muted {
+  color: var(--rnsk-muted-foreground);
+  font-size: 0.875rem;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .rnsk-bot-loading-dots span,
   .rnsk-bot-cursor {

package/dist/components/bot-gooey-input.d.ts

@@ -1,12 +0,0 @@
-export declare function BotGooeyInput({ open, value, placeholder, disabled, logoUrl, brandName, onValueChange, onSubmit, onToggle, }: {
-    open: boolean;
-    value: string;
-    placeholder: string;
-    disabled?: boolean;
-    logoUrl: string;
-    brandName: string;
-    onValueChange: (value: string) => void;
-    onSubmit: () => void;
-    onToggle: () => void;
-}): import("react").JSX.Element;
-//# sourceMappingURL=bot-gooey-input.d.ts.map

package/dist/components/bot-gooey-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bot-gooey-input.d.ts","sourceRoot":"","sources":["../../src/components/bot-gooey-input.tsx"],"names":[],"mappings":"AAOA,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,+BAqFA"}

package/dist/components/bot-gooey-input.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { motion } from 'motion/react';
-import { useEffect, useRef } from 'react';
-import { cn } from '../lib/cn.js';
-const GOOEY_FILTER_ID = 'rnsk-bot-gooey-input';
-export function BotGooeyInput({ open, value, placeholder, disabled, logoUrl, brandName, onValueChange, onSubmit, onToggle, }) {
-    const inputRef = useRef(null);
-    useEffect(() => {
-        if (open) {
-            inputRef.current?.focus();
-        }
-    }, [open]);
-    const handleSubmit = (event) => {
-        event.preventDefault();
-        if (!value.trim() || disabled)
-            return;
-        onSubmit();
-    };
-    return (_jsxs("div", { className: "rnsk-bot-gooey-input relative", children: [_jsx("svg", { className: "pointer-events-none absolute h-0 w-0", "aria-hidden": true, children: _jsx("defs", { children: _jsxs("filter", { id: GOOEY_FILTER_ID, children: [_jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "5", result: "blur" }), _jsx("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 20 -10", result: "goo" }), _jsx("feBlend", { in: "SourceGraphic", in2: "goo" })] }) }) }), _jsxs(motion.form, { onSubmit: handleSubmit, className: "relative flex items-center gap-0", style: { filter: open ? `url(#${GOOEY_FILTER_ID})` : undefined }, initial: false, animate: { width: open ? 320 : 52 }, transition: { type: 'spring', stiffness: 380, damping: 32 }, children: [_jsx("button", { type: "button", onClick: onToggle, className: cn('rnsk-bot-trigger relative z-10 flex size-[52px] shrink-0 items-center justify-center overflow-hidden rounded-2xl border border-[var(--rnsk-border)] bg-[var(--rnsk-card)] shadow-lg'), "aria-label": open ? 'Collapse chat' : 'Open chat', children: _jsx("img", { src: logoUrl, alt: brandName, className: "size-7 rounded-lg object-cover" }) }), _jsxs(motion.div, { className: "relative z-0 flex min-w-0 flex-1 items-center overflow-hidden rounded-2xl border border-[var(--rnsk-border)] bg-[var(--rnsk-card)] shadow-lg", initial: false, animate: {
-                            opacity: open ? 1 : 0,
-                            width: open ? 268 : 0,
-                            marginLeft: open ? -8 : 0,
-                        }, transition: { type: 'spring', stiffness: 380, damping: 32 }, children: [_jsx("input", { ref: inputRef, type: "text", value: value, onChange: (event) => onValueChange(event.target.value), placeholder: placeholder, disabled: disabled, className: "h-[52px] w-full bg-transparent px-4 pr-12 text-sm text-[var(--rnsk-foreground)] outline-none placeholder:text-[var(--rnsk-muted-foreground)]" }), _jsx("button", { type: "submit", disabled: disabled || !value.trim(), className: "absolute right-2 inline-flex size-8 items-center justify-center rounded-full bg-[var(--rnsk-primary)] text-[var(--rnsk-primary-foreground)] disabled:opacity-40", "aria-label": "Send message", children: _jsxs("svg", { viewBox: "0 0 24 24", className: "size-4", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M12 19V5" }), _jsx("path", { d: "m7 10 5-5 5 5" })] }) })] })] })] }));
-}
-//# sourceMappingURL=bot-gooey-input.js.map

package/dist/components/bot-gooey-input.js.map

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

package/dist/components/bot-gooey-stack.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function BotGooeyStack({ open, children, }: {
-    open: boolean;
-    children: ReactNode;
-}): import("react").JSX.Element;
-//# sourceMappingURL=bot-gooey-stack.d.ts.map

package/dist/components/bot-gooey-stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bot-gooey-stack.d.ts","sourceRoot":"","sources":["../../src/components/bot-gooey-stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAoCA"}

package/dist/components/bot-gooey-stack.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { motion } from 'motion/react';
-import { cn } from '../lib/cn.js';
-const GOOEY_FILTER_ID = 'rnsk-bot-gooey-stack';
-export function BotGooeyStack({ open, children, }) {
-    return (_jsxs("div", { className: cn('rnsk-bot-gooey-stack relative', open ? 'mb-2' : 'mb-0'), children: [_jsx("svg", { className: "pointer-events-none absolute h-0 w-0", "aria-hidden": true, children: _jsx("defs", { children: _jsxs("filter", { id: GOOEY_FILTER_ID, children: [_jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "10", result: "blur" }), _jsx("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 20 -10", result: "goo" }), _jsx("feBlend", { in: "SourceGraphic", in2: "goo" })] }) }) }), _jsx(motion.div, { initial: false, animate: {
-                    opacity: open ? 1 : 0,
-                    y: open ? 0 : 24,
-                    scale: open ? 1 : 0.96,
-                    height: open ? 'auto' : 0,
-                }, transition: { type: 'spring', stiffness: 320, damping: 30 }, className: "overflow-hidden", style: { filter: open ? `url(#${GOOEY_FILTER_ID})` : undefined }, children: _jsx("div", { className: "w-[min(360px,calc(100vw-3rem))] overflow-hidden rounded-[22px] border border-[var(--rnsk-border)] bg-[var(--rnsk-card)] shadow-2xl", children: children }) })] }));
-}
-//# sourceMappingURL=bot-gooey-stack.js.map

package/dist/components/bot-gooey-stack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bot-gooey-stack.js","sourceRoot":"","sources":["../../src/components/bot-gooey-stack.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,eAAe,GAAG,sBAAsB,CAAC;AAE/C,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,GAIT;IACC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aACzE,cAAK,SAAS,EAAC,sCAAsC,iCACnD,yBACE,kBAAQ,EAAE,EAAE,eAAe,aACzB,yBAAgB,EAAE,EAAC,eAAe,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,GAAG,EACrE,wBACE,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,+CAA+C,EACtD,MAAM,EAAC,KAAK,GACZ,EACF,kBAAS,EAAE,EAAC,eAAe,EAAC,GAAG,EAAC,KAAK,GAAG,IACjC,GACJ,GACH,EAEN,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,KAAK,EACd,OAAO,EAAE;oBACP,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACrB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;oBAChB,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;oBACtB,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;iBAC1B,EACD,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,EAC3D,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,eAAe,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,YAEhE,cAAK,SAAS,EAAC,oIAAoI,YAChJ,QAAQ,GACL,GACK,IACT,CACP,CAAC;AACJ,CAAC"}