@agentuity/workbench 0.0.63 → 0.0.65

package/dist/components/App.d.ts

@@ -0,0 +1,6 @@
+export interface AppProps {
+    configBase64: string;
+}
+export declare function App({ configBase64 }: AppProps): import("react/jsx-runtime").JSX.Element;
+export default App;
+//# sourceMappingURL=App.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/components/App.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,QAAQ;IACxB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,QAAQ,2CAc7C;AAED,eAAe,GAAG,CAAC"}

package/dist/components/App.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WorkbenchProvider } from './internal/WorkbenchProvider';
+import { Header } from './internal/Header';
+import { Chat } from './internal/Chat';
+import { ThemeProvider } from './ui/theme-provider';
+import { ResizableProvider } from './ui/resizable-provider';
+import { decodeWorkbenchConfig } from '@agentuity/core/workbench';
+export function App({ configBase64 }) {
+    const decodedConfig = decodeWorkbenchConfig(configBase64);
+    return (_jsx(WorkbenchProvider, { config: decodedConfig, children: _jsx(ThemeProvider, { children: _jsx(ResizableProvider, { children: _jsxs("div", { className: "flex flex-col h-screen", children: [_jsx(Header, {}), _jsx(Chat, {})] }) }) }) }));
+}
+export default App;
+//# sourceMappingURL=App.js.map

package/dist/components/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/components/App.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMlE,MAAM,UAAU,GAAG,CAAC,EAAE,YAAY,EAAY;IAC7C,MAAM,aAAa,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAC1D,OAAO,CACN,KAAC,iBAAiB,IAAC,MAAM,EAAE,aAAa,YACvC,KAAC,aAAa,cACb,KAAC,iBAAiB,cACjB,eAAK,SAAS,EAAC,wBAAwB,aACtC,KAAC,MAAM,KAAG,EACV,KAAC,IAAI,KAAG,IACH,GACa,GACL,GACG,CACpB,CAAC;AACH,CAAC;AAED,eAAe,GAAG,CAAC"}

package/dist/components/ConnectionStatus.d.ts

