@agentuity/workbench 0.0.105 → 0.0.107

package/src/components/internal/Chat.tsx

@@ -1,201 +0,0 @@
-/* Styles should be imported in app's CSS file (e.g., globals.css) */
-/* import '../../styles.css'; */
-import React, { useState } from 'react';
-import { ChevronRight, Copy, Loader, RefreshCcw } from 'lucide-react';
-import { Action, Actions } from '../ai-elements/actions';
-import {
-	Conversation,
-	ConversationContent,
-	ConversationScrollButton,
-} from '../ai-elements/conversation';
-import { Message, MessageContent } from '../ai-elements/message';
-import { InputSection } from './InputSection';
-import { Shimmer } from '../ai-elements/shimmer';
-import { cn } from '../../lib/utils';
-import { useWorkbench } from './WorkbenchProvider';
-import { useLogger } from '../../hooks/useLogger';
-
-export interface ChatProps {
-	className?: string;
-	schemaOpen: boolean;
-	onSchemaToggle: () => void;
-	emptyState?: React.ReactNode;
-}
-
-/**
- * Chat component - conversation and input area (everything except header)
- * Must be used within WorkbenchProvider
- */
-export function Chat({ className: _className, schemaOpen, onSchemaToggle, emptyState }: ChatProps) {
-	const logger = useLogger('Chat');
-	const {
-		agents,
-		suggestions,
-		messages,
-		selectedAgent,
-		setSelectedAgent,
-		isLoading,
-		submitMessage,
-		clearAgentState,
-		connectionStatus,
-	} = useWorkbench();
-
-	const [value, setValue] = useState('');
-
-	const handleSubmit = async () => {
-		logger.debug('🎯 Chat handleSubmit - selectedAgent:', selectedAgent, 'value:', value);
-		const selectedAgentData = Object.values(agents).find(
-			(agent) => agent.metadata.agentId === selectedAgent
-		);
-		logger.debug('📊 Chat handleSubmit - selectedAgentData:', selectedAgentData);
-		const hasInputSchema = selectedAgentData?.schema?.input?.json;
-		logger.debug('📝 Chat handleSubmit - hasInputSchema:', hasInputSchema);
-
-		// If agent has no input schema, submit without requiring input
-		if (!hasInputSchema) {
-			await submitMessage('');
-			return;
-		}
-
-		// For agents with input schema, require input
-		if (!value.trim()) return;
-		await submitMessage(value);
-		setValue('');
-	};
-
-	return (
-		<div className="flex flex-col h-full overflow-hidden">
-			<Conversation className="flex-1 overflow-y-auto">
-				{connectionStatus === 'disconnected' && emptyState ? (
-					<div className="flex flex-col h-full">{emptyState}</div>
-				) : (
-					<ConversationContent className="pb-0">
-						{messages.map((message) => {
-							const { role, parts, id } = message;
-							const isStreaming = parts.some(
-								(part) => part.type === 'text' && part.state === 'streaming'
-							);
-							const tokens =
-								'tokens' in message ? (message as { tokens?: string }).tokens : undefined;
-							const duration =
-								'duration' in message
-									? (message as { duration?: string }).duration
-									: undefined;
-
-							return (
-								<div key={id} className="mb-2">
-									{role === 'assistant' && (
-										<div
-											className={cn(
-												'w-fit flex items-center mb-2 text-muted-foreground text-sm transition-colors',
-												!isStreaming && 'hover:text-foreground cursor-pointer'
-											)}
-										>
-											<Loader
-												className={cn(
-													'size-4 transition-all',
-													isStreaming ? 'animate-spin mr-2' : 'w-0 mr-2.5'
-												)}
-											/>
-
-											{isStreaming ? (
-												<Shimmer duration={1}>Running...</Shimmer>
-											) : (
-												<>
-													{duration && (
-														<>
-															Ran for
-															<span className="mx-1">{duration}</span>
-														</>
-													)}
-													{duration && tokens && ` and consumed  ${tokens} tokens`}
-													{(duration || tokens) && <ChevronRight className="size-4" />}
-												</>
-											)}
-										</div>
-									)}
-
-									{(role === 'user' || !isStreaming) && (
-										<>
-											<Message
-												key={id}
-												from={role as 'user' | 'system' | 'assistant'}
-												className="p-0"
-											>
-												<MessageContent>
-													{parts.map((part, index) => {
-														switch (part.type) {
-															case 'text':
-																return (
-																	<div key={`${id}-${part.text}-${index}`}>
-																		{part.text || ''}
-																	</div>
-																);
-														}
-													})}
-												</MessageContent>
-											</Message>
-
-											<Actions
-												className={cn('mt-1 gap-0', role === 'user' && 'justify-end')}
-											>
-												{role === 'user' && (
-													<Action
-														label="Retry"
-														className="size-8 hover:bg-transparent!"
-														onClick={() =>
-															setValue(
-																parts
-																	.filter((part) => part.type === 'text')
-																	.map((part) => part.text)
-																	.join('')
-															)
-														}
-													>
-														<RefreshCcw className="size-4" />
-													</Action>
-												)}
-
-												<Action
-													onClick={() =>
-														navigator.clipboard.writeText(
-															parts
-																.filter((part) => part.type === 'text')
-																.map((part) => part.text)
-																.join('')
-														)
-													}
-													label="Copy"
-													className="size-8 hover:bg-transparent!"
-												>
-													<Copy className="size-4" />
-												</Action>
-											</Actions>
-										</>
-									)}
-								</div>
-							);
-						})}
-					</ConversationContent>
-				)}
-
-				{connectionStatus !== 'disconnected' && <ConversationScrollButton />}
-			</Conversation>
-			<InputSection
-				value={value}
-				onChange={setValue}
-				onSubmit={handleSubmit}
-				isLoading={isLoading}
-				agents={agents}
-				selectedAgent={selectedAgent}
-				setSelectedAgent={setSelectedAgent}
-				suggestions={suggestions}
-				isSchemaOpen={schemaOpen}
-				onSchemaToggle={onSchemaToggle}
-				clearAgentState={clearAgentState}
-			/>
-		</div>
-	);
-}
-
-export default Chat;

package/src/components/internal/Schema.tsx

@@ -1,100 +0,0 @@
-import React from 'react';
-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 { useWorkbench } from './WorkbenchProvider';
-
-export interface SchemaProps {
-	onOpenChange: (open: boolean) => void;
-}
-
-export function Schema({ onOpenChange }: SchemaProps) {
-	const { agents, selectedAgent, schemasLoading, schemasError } = useWorkbench();
-
-	const selectedAgentData =
-		Object.values(agents).find((agent) => agent.metadata.agentId === selectedAgent) || null;
-
-	return (
-		<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>
-				</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>
-					)}
-
-					{!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>
-	);
-}
-
-export default Schema;