@agentuity/workbench 0.0.87 → 0.0.88

package/src/components/internal/MonacoJsonEditor.tsx

@@ -1,9 +1,11 @@
 import React, { useEffect, useState } from 'react';
 import Editor, { type Monaco, type OnMount } from '@monaco-editor/react';
 import { useTheme } from '../ui/theme-provider';
-import { bundledThemes } from 'shiki';
 import type { JSONSchema7 } from 'ai';
 import type * as monaco from 'monaco-editor';
+import type { ThemeRegistration } from 'shiki';
+import oneLightModule from '@shikijs/themes/one-light';
+import oneDarkProModule from '@shikijs/themes/one-dark-pro';
 
 interface MonacoJsonEditorProps {
 	value: string;
@@ -328,72 +330,22 @@ export function MonacoJsonEditor({
 						}
 					}, 0);
 				}}
-				beforeMount={async (monaco) => {
+				beforeMount={(monaco) => {
 					setMonacoInstance(monaco);
 
-					try {
-						// Try to use actual Shiki themes
-						const oneLightThemeModule = await bundledThemes['one-light']();
-						const oneDarkProThemeModule = await bundledThemes['one-dark-pro']();
+					// Use the same direct theme imports as code-block
+					const oneLight = (
+						'default' in oneLightModule ? oneLightModule.default : oneLightModule
+					) as ThemeRegistration;
+					const oneDarkPro = (
+						'default' in oneDarkProModule ? oneDarkProModule.default : oneDarkProModule
+					) as ThemeRegistration;
 
-						if (oneLightThemeModule?.default) {
-							const lightMonacoTheme = convertShikiToMonaco(
-								oneLightThemeModule.default,
-								'one-light'
-							);
-							monaco.editor.defineTheme('custom-light', lightMonacoTheme);
-						}
-
-						if (oneDarkProThemeModule?.default) {
-							const darkMonacoTheme = convertShikiToMonaco(
-								oneDarkProThemeModule.default,
-								'one-dark-pro'
-							);
-							monaco.editor.defineTheme('custom-dark', darkMonacoTheme);
-						}
-					} catch (error) {
-						console.warn(
-							'Failed to load Shiki themes, falling back to manual themes:',
-							error
-						);
-
-						// Fallback to manual theme definitions
-						monaco.editor.defineTheme('custom-light', {
-							base: 'vs',
-							inherit: true,
-							rules: [
-								{ token: 'string.key.json', foreground: 'e45649' },
-								{ token: 'string.value.json', foreground: '50a14f' },
-								{ token: 'number.json', foreground: '986801' },
-								{ token: 'keyword.json', foreground: '986801' },
-								{ token: 'string', foreground: '50a14f' },
-								{ token: 'number', foreground: '986801' },
-								{ token: 'keyword', foreground: '986801' },
-							],
-							colors: {
-								'editor.background': '#00000000',
-								'editor.foreground': '#383a42',
-							},
-						});
+					const lightMonacoTheme = convertShikiToMonaco(oneLight, 'one-light');
+					monaco.editor.defineTheme('custom-light', lightMonacoTheme);
 
-						monaco.editor.defineTheme('custom-dark', {
-							base: 'vs-dark',
-							inherit: true,
-							rules: [
-								{ token: 'string.key.json', foreground: 'e06c75' },
-								{ token: 'string.value.json', foreground: '98c379' },
-								{ token: 'number.json', foreground: 'd19a66' },
-								{ token: 'keyword.json', foreground: 'c678dd' },
-								{ token: 'string', foreground: '98c379' },
-								{ token: 'number', foreground: 'd19a66' },
-								{ token: 'keyword', foreground: 'c678dd' },
-							],
-							colors: {
-								'editor.background': '#00000000',
-								'editor.foreground': '#abb2bf',
-							},
-						});
-					}
+					const darkMonacoTheme = convertShikiToMonaco(oneDarkPro, 'one-dark-pro');
+					monaco.editor.defineTheme('custom-dark', darkMonacoTheme);
 				}}
 			/>
 		</div>

package/src/components/internal/Schema.tsx

@@ -3,109 +3,97 @@ import { X, FileJson } from 'lucide-react';
 import { Button } from '../ui/button';
 import { CodeBlock, CodeBlockCopyButton } from '../ai-elements/code-block';
 import { ScrollArea } from '../ui/scroll-area';
-import { cn } from '../../lib/utils';
 import { useWorkbench } from './WorkbenchProvider';
 
 export interface SchemaProps {
-	open: boolean;
 	onOpenChange: (open: boolean) => void;
 }
 
-export function Schema({ open, onOpenChange }: SchemaProps) {
+export function Schema({ onOpenChange }: SchemaProps) {
 	const { agents, selectedAgent, schemasLoading, schemasError } = useWorkbench();
 
 	const selectedAgentData =
 		Object.values(agents).find((agent) => agent.metadata.agentId === selectedAgent) || null;
 
 	return (
-		<>
-			{/* Sidebar */}
-			<div
-				className={cn(
-					'absolute top-0 right-0 h-full w-[600px] max-w-[90vw] bg-background border-l border-border z-50 shadow-xl transition-transform duration-300 ease-in-out flex flex-col',
-					open ? 'translate-x-0' : 'translate-x-full'
-				)}
-			>
-				{/* Header */}
-				<div className="flex items-center justify-between p-4 border-b border-border">
-					<div className="flex items-center gap-2">
-						<FileJson className="size-5 text-muted-foreground" />
-						<div>
-							<h2 className="text-lg font-semibold">Schema</h2>
-							{selectedAgentData && (
-								<p className="text-sm text-muted-foreground">
-									{selectedAgentData.metadata.name}
-								</p>
-							)}
-						</div>
+		<div className="h-full bg-background border-l border-border flex flex-col">
+			{/* Header */}
+			<div className="flex items-center justify-between p-4 border-b border-border">
+				<div className="flex items-center gap-2">
+					<FileJson className="size-5 text-muted-foreground" />
+					<div>
+						<h2 className="text-lg font-semibold">Schema</h2>
+						{selectedAgentData && (
+							<p className="text-sm text-muted-foreground">
+								{selectedAgentData.metadata.name}
+							</p>
+						)}
 					</div>
-					<Button
-						variant="ghost"
-						size="icon"
-						onClick={() => onOpenChange(false)}
-						className="size-8"
-					>
-						<X className="size-4" />
-					</Button>
 				</div>
-				{/* Content */}
-				<ScrollArea className="flex-1">
-					<div className="p-6 space-y-6">
-						{schemasLoading && (
-							<div className="text-center text-muted-foreground py-8">
-								Loading schemas...
-							</div>
-						)}
+				<Button
+					variant="ghost"
+					size="icon"
+					onClick={() => onOpenChange(false)}
+					className="size-8"
+				>
+					<X className="size-4" />
+				</Button>
+			</div>
+			{/* Content */}
+			<ScrollArea className="flex-1">
+				<div className="p-6 space-y-6">
+					{schemasLoading && (
+						<div className="text-center text-muted-foreground py-8">Loading schemas...</div>
+					)}
 
-						{schemasError && (
-							<div className="rounded-md bg-destructive/10 text-destructive p-4">
-								<p className="font-medium">Error loading schemas</p>
-								<p className="text-sm mt-1">{schemasError.message}</p>
-							</div>
-						)}
+					{schemasError && (
+						<div className="rounded-md bg-destructive/10 text-destructive p-4">
+							<p className="font-medium">Error loading schemas</p>
+							<p className="text-sm mt-1">{schemasError.message}</p>
+						</div>
+					)}
 
-						{!schemasLoading && !schemasError && !selectedAgentData && (
-							<div className="text-center text-muted-foreground py-8">
-								<p>No schema available for selected agent</p>
-							</div>
-						)}
+					{!schemasLoading && !schemasError && !selectedAgentData && (
+						<div className="text-center text-muted-foreground py-8">
+							<p>No schema available for selected agent</p>
+						</div>
+					)}
 
-						{!schemasLoading && !schemasError && selectedAgentData && (
-							<>
-								{/* Input Schema */}
-								{selectedAgentData.schema.input?.code ? (
-									<div className="space-y-2">
-										<h3 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide">
-											Input Schema
-										</h3>
-										<CodeBlock
-											code={selectedAgentData.schema.input?.code}
-											language="typescript"
-										>
-											<CodeBlockCopyButton />
-										</CodeBlock>
-									</div>
-								) : null}
-								{/* Output Schema */}
-								{selectedAgentData.schema.output?.code ? (
-									<div className="space-y-2">
-										<h3 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide">
-											Output Schema
-										</h3>
-										<CodeBlock
-											code={selectedAgentData.schema.output?.code}
-											language="typescript"
-										>
-											<CodeBlockCopyButton />
-										</CodeBlock>
-									</div>
-								) : null}
-							</>
-						)}
-					</div>
-				</ScrollArea>
-			</div>
-		</>
+					{!schemasLoading && !schemasError && selectedAgentData && (
+						<>
+							{/* Input Schema */}
+							{selectedAgentData.schema.input?.code ? (
+								<div className="space-y-2">
+									<h3 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide">
+										Input Schema
+									</h3>
+									<CodeBlock
+										code={selectedAgentData.schema.input?.code}
+										language="typescript"
+									>
+										<CodeBlockCopyButton />
+									</CodeBlock>
+								</div>
+							) : null}
+							{/* Output Schema */}
+							{selectedAgentData.schema.output?.code ? (
+								<div className="space-y-2">
+									<h3 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide">
+										Output Schema
+									</h3>
+									<CodeBlock
+										code={selectedAgentData.schema.output?.code}
+										language="typescript"
+									>
+										<CodeBlockCopyButton />
+									</CodeBlock>
+								</div>
+							) : null}
+						</>
+					)}
+				</div>
+			</ScrollArea>
+		</div>
 	);
 }
 

package/src/components/ui/input.tsx

@@ -8,9 +8,8 @@ function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
 			type={type}
 			data-slot="input"
 			className={cn(
-				'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
-				'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
-				'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+				'border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+				'aria-invalid:focus-visible:ring-0',
 				className
 			)}
 			{...props}

package/src/index.ts

@@ -1,20 +1,11 @@
 // Export types
 export type { WorkbenchInstance } from './types';
 
-// Export UI components
-export { Button } from './components/ui/button';
-export {
-	Card,
-	CardHeader,
-	CardTitle,
-	CardDescription,
-	CardContent,
-	CardFooter,
-} from './components/ui/card';
-export { Input } from './components/ui/input';
-
 // Export components
 export { default as App } from './components/App';
-export { default as Inline } from './components/Inline';
-export { MonacoJsonEditor } from './components/internal/MonacoJsonEditor';
+export { Chat } from './components/internal/Chat';
+export { Schema } from './components/internal/Schema';
+export { WorkbenchProvider, useWorkbench } from './components/internal/WorkbenchProvider';
+
+// Export workbench functions
 export { createWorkbench } from './workbench';

package/src/integration.css

@@ -0,0 +1,15 @@
+/* Integration version - no Tailwind import, processed by app's Tailwind */
+/* This file should be imported in the app's CSS file (e.g., globals.css) */
+/* The app must have Tailwind imported before importing this file */
+
+@import './base.css';
+
+/* Tell Tailwind to scan workbench components for class names */
+/* Note: The path below is relative to this CSS file's location in the package */
+@source "./**/*.{ts,tsx}";
+
+/* Workbench base styles */
+/* Using @layer workbench-base with lower priority than app's base layer */
+@layer workbench-base {
+	/* No global styles - workbench components use explicit classes */
+}

package/src/standalone.css

@@ -0,0 +1,25 @@
+/* Standalone version - includes Tailwind and all styles for standalone workbench */
+@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&display=block');
+@import './base.css';
+@import 'tailwindcss';
+@plugin "tailwindcss-animate";
+@variant dark (&:is(.dark *));
+
+@layer base {
+	html,
+	body {
+		@apply h-full w-full m-0 p-0;
+	}
+
+	:root {
+		@apply font-sans;
+	}
+
+	* {
+		@apply border-border outline-ring/50;
+	}
+
+	#root {
+		@apply w-full h-full relative flex flex-col m-0 bg-background text-foreground;
+	}
+}

package/dist/components/ConnectionStatus.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,52 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/artifact.d.ts

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,71 +0,0 @@
-'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