- {/* Show backend startup error if backend failed to start */}
- {backendStartupFailed &&
;
-};
diff --git a/archon-ui-main/src/components/layouts/SideNavigation.tsx b/archon-ui-main/src/components/layouts/SideNavigation.tsx
deleted file mode 100644
index f4165032bf..0000000000
--- a/archon-ui-main/src/components/layouts/SideNavigation.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import React, { useState } from 'react';
-import { Link, useLocation } from 'react-router-dom';
-import { BookOpen, HardDrive, Settings } from 'lucide-react';
-import { useSettings } from '../../contexts/SettingsContext';
-/**
- * Interface for navigation items
- */
-export interface NavigationItem {
- path: string;
- icon: React.ReactNode;
- label: string;
-}
-/**
- * Props for the SideNavigation component
- */
-interface SideNavigationProps {
- className?: string;
- 'data-id'?: string;
-}
-/**
- * Tooltip component for navigation items
- */
-const NavTooltip: React.FC<{
- show: boolean;
- label: string;
- position?: 'left' | 'right';
-}> = ({
- show,
- label,
- position = 'right'
-}) => {
- if (!show) return null;
- return
-
- {/* Main Content Area - no left margin to allow grid to extend full width */}
-
-
- {/* Floating Chat Button - Only visible when chat is closed */}
- {!isChatOpen && (
-
-
- {children}
-
-
- {/* Tooltip */}
-
- )}
- {/* Chat Sidebar - Slides in/out from right */}
-
-
- Coming Soon
- Knowledge Assistant is under development
-
-
- {/* Close button - Only visible when chat is open */}
- {isChatOpen && }
- {/* Knowledge Chat Panel */}
-
-
- {label}
-
-
;
-};
-/**
- * SideNavigation - A vertical navigation component
- *
- * This component renders a navigation sidebar with icons and the application logo.
- * It highlights the active route and provides hover effects.
- */
-export const SideNavigation: React.FC
- {/* Logo - Conditionally clickable based on Projects enabled */}
- {projectsEnabled ? (
- setActiveTooltip('logo')}
- onMouseLeave={() => setActiveTooltip(null)}
- >
- 
- {/* Active state decorations */}
- {isProjectsActive && <>
-
-
- }
-
;
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/mcp/ClientCard.tsx b/archon-ui-main/src/components/mcp/ClientCard.tsx
deleted file mode 100644
index 6ddbd059bb..0000000000
--- a/archon-ui-main/src/components/mcp/ClientCard.tsx
+++ /dev/null
@@ -1,508 +0,0 @@
-import React, { useEffect, useState, useRef } from 'react';
-import { Server, Activity, Clock, ChevronRight, Hammer, Settings, Trash2, Plug, PlugZap } from 'lucide-react';
-import { Client } from './MCPClients';
-import { mcpClientService } from '../../services/mcpClientService';
-import { useToast } from '../../contexts/ToastContext';
-
-interface ClientCardProps {
- client: Client;
- onSelect: () => void;
- onEdit?: (client: Client) => void;
- onDelete?: (client: Client) => void;
- onConnectionChange?: () => void;
-}
-
-export const ClientCard = ({
- client,
- onSelect,
- onEdit,
- onDelete,
- onConnectionChange
-}: ClientCardProps) => {
- const [isFlipped, setIsFlipped] = useState(false);
- const [isHovered, setIsHovered] = useState(false);
- const [isConnecting, setIsConnecting] = useState(false);
- const particlesRef = useRef setActiveTooltip('logo')}
- onMouseLeave={() => setActiveTooltip(null)}
- >
-
-
- )}
- {/* Navigation links */}
-
- setIsHovered(true)}
- onMouseLeave={() => setIsHovered(false)}
- >
-
- );
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/mcp/MCPClients.tsx b/archon-ui-main/src/components/mcp/MCPClients.tsx
deleted file mode 100644
index d780ce62bb..0000000000
--- a/archon-ui-main/src/components/mcp/MCPClients.tsx
+++ /dev/null
@@ -1,858 +0,0 @@
-import React, { useState, memo, useEffect } from 'react';
-import { Plus, Settings, Trash2, X } from 'lucide-react';
-import { ClientCard } from './ClientCard';
-import { ToolTestingPanel } from './ToolTestingPanel';
-import { Button } from '../ui/Button';
-import { mcpClientService, MCPClient, MCPClientConfig } from '../../services/mcpClientService';
-import { useToast } from '../../contexts/ToastContext';
-import { DeleteConfirmModal } from '../common/DeleteConfirmModal';
-
-// Client interface (keeping for backward compatibility)
-export interface Client {
- id: string;
- name: string;
- status: 'online' | 'offline' | 'error';
- ip: string;
- lastSeen: string;
- version: string;
- tools: Tool[];
- region?: string;
- lastError?: string;
-}
-
-// Tool interface
-export interface Tool {
- id: string;
- name: string;
- description: string;
- parameters: ToolParameter[];
-}
-
-// Tool parameter interface
-export interface ToolParameter {
- name: string;
- type: 'string' | 'number' | 'boolean' | 'array';
- required: boolean;
- description?: string;
-}
-
-export const MCPClients = memo(() => {
- const [clients, setClients] = useState
- {/* Front Side */}
-
-
- {/* Particle container for Archon client */}
- {isArchonClient && (
-
-
- {/* Back Side */}
-
-
-
- )}
-
- {/* Subtle aurora glow effect for Archon client */}
- {isArchonClient && (
-
-
-
- )}
-
- {/* Connect/Disconnect button */}
-
-
- {/* Edit button - moved to be second from right */}
- {onEdit && (
-
- )}
-
- {/* Delete button - only for non-Archon clients */}
- {!isArchonClient && onDelete && (
-
- )}
-
- {/* Client info */}
-
- {isArchonClient ? (
-
-
-
- 
-
-
- ) : (
-
-
-
-
- )}
-
-
-
- - {client.name} -
-- {client.ip} -
-
-
-
- {/* Status badge - moved to bottom left */}
-
-
-
-
-
-
-
- {/* Error message display */}
- {client.status === 'error' && client.lastError && (
-
-
- )}
-
-
-
-
-
- Last Error:
-- {client.lastError} -
-
-
-
- {/* Tools button - with Hammer icon */}
-
-
-
-
-
-
-
- {client.status.charAt(0).toUpperCase() + client.status.slice(1)}
-
- {/* Subtle aurora glow effect for Archon client */}
- {isArchonClient && (
-
-
-
-
-
-
-
- )}
-
- {/* Connect/Disconnect button - also on back side */}
-
-
- {/* Edit button - also on back side */}
- {onEdit && (
-
- )}
-
- {/* Delete button on back side - only for non-Archon clients */}
- {!isArchonClient && onDelete && (
-
- )}
-
-
-
-
-
- {client.tools.length === 0 ? (
-
-
- {/* Status badge - also at bottom left on back side */}
-
-
- ) : (
- client.tools.map(tool => (
- - {client.status === 'offline' - ? 'Client offline - tools unavailable' - : 'No tools discovered'} -
-
-
- ))
- )}
-
-
- {tool.name}
-
-
- - {tool.description} -
- {tool.parameters.length > 0 && ( -- {tool.parameters.length} parameter{tool.parameters.length !== 1 ? 's' : ''} -
- )} -
-
-
- {/* Flip button - back to front */}
-
-
-
-
-
-
-
- {client.status.charAt(0).toUpperCase() + client.status.slice(1)}
-
-
- );
- }
-
- return (
-
-
-
- Loading MCP clients...
-
- {/* Error display */}
- {error && (
- setIsPanelOpen(false)}
- />
-
- {/* Add Client Modal */}
- {isAddClientModalOpen && (
- setIsAddClientModalOpen(false)}
- onSubmit={handleAddClient}
- />
- )}
-
- {/* Edit Client Drawer */}
- {isEditDrawerOpen && editClient && (
- {
- setIsEditDrawerOpen(false);
- setEditClient(null);
- }}
- onUpdate={(updatedClient) => {
- // Update the client in state or remove if deleted
- setClients(prev => {
- if (!updatedClient) { // If updatedClient is null, it means deletion
- return prev.filter(c => c.id !== editClient?.id); // Remove the client that was being edited
- }
- return prev.map(c => c.id === updatedClient.id ? updatedClient : c);
- });
- setIsEditDrawerOpen(false);
- setEditClient(null);
- }}
- />
- )}
-
- {/* Delete Confirmation Modal for Clients */}
- {showDeleteConfirm && clientToDelete && (
-
- );
-});
-
-// Add Client Modal Component
-interface AddClientModalProps {
- isOpen: boolean;
- onClose: () => void;
- onSubmit: (config: MCPClientConfig) => Promise
-
- )}
-
- {/* Add Client Button */}
- {error}
- -
-
-
- {/* Client Grid */}
-
-
-
- MCP Clients
-- Connect and manage your MCP-enabled applications -
-
-
-
- {/* Tool Testing Panel */}
-
- {clients.map(client => (
- handleSelectClient(client)}
- onEdit={() => handleEditClient(client)}
- onDelete={() => handleDeleteClient(client)}
- onConnectionChange={refreshClients}
- />
- ))}
-
-
-
- );
-};
-
-// Edit Client Drawer Component
-interface EditClientDrawerProps {
- client: Client;
- isOpen: boolean;
- onClose: () => void;
- onUpdate: (client: Client | null) => void; // Allow null to indicate deletion
-}
-
-const EditClientDrawer: React.FC
-
-
-
- - Add New MCP Client -
- - -
-
- );
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/mcp/ToolTestingPanel.tsx b/archon-ui-main/src/components/mcp/ToolTestingPanel.tsx
deleted file mode 100644
index f1866c8440..0000000000
--- a/archon-ui-main/src/components/mcp/ToolTestingPanel.tsx
+++ /dev/null
@@ -1,568 +0,0 @@
-import React, { useEffect, useState, useRef } from 'react';
-import { X, Play, ChevronDown, TerminalSquare, Copy, Check, MinusCircle, Maximize2, Minimize2, Hammer, GripHorizontal } from 'lucide-react';
-import { Client, Tool } from './MCPClients';
-import { Button } from '../ui/Button';
-import { mcpClientService } from '../../services/mcpClientService';
-
-interface ToolTestingPanelProps {
- client: Client | null;
- isOpen: boolean;
- onClose: () => void;
-}
-
-interface TerminalLine {
- id: string;
- content: string;
- isTyping: boolean;
- isCommand: boolean;
- isError?: boolean;
- isWarning?: boolean;
-}
-
-export const ToolTestingPanel = ({
- client,
- isOpen,
- onClose
-}: ToolTestingPanelProps) => {
- const [selectedTool, setSelectedTool] = useState e.stopPropagation()}
- >
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Resize handle at the top */}
-
- );
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/DataTab.tsx b/archon-ui-main/src/components/project-tasks/DataTab.tsx
deleted file mode 100644
index 6ba8dac2d6..0000000000
--- a/archon-ui-main/src/components/project-tasks/DataTab.tsx
+++ /dev/null
@@ -1,956 +0,0 @@
-import React, { useCallback, useState, useEffect, useMemo } from 'react';
-import '@xyflow/react/dist/style.css';
-import { ReactFlow, Node, Edge, Background, Controls, MarkerType, NodeChange, applyNodeChanges, EdgeChange, applyEdgeChanges, ConnectionLineType, addEdge, Connection, Handle, Position } from '@xyflow/react';
-import { Database, Info, Calendar, TrendingUp, Edit, Plus, X, Save, Trash2 } from 'lucide-react';
-import { projectService } from '../../services/projectService';
-import { useToast } from '../../contexts/ToastContext';
-
-// Custom node types - will be defined inside the component to access state
-
-const createTableNode = (id: string, label: string, columns: string[], x: number, y: number): Node => ({
- id,
- type: 'table',
- data: {
- label,
- columns
- },
- position: {
- x,
- y
- }
-});
-
-// Default fallback nodes for basic database structure
-const defaultNodes: Node[] = [
- createTableNode('users', 'Users', ['id (PK) - UUID', 'email - VARCHAR(255)', 'password - VARCHAR(255)', 'firstName - VARCHAR(100)', 'lastName - VARCHAR(100)', 'createdAt - TIMESTAMP', 'updatedAt - TIMESTAMP'], 150, 100),
- createTableNode('projects', 'Projects', ['id (PK) - UUID', 'title - VARCHAR(255)', 'description - TEXT', 'status - VARCHAR(50)', 'userId (FK) - UUID', 'createdAt - TIMESTAMP', 'updatedAt - TIMESTAMP'], 500, 100)
-];
-
-const defaultEdges: Edge[] = [{
- id: 'projects-users',
- source: 'users',
- target: 'projects',
- sourceHandle: 'Users-id',
- targetHandle: 'Projects-userId',
- animated: true,
- style: {
- stroke: '#d946ef'
- },
- markerEnd: {
- type: MarkerType.Arrow,
- color: '#d946ef'
- }
-}];
-
-// Data metadata card component for the new data structure
-const DataCard = ({ data }: { data: any }) => {
- const iconMap: { [key: string]: any } = {
- 'ShoppingCart': Database,
- 'Database': Database,
- 'Info': Info,
- 'Calendar': Calendar,
- 'TrendingUp': TrendingUp
- };
-
- const IconComponent = iconMap[data.icon] || Database;
-
- const colorClasses = {
- cyan: 'from-cyan-900/40 to-cyan-800/30 border-cyan-500/50 text-cyan-400',
- blue: 'from-blue-900/40 to-blue-800/30 border-blue-500/50 text-blue-400',
- purple: 'from-purple-900/40 to-purple-800/30 border-purple-500/50 text-purple-400',
- pink: 'from-pink-900/40 to-pink-800/30 border-pink-500/50 text-pink-400'
- };
-
- const colorClass = colorClasses[data.color as keyof typeof colorClasses] || colorClasses.cyan;
-
- return (
-
-
-
-
- {/* Panel with neon effect */}
-
-
-
- {/* Header */}
-
-
-
-
- {/* Content */}
- - - {client.name} - - {client.ip} - - - {client.tools.length} tools available - -
-
-
-
-
-
-
- {client.tools.length === 0 ? (
-
-
-
- ) : (
-
-
- No Tools Available
-- {client.status === 'offline' - ? 'Client is offline. Tools will be available when connected.' - : 'No tools discovered for this client.'} -
-
- {/* Left column: Tool selection and parameters */}
-
- )}
-
- {/* Tool selection and execute button row */}
-
-
- {/* Right column: Terminal output */}
-
-
-
- {/* Tool description */}
- {selectedTool && (
-
-
-
-
-
-
-
-
-
-
-
- - {selectedTool.description} -
- )} - - {/* Parameters */} - {selectedTool && selectedTool.parameters.length > 0 && ( -
-
- )}
- - Parameters -
-
- {selectedTool.parameters.map(param => (
-
-
-
- handleParamChange(param.name, e.target.value)}
- className="w-full px-3 py-2 text-sm bg-white/50 dark:bg-black/50 border border-gray-300 dark:border-gray-700 rounded-md focus:outline-none focus:ring-1 focus:ring-cyan-500 focus:border-cyan-500 transition-all duration-200"
- placeholder={param.description || `Enter ${param.name}`}
- />
- {param.description && (
-
- ))}
- - {param.description} -
- )} -
-
-
-
-
-
-
-
-
-
- {terminalOutput.map(line => (
-
-
- {line.content}
- {line.isTyping && ▌}
-
- ))}
-
-
- );
-};
-
-interface DataTabProps {
- project?: {
- id: string;
- title: string;
- data?: any[];
- } | null;
-}
-
-export const DataTab = ({ project }: DataTabProps) => {
- const [nodes, setNodes] = useState
-
- Project Data Overview
-
-
-
-
- Description:
- {data.description}
-
- Progress:
-
-
-
-
-
-
- {data.progress}%
-
- Last updated: {data.updated}
-
-
-
- )
- }), [handleNodeClick, handleDeleteNode, nodes]);
-
- if (loading) {
- return (
-
-
-
-
-
- {data.label}
-
-
-
-
-
-
- {data.columns.map((col: string, i: number) => {
- const isPK = col.includes('PK');
- const isFK = col.includes('FK');
- return (
-
-
- {col}
- {isPK && (
-
- );
- })}
-
-
- );
- }
-
- return (
- Loading data...
-
-
-
- );
-};
-
-// Delete Confirmation Modal Component
-const DeleteConfirmModal = ({
- onConfirm,
- onCancel,
- tableName
-}: {
- onConfirm: () => void;
- onCancel: () => void;
- tableName: string;
-}) => {
- return (
-
- n.id === nodeToDelete)?.data.label as string || 'table'}
- />
- )}
-
- {/* Edit Modal */}
- {showEditModal && editingNode && (
- {
- setShowEditModal(false);
- setEditingNode(null);
- }}
- />
- )}
-
-
-
-
- {viewMode === 'metadata' ? (
-
-
- {viewMode === 'metadata' ? 'Data Overview' : 'Data Relationships'}
- {viewMode === 'erd' && nodes.length > 0 && ` (${nodes.length} tables)`}
- {viewMode === 'metadata' && Array.isArray(project?.data) && ` (${project.data.length} items)`}
-
- {viewMode === 'metadata' && (
-
- )}
- {viewMode === 'erd' && (
-
-
- {hasUnsavedChanges && (
-
- )}
-
-
- )}
-
- {Array.isArray(project?.data) && project.data.length > 0 ? (
-
- ) : (
-
- {project.data.map((item, index) => (
-
- ) : (
-
-
- )}
- No metadata available
-Switch to ERD view to see database schema
-
- {/* Subtle neon glow at the top */}
-
- {nodes.length === 0 ? (
-
-
- )}
-
- )}
-
- {/* Delete Confirmation Modal */}
- {showDeleteConfirm && (
-
-
- ) : (
- No data schema defined
-Add tables to design your database
-
-
- );
-};
-
-// Column interface for better type management
-interface ColumnDefinition {
- name: string;
- dataType: string;
- columnType: 'regular' | 'pk' | 'fk';
- referencedTable?: string;
- referencedColumn?: string;
-}
-
-// Edit Table Modal Component
-const EditTableModal = ({
- node,
- nodes,
- edges,
- onSave,
- onUpdateEdges,
- onClose
-}: {
- node: Node;
- nodes: Node[];
- edges: Edge[];
- onSave: (node: Node) => void;
- onUpdateEdges: (edges: Edge[]) => void;
- onClose: () => void;
-}) => {
- const [tableName, setTableName] = useState(node.data.label as string);
- const [columns, setColumns] = useState
-
-
-
-
-
-
-
-
-
-
-
- - Delete Table -
-- This action cannot be undone -
-- Are you sure you want to delete the "{tableName}" table? - This will also remove all related connections. -
- -
-
-
-
-
-
- );
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/DocsTab.tsx b/archon-ui-main/src/components/project-tasks/DocsTab.tsx
deleted file mode 100644
index e2e0862425..0000000000
--- a/archon-ui-main/src/components/project-tasks/DocsTab.tsx
+++ /dev/null
@@ -1,1494 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Plus, X, Search, Upload, Link as LinkIcon, Check, Brain, Save, History, Eye, Edit3, Sparkles } from 'lucide-react';
-import { Button } from '../ui/Button';
-import { knowledgeBaseService, KnowledgeItem } from '../../services/knowledgeBaseService';
-import { projectService } from '../../services/projectService';
-import { useToast } from '../../contexts/ToastContext';
-import { Input } from '../ui/Input';
-import { Card } from '../ui/Card';
-import { Badge } from '../ui/Badge';
-import { Select } from '../ui/Select';
-import { useCrawlProgressPolling } from '../../hooks/usePolling';
-import { MilkdownEditor } from './MilkdownEditor';
-import { VersionHistoryModal } from './VersionHistoryModal';
-import { PRPViewer } from '../prp';
-import { DocumentCard, NewDocumentCard } from './DocumentCard';
-
-
-
-
-interface ProjectDoc {
- id: string;
- title: string;
- created_at: string;
- updated_at: string;
- // Content field stores markdown or structured data
- content?: any;
- document_type?: string;
-}
-
-interface Task {
- id: string;
- title: string;
- feature: string;
- status: 'backlog' | 'in-progress' | 'review' | 'complete';
-}
-
-// Document Templates - Updated for proper MCP database storage
-const DOCUMENT_TEMPLATES = {
- 'prp_base': {
- name: 'Feature PRP Template',
- icon: '🚀',
- document_type: 'prp',
- content: {
- document_type: 'prp',
- title: 'New Feature Implementation',
- version: '1.0',
- author: 'User',
- date: new Date().toISOString().split('T')[0],
- status: 'draft',
-
- goal: 'Build a specific feature - replace with your goal',
-
- why: [
- 'Business value this feature provides',
- 'User problem this solves',
- 'How it integrates with existing functionality'
- ],
-
- what: {
- description: 'Detailed description of what users will see and experience',
- success_criteria: [
- 'Measurable outcome 1 (e.g., response time < 200ms)',
- 'User behavior outcome 2 (e.g., 90% task completion rate)',
- 'Technical outcome 3 (e.g., zero data loss during operations)'
- ],
- user_stories: [
- 'As a [user type], I want to [action] so that [benefit]',
- 'As a [user type], I need to [requirement] in order to [goal]'
- ]
- },
-
- context: {
- documentation: [
- {
- source: 'https://docs.example.com/api',
- why: 'API endpoints and data models needed'
- },
- {
- source: 'src/components/Example.tsx',
- why: 'Existing pattern to follow for UI components'
- }
- ],
- existing_code: [
- {
- file: 'src/services/baseService.ts',
- purpose: 'Service layer pattern to extend'
- }
- ],
- gotchas: [
- 'Critical requirement or constraint to remember',
- 'Common mistake to avoid during implementation'
- ],
- dependencies: [
- 'Package or service that must be available',
- 'Another feature that must be completed first'
- ]
- },
-
- implementation_blueprint: {
- phase_1_foundation: {
- description: 'Set up core infrastructure',
- duration: '2-3 days',
- tasks: [
- {
- title: 'Create TypeScript interfaces',
- details: 'Define all data types and API contracts',
- files: ['src/types/newFeature.ts']
- },
- {
- title: 'Set up database schema',
- details: 'Create tables and relationships if needed',
- files: ['migrations/add_feature_tables.sql']
- }
- ]
- },
- phase_2_implementation: {
- description: 'Build core functionality',
- duration: '1 week',
- tasks: [
- {
- title: 'Implement service layer',
- details: 'Business logic and data access',
- files: ['src/services/newFeatureService.ts']
- },
- {
- title: 'Create API endpoints',
- details: 'RESTful endpoints with proper validation',
- files: ['src/api/newFeatureApi.ts']
- },
- {
- title: 'Build UI components',
- details: 'React components with TypeScript',
- files: ['src/components/NewFeature.tsx']
- }
- ]
- },
- phase_3_integration: {
- description: 'Connect everything and test',
- duration: '2-3 days',
- tasks: [
- {
- title: 'Integrate frontend with backend',
- details: 'Connect UI to API endpoints',
- files: ['src/hooks/useNewFeature.ts']
- },
- {
- title: 'Add comprehensive tests',
- details: 'Unit, integration, and E2E tests',
- files: ['tests/newFeature.test.ts']
- }
- ]
- }
- },
-
- validation: {
- level_1_syntax: [
- 'npm run lint -- --fix',
- 'npm run typecheck',
- 'Ensure no TypeScript errors'
- ],
- level_2_unit_tests: [
- 'npm run test -- newFeature',
- 'Verify all unit tests pass with >80% coverage'
- ],
- level_3_integration: [
- 'npm run test:integration',
- 'Test API endpoints with proper data flow'
- ],
- level_4_end_to_end: [
- 'Start development server and test user flows',
- 'Verify feature works as expected in browser',
- 'Test error scenarios and edge cases'
- ]
- }
- }
- },
- 'prp_task': {
- name: 'Task/Bug Fix PRP',
- icon: '✅',
- document_type: 'prp',
- content: {
- document_type: 'prp',
- title: 'Task or Bug Fix',
- version: '1.0',
- author: 'User',
- date: new Date().toISOString().split('T')[0],
- status: 'draft',
-
- goal: 'Fix specific bug or complete targeted task',
-
- why: [
- 'Impact on users or system if not fixed',
- 'How this fits into larger project goals',
- 'Priority level and urgency'
- ],
-
- what: {
- description: 'Specific problem to solve and expected outcome',
- current_behavior: 'What happens now (the problem)',
- expected_behavior: 'What should happen instead',
- acceptance_criteria: [
- 'Specific testable condition 1',
- 'Specific testable condition 2',
- 'No regressions in existing functionality'
- ]
- },
-
- context: {
- affected_files: [
- {
- path: 'src/component.tsx',
- reason: 'Contains the bug or needs the change'
- },
- {
- path: 'src/service.ts',
- reason: 'Related logic that may need updates'
- }
- ],
- root_cause: 'Analysis of why this issue exists',
- related_issues: [
- 'Link to GitHub issue or ticket',
- 'Related bugs or enhancement requests'
- ],
- dependencies: [
- 'Other tasks that must be completed first',
- 'External services or APIs involved'
- ]
- },
-
- implementation_steps: [
- {
- step: 1,
- action: 'Reproduce the issue',
- details: 'Create test case that demonstrates the problem'
- },
- {
- step: 2,
- action: 'Identify root cause',
- details: 'Debug and trace the issue to its source'
- },
- {
- step: 3,
- action: 'Implement fix',
- details: 'Apply minimal change that resolves the issue'
- },
- {
- step: 4,
- action: 'Test solution',
- details: 'Verify fix works and doesn\'t break other functionality'
- },
- {
- step: 5,
- action: 'Update documentation',
- details: 'Update any relevant docs or comments'
- }
- ],
-
- validation: {
- reproduction_test: [
- 'Steps to reproduce the original issue',
- 'Verify the issue no longer occurs'
- ],
- regression_tests: [
- 'Run existing test suite to ensure no regressions',
- 'Test related functionality manually'
- ],
- edge_cases: [
- 'Test boundary conditions',
- 'Test error scenarios'
- ]
- }
- }
- },
- 'prp_planning': {
- name: 'Architecture/Planning PRP',
- icon: '📐',
- document_type: 'prp',
- content: {
- document_type: 'prp',
- title: 'System Architecture and Planning',
- version: '1.0',
- author: 'User',
- date: new Date().toISOString().split('T')[0],
- status: 'draft',
-
- goal: 'Design and plan system architecture for [specific system/feature]',
-
- why: [
- 'Strategic business objective driving this architecture',
- 'Technical debt or scalability issues to address',
- 'Future growth and maintainability requirements'
- ],
-
- what: {
- scope: 'System boundaries, affected components, and integration points',
- deliverables: [
- 'Comprehensive architecture documentation',
- 'Component specifications and interfaces',
- 'Implementation roadmap and timeline',
- 'Migration/deployment strategy'
- ],
- constraints: [
- 'Budget and timeline limitations',
- 'Technical constraints and dependencies',
- 'Regulatory or compliance requirements'
- ]
- },
-
- current_state_analysis: {
- strengths: [
- 'What works well in the current system',
- 'Stable components that should be preserved',
- 'Existing patterns worth maintaining'
- ],
- weaknesses: [
- 'Performance bottlenecks and limitations',
- 'Maintenance and scaling challenges',
- 'Security or reliability concerns'
- ],
- opportunities: [
- 'Modern technologies to leverage',
- 'Process improvements to implement',
- 'Business capabilities to enable'
- ],
- threats: [
- 'Risks during transition period',
- 'Dependencies on legacy systems',
- 'Resource and timeline constraints'
- ]
- },
-
- proposed_architecture: {
- overview: 'High-level description of the new architecture',
- components: {
- frontend: {
- technology: 'React 18 with TypeScript',
- patterns: 'Component composition with ShadCN UI',
- state_management: 'React hooks with context for global state'
- },
- backend: {
- technology: 'FastAPI with async Python',
- patterns: 'Service layer with repository pattern',
- database: 'Supabase PostgreSQL with proper indexing'
- },
- realtime: {
- technology: 'HTTP polling for live updates',
- patterns: 'ETag-based polling with smart pausing'
- },
- infrastructure: {
- deployment: 'Docker containers with orchestration',
- monitoring: 'Comprehensive logging and metrics',
- security: 'OAuth2 with proper encryption'
- }
- },
- data_flow: [
- 'User interaction → Frontend validation → API call',
- 'Backend processing → Database operations → Response',
- 'Real-time events → HTTP polling → UI updates'
- ],
- integration_points: [
- 'External APIs and their usage patterns',
- 'Third-party services and data sources',
- 'Legacy system interfaces'
- ]
- },
-
- implementation_phases: {
- phase_1_foundation: {
- duration: '2-3 weeks',
- objective: 'Core infrastructure and basic functionality',
- deliverables: [
- 'Database schema and basic API endpoints',
- 'Authentication and authorization system',
- 'Core UI components and routing'
- ],
- success_criteria: [
- 'Basic user flows working end-to-end',
- 'Core API responses under 200ms',
- 'Authentication working with test users'
- ]
- },
- phase_2_features: {
- duration: '3-4 weeks',
- objective: 'Primary feature implementation',
- deliverables: [
- 'Complete feature set with UI',
- 'Real-time updates and notifications',
- 'Data validation and error handling'
- ],
- success_criteria: [
- 'All major user stories implemented',
- 'Real-time features working reliably',
- 'Comprehensive error handling'
- ]
- },
- phase_3_optimization: {
- duration: '1-2 weeks',
- objective: 'Testing, optimization, and deployment',
- deliverables: [
- 'Comprehensive test suite',
- 'Performance optimization',
- 'Production deployment'
- ],
- success_criteria: [
- 'Test coverage >80%',
- 'Performance targets met',
- 'Successful production deployment'
- ]
- }
- },
-
- success_metrics: {
- performance: [
- 'API response time <200ms for 95% of requests',
- 'UI load time <2 seconds',
- 'Support 1000+ concurrent users'
- ],
- quality: [
- 'Test coverage >80%',
- 'Zero critical security vulnerabilities',
- 'Mean time to recovery <15 minutes'
- ],
- business: [
- 'User task completion rate >90%',
- 'Feature adoption >60% within first month',
- 'User satisfaction score >4.5/5'
- ]
- },
-
- risks_and_mitigation: {
- technical_risks: [
- {
- risk: 'Integration complexity with legacy systems',
- mitigation: 'Phased approach with fallback options'
- },
- {
- risk: 'Performance issues at scale',
- mitigation: 'Load testing and optimization in early phases'
- }
- ],
- business_risks: [
- {
- risk: 'Timeline delays due to scope creep',
- mitigation: 'Clear requirements and change control process'
- }
- ]
- }
- }
- },
-
- // Simple markdown templates for non-PRP documents
- 'markdown_doc': {
- name: 'Markdown Document',
- icon: '📝',
- document_type: 'markdown',
- content: {
- markdown: `# Document Title
-
-## Overview
-
-Provide a brief overview of this document...
-
-## Content
-
-Add your content here...
-
-## Next Steps
-
-- [ ] Action item 1
-- [ ] Action item 2`
- }
- },
-
- 'meeting_notes': {
- name: 'Meeting Notes',
- icon: '📋',
- document_type: 'meeting_notes',
- content: {
- meeting_date: new Date().toISOString().split('T')[0],
- attendees: ['Person 1', 'Person 2'],
- agenda: [
- 'Agenda item 1',
- 'Agenda item 2'
- ],
- notes: 'Meeting discussion notes...',
- action_items: [
- {
- item: 'Action item 1',
- owner: 'Person Name',
- due_date: 'YYYY-MM-DD'
- }
- ],
- next_meeting: 'YYYY-MM-DD'
- }
- }
-};
-
-/* ——————————————————————————————————————————— */
-/* Main component */
-/* ——————————————————————————————————————————— */
-export const DocsTab = ({
- tasks,
- project
-}: {
- tasks: Task[];
- project?: {
- id: string;
- title: string;
- created_at?: string;
- updated_at?: string;
- } | null;
-}) => {
- // Document state
- const [documents, setDocuments] = useState
-
-
-
-
-
-
-
-
-
-
-
- {/* Table Name */}
-
-
- {/* Actions */}
-
-
- setTableName(e.target.value)}
- className="w-full px-3 py-2 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-cyan-500 focus:outline-none"
- />
-
-
- {/* Columns */}
-
-
-
-
-
-
-
- {/* Column Headers */}
-
-
-
- Column Name
- Data Type
- Type
- References (FK only)
-
-
- {columns.map((column, index) => (
-
-
- {/* Column Name */}
- updateColumn(index, 'name', e.target.value)}
- className="col-span-3 px-3 py-2 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-cyan-500 focus:outline-none text-sm"
- />
-
- {/* Data Type */}
- updateColumn(index, 'dataType', e.target.value)}
- className="col-span-2 px-3 py-2 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-cyan-500 focus:outline-none text-sm"
- />
-
- {/* Column Type */}
-
-
- {/* FK Reference (only show for FK columns) */}
- {column.columnType === 'fk' && (
- <>
-
-
-
-
- )}
-
- {/* Spacer for non-FK columns */}
- {column.columnType !== 'fk' && }
-
- {/* Remove Button */}
-
-
- ))}
-
-
-
-
-
- setShowTemplateModal(false)}
- onSelectTemplate={createDocumentFromTemplate}
- isCreating={isSaving}
- />
- )}
-
- {/* Existing Modals (simplified for brevity) */}
- {showTechnicalModal && (
- setShowTechnicalModal(false)}
- onAddSource={() => openAddSourceModal('technical')}
- />
- )}
-
- {showBusinessModal && (
- setShowBusinessModal(false)}
- onAddSource={() => openAddSourceModal('business')}
- />
- )}
-
- {showAddSourceModal && (
- setShowAddSourceModal(false)}
- onSuccess={() => {
- loadKnowledgeItems();
- setShowAddSourceModal(false);
- }}
- onStartCrawl={handleStartCrawl}
- />
- )}
-
- {/* Version History Modal */}
- {showVersionHistory && project && (
- setShowVersionHistory(false)}
- onRestore={() => {
- // Reload documents after restore
- loadProjectDocuments();
- setShowVersionHistory(false);
- }}
- />
- )}
-
- );
-};
-
-
-/* ——————————————————————————————————————————— */
-/* Helper components */
-/* ——————————————————————————————————————————— */
-
-// ArchonEditor component removed - replaced with BlockNoteEditor
-
-// Template Modal Component
-const TemplateModal: React.FC<{
- onClose: () => void;
- onSelectTemplate: (templateKey: string) => void;
- isCreating: boolean;
-}> = ({ onClose, onSelectTemplate, isCreating }) => {
- const templates = Object.entries(DOCUMENT_TEMPLATES);
-
- const getTemplateDescription = (key: string, template: any) => {
- const descriptions: Record
- {/* Document Header */}
-
-
-
- {/* Document Cards Container */}
- {
- try {
- setIsSaving(true);
-
- // Call backend API to persist changes
- const savedDocument = await projectService.updateDocument(
- project.id,
- updatedDocument.id,
- {
- title: updatedDocument.title,
- content: updatedDocument.content,
- tags: updatedDocument.tags,
- author: updatedDocument.author
- }
- );
-
- // Update local state with backend response
- setSelectedDocument(savedDocument);
- setDocuments(prev => prev.map(doc =>
- doc.id === updatedDocument.id ? savedDocument : doc
- ));
-
- console.log('Document saved via MilkdownEditor');
- showToast('Document saved successfully', 'success');
- } catch (error) {
- console.error('Failed to save document:', error);
- showToast(
- error instanceof Error ? error.message : 'Failed to save document',
- 'error'
- );
- } finally {
- setIsSaving(false);
- }
- }}
- className="mb-8"
- />
- )
- ) : (
-
-
- {/* Template Selection Modal */}
- {showTemplateModal && (
-
-
-
-
-
- {/* View mode and action buttons */}
- - Project Docs -
-{project?.title || 'No project selected'}
-
- {selectedDocument && (
-
-
- {/* View mode toggle for all documents */}
-
- )}
-
-
-
-
-
-
-
- {isEditing && (
-
- )}
-
-
-
- {/* Document Content */}
- {loading ? (
-
- {documents.map(doc => (
- {
- try {
- // Call API to delete from database first
- await projectService.deleteDocument(project.id, docId);
-
- // Then remove from local state
- setDocuments(prev => prev.filter(d => d.id !== docId));
- if (selectedDocument?.id === docId) {
- setSelectedDocument(documents.find(d => d.id !== docId) || null);
- }
- showToast('Document deleted', 'success');
- } catch (error) {
- console.error('Failed to delete document:', error);
- showToast('Failed to delete document', 'error');
- }
- }}
- isDarkMode={isDarkMode}
- />
- ))}
-
- {/* Add New Document Card */}
- setShowTemplateModal(true)} />
-
-
-
- ) : selectedDocument ? (
- // Show PRPViewer in beautiful mode for all documents
- viewMode === 'beautiful' ? (
- Loading documents...
-
-
- ) : (
-
-
- )}
-
- {/* Knowledge Sections */}
- No documents found
-Create a new document to get started
-
- technicalSources.find(source => source.id === id))}
- onAddClick={() => setShowTechnicalModal(true)}
- />
- businessSources.find(source => source.id === id))}
- onAddClick={() => setShowBusinessModal(true)}
- />
-
-
-
- );
-};
-
-const KnowledgeSection: React.FC<{
- title: string;
- color: 'blue' | 'purple' | 'pink' | 'orange';
- sources: any[];
- onAddClick: () => void;
-}> = ({
- title,
- color,
- sources = [],
- onAddClick
-}) => {
- const colorMap = {
- blue: {
- bg: 'bg-blue-500/10',
- border: 'border-blue-500/30',
- text: 'text-blue-600 dark:text-blue-400',
- buttonBg: 'bg-blue-500/20',
- buttonHover: 'hover:bg-blue-500/30',
- buttonBorder: 'border-blue-500/40',
- buttonShadow: 'hover:shadow-[0_0_15px_rgba(59,130,246,0.3)]'
- },
- purple: {
- bg: 'bg-purple-500/10',
- border: 'border-purple-500/30',
- text: 'text-purple-600 dark:text-purple-400',
- buttonBg: 'bg-purple-500/20',
- buttonHover: 'hover:bg-purple-500/30',
- buttonBorder: 'border-purple-500/40',
- buttonShadow: 'hover:shadow-[0_0_15px_rgba(168,85,247,0.3)]'
- },
- pink: {
- bg: 'bg-pink-500/10',
- border: 'border-pink-500/30',
- text: 'text-pink-600 dark:text-pink-400',
- buttonBg: 'bg-pink-500/20',
- buttonHover: 'hover:bg-pink-500/30',
- buttonBorder: 'border-pink-500/40',
- buttonShadow: 'hover:shadow-[0_0_15px_rgba(236,72,153,0.3)]'
- },
- orange: {
- bg: 'bg-orange-500/10',
- border: 'border-orange-500/30',
- text: 'text-orange-600 dark:text-orange-400',
- buttonBg: 'bg-orange-500/20',
- buttonHover: 'hover:bg-orange-500/30',
- buttonBorder: 'border-orange-500/40',
- buttonShadow: 'hover:shadow-[0_0_15px_rgba(249,115,22,0.3)]'
- }
- };
- return
-
-
-
-
-
-
-
- - Choose a Template -
- -
- {templates.map(([key, template]) => (
-
- ))}
-
-
- {isCreating && (
-
-
- Creating document...
-
- )}
-
-
- - - {title} -
- -
-
- {sources && sources.length > 0 ?
-
- {sources.map(source => source &&
:
- {source.type === 'url' ?
)}
-
-
-
- {source.title}
-
-
- Updated {source.lastUpdated}
-
-
-
}
- No knowledge sources added yet
-- Click "Add Sources" to select relevant documents -
-
-
;
-};
-
-interface AddKnowledgeModalProps {
- sourceType: 'technical' | 'business';
- onClose: () => void;
- onSuccess: () => void;
- onStartCrawl: (progressId: string, initialData: any) => void;
-}
-
-const AddKnowledgeModal = ({
- sourceType,
- onClose,
- onSuccess,
- onStartCrawl
-}: AddKnowledgeModalProps) => {
- const [method, setMethod] = useState<'url' | 'file'>('url');
- const [url, setUrl] = useState('');
- const [updateFrequency, setUpdateFrequency] = useState('7');
- const [tags, setTags] = useState
-
-
-
-
-
- {/* Search and Add Source */}
- - {title} -
- -
-
- {/* Sources List */}
-
-
-
-
- {filteredSources.length > 0 ?
- {/* Action Buttons */}
-
- {filteredSources.map(source =>
: onToggleSource(source.id)} className={`flex items-center gap-3 p-3 rounded-md cursor-pointer transition-all duration-200
- ${selectedSources.includes(source.id) ? 'bg-blue-100/80 dark:bg-blue-900/30 border border-blue-300 dark:border-blue-500/50' : 'bg-white/50 dark:bg-black/30 border border-gray-200 dark:border-gray-800 hover:border-gray-300 dark:hover:border-gray-700'}`}>
-
)}
-
- {selectedSources.includes(source.id) &&
- {source.type === 'url' ?
-
-
- {source.title}
-
-
- Updated {source.lastUpdated}
-
-
- No sources found matching your search
-
}
-
-
-
-
-
-
-
-
;
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/DocumentCard.tsx b/archon-ui-main/src/components/project-tasks/DocumentCard.tsx
deleted file mode 100644
index e6ec5b9b70..0000000000
--- a/archon-ui-main/src/components/project-tasks/DocumentCard.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-import React, { useState } from 'react';
-import { Rocket, Code, Briefcase, Users, FileText, X, Plus, Clipboard } from 'lucide-react';
-import { useToast } from '../../contexts/ToastContext';
-
-export interface ProjectDoc {
- id: string;
- title: string;
- content: any;
- document_type?: string;
- updated_at: string;
- created_at?: string;
-}
-
-interface DocumentCardProps {
- document: ProjectDoc;
- isActive: boolean;
- onSelect: (doc: ProjectDoc) => void;
- onDelete: (docId: string) => void;
- isDarkMode: boolean;
-}
-
-export const DocumentCard: React.FC- Add {sourceType === 'technical' ? 'Technical' : 'Business'} Knowledge Source -
- - {/* Source Type Selection */} -
-
-
-
-
- {/* URL Input */}
- {method === 'url' &&
- setUrl(e.target.value)} placeholder="https://..." accentColor="blue" />
-
}
-
- {/* File Upload */}
- {method === 'file' &&
-
- setSelectedFile(e.target.files?.[0] || null)}
- className="block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-purple-50 file:text-purple-700 hover:file:bg-purple-100"
- />
-
}
-
- {/* Update Frequency */}
- {method === 'url' && - Supports PDF, MD, DOC up to 10MB -
-
-
}
-
- {/* Tags */}
-
-
-
-
- {/* Action Buttons */}
-
- {tags.map(tag =>
- {tag}
- )}
-
- setNewTag(e.target.value)} onKeyDown={e => {
- if (e.key === 'Enter' && newTag.trim()) {
- setTags([...tags, newTag.trim()]);
- setNewTag('');
- }
- }} placeholder="Add tags..." accentColor="purple" />
-
-
-
-
- ✓Copied
';
- setTimeout(() => {
- button.innerHTML = originalHTML;
- }, 2000);
- };
-
- return (
- onSelect(document)}
- onMouseEnter={() => setShowDelete(true)}
- onMouseLeave={() => setShowDelete(false)}
- >
- {/* Document Type Badge */}
-
- );
-};
-
-// New Document Card Component
-interface NewDocumentCardProps {
- onClick: () => void;
-}
-
-export const NewDocumentCard: React.FC
- {getDocumentIcon(document.document_type)}
- {document.document_type || 'document'}
-
-
- {/* Title */}
- - {document.title} -
- - {/* Metadata */} -- {new Date(document.updated_at || document.created_at || Date.now()).toLocaleDateString()} -
- - {/* ID Display Section - Always visible for active, hover for others */} -
-
- {document.id.slice(0, 8)}...
-
-
-
-
- {/* Delete Button */}
- {showDelete && !isActive && (
-
- )}
-
-
- );
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/DraggableTaskCard.tsx b/archon-ui-main/src/components/project-tasks/DraggableTaskCard.tsx
deleted file mode 100644
index 62435e3bec..0000000000
--- a/archon-ui-main/src/components/project-tasks/DraggableTaskCard.tsx
+++ /dev/null
@@ -1,275 +0,0 @@
-import React, { useRef, useState } from 'react';
-import { useDrag, useDrop } from 'react-dnd';
-import { Edit, Trash2, RefreshCw, Tag, Clipboard } from 'lucide-react';
-import { Task } from './TaskTableView';
-import { ItemTypes, getAssigneeIcon, getAssigneeGlow, getOrderColor, getOrderGlow } from '../../lib/task-utils';
-import { useToast } from '../../contexts/ToastContext';
-
-export interface DraggableTaskCardProps {
- task: Task;
- index: number;
- onView: () => void;
- onComplete: () => void;
- onDelete: (task: Task) => void;
- onTaskReorder: (taskId: string, targetIndex: number, status: Task['status']) => void;
- hoveredTaskId?: string | null;
- onTaskHover?: (taskId: string | null) => void;
- selectedTasks?: Set drag(drop(node))}
- style={{
- perspective: '1000px',
- transformStyle: 'preserve-3d'
- }}
- className={`flip-card w-full min-h-[140px] cursor-move relative ${cardScale} ${cardOpacity} ${isDragging ? 'opacity-50 scale-90' : ''} ${transitionStyles} group`}
- onMouseEnter={handleMouseEnter}
- onMouseLeave={handleMouseLeave}
- onClick={handleTaskClick}
- >
-
- );
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/EditTaskModal.tsx b/archon-ui-main/src/components/project-tasks/EditTaskModal.tsx
deleted file mode 100644
index fc00312c37..0000000000
--- a/archon-ui-main/src/components/project-tasks/EditTaskModal.tsx
+++ /dev/null
@@ -1,243 +0,0 @@
-import React, { memo, useCallback, useMemo, useState, useEffect, useRef } from 'react';
-import { X } from 'lucide-react';
-import { Button } from '../ui/Button';
-import { ArchonLoadingSpinner } from '../animations/Animations';
-import { DebouncedInput, FeatureInput } from './TaskInputComponents';
-import type { Task } from './TaskTableView';
-
-interface EditTaskModalProps {
- isModalOpen: boolean;
- editingTask: Task | null;
- projectFeatures: any[];
- isLoadingFeatures: boolean;
- isSavingTask: boolean;
- onClose: () => void;
- onSave: (task: Task) => Promise
- {/* Front side with subtle hover effect */}
-
-
- {/* Priority indicator */}
-
-
- {/* Content container with fixed padding - exactly matching back side structure */}
-
-
- {/* Back side */}
- {/* Back side with same hover effect */}
-
-
-
-
-
-
-
-
- {/* Task order display */}
-
- {task.task_order}
-
-
- {/* Action buttons group */}
-
-
-
-
-
- - {task.title} -
- - {/* Spacer to push assignee section to bottom */} - - -
-
-
-
-
-
- {getAssigneeIcon(task.assignee?.name || 'User')}
-
- {task.assignee?.name || 'User'}
-
- {/* Priority indicator */}
-
-
- {/* Content container with fixed padding */}
-
-
-
-
-
-
- {/* Description container with absolute positioning inside parent bounds */}
- - {task.title} -
- -
-
-
-
- {task.description}
-
-
- );
-}, (prevProps, nextProps) => {
- // Custom comparison function to prevent unnecessary re-renders
- // Only re-render if these specific props change
- const isEqual = (
- prevProps.isModalOpen === nextProps.isModalOpen &&
- prevProps.editingTask?.id === nextProps.editingTask?.id &&
- prevProps.editingTask?.title === nextProps.editingTask?.title &&
- prevProps.editingTask?.description === nextProps.editingTask?.description &&
- prevProps.editingTask?.status === nextProps.editingTask?.status &&
- prevProps.editingTask?.assignee?.name === nextProps.editingTask?.assignee?.name &&
- prevProps.editingTask?.feature === nextProps.editingTask?.feature &&
- prevProps.editingTask?.task_order === nextProps.editingTask?.task_order &&
- prevProps.isSavingTask === nextProps.isSavingTask &&
- prevProps.isLoadingFeatures === nextProps.isLoadingFeatures &&
- prevProps.projectFeatures === nextProps.projectFeatures // Reference equality check
- );
-
- if (!isEqual) {
- console.log('[EditTaskModal] Props changed, re-rendering');
- }
-
- return isEqual;
-});
-
-EditTaskModal.displayName = 'EditTaskModal';
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/FeaturesTab.tsx b/archon-ui-main/src/components/project-tasks/FeaturesTab.tsx
deleted file mode 100644
index 10add1b4dc..0000000000
--- a/archon-ui-main/src/components/project-tasks/FeaturesTab.tsx
+++ /dev/null
@@ -1,814 +0,0 @@
-import { useCallback, useState, useEffect, useMemo } from 'react'
-import '@xyflow/react/dist/style.css'
-import {
- ReactFlow,
- Node,
- Edge,
- Controls,
- MarkerType,
- NodeProps,
- Handle,
- Position,
- NodeChange,
- applyNodeChanges,
- EdgeChange,
- applyEdgeChanges,
- Connection,
- addEdge,
-} from '@xyflow/react'
-import { Layout, Component as ComponentIcon, X, Trash2, Edit, Save } from 'lucide-react'
-import { projectService } from '../../services/projectService'
-import { useToast } from '../../contexts/ToastContext'
-
-// Define custom node types following React Flow v12 pattern
-type PageNodeData = {
- label: string;
- type: string;
- route: string;
- components: number;
-};
-
-type ServiceNodeData = {
- label: string;
- type: string;
-};
-
-// Define union type for all custom nodes
-type CustomNodeTypes = Node
-
-
-
-
-
-
- - {editingTask?.id ? 'Edit Task' : 'New Task'} -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-const ServiceNode = ({ data }: NodeProps) => {
- const serviceData = data as ServiceNodeData;
- return (
-
-
-
-
- {pageData.label}
- {pageData.type}
-
-
- Route: {pageData.route}
- Components: {pageData.components}
-
-
- );
-};
-
-const nodeTypes = {
- page: PageNode,
- service: ServiceNode,
-}
-
-// Default/fallback nodes for when project has no features data
-const defaultNodes: Node[] = [
- {
- id: 'start',
- type: 'page',
- data: {
- label: 'Start App',
- type: 'Entry Point',
- route: '/',
- components: 3,
- },
- position: {
- x: 400,
- y: 0,
- },
- },
- {
- id: 'home',
- type: 'page',
- data: {
- label: 'Homepage',
- type: 'Main View',
- route: '/home',
- components: 6,
- },
- position: {
- x: 400,
- y: 150,
- },
- },
-];
-
-// Default/fallback edges
-const defaultEdges: Edge[] = [
- {
- id: 'start-home',
- source: 'start',
- target: 'home',
- animated: true,
- style: {
- stroke: '#22d3ee',
- },
- markerEnd: {
- type: MarkerType.ArrowClosed,
- color: '#22d3ee',
- },
- },
-];
-
-interface FeaturesTabProps {
- project?: {
- id: string;
- title: string;
- features?: any[];
- } | null;
-}
-
-export const FeaturesTab = ({ project }: FeaturesTabProps) => {
- const [nodes, setNodes] = useState
-
-
-
- {serviceData.label}
- {serviceData.type}
-
-
- );
- },
- service: ({ data, id }: NodeProps) => {
- const serviceData = data as any;
- return (
- {
- const actualNode = nodes.find(node => node.id === id);
- if (actualNode) {
- handleNodeClick(e, actualNode);
- }
- }}
- >
-
-
-
-
-
- {pageData.label}
-
-
-
-
- {pageData.type}
-
-
- Route: {pageData.route}
- Components: {pageData.components}
-
-
- );
- }
- }), [handleNodeClick, handleDeleteNode, nodes]);
-
- if (loading) {
- return (
- {
- const actualNode = nodes.find(node => node.id === id);
- if (actualNode) {
- handleNodeClick(e, actualNode);
- }
- }}
- >
-
-
-
-
-
- {serviceData.label}
-
-
-
-
- {serviceData.type}
-
-
- )
- }
-
- return (
- Loading features...
-
-
-
- )
-}
-
-// Delete Confirmation Modal Component
-const DeleteConfirmModal = ({
- onConfirm,
- onCancel,
- nodeName
-}: {
- onConfirm: () => void;
- onCancel: () => void;
- nodeName: string;
-}) => {
- return (
-
- n.id === nodeToDelete)?.data.label as string || 'node'}
- />
- )}
-
- {/* Edit Modal */}
- {showEditModal && editingNode && (
- {
- setShowEditModal(false);
- setEditingNode(null);
- }}
- />
- )}
-
-
-
-
-
- Feature Planner {project?.features ? `(${project.features.length} features)` : '(Default)'}
-
-
- {hasUnsavedChanges && (
-
- )}
-
-
-
-
- {/* Subtle neon glow at the top */}
-
- {nodes.length === 0 ? (
-
-
- )}
-
-
- {/* Delete Confirmation Modal */}
- {showDeleteConfirm && (
-
-
- ) : (
- No features defined
-Add pages and services to get started
-
-
- );
-};
-
-// Edit Feature Modal Component
-const EditFeatureModal = ({
- node,
- onSave,
- onClose
-}: {
- node: Node;
- onSave: (node: Node) => void;
- onClose: () => void;
-}) => {
- const [name, setName] = useState(node.data.label as string);
- const [route, setRoute] = useState((node.data as any).route || '');
- const [components, setComponents] = useState((node.data as any).components || 0);
-
- const isPageNode = node.type === 'page';
-
- const handleSave = () => {
- const updatedNode = {
- ...node,
- data: {
- ...node.data,
- label: name,
- ...(isPageNode && { route, components })
- }
- };
- onSave(updatedNode);
- };
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- - Delete Node -
-- This action cannot be undone -
-- Are you sure you want to delete "{nodeName}"? - This will also remove all related connections. -
- -
-
-
-
-
-
- );
-};
diff --git a/archon-ui-main/src/components/project-tasks/MilkdownEditor.css b/archon-ui-main/src/components/project-tasks/MilkdownEditor.css
deleted file mode 100644
index c9c272d7af..0000000000
--- a/archon-ui-main/src/components/project-tasks/MilkdownEditor.css
+++ /dev/null
@@ -1,277 +0,0 @@
-/* Milkdown Editor Custom Styles - Archon Theme */
-
-/* Main editor container */
-.milkdown-crepe-editor {
- background: rgba(255, 255, 255, 0.5);
- backdrop-filter: blur(10px);
- border: 1px solid rgba(59, 130, 246, 0.3);
- border-radius: 12px;
- padding: 1.5rem;
- position: relative;
- overflow: hidden;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-}
-
-/* Gradient border effect */
-.milkdown-crepe-editor::before {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- height: 2px;
- background: linear-gradient(90deg, #3b82f6, #a855f7);
- opacity: 0.8;
-}
-
-/* Dark mode container */
-.dark .milkdown-crepe-editor {
- background: rgba(0, 0, 0, 0.3);
- backdrop-filter: blur(20px);
- border-color: rgba(59, 130, 246, 0.5);
- box-shadow: 0 0 20px rgba(59, 130, 246, 0.1);
-}
-
-/* Remove default Crepe theme styling */
-.milkdown-crepe-editor .milkdown {
- background: transparent !important;
- border: none !important;
- box-shadow: none !important;
-}
-
-/* Editor content area */
-.milkdown-crepe-editor .ProseMirror {
- font-family: Inter, system-ui, -apple-system, sans-serif;
- min-height: 400px;
- max-width: 100%;
- padding: 1rem;
- background: transparent;
- color: #1f2937;
- line-height: 1.6;
-}
-
-.dark .milkdown-crepe-editor .ProseMirror {
- color: #f9fafb;
-}
-
-/* Remove dark mode filter - use proper theming instead */
-.milkdown-theme-dark {
- filter: none;
-}
-
-/* Typography */
-.milkdown-crepe-editor h1 {
- font-size: 2rem;
- font-weight: 700;
- margin-bottom: 1rem;
- color: #111827;
-}
-
-.dark .milkdown-crepe-editor h1 {
- color: #f9fafb;
-}
-
-.milkdown-crepe-editor h2 {
- font-size: 1.5rem;
- font-weight: 600;
- margin-top: 1.5rem;
- margin-bottom: 0.75rem;
- color: #374151;
-}
-
-.dark .milkdown-crepe-editor h2 {
- color: #e5e7eb;
-}
-
-.milkdown-crepe-editor h3 {
- font-size: 1.25rem;
- font-weight: 600;
- margin-top: 1rem;
- margin-bottom: 0.5rem;
- color: #4b5563;
-}
-
-.dark .milkdown-crepe-editor h3 {
- color: #d1d5db;
-}
-
-/* Links */
-.milkdown-crepe-editor a {
- color: #3b82f6;
- text-decoration: none;
- transition: color 0.2s;
-}
-
-.milkdown-crepe-editor a:hover {
- color: #2563eb;
- text-decoration: underline;
-}
-
-.dark .milkdown-crepe-editor a {
- color: #60a5fa;
-}
-
-.dark .milkdown-crepe-editor a:hover {
- color: #93bbfc;
-}
-
-/* Code blocks */
-.milkdown-crepe-editor pre {
- background: rgba(0, 0, 0, 0.05);
- border: 1px solid rgba(0, 0, 0, 0.1);
- border-radius: 8px;
- padding: 1rem;
- overflow-x: auto;
- font-family: 'JetBrains Mono', 'Fira Code', monospace;
-}
-
-.dark .milkdown-crepe-editor pre {
- background: rgba(255, 255, 255, 0.05);
- border-color: rgba(255, 255, 255, 0.1);
-}
-
-.milkdown-crepe-editor code {
- background: rgba(59, 130, 246, 0.1);
- padding: 0.125rem 0.375rem;
- border-radius: 4px;
- font-size: 0.875rem;
- font-family: 'JetBrains Mono', 'Fira Code', monospace;
-}
-
-.dark .milkdown-crepe-editor code {
- background: rgba(59, 130, 246, 0.2);
-}
-
-/* Lists */
-.milkdown-crepe-editor ul,
-.milkdown-crepe-editor ol {
- padding-left: 1.5rem;
- margin: 0.5rem 0;
-}
-
-.milkdown-crepe-editor li {
- margin: 0.25rem 0;
-}
-
-/* Blockquotes */
-.milkdown-crepe-editor blockquote {
- border-left: 4px solid #3b82f6;
- padding-left: 1rem;
- margin: 1rem 0;
- color: #6b7280;
- font-style: italic;
-}
-
-.dark .milkdown-crepe-editor blockquote {
- color: #9ca3af;
- border-left-color: #60a5fa;
-}
-
-/* Tables */
-.milkdown-crepe-editor table {
- border-collapse: collapse;
- width: 100%;
- margin: 1rem 0;
-}
-
-.milkdown-crepe-editor th,
-.milkdown-crepe-editor td {
- border: 1px solid rgba(0, 0, 0, 0.1);
- padding: 0.5rem;
- text-align: left;
-}
-
-.dark .milkdown-crepe-editor th,
-.dark .milkdown-crepe-editor td {
- border-color: rgba(255, 255, 255, 0.1);
-}
-
-.milkdown-crepe-editor th {
- background: rgba(59, 130, 246, 0.05);
- font-weight: 600;
-}
-
-.dark .milkdown-crepe-editor th {
- background: rgba(59, 130, 246, 0.1);
-}
-
-/* Toolbar styling */
-.milkdown-crepe-editor .milkdown-toolbar {
- background: transparent;
- border: none;
- padding: 0;
- margin-bottom: 1rem;
-}
-
-/* Toolbar buttons */
-.milkdown-crepe-editor .toolbar-item {
- background: rgba(255, 255, 255, 0.8);
- border: 1px solid rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.375rem 0.75rem;
- margin: 0 0.25rem;
- cursor: pointer;
- transition: all 0.2s;
- color: #374151;
-}
-
-.dark .milkdown-crepe-editor .toolbar-item {
- background: rgba(255, 255, 255, 0.1);
- border-color: rgba(255, 255, 255, 0.2);
- color: #e5e7eb;
-}
-
-.milkdown-crepe-editor .toolbar-item:hover {
- background: #3b82f6;
- border-color: #3b82f6;
- color: white;
- transform: translateY(-1px);
- box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3);
-}
-
-/* Selection */
-.milkdown-crepe-editor .ProseMirror ::selection {
- background: rgba(59, 130, 246, 0.3);
-}
-
-.dark .milkdown-crepe-editor .ProseMirror ::selection {
- background: rgba(96, 165, 250, 0.3);
-}
-
-/* Focus state */
-.milkdown-crepe-editor .ProseMirror:focus {
- outline: none;
-}
-
-/* Placeholder */
-.milkdown-crepe-editor .ProseMirror.is-empty::before {
- content: 'Start writing...';
- color: #9ca3af;
- position: absolute;
- pointer-events: none;
-}
-
-/* Horizontal rule */
-.milkdown-crepe-editor hr {
- border: none;
- height: 1px;
- background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.5), transparent);
- margin: 2rem 0;
-}
-
-/* Save button animation */
-@keyframes pulse-glow {
- 0% {
- box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
- }
- 70% {
- box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
- }
- 100% {
- box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
- }
-}
-
-.save-button-pulse {
- animation: pulse-glow 2s infinite;
-}
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/MilkdownEditor.tsx b/archon-ui-main/src/components/project-tasks/MilkdownEditor.tsx
deleted file mode 100644
index 6f945ccb54..0000000000
--- a/archon-ui-main/src/components/project-tasks/MilkdownEditor.tsx
+++ /dev/null
@@ -1,555 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Crepe, CrepeFeature } from '@milkdown/crepe';
-import '@milkdown/crepe/theme/common/style.css';
-import '@milkdown/crepe/theme/frame.css';
-import '@milkdown/crepe/theme/frame-dark.css';
-import './MilkdownEditor.css';
-import { Save, Undo } from 'lucide-react';
-
-interface MilkdownEditorProps {
- document: {
- id: string;
- title: string;
- content?: any;
- created_at: string;
- updated_at: string;
- };
- onSave: (document: any) => void;
- className?: string;
- isDarkMode?: boolean;
-}
-
-export const MilkdownEditor: React.FC
-
-
-
- {isPageNode ?
-
-
-
-
- {isPageNode ?
-
-
-
-
-
-
- setName(e.target.value)}
- className="w-full px-3 py-2 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-cyan-500 focus:outline-none"
- />
-
-
- {isPageNode && (
- <>
-
-
- setRoute(e.target.value)}
- className="w-full px-3 py-2 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-cyan-500 focus:outline-none"
- placeholder="/example-page"
- />
-
-
-
-
- setComponents(parseInt(e.target.value) || 0)}
- className="w-full px-3 py-2 bg-gray-800 border border-gray-600 rounded-lg text-white focus:border-cyan-500 focus:outline-none"
- min="0"
- />
-
-
- )}
-
-
-
-
-
-
- );
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/Tabs.tsx b/archon-ui-main/src/components/project-tasks/Tabs.tsx
deleted file mode 100644
index fd66d55ce5..0000000000
--- a/archon-ui-main/src/components/project-tasks/Tabs.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import React, { useMemo, useState, createContext, useContext } from 'react';
-interface TabsProps {
- defaultValue: string;
- value?: string;
- onValueChange?: (value: string) => void;
- children: React.ReactNode;
- className?: string;
-}
-const TabsContext = createContext<{
- value: string;
- onValueChange: (value: string) => void;
-}>({
- value: '',
- onValueChange: () => {}
-});
-export const Tabs = ({
- defaultValue,
- value,
- onValueChange,
- children,
- className = ''
-}: TabsProps) => {
- const [internalValue, setInternalValue] = useState(defaultValue);
- const activeValue = value !== undefined ? value : internalValue;
- const contextValue = useMemo(() => ({
- value: activeValue,
- onValueChange: (newValue: string) => {
- setInternalValue(newValue);
- onValueChange?.(newValue);
- }
- }), [activeValue, onValueChange]);
- return
-
-
-
-
-
- - {doc.title} -
-
- {isLoading ? (
-
-
- Saving...
-
- ) : isReverted ? (
-
-
- Reverted
-
- ) : hasChanges ? (
-
-
- Unsaved changes
-
- ) : (
-
-
- All changes saved
-
- )}
-
-
- {hasChanges && (
-
- )}
-
-
- {children}
-
- {/* Subtle neon glow effect */}
-
- {children}
-
;
-};
-interface TabsTriggerProps {
- value: string;
- children: React.ReactNode;
- className?: string;
- onClick?: () => void;
- color?: 'blue' | 'purple' | 'pink' | 'orange' | 'cyan' | 'green';
-}
-export const TabsTrigger = ({
- value,
- children,
- className = '',
- onClick,
- color = 'blue'
-}: TabsTriggerProps) => {
- const {
- value: activeValue,
- onValueChange
- } = useContext(TabsContext);
- const isActive = activeValue === value;
- const handleClick = () => {
- onValueChange(value);
- onClick?.();
- };
- const colorMap = {
- blue: {
- text: 'text-blue-600 dark:text-blue-400',
- glow: 'bg-blue-500 shadow-[0_0_10px_2px_rgba(59,130,246,0.4)] dark:shadow-[0_0_20px_5px_rgba(59,130,246,0.7)]',
- hover: 'hover:text-blue-500 dark:hover:text-blue-400/70'
- },
- purple: {
- text: 'text-purple-600 dark:text-purple-400',
- glow: 'bg-purple-500 shadow-[0_0_10px_2px_rgba(168,85,247,0.4)] dark:shadow-[0_0_20px_5px_rgba(168,85,247,0.7)]',
- hover: 'hover:text-purple-500 dark:hover:text-purple-400/70'
- },
- pink: {
- text: 'text-pink-600 dark:text-pink-400',
- glow: 'bg-pink-500 shadow-[0_0_10px_2px_rgba(236,72,153,0.4)] dark:shadow-[0_0_20px_5px_rgba(236,72,153,0.7)]',
- hover: 'hover:text-pink-500 dark:hover:text-pink-400/70'
- },
- orange: {
- text: 'text-orange-600 dark:text-orange-400',
- glow: 'bg-orange-500 shadow-[0_0_10px_2px_rgba(249,115,22,0.4)] dark:shadow-[0_0_20px_5px_rgba(249,115,22,0.7)]',
- hover: 'hover:text-orange-500 dark:hover:text-orange-400/70'
- },
- cyan: {
- text: 'text-cyan-600 dark:text-cyan-400',
- glow: 'bg-cyan-500 shadow-[0_0_10px_2px_rgba(34,211,238,0.4)] dark:shadow-[0_0_20px_5px_rgba(34,211,238,0.7)]',
- hover: 'hover:text-cyan-500 dark:hover:text-cyan-400/70'
- },
- green: {
- text: 'text-emerald-600 dark:text-emerald-400',
- glow: 'bg-emerald-500 shadow-[0_0_10px_2px_rgba(16,185,129,0.4)] dark:shadow-[0_0_20px_5px_rgba(16,185,129,0.7)]',
- hover: 'hover:text-emerald-500 dark:hover:text-emerald-400/70'
- }
- };
- return ;
-};
-interface TabsContentProps {
- value: string;
- children: React.ReactNode;
- className?: string;
-}
-export const TabsContent = ({
- value,
- children,
- className = ''
-}: TabsContentProps) => {
- const {
- value: activeValue
- } = useContext(TabsContext);
- // Simplified TabsContent - we're handling animations in the parent component now
- if (activeValue !== value) return null;
- return
- {children}
-
;
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/TaskBoardView.tsx b/archon-ui-main/src/components/project-tasks/TaskBoardView.tsx
deleted file mode 100644
index 58761486bc..0000000000
--- a/archon-ui-main/src/components/project-tasks/TaskBoardView.tsx
+++ /dev/null
@@ -1,371 +0,0 @@
-import React, { useRef, useState, useCallback } from 'react';
-import { useDrop } from 'react-dnd';
-import { useToast } from '../../contexts/ToastContext';
-import { DeleteConfirmModal } from '../common/DeleteConfirmModal';
-import { Trash2 } from 'lucide-react';
-import { Task } from './TaskTableView'; // Import Task interface
-import { ItemTypes, getAssigneeIcon, getAssigneeGlow, getOrderColor, getOrderGlow } from '../../lib/task-utils';
-import { DraggableTaskCard } from './DraggableTaskCard';
-
-interface TaskBoardViewProps {
- tasks: Task[];
- onTaskView: (task: Task) => void;
- onTaskComplete: (taskId: string) => void;
- onTaskDelete: (task: Task) => void;
- onTaskMove: (taskId: string, newStatus: Task['status']) => void;
- onTaskReorder: (taskId: string, targetIndex: number, status: Task['status']) => void;
-}
-
-interface ColumnDropZoneProps {
- status: Task['status'];
- title: string;
- tasks: Task[];
- onTaskMove: (taskId: string, newStatus: Task['status']) => void;
- onTaskView: (task: Task) => void;
- onTaskDelete: (task: Task) => void;
- onTaskReorder: (taskId: string, targetIndex: number, status: Task['status']) => void;
- allTasks: Task[];
- hoveredTaskId: string | null;
- onTaskHover: (taskId: string | null) => void;
- selectedTasks: Set
-
- );
-};
-
-export const TaskBoardView = ({
- tasks,
- onTaskView,
- onTaskComplete,
- onTaskDelete,
- onTaskMove,
- onTaskReorder
-}: TaskBoardViewProps) => {
- const [hoveredTaskId, setHoveredTaskId] = useState
-
-
- {title}
- {/* Column header divider with glow */} - -
- {organizedTasks.map((task, index) => (
- onTaskView(task)}
- onComplete={() => onTaskComplete(task.id)}
- onDelete={onTaskDelete}
- onTaskReorder={onTaskReorder}
- hoveredTaskId={hoveredTaskId}
- onTaskHover={onTaskHover}
- selectedTasks={selectedTasks}
- onTaskSelect={onTaskSelect}
- />
- ))}
-
-
-
- {/* Multi-select toolbar */}
- {selectedTasks.size > 0 && (
-
- );
-};
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/TaskInputComponents.tsx b/archon-ui-main/src/components/project-tasks/TaskInputComponents.tsx
deleted file mode 100644
index 75924c33f9..0000000000
--- a/archon-ui-main/src/components/project-tasks/TaskInputComponents.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import React, { memo, useState, useEffect, useCallback, useRef } from 'react';
-
-interface DebouncedInputProps {
- value: string;
- onChange: (value: string) => void;
- placeholder?: string;
- className?: string;
- type?: 'text' | 'textarea';
- rows?: number;
-}
-
-// Memoized input component that manages its own state
-export const DebouncedInput = memo(({
- value,
- onChange,
- placeholder,
- className,
- type = 'text',
- rows = 5
-}: DebouncedInputProps) => {
- const [localValue, setLocalValue] = useState(value);
- const timeoutRef = useRef
-
- )}
-
- {/* Board Columns */}
-
-
- {selectedTasks.size} task{selectedTasks.size !== 1 ? 's' : ''} selected
-
-
-
-
- {/* Status change dropdown */}
-
-
- {/* Mass delete button */}
-
-
- {/* Clear selection */}
-
-
-
- {/* Todo Column */}
-
-
- {/* Delete Confirmation Modal for Tasks */}
- {showDeleteConfirm && taskToDelete && (
-
-
-
- {isLoadingFeatures && (
-
- );
-}, (prevProps, nextProps) => {
- return prevProps.value === nextProps.value &&
- prevProps.onChange === nextProps.onChange &&
- prevProps.isLoadingFeatures === nextProps.isLoadingFeatures &&
- prevProps.projectFeatures === nextProps.projectFeatures;
-});
-
-FeatureInput.displayName = 'FeatureInput';
\ No newline at end of file
diff --git a/archon-ui-main/src/components/project-tasks/TaskTableView.tsx b/archon-ui-main/src/components/project-tasks/TaskTableView.tsx
deleted file mode 100644
index e830e0eac2..0000000000
--- a/archon-ui-main/src/components/project-tasks/TaskTableView.tsx
+++ /dev/null
@@ -1,875 +0,0 @@
-import React, { useState, useCallback, useRef, useEffect } from 'react';
-import { useDrag, useDrop } from 'react-dnd';
-import { Check, Trash2, Edit, Tag, User, Bot, Clipboard, Save, Plus } from 'lucide-react';
-import { useToast } from '../../contexts/ToastContext';
-import { DeleteConfirmModal } from '../common/DeleteConfirmModal';
-import { projectService } from '../../services/projectService';
-import { ItemTypes, getAssigneeIcon, getAssigneeGlow, getOrderColor, getOrderGlow } from '../../lib/task-utils';
-import { DraggableTaskCard } from './DraggableTaskCard';
-
-export interface Task {
- id: string;
- title: string;
- description: string;
- status: 'todo' | 'doing' | 'review' | 'done';
- assignee: {
- name: 'User' | 'Archon' | 'AI IDE Agent';
- avatar: string;
- };
- feature: string;
- featureColor: string;
- task_order: number;
-}
-
-interface TaskTableViewProps {
- tasks: Task[];
- onTaskView: (task: Task) => void;
- onTaskComplete: (taskId: string) => void;
- onTaskDelete: (task: Task) => void;
- onTaskReorder: (taskId: string, newOrder: number, status: Task['status']) => void;
- onTaskCreate?: (task: Omit
-
-
- )}
-
-
- {value || Click to edit}
-
-
- );
- }
-
- return (
-
- {type === 'select' ? (
-
- ) : type === 'textarea' ? (
-