diff --git a/.gitignore b/.gitignore
index fa484626..6a621dd5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,4 +15,5 @@ dist/
 /.automaker/*
 /.automaker/
 
-/logs
\ No newline at end of file
+/logs
+.claude/settings.local.json
diff --git a/apps/app/src/components/views/board-view/dialogs/add-feature-dialog.tsx b/apps/app/src/components/views/board-view/dialogs/add-feature-dialog.tsx
index f78e76c1..da3ce86c 100644
--- a/apps/app/src/components/views/board-view/dialogs/add-feature-dialog.tsx
+++ b/apps/app/src/components/views/board-view/dialogs/add-feature-dialog.tsx
@@ -33,6 +33,7 @@ import {
   ThinkingLevelSelector,
   ProfileQuickSelect,
   TestingTabContent,
+  PrioritySelector,
 } from "../shared";
 
 interface AddFeatureDialogProps {
@@ -243,53 +244,13 @@ export function AddFeatureDialog({
             </div>
 
             {/* Priority Selector */}
-            <div className="space-y-2">
-              <Label>Priority</Label>
-              <div className="flex gap-2">
-                <button
-                  type="button"
-                  onClick={() =>
-                    setNewFeature({ ...newFeature, priority: 1 })
-                  }
-                  className={`flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors ${
-                    newFeature.priority === 1
-                      ? "bg-red-500/20 text-red-500 border-2 border-red-500/50"
-                      : "bg-muted/50 text-muted-foreground border border-border hover:bg-muted"
-                  }`}
-                  data-testid="priority-high-button"
-                >
-                  High
-                </button>
-                <button
-                  type="button"
-                  onClick={() =>
-                    setNewFeature({ ...newFeature, priority: 2 })
-                  }
-                  className={`flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors ${
-                    newFeature.priority === 2
-                      ? "bg-yellow-500/20 text-yellow-500 border-2 border-yellow-500/50"
-                      : "bg-muted/50 text-muted-foreground border border-border hover:bg-muted"
-                  }`}
-                  data-testid="priority-medium-button"
-                >
-                  Medium
-                </button>
-                <button
-                  type="button"
-                  onClick={() =>
-                    setNewFeature({ ...newFeature, priority: 3 })
-                  }
-                  className={`flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors ${
-                    newFeature.priority === 3
-                      ? "bg-blue-500/20 text-blue-500 border-2 border-blue-500/50"
-                      : "bg-muted/50 text-muted-foreground border border-border hover:bg-muted"
-                  }`}
-                  data-testid="priority-low-button"
-                >
-                  Low
-                </button>
-              </div>
-            </div>
+            <PrioritySelector
+              selectedPriority={newFeature.priority}
+              onPrioritySelect={(priority) =>
+                setNewFeature({ ...newFeature, priority })
+              }
+              testIdPrefix="priority"
+            />
           </TabsContent>
 
           {/* Model Tab */}
diff --git a/apps/app/src/components/views/board-view/dialogs/edit-feature-dialog.tsx b/apps/app/src/components/views/board-view/dialogs/edit-feature-dialog.tsx
index 68aea366..24cc05fa 100644
--- a/apps/app/src/components/views/board-view/dialogs/edit-feature-dialog.tsx
+++ b/apps/app/src/components/views/board-view/dialogs/edit-feature-dialog.tsx
@@ -32,6 +32,7 @@ import {
   ThinkingLevelSelector,
   ProfileQuickSelect,
   TestingTabContent,
+  PrioritySelector,
 } from "../shared";
 import { DependencyTreeDialog } from "./dependency-tree-dialog";
 
