;
+ selectedTaskId?: string;
+ projectId: string;
+ currentView?: 'table' | 'board';
+}
+
+const getAssigneeGlassStyle = (assigneeName: 'User' | 'Archon' | 'AI IDE Agent') => {
+ switch (assigneeName) {
+ case 'User':
+ return 'backdrop-blur-md bg-gradient-to-b from-white/80 to-white/60 dark:from-white/10 dark:to-black/30 border-blue-400 dark:border-blue-500'; // blue glass
+ case 'AI IDE Agent':
+ return 'backdrop-blur-md bg-gradient-to-b from-white/80 to-white/60 dark:from-white/10 dark:to-black/30 border-emerald-400 dark:border-emerald-500'; // emerald green glass (like toggle)
+ case 'Archon':
+ return 'backdrop-blur-md bg-gradient-to-b from-white/80 to-white/60 dark:from-white/10 dark:to-black/30 border-pink-400 dark:border-pink-500'; // pink glass
+ default:
+ return 'backdrop-blur-md bg-gradient-to-b from-white/80 to-white/60 dark:from-white/10 dark:to-black/30 border-blue-400 dark:border-blue-500';
+ }
+};
+
+// Get glass morphism style based on task order (lower = higher priority = warmer color)
+const getOrderGlassStyle = (order: number) => {
+ if (order <= 3) return 'backdrop-blur-md bg-gradient-to-b from-white/80 to-white/60 dark:from-white/10 dark:to-black/30 border-rose-400 dark:border-rose-500'; // red glass
+ if (order <= 6) return 'backdrop-blur-md bg-gradient-to-b from-white/80 to-white/60 dark:from-white/10 dark:to-black/30 border-orange-400 dark:border-orange-500'; // orange glass
+ if (order <= 10) return 'backdrop-blur-md bg-gradient-to-b from-white/80 to-white/60 dark:from-white/10 dark:to-black/30 border-blue-400 dark:border-blue-500'; // blue glass
+ return 'backdrop-blur-md bg-gradient-to-b from-white/80 to-white/60 dark:from-white/10 dark:to-black/30 border-emerald-400 dark:border-emerald-500'; // green glass
+};
+
+const getOrderTextColor = (order: number) => {
+ if (order <= 3) return 'text-rose-500 dark:text-rose-400'; // red text
+ if (order <= 6) return 'text-orange-500 dark:text-orange-400'; // orange text
+ if (order <= 10) return 'text-blue-500 dark:text-blue-400'; // blue text
+ return 'text-emerald-500 dark:text-emerald-400'; // green text
+};
+
+
+
+// Helper function to reorder tasks properly
+const reorderTasks = (tasks: Task[], fromIndex: number, toIndex: number): Task[] => {
+ const result = [...tasks];
+ const [movedTask] = result.splice(fromIndex, 1);
+ result.splice(toIndex, 0, movedTask);
+
+ // Update task_order to be sequential (1, 2, 3, ...)
+ return result.map((task, index) => ({
+ ...task,
+ task_order: index + 1
+ }));
+};
+
+// Inline editable cell component
+interface EditableCellProps {
+ value: string;
+ onSave: (value: string) => void;
+ type?: 'text' | 'textarea' | 'select';
+ options?: string[];
+ placeholder?: string;
+ isEditing: boolean;
+ onEdit: () => void;
+ onCancel: () => void;
+}
+
+const EditableCell = ({
+ value,
+ onSave,
+ type = 'text',
+ options = [],
+ placeholder = '',
+ isEditing,
+ onEdit,
+ onCancel
+}: EditableCellProps) => {
+ const [editValue, setEditValue] = useState(value);
+
+ const handleSave = () => {
+ onSave(editValue);
+ };
+
+ const handleCancel = () => {
+ setEditValue(value);
+ onCancel();
+ };
+
+ // Handle keyboard events for Tab/Enter to save, Escape to cancel
+ const handleKeyDown = (e: React.KeyboardEvent) => {
+ if (e.key === 'Enter' || e.key === 'Tab') {
+ e.preventDefault();
+ handleSave();
+ } else if (e.key === 'Escape') {
+ e.preventDefault();
+ handleCancel();
+ }
+ };
+
+ // Handle blur to save (when clicking outside)
+ const handleBlur = () => {
+ handleSave();
+ };
+
+ if (!isEditing) {
+ return (
+
+
+ {value || Click to edit}
+
+
+ );
+ }
+
+ return (
+
+ {type === 'select' ? (
+
+ ) : type === 'textarea' ? (
+