From e21dc2ec7743b1a5f6d75906f70e43bc4d1ca324 Mon Sep 17 00:00:00 2001
From: Brad Groux <bradgroux@Brads-Mac-mini.local>
Date: Tue, 27 Jan 2026 22:49:44 -0600
Subject: [PATCH] fix: black screen on task click + updated color palette

- Fixed Radix Select crash: empty string value ('') not supported
  Changed 'No project' SelectItem from value='' to value='__none__'
  in both TaskDetailPanel and CreateTaskDialog
- Updated task type colors: removed Rose, added bright Pink (fuchsia),
  darkened Blue (700), darkened Green (700), added Yellow, added Brown
---
 .veritas-kanban/projects.json                | 41 +++++++++++++-------
 .veritas-kanban/task-types.json              | 23 +++++++----
 web/src/components/task/CreateTaskDialog.tsx |  2 +-
 web/src/components/task/TaskDetailPanel.tsx  |  8 ++--
 web/src/hooks/useTaskTypes.ts                |  8 ++--
 5 files changed, 53 insertions(+), 29 deletions(-)

diff --git a/.veritas-kanban/projects.json b/.veritas-kanban/projects.json
index 85572338..f22df67b 100644
--- a/.veritas-kanban/projects.json
+++ b/.veritas-kanban/projects.json
@@ -1,34 +1,45 @@
 [
-  {
-    "id": "Sprint 8",
-    "label": "Sprint 8",
-    "color": "bg-blue-500/20",
-    "order": 0,
-    "created": "2026-01-28T04:30:34.608Z",
-    "updated": "2026-01-28T04:30:34.608Z"
-  },
   {
     "id": "brain",
-    "label": "brain",
+    "label": "🧠 Knowledge Base",
     "color": "bg-green-500/20",
     "order": 1,
     "created": "2026-01-28T04:30:34.608Z",
-    "updated": "2026-01-28T04:30:34.608Z"
+    "updated": "2026-01-28T04:41:00.155Z"
   },
   {
     "id": "platform",
-    "label": "platform",
-    "color": "bg-purple-500/20",
+    "label": "🦞 Moltbot",
+    "color": "bg-rose-500/20",
     "order": 2,
     "created": "2026-01-28T04:30:34.608Z",
-    "updated": "2026-01-28T04:30:34.608Z"
+    "updated": "2026-01-28T04:40:52.927Z"
   },
   {
     "id": "veritas-kanban",
-    "label": "veritas-kanban",
+    "label": "🤖 veritas-kanban",
     "color": "bg-orange-500/20",
     "order": 3,
     "created": "2026-01-28T04:30:34.608Z",
-    "updated": "2026-01-28T04:30:34.608Z"
+    "updated": "2026-01-28T04:41:18.261Z",
+    "description": ""
+  },
+  {
+    "label": "🏗️ Wildcat",
+    "description": "",
+    "color": "bg-purple-500/20",
+    "id": "wildcat-JqqRQ4",
+    "order": 4,
+    "created": "2026-01-28T04:41:29.073Z",
+    "updated": "2026-01-28T04:43:02.991Z"
+  },
+  {
+    "label": "🔬 Guide",
+    "description": "",
+    "color": "bg-blue-500/20",
+    "id": "guide-D0fTP-",
+    "order": 5,
+    "created": "2026-01-28T04:43:35.322Z",
+    "updated": "2026-01-28T04:44:00.039Z"
   }
 ]
\ No newline at end of file
diff --git a/.veritas-kanban/task-types.json b/.veritas-kanban/task-types.json
index 294c8c30..84fcd949 100644
--- a/.veritas-kanban/task-types.json
+++ b/.veritas-kanban/task-types.json
@@ -7,17 +7,17 @@
     "order": 2,
     "isDefault": true,
     "created": "2026-01-28T04:03:21.782Z",