@@ -222,62 +223,16 @@ export function EditFeatureDialog({
             </div>
 
             {/* Priority Selector */}
-            <div className="space-y-2">
-              <Label>Priority</Label>
-              <div className="flex gap-2">
-                <button
-                  type="button"
-                  onClick={() =>
-                    setEditingFeature({
-                      ...editingFeature,
-                      priority: 1,
-                    })
-                  }
-                  className={`flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors ${
-                    (editingFeature.priority ?? 2) === 1
-                      ? "bg-red-500/20 text-red-500 border-2 border-red-500/50"
-                      : "bg-muted/50 text-muted-foreground border border-border hover:bg-muted"
-                  }`}
-                  data-testid="edit-priority-high-button"
-                >
-                  High
-                </button>
-                <button
-                  type="button"
-                  onClick={() =>
-                    setEditingFeature({
-                      ...editingFeature,
-                      priority: 2,
-                    })
-                  }
-                  className={`flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors ${
-                    (editingFeature.priority ?? 2) === 2
-                      ? "bg-yellow-500/20 text-yellow-500 border-2 border-yellow-500/50"
-                      : "bg-muted/50 text-muted-foreground border border-border hover:bg-muted"
-                  }`}
-                  data-testid="edit-priority-medium-button"
-                >
-                  Medium
-                </button>
-                <button
-                  type="button"
-                  onClick={() =>
-                    setEditingFeature({
-                      ...editingFeature,
-                      priority: 3,
-                    })
-                  }
-                  className={`flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors ${
-                    (editingFeature.priority ?? 2) === 3
-                      ? "bg-blue-500/20 text-blue-500 border-2 border-blue-500/50"
-                      : "bg-muted/50 text-muted-foreground border border-border hover:bg-muted"
-                  }`}
-                  data-testid="edit-priority-low-button"
-                >
-                  Low
-                </button>
-              </div>
-            </div>
+            <PrioritySelector
+              selectedPriority={editingFeature.priority ?? 2}
+              onPrioritySelect={(priority) =>
+                setEditingFeature({
+                  ...editingFeature,
+                  priority,
+                })
+              }
+              testIdPrefix="edit-priority"
+            />
           </TabsContent>
 
           {/* Model Tab */}
diff --git a/apps/app/src/components/views/board-view/shared/index.ts b/apps/app/src/components/views/board-view/shared/index.ts
index 8ff3d394..913aa3e5 100644
--- a/apps/app/src/components/views/board-view/shared/index.ts
+++ b/apps/app/src/components/views/board-view/shared/index.ts
@@ -3,3 +3,4 @@ export * from "./model-selector";
 export * from "./thinking-level-selector";
 export * from "./profile-quick-select";
 export * from "./testing-tab-content";
+export * from "./priority-selector";
diff --git a/apps/app/src/components/views/board-view/shared/priority-selector.tsx b/apps/app/src/components/views/board-view/shared/priority-selector.tsx
new file mode 100644
index 00000000..27597855
--- /dev/null
+++ b/apps/app/src/components/views/board-view/shared/priority-selector.tsx
@@ -0,0 +1,63 @@
+"use client";
+
+import { Label } from "@/components/ui/label";
+import { cn } from "@/lib/utils";
+
+interface PrioritySelectorProps {
+  selectedPriority: number;
+  onPrioritySelect: (priority: number) => void;
+  testIdPrefix?: string;
+}
+
+export function PrioritySelector({
+  selectedPriority,
+  onPrioritySelect,
+  testIdPrefix = "priority",
+}: PrioritySelectorProps) {
+  return (
+    <div className="space-y-2">
+      <Label>Priority</Label>
+      <div className="flex gap-2">
+        <button
+          type="button"
+          onClick={() => onPrioritySelect(1)}
+          className={cn(
+            "flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors",
+            selectedPriority === 1
+              ? "bg-red-500/20 text-red-500 border-2 border-red-500/50"
+              : "bg-muted/50 text-muted-foreground border border-border hover:bg-muted"
+          )}
+          data-testid={`${testIdPrefix}-high-button`}
+        >
+          High
+        </button>
+        <button
+          type="button"
+          onClick={() => onPrioritySelect(2)}
+          className={cn(
+            "flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors",
+            selectedPriority === 2
+              ? "bg-yellow-500/20 text-yellow-500 border-2 border-yellow-500/50"
+              : "bg-muted/50 text-muted-foreground border border-border hover:bg-muted"
+          )}
+          data-testid={`${testIdPrefix}-medium-button`}
+        >
+          Medium
+        </button>
+        <button
+          type="button"
+          onClick={() => onPrioritySelect(3)}
+          className={cn(
+            "flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors",
+            selectedPriority === 3
+              ? "bg-blue-500/20 text-blue-500 border-2 border-blue-500/50"
+              : "bg-muted/50 text-muted-foreground border border-border hover:bg-muted"
+          )}
+          data-testid={`${testIdPrefix}-low-button`}
+        >
+          Low
+        </button>
+      </div>
+    </div>
+  );
+}