agent-relay 2.0.6 → 2.0.7

package/packages/daemon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-relay/daemon",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "Relay daemon server - agent coordination and message routing",
   "type": "module",
   "main": "dist/index.js",
@@ -22,17 +22,17 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@agent-relay/protocol": "2.0.6",
-    "@agent-relay/config": "2.0.6",
-    "@agent-relay/storage": "2.0.6",
-    "@agent-relay/bridge": "2.0.6",
-    "@agent-relay/utils": "2.0.6",
-    "@agent-relay/policy": "2.0.6",
-    "@agent-relay/memory": "2.0.6",
-    "@agent-relay/resiliency": "2.0.6",
-    "@agent-relay/user-directory": "2.0.6",
-    "@agent-relay/wrapper": "2.0.6",
-    "@agent-relay/telemetry": "2.0.6",
+    "@agent-relay/protocol": "2.0.7",
+    "@agent-relay/config": "2.0.7",
+    "@agent-relay/storage": "2.0.7",
+    "@agent-relay/bridge": "2.0.7",
+    "@agent-relay/utils": "2.0.7",
+    "@agent-relay/policy": "2.0.7",
+    "@agent-relay/memory": "2.0.7",
+    "@agent-relay/resiliency": "2.0.7",
+    "@agent-relay/user-directory": "2.0.7",
+    "@agent-relay/wrapper": "2.0.7",
+    "@agent-relay/telemetry": "2.0.7",
     "ws": "^8.18.3",
     "better-sqlite3": "^12.6.2",
     "pg": "^8.16.3",

package/packages/dashboard/dist/server.js

@@ -679,25 +679,25 @@ export async function startDashboard(portOrOptions, dataDirArg, teamDirArg, dbPa
     const attachmentRegistry = new Map();
     // Serve dashboard static files at root (built with `next build`)
     // Search order:
-    // 1. ui-dist/ - @agent-relay/dashboard package (new structure)
-    // 2. dist/dashboard/out - monorepo build (legacy)
-    // 3. src/dashboard/out - development (legacy)
+    // 1. ui-dist/ - @agent-relay/dashboard package (published)
+    // 2. ui/out - development (packages/dashboard/ui/out)
+    // 3. dist/dashboard/out - monorepo build
     const findDashboardDir = () => {
         let current = __dirname;
         // Try up to 10 levels up
         for (let i = 0; i < 10; i++) {
-            // New package structure: ui-dist at package root
+            // Package structure: ui-dist at package root (for published package)
             const uiDistPath = path.join(current, 'ui-dist');
             if (fs.existsSync(uiDistPath))
                 return uiDistPath;
-            // Legacy: monorepo build output
+            // Development: ui/out at package root
+            const uiOutPath = path.join(current, 'ui', 'out');
+            if (fs.existsSync(uiOutPath))
+                return uiOutPath;
+            // Monorepo build output
             const distPath = path.join(current, 'dist', 'dashboard', 'out');
             if (fs.existsSync(distPath))
                 return distPath;
-            // Legacy: development path
-            const srcPath = path.join(current, 'src', 'dashboard', 'out');
-            if (fs.existsSync(srcPath))
-                return srcPath;
             const parent = path.dirname(current);
             if (parent === current)
                 break; // reached root

package/packages/dashboard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-relay/dashboard",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "Web dashboard for Agent Relay - optional package for visual agent coordination",
   "type": "module",
   "main": "dist/index.js",
@@ -25,17 +25,17 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@agent-relay/protocol": "2.0.6",
-    "@agent-relay/config": "2.0.6",
-    "@agent-relay/storage": "2.0.6",
-    "@agent-relay/bridge": "2.0.6",
-    "@agent-relay/utils": "2.0.6",
-    "@agent-relay/resiliency": "2.0.6",
-    "@agent-relay/trajectory": "2.0.6",
-    "@agent-relay/cloud": "2.0.6",
-    "@agent-relay/daemon": "2.0.6",
-    "@agent-relay/user-directory": "2.0.6",
-    "@agent-relay/wrapper": "2.0.6",
+    "@agent-relay/protocol": "2.0.7",
+    "@agent-relay/config": "2.0.7",
+    "@agent-relay/storage": "2.0.7",
+    "@agent-relay/bridge": "2.0.7",
+    "@agent-relay/utils": "2.0.7",
+    "@agent-relay/resiliency": "2.0.7",
+    "@agent-relay/trajectory": "2.0.7",
+    "@agent-relay/cloud": "2.0.7",
+    "@agent-relay/daemon": "2.0.7",
+    "@agent-relay/user-directory": "2.0.7",
+    "@agent-relay/wrapper": "2.0.7",
     "express": "^5.2.1",
     "ws": "^8.18.3"
   },

package/packages/dashboard/ui/react-components/App.tsx

@@ -17,9 +17,8 @@ import { SpawnModal, type SpawnConfig } from './SpawnModal';
 import { NewConversationModal } from './NewConversationModal';
 import { SettingsPage, defaultSettings, type Settings } from './settings';
 import { ConversationHistory } from './ConversationHistory';
-import { MentionAutocomplete, getMentionQuery, completeMentionInValue, type HumanUser } from './MentionAutocomplete';
+import type { HumanUser } from './MentionAutocomplete';
 import { NotificationToast, useToasts } from './NotificationToast';
-import { FileAutocomplete, getFileQuery, completeFileInValue } from './FileAutocomplete';
 import { WorkspaceSelector, type Workspace } from './WorkspaceSelector';
 import { AddWorkspaceModal } from './AddWorkspaceModal';
 import { LogViewerPanel } from './LogViewerPanel';
@@ -28,6 +27,7 @@ import { DecisionQueue, type Decision } from './DecisionQueue';
 import { FleetOverview } from './FleetOverview';
 import type { ServerInfo } from './ServerCard';
 import { TypingIndicator } from './TypingIndicator';
+import { MessageComposer } from './MessageComposer';
 import { OnlineUsersIndicator } from './OnlineUsersIndicator';
 import { UserProfilePanel } from './UserProfilePanel';
 import { AgentProfilePanel } from './AgentProfilePanel';
@@ -1771,24 +1771,37 @@ export function App({ wsUrl, orchestratorUrl }: AppProps) {
     });
   }, [currentHuman, dmSelectedAgentsByHuman]);
 
