automagik-forge 0.1.13 → 0.1.14

package/frontend/src/components/ui/folder-picker.tsx

@@ -1,279 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
-import { Alert, AlertDescription } from '@/components/ui/alert';
-import {
-  AlertCircle,
-  ChevronUp,
-  File,
-  Folder,
-  FolderOpen,
-  Home,
-  Search,
-} from 'lucide-react';
-import { fileSystemApi } from '@/lib/api';
-import { DirectoryEntry } from 'shared/types';
-
-interface FolderPickerProps {
-  open: boolean;
-  onClose: () => void;
-  onSelect: (path: string) => void;
-  value?: string;
-  title?: string;
-  description?: string;
-}
-
-export function FolderPicker({
-  open,
-  onClose,
-  onSelect,
-  value = '',
-  title = 'Select Folder',
-  description = 'Choose a folder for your project',
-}: FolderPickerProps) {
-  const [currentPath, setCurrentPath] = useState<string>('');
-  const [entries, setEntries] = useState<DirectoryEntry[]>([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState('');
-  const [manualPath, setManualPath] = useState(value);
-  const [searchTerm, setSearchTerm] = useState('');
-
-  const filteredEntries = useMemo(() => {
-    if (!searchTerm.trim()) return entries;
-    return entries.filter((entry) =>
-      entry.name.toLowerCase().includes(searchTerm.toLowerCase())
-    );
-  }, [entries, searchTerm]);
-
-  useEffect(() => {
-    if (open) {
-      setManualPath(value);
-      loadDirectory();
-    }
-  }, [open, value]);
-
-  const loadDirectory = async (path?: string) => {
-    setLoading(true);
-    setError('');
-
-    try {
-      const result = await fileSystemApi.list(path);
-
-      // Ensure result exists and has the expected structure
-      if (!result || typeof result !== 'object') {
-        throw new Error('Invalid response from file system API');
-      }
-      // Safely access entries, ensuring it's an array
-      const entries = Array.isArray(result.entries) ? result.entries : [];
-      setEntries(entries);
-      const newPath = result.current_path || '';
-      setCurrentPath(newPath);
-      // Update manual path if we have a specific path (not for initial home directory load)
-      if (path) {
-        setManualPath(newPath);
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to load directory');
-      // Reset entries to empty array on error
-      setEntries([]);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handleFolderClick = (entry: DirectoryEntry) => {
-    if (entry.is_directory) {
-      loadDirectory(entry.path);
-      setManualPath(entry.path); // Auto-populate the manual path field
-    }
-  };
-
-  const handleParentDirectory = () => {
-    const parentPath = currentPath.split('/').slice(0, -1).join('/');
-    const newPath = parentPath || '/';
-    loadDirectory(newPath);
-    setManualPath(newPath);
-  };
-
-  const handleHomeDirectory = () => {
-    loadDirectory();
-    // Don't set manual path here since home directory path varies by system
-  };
-
-  const handleManualPathChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setManualPath(e.target.value);
-  };
-
-  const handleManualPathSubmit = () => {
-    loadDirectory(manualPath);
-  };
-
-  const handleSelectCurrent = () => {
-    onSelect(manualPath || currentPath);
-    onClose();
-  };
-
-  const handleSelectManual = () => {
-    onSelect(manualPath);
-    onClose();
-  };
-
-  const handleClose = () => {
-    setError('');
-    onClose();
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={handleClose}>
-      <DialogContent className="max-w-[600px] w-full h-[700px] flex flex-col overflow-hidden">
-        <DialogHeader>
-          <DialogTitle>{title}</DialogTitle>
-          <DialogDescription>{description}</DialogDescription>
-        </DialogHeader>
-
-        <div className="flex-1 flex flex-col space-y-4 overflow-hidden">
-          {/* Legend */}
-          <div className="text-xs text-muted-foreground border-b pb-2">
-            Click folder names to navigate • Use action buttons to select
-          </div>
-
-          {/* Manual path input */}
-          <div className="space-y-2">
-            <div className="text-sm font-medium">Enter path manually:</div>
-            <div className="flex space-x-2 min-w-0">
-              <Input
-                value={manualPath}
-                onChange={handleManualPathChange}
-                placeholder="/path/to/your/project"
-                className="flex-1 min-w-0"
-              />
-              <Button
-                onClick={handleManualPathSubmit}
-                variant="outline"
-                size="sm"
-                className="flex-shrink-0"
-              >
-                Go
-              </Button>
-            </div>
-          </div>
-
-          {/* Search input */}
-          <div className="space-y-2">
-            <div className="text-sm font-medium">Search current directory:</div>
-            <div className="relative">
-              <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
-              <Input
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                placeholder="Filter folders and files..."
-                className="pl-10"
-              />
-            </div>
-          </div>
-
-          {/* Navigation */}
-          <div className="flex items-center space-x-2 min-w-0">
-            <Button
-              onClick={handleHomeDirectory}
-              variant="outline"
-              size="sm"
-              className="flex-shrink-0"
-            >
-              <Home className="h-4 w-4" />
-            </Button>
-            <Button
-              onClick={handleParentDirectory}
-              variant="outline"
-              size="sm"
-              disabled={!currentPath || currentPath === '/'}
-              className="flex-shrink-0"
-            >
-              <ChevronUp className="h-4 w-4" />
-            </Button>
-            <div className="text-sm text-muted-foreground flex-1 truncate min-w-0">
-              {currentPath || 'Home'}
-            </div>
-            <Button
-              onClick={handleSelectCurrent}
-              variant="outline"
-              size="sm"
-              disabled={!currentPath}
-              className="flex-shrink-0"
-            >
-              Select Current
-            </Button>
-          </div>
-
-          {/* Directory listing */}
-          <div className="flex-1 border rounded-md overflow-auto">
-            {loading ? (
-              <div className="p-4 text-center text-muted-foreground">
-                Loading...
-              </div>
-            ) : error ? (
-              <Alert variant="destructive" className="m-4">
-                <AlertCircle className="h-4 w-4" />
-                <AlertDescription>{error}</AlertDescription>
-              </Alert>
-            ) : filteredEntries.length === 0 ? (
-              <div className="p-4 text-center text-muted-foreground">
-                {searchTerm.trim() ? 'No matches found' : 'No folders found'}
-              </div>
-            ) : (
-              <div className="p-2">
-                {filteredEntries.map((entry, index) => (
-                  <div
-                    key={index}
-                    className={`flex items-center space-x-2 p-2 rounded cursor-pointer hover:bg-accent ${
-                      !entry.is_directory ? 'opacity-50 cursor-not-allowed' : ''
-                    }`}
-                    onClick={() =>
-                      entry.is_directory && handleFolderClick(entry)
-                    }
-                    title={entry.name} // Show full name on hover
-                  >
-                    {entry.is_directory ? (
-                      entry.is_git_repo ? (
-                        <FolderOpen className="h-4 w-4 text-green-600 flex-shrink-0" />
-                      ) : (
-                        <Folder className="h-4 w-4 text-blue-600 flex-shrink-0" />
-                      )
-                    ) : (
-                      <File className="h-4 w-4 text-gray-400 flex-shrink-0" />
-                    )}
-                    <span className="text-sm flex-1 truncate min-w-0">
-                      {entry.name}
-                    </span>
-                    {entry.is_git_repo && (
-                      <span className="text-xs text-green-600 bg-green-100 px-2 py-1 rounded flex-shrink-0">
-                        git repo
-                      </span>
-                    )}
-                  </div>
-                ))}
-              </div>
-            )}
-          </div>
-        </div>
-
-        <DialogFooter>
-          <Button type="button" variant="outline" onClick={handleClose}>
-            Cancel
-          </Button>
-          <Button onClick={handleSelectManual} disabled={!manualPath.trim()}>
-            Select Path
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/frontend/src/components/ui/input.tsx

@@ -1,25 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '@/lib/utils';
-
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {}
-
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, type, ...props }, ref) => {
-    return (
-      <input
-        type={type}
-        className={cn(
-          'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-          className
-        )}
-        ref={ref}
-        {...props}
-      />
-    );
-  }
-);
-Input.displayName = 'Input';
-
-export { Input };

package/frontend/src/components/ui/label.tsx

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import { cva, type VariantProps } from 'class-variance-authority';
-
-import { cn } from '@/lib/utils';
-
-const labelVariants = cva(
-  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'
-);
-
-const Label = React.forwardRef<
-  React.ElementRef<typeof LabelPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
-    VariantProps<typeof labelVariants>
->(({ className, ...props }, ref) => (
-  <LabelPrimitive.Root
-    ref={ref}
-    className={cn(labelVariants(), className)}
-    {...props}
-  />
-));
-Label.displayName = LabelPrimitive.Root.displayName;
-
-export { Label };

package/frontend/src/components/ui/loader.tsx

@@ -1,26 +0,0 @@
-import { Loader2 } from 'lucide-react';
-import React from 'react';
-
-interface LoaderProps {
-  message?: string | React.ReactElement;
-  size?: number;
-  className?: string;
-}
-
-export const Loader: React.FC<LoaderProps> = ({
-  message,
-  size = 32,
-  className = '',
-}) => (
-  <div
-    className={`flex flex-col items-center justify-center gap-2 ${className}`}
-  >
-    <Loader2
-      className="animate-spin text-muted-foreground"
-      style={{ width: size, height: size }}
-    />
-    {!!message && (
-      <div className="text-center text-muted-foreground">{message}</div>
-    )}
-  </div>
-);

package/frontend/src/components/ui/markdown-renderer.tsx

@@ -1,75 +0,0 @@
-import ReactMarkdown, { Components } from 'react-markdown';
-import { memo, useMemo } from 'react';
-
-interface MarkdownRendererProps {
-  content: string;
-  className?: string;
-}
-
-function MarkdownRenderer({ content, className = '' }: MarkdownRendererProps) {
-  const components: Components = useMemo(
-    () => ({
-      code: ({ children, ...props }) => (
-        <code
-          {...props}
-          className="bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded text-sm font-mono"
-        >
-          {children}
-        </code>
-      ),
-      strong: ({ children, ...props }) => (
-        <strong {...props} className="font-bold">
-          {children}
-        </strong>
-      ),
-      em: ({ children, ...props }) => (
-        <em {...props} className="italic">
-          {children}
-        </em>
-      ),
-      p: ({ children, ...props }) => (
-        <p {...props} className="leading-tight">
-          {children}
-        </p>
-      ),
-      h1: ({ children, ...props }) => (
-        <h1 {...props} className="text-lg font-bold leading-tight">
-          {children}
-        </h1>
-      ),
-      h2: ({ children, ...props }) => (
-        <h2 {...props} className="text-base font-bold leading-tight">
-          {children}
-        </h2>
-      ),
-      h3: ({ children, ...props }) => (
-        <h3 {...props} className="text-sm font-bold leading-tight">
-          {children}
-        </h3>
-      ),
-      ul: ({ children, ...props }) => (
-        <ul {...props} className="list-disc ml-2">
-          {children}
-        </ul>
-      ),
-      ol: ({ children, ...props }) => (
-        <ol {...props} className="list-decimal ml-2">
-          {children}
-        </ol>
-      ),
-      li: ({ children, ...props }) => (
-        <li {...props} className="leading-tight">
-          {children}
-        </li>
-      ),
-    }),
-    []
-  );
-  return (
-    <div className={className}>
-      <ReactMarkdown components={components}>{content}</ReactMarkdown>
-    </div>
-  );
-}
-
-export default memo(MarkdownRenderer);

package/frontend/src/components/ui/select.tsx

@@ -1,160 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { Check, ChevronDown, ChevronUp } from 'lucide-react';
-
-import { cn } from '@/lib/utils';
-
-const Select = SelectPrimitive.Root;
-
-const SelectGroup = SelectPrimitive.Group;
-
-const SelectValue = SelectPrimitive.Value;
-
-const SelectTrigger = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <SelectPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <SelectPrimitive.Icon asChild>
-      <ChevronDown className="h-4 w-4 opacity-50" />
-    </SelectPrimitive.Icon>
-  </SelectPrimitive.Trigger>
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-
-const SelectScrollUpButton = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollUpButton
-    ref={ref}
-    className={cn(
-      'flex cursor-default items-center justify-center py-1',
-      className
-    )}
-    {...props}
-  >
-    <ChevronUp className="h-4 w-4" />
-  </SelectPrimitive.ScrollUpButton>
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-
-const SelectScrollDownButton = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollDownButton
-    ref={ref}
-    className={cn(
-      'flex cursor-default items-center justify-center py-1',
-      className
-    )}
-    {...props}
-  >
-    <ChevronDown className="h-4 w-4" />
-  </SelectPrimitive.ScrollDownButton>
-));
-SelectScrollDownButton.displayName =
-  SelectPrimitive.ScrollDownButton.displayName;
-
-const SelectContent = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
->(({ className, children, position = 'popper', ...props }, ref) => (
-  <SelectPrimitive.Portal>
-    <SelectPrimitive.Content
-      ref={ref}
-      className={cn(
-        'relative z-[10000] max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]',
-        position === 'popper' &&
-          'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
-        className
-      )}
-      position={position}
-      {...props}
-    >
-      <SelectScrollUpButton />
-      <SelectPrimitive.Viewport
-        className={cn(
-          'p-1',
-          position === 'popper' &&
-            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'
-        )}
-      >
-        {children}
-      </SelectPrimitive.Viewport>
-      <SelectScrollDownButton />
-    </SelectPrimitive.Content>
-  </SelectPrimitive.Portal>
-));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-
-const SelectLabel = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.Label
-    ref={ref}
-    className={cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className)}
-    {...props}
-  />
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-
-const SelectItem = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
->(({ className, children, ...props }, ref) => (
-  <SelectPrimitive.Item
-    ref={ref}
-    className={cn(
-      'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <SelectPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </SelectPrimitive.ItemIndicator>
-    </span>
-
-    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-  </SelectPrimitive.Item>
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-
-const SelectSeparator = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.Separator
-    ref={ref}
-    className={cn('-mx-1 my-1 h-px bg-muted', className)}
-    {...props}
-  />
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
-export {
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  SelectSeparator,
-  SelectScrollUpButton,
-  SelectScrollDownButton,
-};

package/frontend/src/components/ui/separator.tsx

@@ -1,31 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-
-import { cn } from '@/lib/utils';
-
-const Separator = React.forwardRef<
-  React.ElementRef<typeof SeparatorPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
->(
-  (
-    { className, orientation = 'horizontal', decorative = true, ...props },
-    ref
-  ) => (
-    <SeparatorPrimitive.Root
-      ref={ref}
-      decorative={decorative}
-      orientation={orientation}
-      className={cn(
-        'shrink-0 bg-border',
-        orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
-        className
-      )}
-      {...props}
-    />
-  )
-);
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-export { Separator };