diff --git a/web/frontend/src/App.vue b/web/frontend/src/App.vue
index 4ebce21..cf79de5 100644
--- a/web/frontend/src/App.vue
+++ b/web/frontend/src/App.vue
@@ -7,7 +7,10 @@
       <router-link to="/" class="text-lg font-bold text-gray-100 hover:text-white no-underline">
         Kin
       </router-link>
-      <span class="text-xs text-gray-600">multi-agent orchestrator</span>
+      <nav class="flex items-center gap-4">
+        <router-link to="/settings" class="text-xs text-gray-400 hover:text-gray-200 no-underline">Settings</router-link>
+        <span class="text-xs text-gray-600">multi-agent orchestrator</span>
+      </nav>
     </header>
     <main class="max-w-6xl mx-auto px-6 py-6">
       <router-view />
diff --git a/web/frontend/src/main.ts b/web/frontend/src/main.ts
index 91cc08d..6d3e71a 100644
--- a/web/frontend/src/main.ts
+++ b/web/frontend/src/main.ts
@@ -5,6 +5,7 @@ import App from './App.vue'
 import Dashboard from './views/Dashboard.vue'
 import ProjectView from './views/ProjectView.vue'
 import TaskDetail from './views/TaskDetail.vue'
+import SettingsView from './views/SettingsView.vue'
 
 const router = createRouter({
   history: createWebHistory(),
@@ -12,6 +13,7 @@ const router = createRouter({
     { path: '/', component: Dashboard },
     { path: '/project/:id', component: ProjectView, props: true },
     { path: '/task/:id', component: TaskDetail, props: true },
+    { path: '/settings', component: SettingsView },
   ],
 })
 
diff --git a/web/frontend/src/views/TaskDetail.vue b/web/frontend/src/views/TaskDetail.vue
index 21b4b6f..6204b2c 100644
--- a/web/frontend/src/views/TaskDetail.vue
+++ b/web/frontend/src/views/TaskDetail.vue
@@ -28,6 +28,10 @@ const resolvingAction = ref(false)
 const showReject = ref(false)
 const rejectReason = ref('')
 
+// Revise modal
+const showRevise = ref(false)
+const reviseComment = ref('')
+
 // Auto/Review mode (per-task, persisted in DB; falls back to localStorage per project)
 const autoMode = ref(false)