-  const handleDmSend = useCallback(async (_to: string, content: string): Promise<boolean> => {
+  const handleDmSend = useCallback(async (content: string, attachmentIds?: string[]): Promise<boolean> => {
     if (!currentHuman) return false;
     const humanName = currentHuman.name;
 
     // Always send to the human
-    await sendMessage(humanName, content);
+    await sendMessage(humanName, content, undefined, attachmentIds);
 
     // Only send to agents if they were explicitly selected for this conversation
     // Don't send to agents in pure 1:1 human conversations
     if (selectedDmAgents.length > 0) {
       for (const agent of selectedDmAgents) {
-        await sendMessage(agent, content);
+        await sendMessage(agent, content, undefined, attachmentIds);
       }
     }
 
     return true;
   }, [currentHuman, selectedDmAgents, sendMessage]);
 
+  const handleMainComposerSend = useCallback(
+    async (content: string, attachmentIds?: string[]) => {
+      const recipient = currentChannel === 'general' ? '*' : currentChannel;
+
+      if (currentHuman) {
+        return handleDmSend(content, attachmentIds);
+      }
+
+      return sendMessage(recipient, content, undefined, attachmentIds);
+    },
+    [currentChannel, currentHuman, handleDmSend, sendMessage]
+  );
+
   const dmInviteCommands = useMemo(() => {
     if (!currentHuman) return [];
     return agents
@@ -2690,15 +2703,16 @@ export function App({ wsUrl, orchestratorUrl }: AppProps) {
         {viewMode !== 'channels' && (
           <div className="p-2 sm:p-4 bg-bg-tertiary border-t border-border-subtle">
             <MessageComposer
-              recipient={currentChannel === 'general' ? '*' : currentChannel}
               agents={agents}
               humanUsers={humanUsers}
-              onSend={currentHuman ? handleDmSend : sendMessage}
+              onSend={handleMainComposerSend}
               onTyping={sendTyping}
               isSending={isSending}
               error={sendError}
               insertMention={pendingMention}
               onMentionInserted={() => setPendingMention(undefined)}
+              enableFileAutocomplete
+              placeholder={`Message ${currentChannel === 'general' ? 'everyone' : '@' + currentChannel}...`}
             />
           </div>
         )}
@@ -2974,434 +2988,6 @@ export function App({ wsUrl, orchestratorUrl }: AppProps) {
   );
 }
 
-/**
- * Pending attachment interface for UI state
- */
-interface PendingAttachment {
-  id: string;
-  file: File;
-  preview: string;
-  isUploading: boolean;
-  uploadedId?: string;
-  error?: string;
-}
-
-/**
- * Message Composer Component with @-mention autocomplete and image attachments
- */
-interface MessageComposerProps {
-  recipient: string;
-  agents: Agent[];
-  humanUsers: HumanUser[];
-  onSend: (to: string, content: string, thread?: string, attachmentIds?: string[]) => Promise<boolean>;
-  onTyping?: (isTyping: boolean) => void;
-  isSending: boolean;
-  error: string | null;
-  insertMention?: string;
-  onMentionInserted?: () => void;
-}
-
-function MessageComposer({ recipient, agents, humanUsers, onSend, onTyping, isSending, error, insertMention, onMentionInserted }: MessageComposerProps) {
-  const [message, setMessage] = useState('');
-  const [cursorPosition, setCursorPosition] = useState(0);
-  const [showMentions, setShowMentions] = useState(false);
-  const [showFiles, setShowFiles] = useState(false);
-  const [attachments, setAttachments] = useState<PendingAttachment[]>([]);
-  const textareaRef = useRef<HTMLTextAreaElement>(null);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-
-  // Handle insertMention prop - insert @username when triggered from outside
-  useEffect(() => {
-    if (insertMention && onMentionInserted) {
-      const mentionText = `@${insertMention} `;
-      // Insert at current cursor position or append to end
-      const textarea = textareaRef.current;
-      if (textarea) {
-        const start = textarea.selectionStart || message.length;
-        const newMessage = message.slice(0, start) + mentionText + message.slice(start);
-        setMessage(newMessage);
-        // Focus and set cursor position after the mention
-        setTimeout(() => {
-          textarea.focus();
-          const newPos = start + mentionText.length;
-          textarea.setSelectionRange(newPos, newPos);
-        }, 0);
-      } else {
-        // Fallback: just append to message
-        setMessage(prev => prev + mentionText);
-      }
-      onMentionInserted();
-    }
-  }, [insertMention, onMentionInserted, message]);
-
-  // Process image files (used by both paste and file input)
-  const processImageFiles = useCallback(async (imageFiles: File[]) => {
-    for (const file of imageFiles) {
-      const id = crypto.randomUUID();
-      const preview = URL.createObjectURL(file);
-
-      // Add to pending attachments
-      setAttachments(prev => [...prev, {
-        id,
-        file,
-        preview,
-        isUploading: true,
-      }]);
-
-      // Upload the file
-      try {
-        const result = await api.uploadAttachment(file);
-        if (result.success && result.data) {
-          setAttachments(prev => prev.map(a =>
-            a.id === id
-              ? { ...a, isUploading: false, uploadedId: result.data!.attachment.id }
-              : a
-          ));
-        } else {
-          setAttachments(prev => prev.map(a =>
-            a.id === id
-              ? { ...a, isUploading: false, error: result.error || 'Upload failed' }
-              : a
-          ));
-        }
-      } catch (err) {
-        setAttachments(prev => prev.map(a =>
-          a.id === id
-            ? { ...a, isUploading: false, error: 'Upload failed' }
-            : a
-        ));
-      }
-    }
-  }, []);
-
-  // Handle file selection from file input
-  const handleFileSelect = useCallback((files: FileList | null) => {
-    if (!files || files.length === 0) return;
-
-    const imageFiles = Array.from(files).filter(file =>
-      file.type.startsWith('image/')
-    );
-
-    if (imageFiles.length > 0) {
-      processImageFiles(imageFiles);
-    }
-  }, [processImageFiles]);
-
-  // Handle paste for clipboard images
-  const handlePaste = useCallback((e: React.ClipboardEvent) => {
-    const clipboardData = e.clipboardData;
-    if (!clipboardData) return;
-
-    // Collect image files from both sources
-    let imageFiles: File[] = [];
-
-    // Method 1: Check clipboardData.files (works for file pastes)
-    if (clipboardData.files && clipboardData.files.length > 0) {
-      imageFiles = Array.from(clipboardData.files).filter(file =>
-        file.type.startsWith('image/')
-      );
-    }
-
-    // Method 2: Check clipboardData.items (works for screenshots/copied images)
-    // This is the primary method for pasted images from clipboard
-    if (imageFiles.length === 0 && clipboardData.items) {
-      const items = Array.from(clipboardData.items);
-      for (const item of items) {
-        // Check if this item is an image
-        if (item.kind === 'file' && item.type.startsWith('image/')) {
-          const file = item.getAsFile();
-          if (file) {
-            imageFiles.push(file);
-          }
-        }
-      }
-    }
-
-    // Process any found images
-    if (imageFiles.length > 0) {
-      e.preventDefault();
-      processImageFiles(imageFiles);
-    }
-  }, [processImageFiles]);
-
-  // Remove an attachment
-  const removeAttachment = useCallback((id: string) => {
-    setAttachments(prev => {
-      const attachment = prev.find(a => a.id === id);
-      if (attachment) {
-        URL.revokeObjectURL(attachment.preview);
-      }
-      return prev.filter(a => a.id !== id);
-    });
-  }, []);
-
-  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    const value = e.target.value;
-    const cursorPos = e.target.selectionStart || 0;
-    setMessage(value);
-    setCursorPosition(cursorPos);
-
-    // Send typing indicator when user has content
-    onTyping?.(value.trim().length > 0);
-
-    // Check for file autocomplete first (@ followed by path-like pattern)
-    const fileQuery = getFileQuery(value, cursorPos);
-    if (fileQuery !== null) {
-      setShowFiles(true);
-      setShowMentions(false);
-      return;
-    }
-
-    // Check for mention autocomplete (@ at start without path patterns)
-    const mentionQuery = getMentionQuery(value, cursorPos);
-    if (mentionQuery !== null) {
-      setShowMentions(true);
-      setShowFiles(false);
-      return;
-    }
-
-    // Neither - hide both
-    setShowMentions(false);
-    setShowFiles(false);
-  };
-
-  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-    // Don't handle Enter/Tab when autocomplete is visible (let autocomplete handle it)
-    if ((showMentions || showFiles) && (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Tab')) {
-      return; // Let the autocomplete component handle these keys
-    }
-
-    if (e.key === 'Enter' && !e.shiftKey && !showMentions && !showFiles) {
-      e.preventDefault();
-      if ((message.trim() || attachments.length > 0) && !isSending) {
-        handleSubmit(e as unknown as React.FormEvent);
-      }
-    }
-  };
-
-  const handleMentionSelect = (mention: string, newValue: string) => {
-    setMessage(newValue);
-    setShowMentions(false);
-    setShowFiles(false);
-    setTimeout(() => {
-      if (textareaRef.current) {
-        textareaRef.current.focus();
-        const pos = newValue.indexOf(' ') + 1;
-        textareaRef.current.setSelectionRange(pos, pos);
-      }
-    }, 0);
-  };
-
-  const handleFilePathSelect = (filePath: string, newValue: string) => {
-    setMessage(newValue);
-    setShowFiles(false);
-    setShowMentions(false);
-    setTimeout(() => {
-      if (textareaRef.current) {
-        textareaRef.current.focus();
-        const pos = newValue.indexOf(' ', 1) + 1; // After @path/to/file<space>
-        textareaRef.current.setSelectionRange(pos, pos);
-      }
-    }, 0);
-  };
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-
-    // Need either message or attachments
-    const hasMessage = message.trim().length > 0;
-    const hasAttachments = attachments.length > 0;
-    if ((!hasMessage && !hasAttachments) || isSending) return;
-
-    // Check if any attachments are still uploading
-    const stillUploading = attachments.some(a => a.isUploading);
-    if (stillUploading) return;
-
-    // Get uploaded attachment IDs
-    const attachmentIds = attachments
-      .filter(a => a.uploadedId)
-      .map(a => a.uploadedId!);
-
-    const mentionMatch = message.match(/^@(\S+)\s*([\s\S]*)/);
-    let target: string;
-    let content: string;
-
-    if (mentionMatch) {
-      const mentionedName = mentionMatch[1];
-      content = mentionMatch[2] || '';
-
-      if (mentionedName === '*' || mentionedName.toLowerCase() === 'everyone' || mentionedName.toLowerCase() === 'all') {
-        target = '*';
-      } else if (mentionedName.toLowerCase().startsWith('team:')) {
-        // Team mention - pass through to backend (e.g., team:frontend)
-        target = mentionedName;
-      } else {
-        // Check if this is a file path mention (contains / or ends with common file extensions)
-        // If so, keep the full message as content and use default recipient
-        if (mentionedName.includes('/') || /\.(ts|tsx|js|jsx|json|md|py|go|rs|java|c|cpp|h|css|html|yaml|yml|toml)$/i.test(mentionedName)) {
-          target = recipient;
-          content = message; // Keep the @path/to/file in the message
-        } else {
-          target = mentionedName;
-        }
-      }
-    } else {
-      target = recipient;
-      content = message;
-    }
-
-    // If no message but has attachments, send with default text
-    if (!content.trim() && attachmentIds.length > 0) {
-      content = '[Screenshot attached]';
-    }
-
-    const success = await onSend(
-      target,
-      content || message,
-      undefined,
-      attachmentIds.length > 0 ? attachmentIds : undefined
-    );
-
-    if (success) {
-      // Clean up previews
-      attachments.forEach(a => URL.revokeObjectURL(a.preview));
-      setMessage('');
-      setAttachments([]);
-      setShowMentions(false);
-      setShowFiles(false);
-    }
-  };
-
-  // Check if we can send (have content or attachments, not uploading)
-  const canSend = (message.trim() || attachments.length > 0) &&
-    !isSending &&
-    !attachments.some(a => a.isUploading);
-
-  return (
-    <form className="flex flex-col gap-1.5 sm:gap-2" onSubmit={handleSubmit}>
-      {/* Attachment previews */}
-      {attachments.length > 0 && (
-        <div className="flex flex-wrap gap-1.5 sm:gap-2 p-1.5 sm:p-2 bg-bg-card rounded-lg border border-border-subtle">
-          {attachments.map(attachment => (
-            <div
-              key={attachment.id}
-              className="relative group"
-            >
-              <img
-                src={attachment.preview}
-                alt={attachment.file.name}
-                className={`h-16 w-auto rounded-lg object-cover ${attachment.isUploading ? 'opacity-50' : ''} ${attachment.error ? 'border-2 border-error' : ''}`}
-              />
-              {attachment.isUploading && (
-                <div className="absolute inset-0 flex items-center justify-center">
-                  <svg className="animate-spin h-5 w-5 text-accent-cyan" viewBox="0 0 24 24">
-                    <circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="2" fill="none" strokeDasharray="32" strokeLinecap="round" />
-                  </svg>
-                </div>
-              )}
-              {attachment.error && (
-                <div className="absolute bottom-0 left-0 right-0 bg-error/90 text-white text-[10px] px-1 py-0.5 truncate">
-                  {attachment.error}
-                </div>
-              )}
-              <button
-                type="button"
-                onClick={() => removeAttachment(attachment.id)}
-                className="absolute -top-1.5 -right-1.5 w-5 h-5 bg-bg-tertiary border border-border-subtle rounded-full flex items-center justify-center text-text-muted hover:text-error hover:border-error transition-colors opacity-0 group-hover:opacity-100"
-                title="Remove"
-              >
-                <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3">
-                  <line x1="18" y1="6" x2="6" y2="18" />
-                  <line x1="6" y1="6" x2="18" y2="18" />
-                </svg>
-              </button>
-            </div>
-          ))}
-        </div>
-      )}
-
-      {/* Input row */}
-      <div className="flex items-center gap-1.5 sm:gap-3">
-        {/* Image upload button */}
-        <input
-          ref={fileInputRef}
-          type="file"
-          accept="image/*"
-          multiple
-          className="hidden"
-          onChange={(e) => handleFileSelect(e.target.files)}
-        />
-        <button
-          type="button"
-          onClick={() => fileInputRef.current?.click()}
-          className="p-2 sm:p-2.5 bg-bg-card border border-border-subtle rounded-lg sm:rounded-xl text-text-muted hover:text-accent-cyan hover:border-accent-cyan/50 transition-colors flex-shrink-0"
-          title="Attach screenshot (or paste from clipboard)"
-        >
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="sm:w-[18px] sm:h-[18px]">
-            <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
-            <circle cx="8.5" cy="8.5" r="1.5" />
-            <polyline points="21 15 16 10 5 21" />
-          </svg>
-        </button>
-
-        <div className="flex-1 relative min-w-0">
-          {/* Agent mention autocomplete */}
-          <MentionAutocomplete
-            agents={agents}
-            humanUsers={humanUsers}
-            inputValue={message}
-            cursorPosition={cursorPosition}
-            onSelect={handleMentionSelect}
-            onClose={() => setShowMentions(false)}
-            isVisible={showMentions}
-          />
-          {/* File path autocomplete */}
-          <FileAutocomplete
-            inputValue={message}
-            cursorPosition={cursorPosition}
-            onSelect={handleFilePathSelect}
-            onClose={() => setShowFiles(false)}
-            isVisible={showFiles}
-          />
-          <textarea
-            ref={textareaRef}
-            className="w-full py-2 sm:py-3 px-3 sm:px-4 bg-bg-card border border-border-subtle rounded-lg sm:rounded-xl text-sm font-sans text-text-primary outline-none transition-all duration-200 resize-none min-h-[40px] sm:min-h-[44px] max-h-[100px] sm:max-h-[120px] overflow-y-auto focus:border-accent-cyan/50 focus:shadow-[0_0_0_3px_rgba(0,217,255,0.1)] placeholder:text-text-muted"
-            placeholder={`Message ${recipient === '*' ? 'everyone' : '@' + recipient}...`}
-            value={message}
-            onChange={handleInputChange}
-            onKeyDown={handleKeyDown}
-            onPaste={handlePaste}
-            onSelect={(e) => setCursorPosition((e.target as HTMLTextAreaElement).selectionStart || 0)}
-            disabled={isSending}
-            rows={1}
-          />
-        </div>
-        <button
-          type="submit"
-          className="py-2 sm:py-3 px-3 sm:px-5 bg-gradient-to-r from-accent-cyan to-[#00b8d9] text-bg-deep font-semibold border-none rounded-lg sm:rounded-xl text-xs sm:text-sm cursor-pointer transition-all duration-150 hover:shadow-glow-cyan hover:-translate-y-0.5 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:translate-y-0 disabled:hover:shadow-none flex-shrink-0"
-          disabled={!canSend}
-          title={isSending ? 'Sending...' : attachments.some(a => a.isUploading) ? 'Uploading...' : 'Send message'}
-        >
-          {isSending ? (
-            <span className="hidden sm:inline">Sending...</span>
-          ) : attachments.some(a => a.isUploading) ? (
-            <span className="hidden sm:inline">Uploading...</span>
-          ) : (
-            <span className="flex items-center gap-1 sm:gap-2">
-              <span className="hidden sm:inline">Send</span>
-              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-                <line x1="22" y1="2" x2="11" y2="13"></line>
-                <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
-              </svg>
-            </span>
-          )}
-        </button>
-        {error && <span className="text-error text-xs ml-2">{error}</span>}
-      </div>
-    </form>
-  );
-}
-
 function LoadingSpinner() {
   return (
     <svg className="animate-spin mb-4 text-accent-cyan" width="28" height="28" viewBox="0 0 24 24">