diff --git a/web/src/components/AppNav.vue b/web/src/components/AppNav.vue
index 6d2ec90..8936902 100644
--- a/web/src/components/AppNav.vue
+++ b/web/src/components/AppNav.vue
@@ -5,21 +5,21 @@
       <span class="nav-title">LemonBoss</span>
     </div>
     <div class="nav-links">
-      <a href="/agent/master" target="_blank" class="nav-link" :class="{ active: $route.path.startsWith('/agent') }">
+      <router-link to="/agent/master" class="nav-link" :class="{ active: $route.path.startsWith('/agent') }">
         <span>🤖</span> System Agents
-      </a>
+      </router-link>
 
-      <a href="/tasks" target="_blank" class="nav-link" :class="{ active: $route.path.startsWith('/tasks') }">
+      <router-link to="/tasks" class="nav-link" :class="{ active: $route.path.startsWith('/tasks') }">
         <span>📜</span> Task Logs
-      </a>
+      </router-link>
 
-      <a href="/quota" target="_blank" class="nav-link" :class="{ active: $route.path === '/quota' }">
+      <router-link to="/quota" class="nav-link" :class="{ active: $route.path === '/quota' }">
         <span>📊</span> Quota
-      </a>
+      </router-link>
 
-      <a href="/dream" target="_blank" class="nav-link" :class="{ active: $route.path === '/dream' }">
+      <router-link to="/dream" class="nav-link" :class="{ active: $route.path === '/dream' }">
         <span>🌙</span> Dream
-      </a>
+      </router-link>
 
       <div class="nav-divider"></div>
 
@@ -49,27 +49,27 @@
 
       <!-- Contextual Company Navigation -->
       <template v-if="currentCompany">
-        <a :href="`/${currentCompany.id}/overview`" target="_blank" class="nav-link" :class="{ active: $route.params.tab === 'overview' }">
+        <router-link :to="`/${currentCompany.id}/overview`" class="nav-link" :class="{ active: $route.params.tab === 'overview' }">
           📊 Overview
-        </a>
-        <a :href="`/${currentCompany.id}/agents`" target="_blank" class="nav-link" :class="{ active: $route.params.tab === 'agents' }">
+        </router-link>
+        <router-link :to="`/${currentCompany.id}/agents`" class="nav-link" :class="{ active: $route.params.tab === 'agents' }">
           👥 Team
-        </a>
-        <a :href="`/${currentCompany.id}/workspace`" target="_blank" class="nav-link" :class="{ active: $route.params.tab === 'workspace' }">
+        </router-link>
+        <router-link :to="`/${currentCompany.id}/workspace`" class="nav-link" :class="{ active: $route.params.tab === 'workspace' }">
           💼 Workspace
-        </a>
-        <a :href="`/${currentCompany.id}/pipelines`" target="_blank" class="nav-link" :class="{ active: $route.params.tab === 'pipelines' || $route.params.tab === 'sop' }">
+        </router-link>
+        <router-link :to="`/${currentCompany.id}/pipelines`" class="nav-link" :class="{ active: $route.params.tab === 'pipelines' || $route.params.tab === 'sop' }">
           ⚙️ SOP
-        </a>
-        <a :href="`/${currentCompany.id}/task-board`" target="_blank" class="nav-link" :class="{ active: $route.path.endsWith('/task-board') }">
+        </router-link>
+        <router-link :to="`/${currentCompany.id}/task-board`" class="nav-link" :class="{ active: $route.path.endsWith('/task-board') }">
           🗂️ 任务看板
-        </a>
-        <a :href="`/${currentCompany.id}/files`" target="_blank" class="nav-link" :class="{ active: $route.params.tab === 'files' }">
+        </router-link>
+        <router-link :to="`/${currentCompany.id}/files`" class="nav-link" :class="{ active: $route.params.tab === 'files' }">
           📁 Files
-        </a>
-        <a :href="`/${currentCompany.id}/messages`" target="_blank" class="nav-link" :class="{ active: $route.params.tab === 'messages' }">
+        </router-link>
+        <router-link :to="`/${currentCompany.id}/messages`" class="nav-link" :class="{ active: $route.params.tab === 'messages' }">
           💬 Messages
-        </a>
+        </router-link>
       </template>
     </div>