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
This commit is contained in:
Brad Groux 2026-01-27 22:49:44 -06:00
parent e6ac8cfe6a
commit e21dc2ec77
5 changed files with 53 additions and 29 deletions

View file

@ -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"
}
]

View file

@ -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"
}
]
]

View file

@ -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}

View file

@ -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}

View file

@ -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' },
];