From bc18d2379b9a19cbe9cc74a654141db7f52a4d4d Mon Sep 17 00:00:00 2001
From: OpenClaw Bot <ai-agent@topdoglabs.com>
Date: Wed, 18 Feb 2026 16:05:57 -0600
Subject: [PATCH] Task #9: Add priority editing in task detail view

- Added priority selector buttons (Low/Medium/High/Urgent) to task dialog
- Visual feedback with color coding (red=urgent, orange=high, blue=medium, gray=low)
- One-click priority changes, updates immediately
- Positioned above Status selector for logical flow
---
 src/app/page.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 762cb1f..e40f35d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -465,6 +465,32 @@ export default function Home() {
                   </div>
                 )}
 
+                {/* Priority */}
+                <div>
+                  <Label className="text-slate-400">Priority</Label>
+                  <div className="flex gap-2 mt-2">
+                    {(["low", "medium", "high", "urgent"] as Priority[]).map((priority) => (
+                      <button
+                        key={priority}
+                        onClick={() => updateTask(selectedTask.id, { priority })}
+                        className={`px-3 py-1.5 rounded-lg text-sm transition-colors capitalize ${
+                          selectedTask.priority === priority
+                            ? priority === "urgent"
+                              ? "bg-red-600 text-white"
+                              : priority === "high"
+                                ? "bg-orange-600 text-white"
+                                : priority === "medium"
+                                  ? "bg-blue-600 text-white"
+                                  : "bg-slate-600 text-white"
+                            : "bg-slate-800 text-slate-400 hover:bg-slate-700"
+                        }`}
+                      >
+                        {priority}
+                      </button>
+                    ))}
+                  </div>
+                </div>
+
                 {/* Status */}
                 <div>
                   <Label className="text-slate-400">Status</Label>