@@ -0,0 +1,7 @@
+import type { ConnectionStatus as ConnectionStatusType } from '../types/config';
+interface ConnectionStatusProps {
+    status: ConnectionStatusType;
+}
+export declare function ConnectionStatus({ status }: ConnectionStatusProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ConnectionStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionStatus.d.ts","sourceRoot":"","sources":["../../src/components/ConnectionStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEhF,UAAU,qBAAqB;IAC9B,MAAM,EAAE,oBAAoB,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE,qBAAqB,kDA2DjE"}

package/dist/components/ConnectionStatus.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ConnectionStatus({ status }) {
+    if (status === 'connected') {
+        return null; // Don't show anything when connected normally
+    }
+    const getStatusConfig = (status) => {
+        switch (status) {
+            case 'restarting':
+                return {
+                    text: 'Server restarting...',
+                    bgColor: 'bg-amber-100',
+                    textColor: 'text-amber-800',
+                    borderColor: 'border-amber-200',
+                    icon: '🔄',
+                };
+            case 'disconnected':
+                return {
+                    text: 'Disconnected from server',
+                    bgColor: 'bg-red-100',
+                    textColor: 'text-red-800',
+                    borderColor: 'border-red-200',
+                    icon: '⚠️',
+                };
+            case 'connected':
+                return {
+                    text: 'Connected',
+                    bgColor: 'bg-green-100',
+                    textColor: 'text-green-800',
+                    borderColor: 'border-green-200',
+                    icon: '✅',
+                };
+            default:
+                return {
+                    text: 'Unknown status',
+                    bgColor: 'bg-gray-100',
+                    textColor: 'text-gray-800',
+                    borderColor: 'border-gray-200',
+                    icon: '❓',
+                };
+        }
+    };
+    const config = getStatusConfig(status);
+    return (_jsxs("div", { className: `
+				fixed top-0 left-0 right-0 z-50
+				px-4 py-2
+				${config.bgColor} ${config.textColor} ${config.borderColor}
+				border-b
+				text-center text-sm font-medium
+				transition-all duration-200 ease-in-out
+			`, children: [_jsx("span", { className: "mr-2", children: config.icon }), config.text] }));
+}
+//# sourceMappingURL=ConnectionStatus.js.map

package/dist/components/ConnectionStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionStatus.js","sourceRoot":"","sources":["../../src/components/ConnectionStatus.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAyB;IACjE,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC,CAAC,8CAA8C;IAC5D,CAAC;IAED,MAAM,eAAe,GAAG,CAAC,MAA4B,EAAE,EAAE;QACxD,QAAQ,MAAM,EAAE,CAAC;YAChB,KAAK,YAAY;gBAChB,OAAO;oBACN,IAAI,EAAE,sBAAsB;oBAC5B,OAAO,EAAE,cAAc;oBACvB,SAAS,EAAE,gBAAgB;oBAC3B,WAAW,EAAE,kBAAkB;oBAC/B,IAAI,EAAE,IAAI;iBACV,CAAC;YACH,KAAK,cAAc;gBAClB,OAAO;oBACN,IAAI,EAAE,0BAA0B;oBAChC,OAAO,EAAE,YAAY;oBACrB,SAAS,EAAE,cAAc;oBACzB,WAAW,EAAE,gBAAgB;oBAC7B,IAAI,EAAE,IAAI;iBACV,CAAC;YACH,KAAK,WAAW;gBACf,OAAO;oBACN,IAAI,EAAE,WAAW;oBACjB,OAAO,EAAE,cAAc;oBACvB,SAAS,EAAE,gBAAgB;oBAC3B,WAAW,EAAE,kBAAkB;oBAC/B,IAAI,EAAE,GAAG;iBACT,CAAC;YACH;gBACC,OAAO;oBACN,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,aAAa;oBACtB,SAAS,EAAE,eAAe;oBAC1B,WAAW,EAAE,iBAAiB;oBAC9B,IAAI,EAAE,GAAG;iBACT,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAEvC,OAAO,CACN,eACC,SAAS,EAAE;;;MAGR,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,WAAW;;;;IAI1D,aAED,eAAM,SAAS,EAAC,MAAM,YAAE,MAAM,CAAC,IAAI,GAAQ,EAC1C,MAAM,CAAC,IAAI,IACP,CACN,CAAC;AACH,CAAC"}

package/dist/components/Inline.d.ts

@@ -0,0 +1,10 @@
+export interface InlineProps {
+    className?: string;
+}
+/**
+ * Inline component - just the chat area
+ * Must be used within WorkbenchProvider
+ */
+export declare function Inline({ className }: InlineProps): import("react/jsx-runtime").JSX.Element;
+export default Inline;
+//# sourceMappingURL=Inline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/components/Inline.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,EAAE,WAAW,2CAEhD;AAED,eAAe,MAAM,CAAC"}

package/dist/components/Inline.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Chat } from './internal/Chat';
+/**
+ * Inline component - just the chat area
+ * Must be used within WorkbenchProvider
+ */
+export function Inline({ className }) {
+    return _jsx(Chat, { className: className });
+}
+export default Inline;
+//# sourceMappingURL=Inline.js.map

package/dist/components/Inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.js","sourceRoot":"","sources":["../../src/components/Inline.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMvC;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAe;IAChD,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;AACvC,CAAC;AAED,eAAe,MAAM,CAAC"}

package/dist/components/ai-elements/actions.d.ts