-    "updated": "2026-01-28T04:32:03.855Z"
+    "updated": "2026-01-28T04:39:00.586Z"
   },
   {
     "id": "research",
     "label": "Research",
     "icon": "BookOpen",
     "color": "border-l-cyan-500",
-    "order": 4,
+    "order": 5,
     "isDefault": true,
     "created": "2026-01-28T04:03:21.782Z",
-    "updated": "2026-01-28T04:32:03.855Z"
+    "updated": "2026-01-28T04:39:00.586Z"
   },
   {
     "id": "content",
@@ -27,7 +27,7 @@
     "order": 3,
     "isDefault": true,
     "created": "2026-01-28T04:03:21.782Z",
-    "updated": "2026-01-28T04:32:59.581Z"
+    "updated": "2026-01-28T04:39:00.586Z"
   },
   {
     "id": "automation",
@@ -37,7 +37,7 @@
     "order": 0,
     "isDefault": true,
     "created": "2026-01-28T04:03:21.782Z",
-    "updated": "2026-01-28T04:32:03.855Z"
+    "updated": "2026-01-28T04:39:00.586Z"
   },
   {
     "label": "Bug",
@@ -46,6 +46,15 @@
     "id": "bug-GdN5rT",
     "order": 1,
     "created": "2026-01-28T04:31:31.690Z",
-    "updated": "2026-01-28T04:32:03.855Z"
+    "updated": "2026-01-28T04:39:00.586Z"
+  },
+  {
+    "label": "Feature Request",
+    "icon": "Wrench",
+    "color": "border-l-orange-500",
+    "id": "feature-request-n30mhV",
+    "order": 4,
+    "created": "2026-01-28T04:38:26.956Z",
+    "updated": "2026-01-28T04:39:00.586Z"
   }
-]
+]
\ No newline at end of file
diff --git a/web/src/components/task/CreateTaskDialog.tsx b/web/src/components/task/CreateTaskDialog.tsx
index 555db506..3bd0206b 100644
--- a/web/src/components/task/CreateTaskDialog.tsx
+++ b/web/src/components/task/CreateTaskDialog.tsx
@@ -468,7 +468,7 @@ export function CreateTaskDialog({ open, onOpenChange }: CreateTaskDialogProps)
                     <SelectValue placeholder="Select project..." />
                   </SelectTrigger>
                   <SelectContent>
-                    <SelectItem value="">No project</SelectItem>
+                    <SelectItem value="__none__">No project</SelectItem>
                     {projects.map((proj) => (
                       <SelectItem key={proj.id} value={proj.id}>
                         {proj.label}
diff --git a/web/src/components/task/TaskDetailPanel.tsx b/web/src/components/task/TaskDetailPanel.tsx
index ddb2c0a7..c203f546 100644
--- a/web/src/components/task/TaskDetailPanel.tsx
+++ b/web/src/components/task/TaskDetailPanel.tsx
@@ -310,13 +310,15 @@ export function TaskDetailPanel({ task, open, onOpenChange }: TaskDetailPanelPro
                 <Label className="text-muted-foreground">Project</Label>
                 {!showNewProject ? (
                   <Select 
-                    value={localTask.project || ''} 
+                    value={localTask.project || '__none__'} 
                     onValueChange={(value) => {
                       if (value === '__new__') {
                         setShowNewProject(true);
                         setNewProjectName('');
+                      } else if (value === '__none__') {
+                        updateField('project', undefined);
                       } else {
-                        updateField('project', value || undefined);
+                        updateField('project', value);
                       }
                     }}
                   >
@@ -324,7 +326,7 @@ export function TaskDetailPanel({ task, open, onOpenChange }: TaskDetailPanelPro
                       <SelectValue placeholder="Select project..." />
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="">No project</SelectItem>
+                      <SelectItem value="__none__">No project</SelectItem>
                       {projects.map((proj) => (
                         <SelectItem key={proj.id} value={proj.id}>
                           {proj.label}
diff --git a/web/src/hooks/useTaskTypes.ts b/web/src/hooks/useTaskTypes.ts
index f35264c1..084973d3 100644
--- a/web/src/hooks/useTaskTypes.ts
+++ b/web/src/hooks/useTaskTypes.ts
@@ -105,10 +105,12 @@ export const AVAILABLE_COLORS = [
   { value: 'border-l-cyan-500', label: 'Cyan' },
   { value: 'border-l-orange-500', label: 'Orange' },
   { value: 'border-l-emerald-500', label: 'Emerald' },
-  { value: 'border-l-rose-500', label: 'Rose' },
+  { value: 'border-l-fuchsia-500', label: 'Pink' },
   { value: 'border-l-amber-500', label: 'Amber' },
-  { value: 'border-l-blue-500', label: 'Blue' },
-  { value: 'border-l-green-500', label: 'Green' },
+  { value: 'border-l-blue-700', label: 'Blue' },
+  { value: 'border-l-green-700', label: 'Green' },
   { value: 'border-l-red-500', label: 'Red' },
   { value: 'border-l-purple-500', label: 'Purple' },
+  { value: 'border-l-yellow-400', label: 'Yellow' },
+  { value: 'border-l-amber-800', label: 'Brown' },
 ];