diff --git a/.phase20-state.json b/.phase20-state.json
index f2f5c46..461e135 100644
--- a/.phase20-state.json
+++ b/.phase20-state.json
@@ -1,9 +1,10 @@
 {
   "completed_features": [],
-  "current_feature": "slack-integration-stub",
+  "current_feature": "github-link-on-entries",
   "started_at": "2026-05-23T07:57:43.412201",
   "attempted_features": [
     "time-budget-per-project",
-    "recurring-time-entries"
+    "recurring-time-entries",
+    "slack-integration-stub"
   ]
 }
\ No newline at end of file
diff --git a/GENERATION_LOG.md b/GENERATION_LOG.md
index 490441b..1ce83c4 100644
--- a/GENERATION_LOG.md
+++ b/GENERATION_LOG.md
@@ -2422,3 +2422,22 @@ src/index.ts(27,25): error TS2769: No overload matches this call.
   Overload 2 of 3, '(plugin: FastifyPluginAsync<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
     Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginAsync<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
       Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>, FastifyBaseLogger, FastifyTy
+- `08:03:40` **INFO**   Committed feature slack-integration-stub
+- `08:03:41` **INFO**   Pushed: rc=0
+
+## Phase-3 Feature: github-link-on-entries (2026-05-23 08:03:41)
+
+- `08:03:41` **INFO** Description: GitHub-Link-Feld pro TimeEntry (z.B. PR-URL)
+- `08:03:41` **INFO**   Generating apps/api/src/db/schema.ts (WICHTIG: BEHALTE alle bestehenden Tabellen. Füge nur Spalte `externalL…)
+- `08:04:16` **INFO**     wrote 4130 chars in 35.2s (attempt 1)
+- `08:04:16` **INFO**   Generating apps/web/src/pages/TimeEntries.tsx (ERWEITERT — behalte alles. Füge im Create-Form optional 'GitHub/Link'-…)
+- `08:06:11` **INFO**     wrote 15363 chars in 115.2s (attempt 1)
+- `08:06:11` **INFO** Running tsc --noEmit on api…
+- `08:06:13` **WARN**   tsc errors:
+src/index.ts(27,25): error TS2769: No overload matches this call.
+  Overload 1 of 3, '(plugin: FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
+    Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
+      Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>, FastifyBaseLogger, FastifyTypeProvider>, opts: { ...; }, done: (err?: Error | undefined) => void): void'.
+  Overload 2 of 3, '(plugin: FastifyPluginAsync<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error.
+    Argument of type 'Promise<FastifyMultipartPlugin>' is not assignable to parameter of type 'FastifyPluginAsync<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'.
+      Type 'Promise<FastifyMultipartPlugin>' provides no match for the signature '(instance: FastifyInstance<RawServerDefault, IncomingMessage, ServerResponse<IncomingMessage>, FastifyBaseLogger, FastifyTy
diff --git a/apps/api/src/db/schema.ts b/apps/api/src/db/schema.ts
index c6ed11a..3a998e9 100644
--- a/apps/api/src/db/schema.ts
+++ b/apps/api/src/db/schema.ts
@@ -66,6 +66,7 @@ export const timeEntries = pgTable("time_entries", {
   projectId: uuid("project_id").references(() => projects.id, { onDelete: "cascade" }),
   description: text("description").notNull(),
   notes: text("notes"),
+  externalLink: text("external_link"),
   startTime: timestamp("start_time").notNull(),
   endTime: timestamp("end_time"),
   createdAt: timestamp("created_at").notNull().defaultNow()
@@ -97,57 +98,40 @@ export const timeEntryTemplates = pgTable("time_entry_templates", {
   defaultDurationMinutes: integer("default_duration_minutes"),
   createdAt: timestamp("created_at").notNull().defaultNow()
 })
-
-export const appSettings = pgTable("app_settings", {
+export const apiKeys = pgTable("api_keys", {
   id: uuid("id").primaryKey().defaultRandom(),
-  key: text("key").notNull().unique(),
-  value: text("value").notNull(),
-  updatedAt: timestamp("updated_at").notNull().defaultNow()
-})
-
-export const auditLog = pgTable("audit_log", {
-  id: uuid("id").primaryKey().defaultRandom(),
-  userId: uuid("user_id").references(() => users.id),
-  action: text("action").notNull(),
-  entityType: text("entity_type").notNull(),
-  entityId: uuid("entity_id"),
-  oldValue: text("old_value"),
-  newValue: text("new_value"),
-  createdAt: timestamp("created_at").notNull().defaultNow()
-})
-
-export const documents = pgTable("documents", {
-  id: uuid("id").primaryKey().defaultRandom(),
-  projectId: uuid("project_id").references(() => projects.id, { onDelete: "cascade" }),
+  userId: uuid("user_id").notNull().references(() => users.id, { onDelete: "cascade" }),
   name: text("name").notNull(),
-  fileData: bytea("file_data").notNull(),
-  mimeType: text("mime_type").notNull(),
-  createdAt: timestamp("created_at").notNull().defaultNow()
-})
-
-export const webhooks = pgTable("webhooks", {
-  id: uuid("id").primaryKey().defaultRandom(),
-  url: text("url").notNull(),
-  secret: text("secret").notNull(),
-  events: text("events").array().notNull(),
-  active: boolean("active").notNull().default(true),
-  createdAt: timestamp("created_at").notNull().defaultNow()
+  keyHash: text("key_hash").notNull(),
+  createdAt: timestamp("created_at").notNull().defaultNow(),
+  lastUsedAt: timestamp("last_used_at"),
+  revokedAt: timestamp("revoked_at"),
 })
 
 export const savedViews = pgTable("saved_views", {
   id: uuid("id").primaryKey().defaultRandom(),
   userId: uuid("user_id").notNull().references(() => users.id, { onDelete: "cascade" }),
   name: text("name").notNull(),
-  config: text("config").notNull(),
-  isDefault: boolean("is_default").notNull().default(false),
-  createdAt: timestamp("created_at").notNull().defaultNow()
+  entityType: text("entity_type").notNull(),
+  filters: text("filters").notNull(),
+  createdAt: timestamp("created_at").notNull().defaultNow(),
 })
 
-export const apiKeys = pgTable("api_keys", {
+export const webhooks = pgTable("webhooks", {
   id: uuid("id").primaryKey().defaultRandom(),
-  userId: uuid("user_id").notNull().references(() => users.id, { onDelete: "cascade" }),
-  keyHash: text("key_hash").notNull().unique(),
-  name: text("name").notNull(),
-  expiresAt: timestamp("expires_at"),
-  createdAt: timestamp("created_at").notNull().defaultNow()
-})
\ No newline at end of file
+  url: text("url").notNull(),
+  event: text("event").notNull(),
+  active: boolean("active").notNull().default(true),
+  createdAt: timestamp("created_at").notNull().defaultNow(),
+  createdBy: uuid("created_by").references(() => users.id, { onDelete: "set null" }),
+})
+
+export const auditLog = pgTable("audit_log", {
+  id: uuid("id").primaryKey().defaultRandom(),
+  userId: uuid("user_id").references(() => users.id, { onDelete: "set null" }),
+  action: text("action").notNull(),
+  resourceType: text("resource_type"),
+  resourceId: text("resource_id"),
+  metadata: text("metadata"),
+  createdAt: timestamp("created_at").notNull().defaultNow(),
+})
diff --git a/apps/web/src/pages/TimeEntries.tsx b/apps/web/src/pages/TimeEntries.tsx
index b2721b2..e567837 100644
--- a/apps/web/src/pages/TimeEntries.tsx
+++ b/apps/web/src/pages/TimeEntries.tsx
@@ -29,7 +29,8 @@ export default function TimeEntries() {
     startTime: "",
     endTime: "",
     projectId: "",
-    notes: ""
+    notes: "",
+    externalLink: ""
   })
 
   const [filters, setFilters] = useState({
@@ -86,7 +87,7 @@ export default function TimeEntries() {
     mutationFn: (data: Partial<TimeEntryInsert>) => api.createTimeEntry(data),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["time-entries"] })
-      setFormData({ description: "", startTime: "", endTime: "", projectId: "", notes: "" })
+      setFormData({ description: "", startTime: "", endTime: "", projectId: "", notes: "", externalLink: "" })
     }
   })
 
@@ -120,21 +121,7 @@ export default function TimeEntries() {
       queryClient.invalidateQueries({ queryKey: ["time-entries"] })
     },
     onError: (error: any) => {
-      alert(`Import failed: ${error.message || "Unknown error"}`)
-    }
-  })
-
-  const saveViewMutation = useMutation({
-    mutationFn: (view: { name: string, filters: any }) => api.createSavedView(view),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["saved-views", "time-entries"] })
-    }
-  })
-
-  const deleteViewMutation = useMutation({
-    mutationFn: (id: string) => api.deleteSavedView(id),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["saved-views", "time-entries"] })
+      alert(`Import failed: ${error.message}`)
     }
   })
 
@@ -142,7 +129,7 @@ export default function TimeEntries() {
     if (!entries) return []
     return entries.filter(e => {
       const matchesSearch = !filters.search || 
-        e.description.toLowerCase().includes(filters.search.toLowerCase()) ||
+        e.description.toLowerCase().includes(filters.search.toLowerCase()) || 
         e.notes?.toLowerCase().includes(filters.search.toLowerCase())
       return matchesSearch
     })
@@ -173,209 +160,234 @@ export default function TimeEntries() {
       </div>
 
       <div className="grid grid-cols-1 lg:grid-cols-4 gap-6">
-        <div className="lg:col-span-1 space-y-4">
-          <div className="p-4 bg-white border rounded-lg shadow-sm space-y-4">
-            <h2 className="font-semibold">New Entry</h2>
-            
+        <div className="lg:col-span-1 space-y-4 bg-gray-50 p-4 rounded-lg border">
+          <h2 className="font-semibold mb-2">New Entry</h2>
+          
+          <div className="space-y-3">
             <div>
-              <label className="block text-xs font-medium text-gray-500 mb-1">Template</label>
+              <label className="text-xs font-medium text-gray-500">Template</label>
               <select 
-                className="w-full p-2 text-sm border rounded bg-gray-50"
+                className="w-full p-2 text-sm border rounded bg-white"
                 onChange={(e) => handleTemplateChange(e.target.value)}
                 value=""
               >
-                <option value="">-- Select Template --</option>
-                {templates?.map(t => (
-                  <option key={t.id} value={t.id}>{t.name}</option>
-                ))}
+                <option value="">Select Template...</option>
+                {templates?.map(t => <option key={t.id} value={t.id}>{t.description}</option>)}
               </select>
             </div>
 
             <SuggestionInput 
-              label="Description" 
-              value={formData.description} 
-              onChange={v => setFormData({...formData, description: v})} 
-              suggestions={descriptionSuggestions} 
+              label="Description"
+              value={formData.description}
+              onChange={v => setFormData({...formData, description: v})}
+              suggestions={descriptionSuggestions}
             />
-            
+
             <div className="grid grid-cols-2 gap-2">
               <div>
-                <label className="block text-xs font-medium text-gray-500 mb-1">Start</label>
+                <label className="text-xs font-medium text-gray-500">Start</label>
                 <input 
                   type="datetime-local" 
-                  className="w-full p-2 text-sm border rounded" 
-                  value={formData.startTime} 
-                  onChange={e => setFormData({...formData, startTime: e.target.value})} 
+                  className="w-full p-2 text-sm border rounded"
+                  value={formData.startTime}
+                  onChange={e => setFormData({...formData, startTime: e.target.value})}
                 />
               </div>
               <div>
-                <label className="block text-xs font-medium text-gray-500 mb-1">End</label>
+                <label className="text-xs font-medium text-gray-500">End</label>
                 <input 
                   type="datetime-local" 
-                  className="w-full p-2 text-sm border rounded" 
-                  value={formData.endTime} 
-                  onChange={e => setFormData({...formData, endTime: e.target.value})} 
+                  className="w-full p-2 text-sm border rounded"
+                  value={formData.endTime}
+                  onChange={e => setFormData({...formData, endTime: e.target.value})}
                 />
               </div>
             </div>
 
             <div>
-              <label className="block text-xs font-medium text-gray-500 mb-1">Project ID</label>
+              <label className="text-xs font-medium text-gray-500">Project ID</label>
               <input 
-                className="w-full p-2 text-sm border rounded" 
-                value={formData.projectId} 
-                onChange={e => setFormData({...formData, projectId: e.target.value})} 
+                className="w-full p-2 text-sm border rounded"
+                value={formData.projectId}
+                onChange={e => setFormData({...formData, projectId: e.target.value})}
               />
             </div>
 
             <div>
-              <label className="block text-xs font-medium text-gray-500 mb-1">Notes</label>
+              <label className="text-xs font-medium text-gray-500">GitHub / External Link</label>
+              <input 
+                className="w-full p-2 text-sm border rounded"
+                placeholder="https://github.com/..."
+                value={formData.externalLink}
+                onChange={e => setFormData({...formData, externalLink: e.target.value})}
+              />
+            </div>
+
+            <div>
+              <label className="text-xs font-medium text-gray-500">Notes</label>
               <textarea 
-                className="w-full p-2 text-sm border rounded h-20" 
-                value={formData.notes} 
-                onChange={e => setFormData({...formData, notes: e.target.value})} 
+                className="w-full p-2 text-sm border rounded h-20"
+                value={formData.notes}
+                onChange={e => setFormData({...formData, notes: e.target.value})}
               />
             </div>
 
             <button 
               onClick={() => createMutation.mutate(formData)}
-              disabled={createMutation.isPending}
+              disabled={!formData.description || !formData.startTime || !formData.endTime}
               className="w-full py-2 bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50"
             >
-              {createMutation.isPending ? "Saving..." : "Save Entry"}
+              Save Entry
             </button>
           </div>
-
-          <div className="p-4 bg-white border rounded-lg shadow-sm space-y-3">
-            <h2 className="font-semibold">Saved Views</h2>
-            <div className="space-y-1">
-              {savedViews?.map(view => (
-                <div key={view.id} className="flex items-center justify-between group">
-                  <button 
-                    onClick={() => setFilters({ ...filters, ...view.filters })}
-                    className="text-sm text-blue-600 hover:underline"
-                  >
-                    {view.name}
-                  </button>
-                  <button 
-                    onClick={() => deleteViewMutation.mutate(view.id)}
-                    className="hidden group-hover:block text-xs text-red-500"
-                  >
-                    Delete
-                  </button>
-                </div>
-              ))}
-            </div>
-          </div>
         </div>
 
         <div className="lg:col-span-3 space-y-4">
           <SmartFilters 
             filters={filters} 
             setFilters={setFilters} 
-            onSaveView={(name, filters) => saveViewMutation.mutate({ name, filters })} 
+            savedViews={savedViews || []}
           />
 
-          {filteredEntries.length === 0 ? (
-            <EmptyState message="No time entries found matching your filters." />
-          ) : (
-            <div className="bg-white border rounded-lg overflow-hidden shadow-sm">
-              <table className="w-full text-left text-sm">
-                <thead className="bg-gray-50 border-b">
+          <div className="bg-white border rounded-lg overflow-hidden">
+            <table className="w-full text-left text-sm">
+              <thead className="bg-gray-50 border-b">
+                <tr>
+                  <th className="p-3 w-10">
+                    <input 
+                      type="checkbox" 
+                      checked={selectedIds.length > 0 && selectedIds.length === filteredEntries.length}
+                      onChange={e => {
+                        setSelectedIds(e.target.checked ? filteredEntries.map(en => en.id) : [])
+                      }}
+                    />
+                  </th>
+                  <th className="p-3">Description</th>
+                  <th className="p-3">Duration</th>
+                  <th className="p-3">Project</th>
+                  <th className="p-3 text-right">Actions</th>
+                </tr>
+              </thead>
+              <tbody>
+                {filteredEntries.length === 0 ? (
                   <tr>
-                    <th className="p-3 w-10">
-                      <input 
-                        type="checkbox" 
-                        checked={selectedIds.length > 0 && selectedIds.length === filteredEntries.length}
-                        onChange={e => {
-                          if (e.target.checked) setSelectedIds(filteredEntries.map(en => en.id))
-                          else setSelectedIds([])
-                        }}
-                      />
-                    </th>
-                    <th className="p-3 font-medium">Description</th>
-                    <th className="p-3 font-medium">Project</th>
-                    <th className="p-3 font-medium">Duration</th>
-                    <th className="p-3 font-medium">Date</th>
-                    <th className="p-3 font-medium text-right">Actions</th>
+                    <td colSpan={5} className="p-8 text-center text-gray-500">
+                      <EmptyState message="No time entries found." />
+                    </td>
                   </tr>
-                </thead>
-                <tbody>
-                  {filteredEntries.map(entry => {
-                    const start = new Date(entry.startTime)
-                    const end = new Date(entry.endTime)
-                    const durationHours = (end.getTime() - start.getTime()) / 3600000
-                    
-                    return (
-                      <tr key={entry.id} className="border-b hover:bg-gray-50">
-                        <td className="p-3">
-                          <input 
-                            type="checkbox" 
-                            checked={selectedIds.includes(entry.id)}
-                            onChange={e => {
-                              if (e.target.checked) setSelectedIds([...selectedIds, entry.id])
-                              else setSelectedIds(selectedIds.filter(id => id !== entry.id))
-                            }}
-                          />
-                        </td>
-                        <td className="p-3">
-                          {editingId === entry.id ? (
-                            <input 
-                              className="border p-1 rounded w-full" 
-                              value={editValue} 
-                              onChange={e => setEditValue(e.target.value)}
-                              onBlur={() => {
-                                updateMutation.mutate({ id: entry.id, data: { description: editValue } })
-                                setEditingId(null)
-                              }}
-                              autoFocus
-                            />
-                          ) : (
-                            <span onClick={() => { setEditingId(entry.id); setEditValue(entry.description); }} className="cursor-pointer hover:text-blue-600">
-                              {entry.description}
-                            </span>
+                ) : (
+                  filteredEntries.map(entry => (
+                    <tr key={entry.id} className="border-b hover:bg-gray-50 group">
+                      <td className="p-3">
+                        <input 
+                          type="checkbox" 
+                          checked={selectedIds.includes(entry.id)}
+                          onChange={e => {
+                            setSelectedIds(prev => e.target.checked ? [...prev, entry.id] : prev.filter(id => id !== entry.id))
+                          }}
+                        />
+                      </td>
+                      <td className="p-3">
+                        <div className="flex items-center gap-2">
+                          <span className="font-medium">{entry.description}</span>
+                          {entry.externalLink && (
+                            <a 
+                              href={entry.externalLink} 
+                              target="_blank" 
+                              rel="noopener noreferrer"
+                              className="text-blue-500 hover:text-blue-700"
+                              title={entry.externalLink}
+                            >
+                              <svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+                              </svg>
+                            </a>
                           )}
-                        </td>
-                        <td className="p-3 text-gray-500">{entry.projectId}</td>
-                        <td className="p-3">{durationHours.toFixed(2)}h</td>
-                        <td className="p-3 text-gray-500">{start.toLocaleDateString()}</td>
-                        <td className="p-3 text-right space-x-2">
-                          <button 
-                            onClick={() => {
-                              setExpandedRows(prev => ({ ...prev, [entry.id]: !prev[entry.id] }))
-                            }}
-                            className="text-gray-400 hover:text-gray-600"
-                          >
-                            {expandedRows[entry.id] ? '▲' : '▼'}
-                          </button>
-                          <button 
-                            onClick={() => deleteMutation.mutate(entry.id)}
-                            className="text-red-400 hover:text-red-600"
-                          >
-                            Delete
-                          </button>
-                        </td>
-                      </tr>
-                    )
-                  })}
-                </tbody>
-              </table>
-              
-              {selectedIds.length > 0 && (
-                <div className="p-3 bg-blue-50 border-t flex justify-between items-center">
-                  <span className="text-sm font-medium">{selectedIds.length} entries selected</span>
-                  <button 
-                    onClick={() => { if(confirm("Delete selected?")) bulkDeleteMutation.mutate(selectedIds) }}
-                    className="px-3 py-1 bg-red-600 text-white text-xs rounded hover:bg-red-700"
-                  >
-                    Bulk Delete
-                  </button>
-                </div>
-              )}
+                        </div>
+                        {expandedRows[entry.id] && (
+                          <div className="mt-2 text-xs text-gray-600 bg-gray-50 p-2 rounded border">
+                            {renderSimpleMarkdown(entry.notes)}
+                          </div>
+                        )}
+                      </td>
+                      <td className="p-3 text-gray-500">
+                        {entry.startTime && entry.endTime ? 
+                          `${Math.round((new Date(entry.endTime).getTime() - new Date(entry.startTime).getTime()) / 60000)}m` 
+                          : '-'}
+                      </td>
+                      <td className="p-3 text-gray-500">{entry.projectId}</td>
+                      <td className="p-3 text-right space-x-2">
+                        <button 
+                          onClick={() => {
+                            setExpandedRows(prev => ({...prev, [entry.id]: !prev[entry.id]}))
+                          }}
+                          className="text-xs text-gray-400 hover:text-gray-600"
+                        >
+                          {expandedRows[entry.id] ? 'Hide' : 'Notes'}
+                        </button>
+                        <button 
+                          onClick={() => {
+                            setEditingId(entry.id)
+                            setEditValue(entry.description)
+                          }}
+                          className="text-xs text-blue-500 hover:underline"
+                        >
+                          Edit
+                        </button>
+                        <button 
+                          onClick={() => deleteMutation.mutate(entry.id)}
+                          className="text-xs text-red-500 hover:underline"
+                        >
+                          Delete
+                        </button>
+                      </td>
+                    </tr>
+                  ))
+                )}
+              </tbody>
+            </table>
+          </div>
+
+          {selectedIds.length > 0 && (
+            <div className="flex justify-between items-center p-3 bg-blue-50 border border-blue-200 rounded-lg">
+              <span className="text-sm text-blue-700">{selectedIds.length} entries selected</span>
+              <button 
+                onClick={() => {
+                  if (confirm(`Delete ${selectedIds.length} entries?`)) {
+                    bulkDeleteMutation.mutate(selectedIds)
+                  }
+                }}
+                className="px-3 py-1 text-sm bg-red-600 text-white rounded hover:bg-red-700"
+              >
+                Delete Selected
+              </button>
             </div>
           )}
         </div>
       </div>
+
+      {editingId && (
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50">
+          <div className="bg-white p-6 rounded-lg max-w-md w-full space-y-4">
+            <h3 className="font-bold">Edit Description</h3>
+            <input 
+              className="w-full p-2 border rounded"
+              value={editValue}
+              onChange={e => setEditValue(e.target.value)}
+              autoFocus
+            />
+            <div className="flex justify-end gap-2">
+              <button onClick={() => setEditingId(null)} className="px-4 py-2 text-sm">Cancel</button>
+              <button 
+                onClick={() => updateMutation.mutate({ id: editingId, data: { description: editValue } })}
+                className="px-4 py-2 text-sm bg-blue-600 text-white rounded"
+              >
+                Save
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
     </div>
   )
 }
\ No newline at end of file