@@ -0,0 +1,10 @@
+import { Button } from '../ui/button';
+import type { ComponentProps } from 'react';
+export type ActionsProps = ComponentProps<'div'>;
+export declare const Actions: ({ className, children, ...props }: ActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type ActionProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+    label?: string;
+};
+export declare const Action: ({ tooltip, children, label, className, variant, size, ...props }: ActionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=actions.d.ts.map

package/dist/components/ai-elements/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/actions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEjD,eAAO,MAAM,OAAO,GAAI,mCAAmC,YAAY,4CAItE,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,kEAQpB,WAAW,4CA+Bb,CAAC"}

package/dist/components/ai-elements/actions.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../ui/button';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip';
+import { cn } from '../../lib/utils';
+export const Actions = ({ className, children, ...props }) => (_jsx("div", { className: cn('flex items-center gap-1', className), ...props, children: children }));
+export const Action = ({ tooltip, children, label, className, variant = 'ghost', size = 'sm', ...props }) => {
+    const button = (_jsxs(Button, { className: cn('relative size-9 p-1.5 text-muted-foreground hover:text-foreground', className), size: size, type: "button", variant: variant, ...props, children: [children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
+    if (tooltip) {
+        return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
+    }
+    return button;
+};
+//# sourceMappingURL=actions.js.map

package/dist/components/ai-elements/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/components/ai-elements/actions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAKrC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE,CAAC,CAC3E,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,KAAK,YACjE,QAAQ,GACJ,CACN,CAAC;AAOF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,CACd,MAAC,MAAM,IACN,SAAS,EAAE,EAAE,CACZ,mEAAmE,EACnE,SAAS,CACT,EACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,KACZ,KAAK,aAER,QAAQ,EACT,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,IAAI,OAAO,GAAQ,IAC3C,CACT,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,CACN,KAAC,eAAe,cACf,MAAC,OAAO,eACP,KAAC,cAAc,IAAC,OAAO,kBAAE,MAAM,GAAkB,EACjD,KAAC,cAAc,cACd,sBAAI,OAAO,GAAK,GACA,IACR,GACO,CAClB,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AACf,CAAC,CAAC"}

package/dist/components/ai-elements/artifact.d.ts

@@ -0,0 +1,24 @@
+import { Button } from '../ui/button';
+import { type LucideIcon } from 'lucide-react';
+import type { ComponentProps, HTMLAttributes } from 'react';
+export type ArtifactProps = HTMLAttributes<HTMLDivElement>;
+export declare const Artifact: ({ className, ...props }: ArtifactProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactHeaderProps = HTMLAttributes<HTMLDivElement>;
+export declare const ArtifactHeader: ({ className, ...props }: ArtifactHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactCloseProps = ComponentProps<typeof Button>;
+export declare const ArtifactClose: ({ className, children, size, variant, ...props }: ArtifactCloseProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactTitleProps = HTMLAttributes<HTMLParagraphElement>;
+export declare const ArtifactTitle: ({ className, ...props }: ArtifactTitleProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+export declare const ArtifactDescription: ({ className, ...props }: ArtifactDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactActionsProps = HTMLAttributes<HTMLDivElement>;
+export declare const ArtifactActions: ({ className, ...props }: ArtifactActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactActionProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+    label?: string;
+    icon?: LucideIcon;
+};
+export declare const ArtifactAction: ({ tooltip, label, icon: Icon, children, className, size, variant, ...props }: ArtifactActionProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const ArtifactContent: ({ className, ...props }: ArtifactContentProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=artifact.d.ts.map

package/dist/components/ai-elements/artifact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/artifact.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,KAAK,UAAU,EAAS,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,4CAQ9D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,eAAO,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAK1E,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,aAAa,GAAI,kDAM3B,kBAAkB,4CAWpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEtE,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,4CAExE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE5E,eAAO,MAAM,mBAAmB,GAAI,yBAAyB,wBAAwB,4CAEpF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe,GAAI,yBAAyB,oBAAoB,4CAE5E,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,8EAS5B,mBAAmB,4CA4BrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe,GAAI,yBAAyB,oBAAoB,4CAE5E,CAAC"}

package/dist/components/ai-elements/artifact.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../ui/button';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip';
+import { cn } from '../../lib/utils';
+import { XIcon } from 'lucide-react';
+export const Artifact = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm', className), ...props }));
+export const ArtifactHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex items-center justify-between border-b bg-muted/50 px-4 py-3', className), ...props }));
+export const ArtifactClose = ({ className, children, size = 'sm', variant = 'ghost', ...props }) => (_jsxs(Button, { className: cn('size-8 p-0 text-muted-foreground hover:text-foreground', className), size: size, type: "button", variant: variant, ...props, children: [children ?? _jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }));
+export const ArtifactTitle = ({ className, ...props }) => (_jsx("p", { className: cn('font-medium text-foreground text-sm', className), ...props }));
+export const ArtifactDescription = ({ className, ...props }) => (_jsx("p", { className: cn('text-muted-foreground text-sm', className), ...props }));
+export const ArtifactActions = ({ className, ...props }) => (_jsx("div", { className: cn('flex items-center gap-1', className), ...props }));
+export const ArtifactAction = ({ tooltip, label, icon: Icon, children, className, size = 'sm', variant = 'ghost', ...props }) => {
+    const button = (_jsxs(Button, { className: cn('size-8 p-0 text-muted-foreground hover:text-foreground', className), size: size, type: "button", variant: variant, ...props, children: [Icon ? _jsx(Icon, { className: "size-4" }) : children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
+    if (tooltip) {
+        return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
+    }
+    return button;
+};
+export const ArtifactContent = ({ className, ...props }) => (_jsx("div", { className: cn('flex-1 overflow-auto p-4', className), ...props }));
+//# sourceMappingURL=artifact.js.map

package/dist/components/ai-elements/artifact.js.map

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

package/dist/components/ai-elements/branch.d.ts

@@ -0,0 +1,21 @@
+import { Button } from '../ui/button';
+import type { UIMessage } from 'ai';
+import type { ComponentProps, HTMLAttributes } from 'react';
+export type BranchProps = HTMLAttributes<HTMLDivElement> & {
+    defaultBranch?: number;
+    onBranchChange?: (branchIndex: number) => void;
+};
+export declare const Branch: ({ defaultBranch, onBranchChange, className, ...props }: BranchProps) => import("react/jsx-runtime").JSX.Element;
+export type BranchMessagesProps = HTMLAttributes<HTMLDivElement>;
+export declare const BranchMessages: ({ children, ...props }: BranchMessagesProps) => import("react/jsx-runtime").JSX.Element[];
+export type BranchSelectorProps = HTMLAttributes<HTMLDivElement> & {
+    from: UIMessage['role'];
+};
+export declare const BranchSelector: ({ className, from, ...props }: BranchSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
+export type BranchPreviousProps = ComponentProps<typeof Button>;
+export declare const BranchPrevious: ({ className, children, ...props }: BranchPreviousProps) => import("react/jsx-runtime").JSX.Element;
+export type BranchNextProps = ComponentProps<typeof Button>;
+export declare const BranchNext: ({ className, children, ...props }: BranchNextProps) => import("react/jsx-runtime").JSX.Element;
+export type BranchPageProps = HTMLAttributes<HTMLSpanElement>;
+export declare const BranchPage: ({ className, ...props }: BranchPageProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=branch.d.ts.map

package/dist/components/ai-elements/branch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"branch.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/branch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAgB,MAAM,OAAO,CAAC;AAwB1E,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,wDAA4D,WAAW,4CAiC7F,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,eAAO,MAAM,cAAc,GAAI,wBAAwB,mBAAmB,8CAuBzE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,+BAA+B,mBAAmB,mDAkBhF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,cAAc,GAAI,mCAAmC,mBAAmB,4CAsBpF,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,UAAU,GAAI,mCAAmC,eAAe,4CAsB5E,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAE9D,eAAO,MAAM,UAAU,GAAI,yBAAyB,eAAe,4CAWlE,CAAC"}

package/dist/components/ai-elements/branch.js

@@ -0,0 +1,71 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../ui/button';
+import { cn } from '../../lib/utils';
+import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
+import { createContext, useContext, useEffect, useState } from 'react';
+const BranchContext = createContext(null);
+const useBranch = () => {
+    const context = useContext(BranchContext);
+    if (!context) {
+        throw new Error('Branch components must be used within Branch');
+    }
+    return context;
+};
+export const Branch = ({ defaultBranch = 0, onBranchChange, className, ...props }) => {
+    const [currentBranch, setCurrentBranch] = useState(defaultBranch);
+    const [branches, setBranches] = useState([]);
+    const handleBranchChange = (newBranch) => {
+        setCurrentBranch(newBranch);
+        onBranchChange?.(newBranch);
+    };
+    const goToPrevious = () => {
+        const newBranch = currentBranch > 0 ? currentBranch - 1 : branches.length - 1;
+        handleBranchChange(newBranch);
+    };
+    const goToNext = () => {
+        const newBranch = currentBranch < branches.length - 1 ? currentBranch + 1 : 0;
+        handleBranchChange(newBranch);
+    };
+    const contextValue = {
+        currentBranch,
+        totalBranches: branches.length,
+        goToPrevious,
+        goToNext,
+        branches,
+        setBranches,
+    };
+    return (_jsx(BranchContext.Provider, { value: contextValue, children: _jsx("div", { className: cn('grid w-full gap-2 [&>div]:pb-0', className), ...props }) }));
+};
+export const BranchMessages = ({ children, ...props }) => {
+    const { currentBranch, setBranches, branches } = useBranch();
+    const childrenArray = Array.isArray(children) ? children : [children];
+    // Use useEffect to update branches when they change
+    useEffect(() => {
+        if (branches.length !== childrenArray.length) {
+            setBranches(childrenArray);
+        }
+    }, [childrenArray, branches, setBranches]);
+    return childrenArray.map((branch, index) => (_jsx("div", { className: cn('grid gap-2 overflow-hidden [&>div]:pb-0', index === currentBranch ? 'block' : 'hidden'), ...props, children: branch }, branch.key)));
+};
+export const BranchSelector = ({ className, from, ...props }) => {
+    const { totalBranches } = useBranch();
+    // Don't render if there's only one branch
+    if (totalBranches <= 1) {
+        return null;
+    }
+    return (_jsx("div", { className: cn('flex items-center gap-2 self-end px-10', from === 'assistant' ? 'justify-start' : 'justify-end', className), ...props }));
+};
+export const BranchPrevious = ({ className, children, ...props }) => {
+    const { goToPrevious, totalBranches } = useBranch();
+    return (_jsx(Button, { "aria-label": "Previous branch", className: cn('size-7 shrink-0 rounded-full text-muted-foreground transition-colors', 'hover:bg-accent hover:text-foreground', 'disabled:pointer-events-none disabled:opacity-50', className), disabled: totalBranches <= 1, onClick: goToPrevious, size: "icon", type: "button", variant: "ghost", ...props, children: children ?? _jsx(ChevronLeftIcon, { size: 14 }) }));
+};
+export const BranchNext = ({ className, children, ...props }) => {
+    const { goToNext, totalBranches } = useBranch();
+    return (_jsx(Button, { "aria-label": "Next branch", className: cn('size-7 shrink-0 rounded-full text-muted-foreground transition-colors', 'hover:bg-accent hover:text-foreground', 'disabled:pointer-events-none disabled:opacity-50', className), disabled: totalBranches <= 1, onClick: goToNext, size: "icon", type: "button", variant: "ghost", ...props, children: children ?? _jsx(ChevronRightIcon, { size: 14 }) }));
+};
+export const BranchPage = ({ className, ...props }) => {
+    const { currentBranch, totalBranches } = useBranch();
+    return (_jsxs("span", { className: cn('font-medium text-muted-foreground text-xs tabular-nums', className), ...props, children: [currentBranch + 1, " of ", totalBranches] }));
+};
+//# sourceMappingURL=branch.js.map

package/dist/components/ai-elements/branch.js.map

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

package/dist/components/ai-elements/canvas.d.ts

@@ -0,0 +1,9 @@
+import { type ReactFlowProps } from '@xyflow/react';
+import type { ReactNode } from 'react';
+import '@xyflow/react/dist/style.css';
+type CanvasProps = ReactFlowProps & {
+    children?: ReactNode;
+};
+export declare const Canvas: ({ children, ...props }: CanvasProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=canvas.d.ts.map

package/dist/components/ai-elements/canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,8BAA8B,CAAC;AAGtC,KAAK,WAAW,GAAG,cAAc,GAAG;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,wBAAwB,WAAW,4CAczD,CAAC"}

package/dist/components/ai-elements/canvas.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Background, ReactFlow } from '@xyflow/react';
+import '@xyflow/react/dist/style.css';
+import { Controls } from './controls';
+export const Canvas = ({ children, ...props }) => (_jsxs(ReactFlow, { deleteKeyCode: ['Backspace', 'Delete'], fitView: true, panOnDrag: false, panOnScroll: true, selectionOnDrag: true, zoomOnDoubleClick: false, ...props, children: [_jsx(Background, { bgColor: "var(--sidebar)" }), _jsx(Controls, {}), children] }));
+//# sourceMappingURL=canvas.js.map

package/dist/components/ai-elements/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../../src/components/ai-elements/canvas.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAuB,MAAM,eAAe,CAAC;AAE3E,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAMtC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE,CAAC,CAC9D,MAAC,SAAS,IACT,aAAa,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,EACtC,OAAO,QACP,SAAS,EAAE,KAAK,EAChB,WAAW,QACX,eAAe,EAAE,IAAI,EACrB,iBAAiB,EAAE,KAAK,KACpB,KAAK,aAET,KAAC,UAAU,IAAC,OAAO,EAAC,gBAAgB,GAAG,EACvC,KAAC,QAAQ,KAAG,EACX,QAAQ,IACE,CACZ,CAAC"}

package/dist/components/ai-elements/chain-of-thought.d.ts

@@ -0,0 +1,30 @@
+import { Badge } from '../ui/badge';
+import { CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+import { type LucideIcon } from 'lucide-react';
+import type { ComponentProps } from 'react';
+export type ChainOfThoughtProps = ComponentProps<'div'> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const ChainOfThought: import("react").MemoExoticComponent<({ className, open, defaultOpen, onOpenChange, children, ...props }: ChainOfThoughtProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
+export declare const ChainOfThoughtHeader: import("react").MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtStepProps = ComponentProps<'div'> & {
+    icon?: LucideIcon;
+    label: string;
+    description?: string;
+    status?: 'complete' | 'active' | 'pending';
+};
+export declare const ChainOfThoughtStep: import("react").MemoExoticComponent<({ className, icon: Icon, label, description, status, children, ...props }: ChainOfThoughtStepProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtSearchResultsProps = ComponentProps<'div'>;
+export declare const ChainOfThoughtSearchResults: import("react").MemoExoticComponent<({ className, ...props }: ChainOfThoughtSearchResultsProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;
+export declare const ChainOfThoughtSearchResult: import("react").MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtSearchResultProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const ChainOfThoughtContent: import("react").MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtContentProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtImageProps = ComponentProps<'div'> & {
+    caption?: string;
+};
+export declare const ChainOfThoughtImage: import("react").MemoExoticComponent<({ className, children, caption, ...props }: ChainOfThoughtImageProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=chain-of-thought.d.ts.map

package/dist/components/ai-elements/chain-of-thought.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chain-of-thought.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/chain-of-thought.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAe,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAExF,OAAO,EAAuC,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACpF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAkB5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,cAAc,2GAQvB,mBAAmB,6CAiBtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAElF,eAAO,MAAM,oBAAoB,0EACI,yBAAyB,6CAqB7D,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,kHAS3B,uBAAuB,6CA6B1B,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErE,eAAO,MAAM,2BAA2B,gEACb,gCAAgC,6CAG1D,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE3E,eAAO,MAAM,0BAA0B,0EACF,+BAA+B,6CASnE,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEnF,eAAO,MAAM,qBAAqB,0EACG,0BAA0B,6CAkB9D,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mFACc,wBAAwB,6CAQrE,CAAC"}

package/dist/components/ai-elements/chain-of-thought.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { Badge } from '../ui/badge';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+import { cn } from '../../lib/utils';
+import { BrainIcon, ChevronDownIcon, DotIcon } from 'lucide-react';
+import { createContext, memo, useContext, useMemo } from 'react';
+const ChainOfThoughtContext = createContext(null);
+const useChainOfThought = () => {
+    const context = useContext(ChainOfThoughtContext);
+    if (!context) {
+        throw new Error('ChainOfThought components must be used within ChainOfThought');
+    }
+    return context;
+};
+export const ChainOfThought = memo(({ className, open, defaultOpen = false, onOpenChange, children, ...props }) => {
+    const [isOpen, setIsOpen] = useControllableState({
+        prop: open,
+        defaultProp: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const chainOfThoughtContext = useMemo(() => ({ isOpen, setIsOpen }), [isOpen, setIsOpen]);
+    return (_jsx(ChainOfThoughtContext.Provider, { value: chainOfThoughtContext, children: _jsx("div", { className: cn('not-prose max-w-prose space-y-4', className), ...props, children: children }) }));
+});
+export const ChainOfThoughtHeader = memo(({ className, children, ...props }) => {
+    const { isOpen, setIsOpen } = useChainOfThought();
+    return (_jsx(Collapsible, { onOpenChange: setIsOpen, open: isOpen, children: _jsxs(CollapsibleTrigger, { className: cn('flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground', className), ...props, children: [_jsx(BrainIcon, { className: "size-4" }), _jsx("span", { className: "flex-1 text-left", children: children ?? 'Chain of Thought' }), _jsx(ChevronDownIcon, { className: cn('size-4 transition-transform', isOpen ? 'rotate-180' : 'rotate-0') })] }) }));
+});
+export const ChainOfThoughtStep = memo(({ className, icon: Icon = DotIcon, label, description, status = 'complete', children, ...props }) => {
+    const statusStyles = {
+        complete: 'text-muted-foreground',
+        active: 'text-foreground',
+        pending: 'text-muted-foreground/50',
+    };
+    return (_jsxs("div", { className: cn('flex gap-2 text-sm', statusStyles[status], 'fade-in-0 slide-in-from-top-2 animate-in', className), ...props, children: [_jsxs("div", { className: "relative mt-0.5", children: [_jsx(Icon, { className: "size-4" }), _jsx("div", { className: "-mx-px absolute top-7 bottom-0 left-1/2 w-px bg-border" })] }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx("div", { children: label }), description && _jsx("div", { className: "text-muted-foreground text-xs", children: description }), children] })] }));
+});
+export const ChainOfThoughtSearchResults = memo(({ className, ...props }) => (_jsx("div", { className: cn('flex items-center gap-2', className), ...props })));
+export const ChainOfThoughtSearchResult = memo(({ className, children, ...props }) => (_jsx(Badge, { className: cn('gap-1 px-2 py-0.5 font-normal text-xs', className), variant: "secondary", ...props, children: children })));
+export const ChainOfThoughtContent = memo(({ className, children, ...props }) => {
+    const { isOpen } = useChainOfThought();
+    return (_jsx(Collapsible, { open: isOpen, children: _jsx(CollapsibleContent, { className: cn('mt-2 space-y-3', 'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in', className), ...props, children: children }) }));
+});
+export const ChainOfThoughtImage = memo(({ className, children, caption, ...props }) => (_jsxs("div", { className: cn('mt-2 space-y-2', className), ...props, children: [_jsx("div", { className: "relative flex max-h-[22rem] items-center justify-center overflow-hidden rounded-lg bg-muted p-3", children: children }), caption && _jsx("p", { className: "text-muted-foreground text-xs", children: caption })] })));
+ChainOfThought.displayName = 'ChainOfThought';
+ChainOfThoughtHeader.displayName = 'ChainOfThoughtHeader';
+ChainOfThoughtStep.displayName = 'ChainOfThoughtStep';
+ChainOfThoughtSearchResults.displayName = 'ChainOfThoughtSearchResults';
+ChainOfThoughtSearchResult.displayName = 'ChainOfThoughtSearchResult';
+ChainOfThoughtContent.displayName = 'ChainOfThoughtContent';
+ChainOfThoughtImage.displayName = 'ChainOfThoughtImage';
+//# sourceMappingURL=chain-of-thought.js.map

package/dist/components/ai-elements/chain-of-thought.js.map

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

package/dist/components/ai-elements/code-block.d.ts

@@ -0,0 +1,18 @@
+import { Button } from '../ui/button';
+import { type ComponentProps, type HTMLAttributes } from 'react';
+import { type BundledLanguage } from 'shiki';
+type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+};
+export declare function highlightCode(code: string, language: BundledLanguage, showLineNumbers?: boolean): Promise<[string, string]>;
+export declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+};
+export declare const CodeBlockCopyButton: ({ onCopy, onError, timeout, children, className, ...props }: CodeBlockCopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/ai-elements/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/code-block.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAItC,OAAO,EACN,KAAK,cAAc,EAEnB,KAAK,cAAc,EAKnB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,eAAe,EAAqC,MAAM,OAAO,CAAC;AAEhF,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AA+BF,wBAAsB,aAAa,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,eAAe,EACzB,eAAe,UAAQ,6BAgBvB;AAED,eAAO,MAAM,SAAS,GAAI,oEAOvB,cAAc,4CA8ChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACtE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6DAOjC,wBAAwB,4CAiC1B,CAAC"}

package/dist/components/ai-elements/code-block.js

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../ui/button';
+import { cn } from '../../lib/utils';
+import { CheckIcon, CopyIcon } from 'lucide-react';
+import { createContext, useContext, useEffect, useRef, useState, } from 'react';
+import { codeToHtml } from 'shiki';
+const CodeBlockContext = createContext({
+    code: '',
+});
+const lineNumberTransformer = {
+    name: 'line-numbers',
+    line(node, line) {
+        node.children.unshift({
+            type: 'element',
+            tagName: 'span',
+            properties: {
+                className: [
+                    'inline-block',
+                    'min-w-10',
+                    'mr-4',
+                    'text-right',
+                    'select-none',
+                    'text-muted-foreground',
+                ],
+            },
+            children: [{ type: 'text', value: String(line) }],
+        });
+    },
+};
+export async function highlightCode(code, language, showLineNumbers = false) {
+    const transformers = showLineNumbers ? [lineNumberTransformer] : [];
+    return await Promise.all([
+        codeToHtml(code, {
+            lang: language,
+            theme: 'one-light',
+            transformers,
+        }),
+        codeToHtml(code, {
+            lang: language,
+            theme: 'one-dark-pro',
+            transformers,
+        }),
+    ]);
+}
+export const CodeBlock = ({ code, language, showLineNumbers = false, className, children, ...props }) => {
+    const [html, setHtml] = useState('');
+    const [darkHtml, setDarkHtml] = useState('');
+    const mounted = useRef(false);
+    useEffect(() => {
+        highlightCode(code, language, showLineNumbers).then(([light, dark]) => {
+            if (!mounted.current) {
+                setHtml(light);
+                setDarkHtml(dark);
+                mounted.current = true;
+            }
+        });
+        return () => {
+            mounted.current = false;
+        };
+    }, [code, language, showLineNumbers]);
+    return (_jsx(CodeBlockContext.Provider, { value: { code }, children: _jsx("div", { className: cn('group relative w-full overflow-hidden rounded-md border bg-background text-foreground', className), ...props, children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "overflow-hidden dark:hidden [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm", 
+                        // biome-ignore lint/security/noDangerouslySetInnerHtml: "this is needed."
+                        dangerouslySetInnerHTML: { __html: html } }), _jsx("div", { className: "hidden overflow-hidden dark:block [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm", 
+                        // biome-ignore lint/security/noDangerouslySetInnerHtml: "this is needed."
+                        dangerouslySetInnerHTML: { __html: darkHtml } }), children && (_jsx("div", { className: "absolute top-2 right-2 flex items-center gap-2", children: children }))] }) }) }));
+};
+export const CodeBlockCopyButton = ({ onCopy, onError, timeout = 2000, children, className, ...props }) => {
+    const [isCopied, setIsCopied] = useState(false);
+    const { code } = useContext(CodeBlockContext);
+    const copyToClipboard = async () => {
+        if (typeof window === 'undefined' || !navigator?.clipboard?.writeText) {
+            onError?.(new Error('Clipboard API not available'));
+            return;
+        }
+        try {
+            await navigator.clipboard.writeText(code);
+            setIsCopied(true);
+            onCopy?.();
+            setTimeout(() => setIsCopied(false), timeout);
+        }
+        catch (error) {
+            onError?.(error);
+        }
+    };
+    const Icon = isCopied ? CheckIcon : CopyIcon;
+    return (_jsx(Button, { className: cn('shrink-0', className), onClick: copyToClipboard, size: "icon", variant: "ghost", ...props, children: children ?? _jsx(Icon, { size: 14 }) }));
+};
+//# sourceMappingURL=code-block.js.map

package/dist/components/ai-elements/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../../src/components/ai-elements/code-block.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAEN,aAAa,EAEb,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAwB,UAAU,EAAyB,MAAM,OAAO,CAAC;AAYhF,MAAM,gBAAgB,GAAG,aAAa,CAAuB;IAC5D,IAAI,EAAE,EAAE;CACR,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAqB;IAC/C,IAAI,EAAE,cAAc;IACpB,IAAI,CAAC,IAAa,EAAE,IAAY;QAC/B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,MAAM;YACf,UAAU,EAAE;gBACX,SAAS,EAAE;oBACV,cAAc;oBACd,UAAU;oBACV,MAAM;oBACN,YAAY;oBACZ,aAAa;oBACb,uBAAuB;iBACvB;aACD;YACD,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;SACjD,CAAC,CAAC;IACJ,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,KAAK,UAAU,aAAa,CAClC,IAAY,EACZ,QAAyB,EACzB,eAAe,GAAG,KAAK;IAEvB,MAAM,YAAY,GAAuB,eAAe,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAExF,OAAO,MAAM,OAAO,CAAC,GAAG,CAAC;QACxB,UAAU,CAAC,IAAI,EAAE;YAChB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,WAAW;YAClB,YAAY;SACZ,CAAC;QACF,UAAU,CAAC,IAAI,EAAE;YAChB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,cAAc;YACrB,YAAY;SACZ,CAAC;KACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACd,aAAa,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;YACrE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBACtB,OAAO,CAAC,KAAK,CAAC,CAAC;gBACf,WAAW,CAAC,IAAI,CAAC,CAAC;gBAClB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YACxB,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACX,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEtC,OAAO,CACN,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YACzC,cACC,SAAS,EAAE,EAAE,CACZ,uFAAuF,EACvF,SAAS,CACT,KACG,KAAK,YAET,eAAK,SAAS,EAAC,UAAU,aACxB,cACC,SAAS,EAAC,yJAAyJ;wBACnK,0EAA0E;wBAC1E,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GACxC,EACF,cACC,SAAS,EAAC,+JAA+J;wBACzK,0EAA0E;wBAC1E,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAC5C,EACD,QAAQ,IAAI,CACZ,cAAK,SAAS,EAAC,gDAAgD,YAAE,QAAQ,GAAO,CAChF,IACI,GACD,GACqB,CAC5B,CAAC;AACH,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EACnC,MAAM,EACN,OAAO,EACP,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACkB,EAAE,EAAE;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;QAClC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;YACvE,OAAO,EAAE,CAAC,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC,CAAC;YACpD,OAAO;QACR,CAAC;QAED,IAAI,CAAC;YACJ,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,MAAM,EAAE,EAAE,CAAC;YACX,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAC/C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,OAAO,EAAE,CAAC,KAAc,CAAC,CAAC;QAC3B,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE7C,OAAO,CACN,KAAC,MAAM,IACN,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EACpC,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,KACX,KAAK,YAER,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACvB,CACT,CAAC;AACH,CAAC,CAAC"}