diff --git a/src/components/KanbanBoard.tsx b/src/components/KanbanBoard.tsx
index cc47ab6..60e63c5 100644
--- a/src/components/KanbanBoard.tsx
+++ b/src/components/KanbanBoard.tsx
@@ -135,7 +135,7 @@ export default function KanbanBoard({ projectId }: Props) {
                       className="w-2 h-2 rounded-full mt-1.5 shrink-0"
                       style={{ background: PRIORITY_COLORS[task.priority] || "#737373" }}
                     />
-                    <span className="text-sm flex-1">{task.title}</span>
+                    <div className="flex-1"><span className="text-xs text-[var(--muted)] mr-1">{task.key}</span><div><span className="text-xs text-[var(--muted)] mr-1">{task.key}</span><span className="text-sm">{task.title}</span></div></div>
                   </div>
                   {task.description && (
                     <p className="text-xs text-[var(--muted)] mt-1 ml-4">{task.description}</p>
@@ -224,7 +224,7 @@ export default function KanbanBoard({ projectId }: Props) {
                         style={{ background: PRIORITY_COLORS[task.priority] || "#737373" }}
                         title={task.priority}
                       />
-                      <span className="text-sm">{task.title}</span>
+                      <div><span className="text-xs text-[var(--muted)] mr-1">{task.key}</span><span className="text-sm">{task.title}</span></div>
                     </div>
                     {task.description && (
                       <p className="text-xs text-[var(--muted)] mt-1 ml-4 line-clamp-2">{task.description}</p>
diff --git a/src/components/TaskModal.tsx b/src/components/TaskModal.tsx
index a49ae77..56081e7 100644
--- a/src/components/TaskModal.tsx
+++ b/src/components/TaskModal.tsx
@@ -103,7 +103,7 @@ export default function TaskModal({ task, projectId, onClose, onUpdated, onDelet
               {title}
             </h2>
           )}
-          <div className="text-xs text-[var(--muted)] mt-1">ID: {task.id.slice(0, 8)}</div>
+          <div className="text-xs text-[var(--muted)] mt-1">{task.key || task.id.slice(0, 8)}</div>
         </div>
 
         <div className="flex flex-col md:flex-row">
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 40dd3a1..583cb75 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -36,6 +36,8 @@ export interface Project {
   name: string;
   slug: string;
   description: string | null;
+  key_prefix: string;
+  task_counter: number;
   git_repo: string | null;
 }
 
@@ -50,6 +52,8 @@ export interface Task {
   requires_pr: boolean;
   pr_url: string | null;
   assigned_agent_id: string | null;
+  number: number;
+  key: string | null;
   position: number;
 }