diff --git a/docs/08_Design_Rules/DR04_ChatFirst_Redesign.md b/docs/08_Design_Rules/DR04_ChatFirst_Redesign.md
new file mode 100644
index 0000000..20a3d0b
--- /dev/null
+++ b/docs/08_Design_Rules/DR04_ChatFirst_Redesign.md
@@ -0,0 +1,164 @@
+# DR04 — 全局 Chat-First（WorkBuddy 风格）改造方案
+
+> **版本：V1.1**
+> **日期：2026-09-14**
+> **状态：实施中——路由接入 + 外壳重写已完成，AI 工具逐页迁移进行中**
+> **目标对齐：** `eai_agentplatform/frontend/src/views/tools/CHAT_UI_PREVIEW.html`
+> **参考：** `CHAT_FIRST_REDESIGN_PLAN.md`
+
+---
+
+## 0. 命名统一（改造前置要求）
+
+> 本项目为 **数字员工平台 / AI Agent 平台（eai_agentplatform）**，不再是旧培训平台。
+> 改造过程中，**必须移除 / 替换**所有旧培训平台命名与标题：
+
+| 旧命名（需移除/替换） | 统一替换为 |
+|---|---|
+| `eaisalestrain_app` / `eai_ap_app` / `pj0231` | `eai_agentplatform` / `数字员工平台` |
+| 博昇内部培训平台 | 数字员工平台 / EAI Agent 平台 |
+| 培训平台定位（知识库+考试+素材审批） | AI 数字员工平台定位 |
+
+- 涉及范围：`CLAUDE.md`、`CODING_RULES.md`、全部 `views/**` 与共享组件中的标题/文案、`docs` 相关文档。
+- `CHAT_UI_PREVIEW.html`、`CHAT_FIRST_REDESIGN_PLAN.md` 中的旧标题一并替换。
+
+---
+
+## 1. 改造目标（对齐 CHAT_UI_PREVIEW.html）
+
+| 视觉元素 | 定义 |
+|---|---|
+| 主动能区背景 | `#f0f2f5` 浅灰 |
+| 侧边栏 | 窄 `220px`，可折叠至 `60px`；背景 `#f7f8fa`；含「新建任务」+ 主导航 + 任务列表 + 用户信息 |
+| 顶栏 | 极简 `48px`：`选择工作空间 ▾` / `默认权限 ▾` + `🔔` |
+| 主色 | 按钮渐变 `#409eff→#2b63d9`；激活高亮 `#e1effe` |
+| 欢迎态 | 大标题 + 分类胶囊 + 模式胶囊 + 大输入框（文件/语音/引用）+ 圆形发送钮 + 最佳实践卡片 |
+| 聊天态 | 用户右对齐深蓝 `#2b63d9`，AI 左对齐白底卡片，消息操作钮（复制/下载/追问） |
+| 圆角 / 描边 / 阴影 | `10-16px`、`#e8ecf1`、柔和阴影 |
+
+---
+
+## 2. 改造范围与策略
+
+### 2.1 全局外壳（MainLayout.vue → WorkBuddy Shell）
+- 移除：深蓝渐变顶栏（72px）、应用卡片左栏、底部运行面板。
+- 新增：极简顶栏 + 窄侧边栏（新建任务 / 助理 / 项目 / 专家·技能·连接器 / 定时任务 / 资料库 / 更多 / 任务列表 / 用户信息）。
+- 内容区承载 Welcome 态 / Chat 态两种容器。
+- **保留全部路由与业务跳转，仅改外观与信息架构。**
+
+### 2.2 AI 工具页（完整 Chat-First）
+| 页面 | 落地 |
+|---|---|
+| 智能助手 `SmartAssistantPage.vue` | 完整 Chat 优先 |
+| 文档翻译 / 文案校对 / 语音转写 / 批量提取 | 表单 → Chat + 文件上传 |
+| 合同审查 | Chat + 可展开配置面板 |
+| 报告生成 | 保留复合表单，统一视觉 |
+
+复用已有组件并统一到预览标准：`ChatLayout.vue` / `ChatInputBar.vue` / `ChatMessage.vue` / `HistorySidebar.vue`。
+新增共享组件：全局顶栏、Welcome 欢迎态、分类/模式胶囊、最佳实践卡片。
+
+### 2.3 业务页面（保留功能，统一视觉）
+首页、工作台（专员/市场/工坊/知识库/控制台）、考试、系统管理、产品、课程等页面：
+**保留现有内容与交互逻辑**，仅统一采用 WorkBuddy 视觉语言，并嵌入全局外壳容器。
+
+---
+
+## 3. 分阶段实施
+
+1. **外壳**：重写 `MainLayout.vue` 为 WorkBuddy Shell + 极简顶栏。
+2. **基建**：统一 `ChatLayout` 等共享组件到预览标准。
+3. **AI 工具**：逐页 Chat-First（助手→翻译→校对→转录→提取→审查）。
+4. **业务页**：逐页统一视觉，接入新外壳。
+5. **命名替换**：按第 0 节替换旧培训标题/文案。
+6. **回归**：全部路由可达、登录/权限、交互不被破坏。
+
+---
+
+## 4. 影响与风险
+
+- 改动面大：`MainLayout.vue`、全部 `views/**`、共享组件、`global.css`。
+- 业务逻辑不变，仅视觉与信息架构变化。
+- 建议分批提交、可回滚。
+
+---
+
+## 5. 实施记录
+
+### 5.1 已拍板决策
+
+| 议题 | 决定 |
+|---|---|
+| 入口模型 | **Chat-First 为主入口，`/apps/*` 业务工作台页面退役** |
+| 推进顺序 | **先接路由导航，再改视觉** |
+
+### 5.2 关键发现：Chat-First 页面此前「不可达」
+
+阶段 1 之前，`grep -rn "tools/" src/ --include=*.vue --include=*.js | grep -v "views/tools/"` **无任何输出**——
+即没有任何 `router.push` / `<router-link>` / 配置项指向 `/tools/*` 或 `/report-gen`。
+
+commit `5c0870a` 的 Chat 界面并非损坏，而是**入口全部指向 `/apps/*`**（渲染 `BusinessAppPage.vue`，内含 0 个聊天组件）。
+用户只能手动敲 URL 才能看到新界面。**这不是旧代码问题，是路由未接入。**
+
+### 5.3 阶段完成情况
+
+| 阶段 | 状态 | 说明 |
+|---|---|---|
+| 1. 路由接入 | ✅ 完成 | 新增 `chat-tools` 面；7 个 AI 工具入口；`/` 与登录后均落到 `/tools/smart-assistant` |
+| 2. 外壳重写 | ✅ 完成 | `MainLayout.vue` 重写为 WorkBuddy Shell |
+| 3. AI 工具逐页 | ⏳ 进行中 | 智能助手页面结构仍与预览有差异（大输入框未居中为主视觉） |
+| 4. 业务页统一视觉 | ⏳ 未开始 | |
+| 5. 命名替换 | ⏳ 部分 | `CLAUDE.md` / `global.css` / `Login.vue` 已改；`views/**` 存量待清 |
+| 6. 回归 | ⏳ 未开始 | |
+
+### 5.4 外壳落地细节（阶段 2）
+
+- 单一侧边栏 `220px`（折叠 `60px`），背景 `#f7f8fa`，含「新建任务」渐变按钮 / 分组导航 / 底部用户信息。
+- 极简顶栏 `48px` 移入主列，含标题 / 搜索 / 通知 / 账号菜单。
+- **已移除**：深蓝渐变顶栏、应用卡片左栏、底部运行面板（`bottomTabs`）。
+- 保留工作区页签（不在移除清单内）。
+- 侧边栏导航项**按 `router.resolve()` 校验可达性**后再渲染，避免配置项变成死链。
+
+### 5.5 侧边栏去重（重要）
+
+`ChatLayout.vue` 内部**自带一份与预览稿几乎一致的工作台侧边栏**（220px / `#f7f8fa`，含新建任务、助理、项目、专家·技能·连接器、定时任务、资料库、更多、任务列表）。
+外壳重写后，AI 工具页会**叠出两条 220px 侧边栏（共 440px）**。
+核查其后端支撑：
+
+- 导航项（助理/项目/定时任务/资料库/更多）仅 `emit` 事件，**无任何路由**，纯装饰。
+- 任务列表来自硬编码数组（`SmartAssistantPage.vue` 中 `taskItems = ref([...])`，`:history-count="5"` 为字面量），**系统内无会话存储**。
+- 唯一真实功能是「新建任务」→ `handleNewChat` 重置消息。
+
+**处置：** 全局外壳是唯一侧边栏。`ChatLayout` 新增 `showSidebar` 属性，**默认 `false`**；浮动折叠把手同样受控。
+外壳「新建任务」通过 `window` 事件 `wb:new-task` 广播，`ChatLayout` 监听后转 `newChat` 事件，
+使 6 个 AI 工具页无需各自改造即可保留重置行为。
+
+### 5.6 与预览稿的有意偏离
+
+预览稿顶栏含 `选择工作空间 ▾` / `默认权限 ▾`，侧边栏含「定时任务」「项目」。
+本系统**无对应数据与路由**，故不照搬，改用真实可达路由填充导航——不制造无功能的装饰元素。
+
+### 5.7 资料库降为一级入口 + 二级页签
+
+**需求：** 资料库作为「AI 工具」下的一级菜单；其下二级菜单改为页签（不再占用侧边栏）。
+
+**实现：**
+
+- 侧边栏「AI 工具」组新增单一入口「资料库」，指向 `knowledgeLinks[0]`；
+  该入口带 `match: libraryRoutes`，在五个子路由任意一个下均保持高亮。
+- 原独立「资料库」分组移除（`knowledgeLinks` 五项不再逐条占位）。
+- 新增 `src/components/LibraryTabs.vue`：下划线式二级页签，位于内容区顶部、固定不随页面滚动；
+  可见子项 ≤1 时不渲染；`知识库管理` 沿用 `adminOnly` 过滤（非管理员看不到该页签）。
+
+**路由不变：** 五个子路由（`/knowledge-hub`、`/knowledge-management`、`/products`、`/courses`、`/company-train`）
+保持原路径，深链与站内既有跳转不受影响——本次仅调整信息架构，未改路由表。
+
+**内容区调整：** `.wb-content` 由 `overflow:auto` 改为 flex 列 + 内层 `.wb-content-scroll` 承担滚动，
+使二级页签固定。页面自身滚动行为不变。
+
+### 5.8 待处理
+
+- **`/apps/*` 退役**：涉及 `BusinessAppPage.vue`、`businessApps` 配置、`workbench` store 持久化的 `openTabs`（默认值仍为 `/home`）。
+- **配置与路由不一致（既有缺陷）**：`businessApps` 有 10 项，路由仅定义 7 条 `/apps/*`。
+  `logistics-fulfillment`、`hr-email-sorter`、`resume-processor` 三项**无路由**，且旧左栏（`getBusinessAppsByTier('industry')`，5 项中 3 项无路由）本就在渲染死链。
+  当前已在渲染层过滤；配置层清理随 `/apps/*` 退役一并处理。
+- `guards.js` 非管理员回退仍指向 `/home`（`5.3` 阶段 4 一并处理）。
diff --git a/docs/08_Design_Rules/README.md b/docs/08_Design_Rules/README.md
index 4215c77..d64a442 100644
--- a/docs/08_Design_Rules/README.md
+++ b/docs/08_Design_Rules/README.md
@@ -13,3 +13,4 @@
 | `DR01_Theme_System.md` | 主题系统（Element Plus 变量覆盖） |
 | `DR02_Navigation_Rules.md` | 导航规则（菜单/权限显示/路由守卫） |
 | `DR03_Interaction_Rules.md` | 交互规范（按钮状态/反馈/弹窗） |
+| `DR04_ChatFirst_Redesign.md` | 全局 Chat-First（WorkBuddy 风格）改造方案 |
diff --git a/eai_agentplatform/CLAUDE.md b/eai_agentplatform/CLAUDE.md
index 7f90652..812e37b 100644
--- a/eai_agentplatform/CLAUDE.md
+++ b/eai_agentplatform/CLAUDE.md
@@ -1,8 +1,8 @@
-# eai_agentplatform_app 博昇内部培训平台
+# eai_agentplatform_app EAI 数字员工平台（AI Agent Platform）
 
-纯内网本地化、内部专属员工培训系统。
-用于新人入职培训、公司认知、产品知识学习、销售能力培训、统一考试验收。
-配套全局 AI 助教 PathCoach，提供答疑、产品查询、销售情景演练。
+纯内网本地化的企业 AI 数字员工平台。
+围绕数字员工（专员）、知识库底座、自动化工坊、考试评估与系统管理组织业务能力。
+配套全局 AI 助手，提供答疑、知识查询、任务拆解与业务工具。
 
 ## 技术栈
 
diff --git a/eai_agentplatform/PROJECT_STATE.md b/eai_agentplatform/PROJECT_STATE.md
index d0b356a..860863a 100644
--- a/eai_agentplatform/PROJECT_STATE.md
+++ b/eai_agentplatform/PROJECT_STATE.md
@@ -5,9 +5,9 @@
 
 ## 1. 项目是什么
 
-**eai_agentplatform_app** — 博昇内部培训平台。
-纯内网本地化、内部专属员工培训系统，用于新人入职培训、公司认知、产品知识学习、
-销售能力培训、统一考试验收。配套全局 AI 助教 PathCoach。
+**eai_agentplatform_app** — EAI 数字员工平台（AI Agent Platform）。
+纯内网本地化的企业 AI 数字员工平台，围绕数字员工（专员）、知识库底座、自动化工坊、
+考试评估与系统管理组织业务能力。配套全局 AI 助手。
 
 ## 2. 当前状态
 
diff --git a/eai_agentplatform/backend-go/internal/api/ai_chat.go b/eai_agentplatform/backend-go/internal/api/ai_chat.go
index 0463c0a..172f1ac 100644
--- a/eai_agentplatform/backend-go/internal/api/ai_chat.go
+++ b/eai_agentplatform/backend-go/internal/api/ai_chat.go
@@ -197,7 +197,7 @@ func ChatMessage(c *gin.Context) {
 func buildSystemPrompt(ctx map[string]any, knowledge []string) string {
 	ctxJSON, _ := json.Marshal(ctx)
 	kc := strings.Join(knowledge, "\n\n")
-	return fmt.Sprintf(`你是博昇内部培训平台的 AI 助教 PathCoach。
+	return fmt.Sprintf(`你是 EAI 数字员工平台的 AI 助手。
 
 职责：
 1. 解答公司介绍、产品知识、佣金规则、销售话术、业务规则相关问题
diff --git a/eai_agentplatform/backend-go/internal/api/essay_grade.go b/eai_agentplatform/backend-go/internal/api/essay_grade.go
index 92a72cf..b24bef4 100644
--- a/eai_agentplatform/backend-go/internal/api/essay_grade.go
+++ b/eai_agentplatform/backend-go/internal/api/essay_grade.go
@@ -17,7 +17,7 @@ func gradeEssay(userID uint, stem, rubric, userAnswer string) (float64, string,
 	if err != nil {
 		return 0, "", err
 	}
-	systemPrompt := "你是培训平台阅卷老师。请严格依据「评分标准」对学员的简答题答案打分。" +
+	systemPrompt := "你是数字员工平台的阅卷助手。请严格依据「评分标准」对学员的简答题答案打分。" +
 		"只输出一个 JSON 对象，格式：{\"score\": <0到1之间的得分率数字>, \"comment\": \"<一句中文评语>\"}。" +
 		"不要输出任何其他内容。"
 	userPrompt := "题目：" + stem + "\n评分标准：" + rubric + "\n学员答案：" + userAnswer
diff --git a/eai_agentplatform/backend-go/internal/api/report_gen.go b/eai_agentplatform/backend-go/internal/api/report_gen.go
index da929c8..15e7ca0 100644
--- a/eai_agentplatform/backend-go/internal/api/report_gen.go
+++ b/eai_agentplatform/backend-go/internal/api/report_gen.go
@@ -118,7 +118,7 @@ func retrieveReportKnowledge(topic string, spaceKey string) string {
 // promptReportWithSections 使用用户指定章节生成报告
 func promptReportWithSections(req ReportGenRequest, knowledge string) []reportChapter {
 	sectionsStr := strings.Join(req.Sections, "、")
-	systemPrompt := `你是博昇内部培训平台的报告生成引擎。你的任务是输出一份结构化的正式报告，语言为中文。`
+	systemPrompt := `你是 EAI 数字员工平台的报告生成引擎。你的任务是输出一份结构化的正式报告，语言为中文。`
 	userPrompt := fmt.Sprintf(`请围绕以下主题撰写一份正式报告。
 
 主题：%s
@@ -154,7 +154,7 @@ func promptReportWithSections(req ReportGenRequest, knowledge string) []reportCh
 
 // promptReportAutoChapters 让 LLM 自动规划报告章节
 func promptReportAutoChapters(req ReportGenRequest, knowledge string) []reportChapter {
-	systemPrompt := `你是博昇内部培训平台的报告生成引擎。先规划报告章节，再撰写内容。输出必须严格为 JSON 数组，不要输出其他内容。`
+	systemPrompt := `你是 EAI 数字员工平台的报告生成引擎。先规划报告章节，再撰写内容。输出必须严格为 JSON 数组，不要输出其他内容。`
 	userPrompt := fmt.Sprintf(`请围绕以下主题撰写一份正式报告。
 
 主题：%s
diff --git a/eai_agentplatform/frontend/index.html b/eai_agentplatform/frontend/index.html
index 84362f5..6da5bbd 100644
--- a/eai_agentplatform/frontend/index.html
+++ b/eai_agentplatform/frontend/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>博昇内部培训平台</title>
+    <title>数字员工平台 · EAI Agent Platform</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/eai_agentplatform/frontend/src/components/LibraryTabs.vue b/eai_agentplatform/frontend/src/components/LibraryTabs.vue
new file mode 100644
index 0000000..c489d17
--- /dev/null
+++ b/eai_agentplatform/frontend/src/components/LibraryTabs.vue
@@ -0,0 +1,80 @@
+<template>
+  <!-- Second-level navigation for 资料库. The sidebar carries a single 资料库
+       entry; the sections below it switch here instead of in the sidebar. -->
+  <nav v-if="visibleSections.length > 1" class="library-tabs">
+    <button
+      v-for="section in visibleSections"
+      :key="section.route"
+      class="library-tab"
+      :class="{ active: isCurrent(section.route) }"
+      :title="section.caption"
+      @click="router.push(section.route)"
+    >
+      {{ section.label }}
+    </button>
+  </nav>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useAuthStore } from '@/store/auth'
+import { knowledgeLinks } from '@/config/workbench'
+
+const route = useRoute()
+const router = useRouter()
+const auth = useAuthStore()
+
+const visibleSections = computed(() =>
+  knowledgeLinks.filter((section) => !section.adminOnly || auth.isAdmin)
+)
+
+function isCurrent(path) {
+  return route.path === path || route.path.startsWith(`${path}/`)
+}
+</script>
+
+<style scoped>
+.library-tabs {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0 20px;
+  background: #fff;
+  border-bottom: 1px solid #e8ecf1;
+  overflow-x: auto;
+}
+
+.library-tab {
+  position: relative;
+  border: none;
+  background: transparent;
+  padding: 12px 14px;
+  font-size: 13px;
+  color: #606266;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: color 0.15s;
+}
+
+.library-tab:hover {
+  color: #409eff;
+}
+
+.library-tab.active {
+  color: #409eff;
+  font-weight: 600;
+}
+
+.library-tab.active::after {
+  content: '';
+  position: absolute;
+  left: 14px;
+  right: 14px;
+  bottom: -1px;
+  height: 2px;
+  border-radius: 2px;
+  background: #409eff;
+}
+</style>
diff --git a/eai_agentplatform/frontend/src/components/chat/ChatLayout.vue b/eai_agentplatform/frontend/src/components/chat/ChatLayout.vue
index 5fd1edb..3ce95cd 100644
--- a/eai_agentplatform/frontend/src/components/chat/ChatLayout.vue
+++ b/eai_agentplatform/frontend/src/components/chat/ChatLayout.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="chat-layout" :class="{ 'sidebar-collapsed': sidebarCollapsed }">
-    <!-- Left sidebar: conversation history -->
-    <aside class="chat-sidebar" :class="{ collapsed: sidebarCollapsed }">
+    <!-- Left sidebar: conversation history.
+         Off by default: the global shell (MainLayout) owns the WorkBuddy sidebar,
+         so rendering this one too would stack two 220px sidebars. -->
+    <aside v-if="showSidebar" class="chat-sidebar" :class="{ collapsed: sidebarCollapsed }">
       <div class="sidebar-header">
         <button class="new-chat-btn" @click="$emit('newChat')">
           <span class="btn-icon">＋</span>
@@ -67,8 +69,8 @@
       </div>
     </aside>
 
-    <!-- Sidebar toggle handle -->
-    <div class="sidebar-toggle" @click="sidebarCollapsed = !sidebarCollapsed">
+    <!-- Sidebar toggle handle (only meaningful when the sidebar is shown) -->
+    <div v-if="showSidebar" class="sidebar-toggle" @click="sidebarCollapsed = !sidebarCollapsed">
       {{ sidebarCollapsed ? '▷' : '◁' }}
     </div>
 
@@ -79,7 +81,7 @@
         <!-- Welcome state -->
         <div v-if="!hasMessages" class="welcome-state">
           <slot name="welcome">
-            <div class="welcome-title">AI Tools, 我帮你</div>
+            <div class="welcome-title">我 Bosheng 数字员工，我帮你</div>
             <div class="welcome-subtitle">今天帮你做些什么？ @ 引用对话文件，/ 调用技能与指令</div>
           </slot>
         </div>
@@ -122,6 +124,12 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  // The global shell provides navigation and the 新建任务 action, so the
+  // page-level sidebar stays hidden unless a caller explicitly opts in.
+  showSidebar: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const emit = defineEmits([
@@ -141,11 +149,19 @@ function toggleHistory() {
 import { onMounted, onBeforeUnmount } from 'vue'
 onMounted(() => {
   window.addEventListener('resize', handleResize)
+  // The shell's 新建任务 button lives outside this component now, so it
+  // asks for a reset through a window event instead of a direct call.
+  window.addEventListener('wb:new-task', handleShellNewTask)
 })
 onBeforeUnmount(() => {
   window.removeEventListener('resize', handleResize)
+  window.removeEventListener('wb:new-task', handleShellNewTask)
 })
 
+function handleShellNewTask() {
+  emit('newChat')
+}
+
 function handleResize() {
   if (window.innerWidth < 768) {
     sidebarCollapsed.value = true
diff --git a/eai_agentplatform/frontend/src/config/workbench.js b/eai_agentplatform/frontend/src/config/workbench.js
index 1baeb80..90abbe5 100644
--- a/eai_agentplatform/frontend/src/config/workbench.js
+++ b/eai_agentplatform/frontend/src/config/workbench.js
@@ -1,10 +1,31 @@
+// AI 工具（Chat-First 主入口）—— 全部走 ChatLayout 聊天优先界面
+export const chatTools = [
+  { key: 'smart-assistant', label: '智能助手', caption: '对话 / 任务拆解 / 文案生成', route: '/home' },
+  { key: 'document-translate', label: '文档翻译', caption: '多语言翻译与导出', route: '/tools/document-translate' },
+  { key: 'copy-proofreading', label: '文案校对', caption: '错别字与语病检查', route: '/tools/copy-proofreading' },
+  { key: 'audio-transcribe', label: '语音转写', caption: '音频转文字', route: '/tools/audio-transcribe' },
+  { key: 'batch-extract', label: '批量提取', caption: '字段批量抽取', route: '/tools/batch-extract' },
+  { key: 'contract-review', label: '合同审查', caption: '条款完整性与风险评分', route: '/tools/contract-review' },
+  { key: 'report-generation', label: '报告生成', caption: '日报 / 周报 / 复盘', route: '/report-gen' },
+]
+
 export const topNavItems = [
-  { key: 'apps', label: '01 专员工作区', title: '专员工作区', route: '/home' },
-  { key: 'market', label: '02 专员市场', title: '专员市场', route: '/market', adminOnly: true },
-  { key: 'studio', label: '03 工坊', title: '工坊', route: '/studio', adminOnly: true },
-  { key: 'knowledge-app', label: '04 知识库应用', title: '知识库应用', route: '/knowledge-hub' },
-  { key: 'knowledge-admin', label: '05 知识库管理', title: '知识库管理', route: '/knowledge-management', adminOnly: true },
-  { key: 'console', label: '06 控制台', title: '控制台', route: '/console', adminOnly: true },
+  { key: 'chat-tools', label: 'AI 工具', title: 'AI 工具', route: '/home' },
+  { key: 'ziliaoku', label: '字料库', title: '字料库', route: '/knowledge-hub' },
+  { key: 'apps', label: '专员工作区', title: '专员工作区', route: '/home' },
+  { key: 'market', label: '专员市场', title: '专员市场', route: '/market', adminOnly: true },
+  { key: 'studio', label: '工坊', title: '工坊', route: '/studio', adminOnly: true },
+  { key: 'console', label: '控制台', title: '控制台', route: '/console', adminOnly: true },
+]
+
+// 字料库子级 Tab 导航（用于页面内 tab 切换）
+export const ziliaokuTabs = [
+  { key: 'chat-search', label: '知识问答', route: '/knowledge-hub' },
+  { key: 'knowledge-admin', label: '知识管理', route: '/knowledge-management' },
+  { key: 'product', label: '产品知识', route: '/products' },
+  { key: 'sales', label: '销售培训', route: '/courses' },
+  { key: 'company', label: '公司介绍', route: '/company-train' },
+  { key: 'materials', label: '素材审批', route: '/knowledge/material-approve' },
 ]
 
 export const businessApps = [
@@ -697,6 +718,7 @@ const genericSurfaceContext = {
 }
 
 export function getWorkbenchSurface(path) {
+  if (path.startsWith('/tools/') || path === '/report-gen') return 'chat-tools'
   if (path === '/knowledge-hub' || path.startsWith('/products') || path.startsWith('/courses') || path.startsWith('/company-train')) {
     return 'knowledge-app'
   }
diff --git a/eai_agentplatform/frontend/src/layout/MainLayout.vue b/eai_agentplatform/frontend/src/layout/MainLayout.vue
index c19fbd9..ee49731 100644
--- a/eai_agentplatform/frontend/src/layout/MainLayout.vue
+++ b/eai_agentplatform/frontend/src/layout/MainLayout.vue
@@ -1,43 +1,53 @@
 <template>
-  <div class="workbench-shell">
-    <header class="global-header">
-      <div class="brand-block" @click="router.push('/home')">
-        <div class="brand-mark">EAI</div>
-        <div>
-          <div class="brand-title">数字员工平台</div>
-          <div class="brand-subtitle">知识库固定 + 数字员工动态生长</div>
-        </div>
+  <div class="wb-shell">
+    <!-- ===== WORKBUDDY SIDEBAR ===== -->
+    <aside class="wb-sidebar" :class="{ collapsed: sidebarCollapsed }">
+      <div class="wb-sidebar-head">
+        <button class="wb-new-task" title="新建任务" @click="startNewTask">
+          <span class="wb-new-task-icon">＋</span>
+          <span v-if="!sidebarCollapsed" class="wb-new-task-text">新建任务</span>
+        </button>
       </div>
 
-      <div class="header-search">
-        <el-icon class="search-icon"><Search /></el-icon>
-        <input
-          class="search-input"
-          type="text"
-          placeholder="搜索专员、事项、交付物、证据、连接器..."
-        />
-      </div>
-
-      <div class="header-actions">
-        <div class="recent-chip">
-          <span class="chip-label">专员工作区</span>
-          <span class="chip-value">{{ currentTitle }}</span>
+      <nav class="wb-nav">
+        <div v-for="group in sidebarGroups" :key="group.key" class="wb-nav-group">
+          <div v-if="!sidebarCollapsed" class="wb-nav-group-label">{{ group.label }}</div>
+          <button
+            v-for="item in group.items"
+            :key="item.route"
+            class="wb-nav-item"
+            :class="{ active: isActive(item) }"
+            :title="item.label"
+            :aria-label="item.label"
+            @click="router.push(item.route)"
+          >
+            <span class="wb-nav-icon">
+              <el-icon><component :is="item.icon" /></el-icon>
+            </span>
+            <span v-if="!sidebarCollapsed" class="wb-nav-label">{{ item.label }}</span>
+          </button>
         </div>
+      </nav>
 
-        <el-badge :value="unread" :max="99" :hidden="unread === 0">
-          <el-button circle class="icon-btn" @click="router.push('/notifications')">
-            <el-icon><Bell /></el-icon>
-          </el-button>
-        </el-badge>
+      <div class="wb-sidebar-foot">
+        <button
+          class="wb-collapse-btn"
+          :title="sidebarCollapsed ? '展开侧边栏' : '收起侧边栏'"
+          :aria-label="sidebarCollapsed ? '展开侧边栏' : '收起侧边栏'"
+          @click="toggleSidebar"
+        >
+          {{ sidebarCollapsed ? '▷' : '◁' }}
+        </button>
 
-        <el-dropdown trigger="click">
-          <div class="user-chip">
-            <el-avatar :size="34">{{ avatarText }}</el-avatar>
-            <div class="user-meta">
-              <span class="user-name">{{ username }}</span>
-              <span class="user-role">{{ isAdmin ? '管理员' : '业务人员' }}</span>
-            </div>
-          </div>
+        <!-- Account lives in the bottom-left corner of the shell. -->
+        <el-dropdown trigger="click" placement="top-start">
+          <button class="wb-user" aria-label="账号">
+            <span class="wb-avatar">{{ avatarText }}</span>
+            <span v-if="!sidebarCollapsed" class="wb-user-meta">
+              <span class="wb-user-name">{{ username }}</span>
+              <span class="wb-user-role">{{ isAdmin ? '管理员' : '业务人员' }}</span>
+            </span>
+          </button>
           <template #dropdown>
             <el-dropdown-menu>
               <el-dropdown-item @click="router.push('/exam/my-profile')">我的资料</el-dropdown-item>
@@ -46,342 +56,47 @@
           </template>
         </el-dropdown>
       </div>
-    </header>
+    </aside>
 
-    <div class="shell-body">
-      <nav class="nav-sidebar" :class="{ collapsed: topNavCollapsed }">
-        <button
-          class="sidebar-toggle drawer-handle"
-          :title="topNavCollapsed ? '展开模块' : '收起模块'"
-          :aria-label="topNavCollapsed ? '展开模块' : '收起模块'"
-          @click="toggleTopNavCollapsed"
-        >
-          <span class="drawer-handle-grip" aria-hidden="true">
-            <span />
-            <span />
-            <span />
-          </span>
-          <el-icon class="drawer-handle-arrow" aria-hidden="true">
-            <ArrowRight v-if="topNavCollapsed" />
-            <ArrowLeft v-else />
-          </el-icon>
-        </button>
-        <template v-if="!topNavCollapsed">
+    <!-- ===== MAIN COLUMN ===== -->
+    <div class="wb-main">
+      <!-- Workspace tabs — the topmost row of the shell; no page title above them. -->
+      <div class="wb-tabs">
+        <div class="wb-tabs-list">
           <button
-            v-for="item in visibleTopNavItems"
-            :key="item.key"
-            class="nav-sidebar-item"
-            :class="{ active: activeSurface === item.key }"
-            @click="router.push(item.route)"
+            v-for="tab in openTabs"
+            :key="tab.route"
+            class="wb-tab"
+            :class="{ active: route.path === tab.route }"
+            @click="router.push(tab.route)"
           >
-            <span class="nav-sidebar-item-main">
-              <span class="nav-icon-badge nav-icon-badge-inline">
-                <el-icon><component :is="topNavIcon(item)" /></el-icon>
-              </span>
-              <span>{{ item.label }}</span>
-            </span>
-          </button>
-        </template>
-        <template v-else>
-          <button
-            v-for="item in visibleTopNavItems"
-            :key="item.key"
-            class="nav-sidebar-icon-item"
-            :class="{ active: activeSurface === item.key }"
-            :title="item.title || item.label"
-            :aria-label="item.title || item.label"
-            @click="router.push(item.route)"
-          >
-            <span class="nav-icon-badge">
-              <el-icon><component :is="topNavIcon(item)" /></el-icon>
-            </span>
-          </button>
-        </template>
-      </nav>
-
-      <div class="workspace-area">
-        <div class="workspace-tabs">
-        <button
-          v-for="tab in openTabs"
-          :key="tab.route"
-          class="workspace-tab"
-          :class="{ active: route.path === tab.route }"
-          @click="router.push(tab.route)"
-        >
-          <span>{{ tab.label }}</span>
-          <el-icon
-            v-if="tab.closable"
-            class="close-icon"
-            @click.stop="closeTab(tab.route)"
-          >
-            <Close />
-          </el-icon>
-        </button>
-      </div>
-
-      <div class="workspace-body">
-        <aside v-if="activeSurface === 'apps'" class="left-rail" :class="{ collapsed: appRailCollapsed }">
-          <button
-            class="drawer-handle"
-            :title="appRailCollapsed ? '展开专员工作区' : '收起专员工作区'"
-            :aria-label="appRailCollapsed ? '展开专员工作区' : '收起专员工作区'"
-            @click="toggleAppRailCollapsed"
-          >
-            <span class="drawer-handle-grip" aria-hidden="true">
-              <span />
-              <span />
-              <span />
-            </span>
-            <el-icon class="drawer-handle-arrow" aria-hidden="true">
-              <ArrowRight v-if="appRailCollapsed" />
-              <ArrowLeft v-else />
+            <span>{{ tab.label }}</span>
+            <el-icon
+              v-if="tab.closable"
+              class="wb-tab-close"
+              @click.stop="closeTab(tab.route)"
+            >
+              <Close />
             </el-icon>
           </button>
-          <template v-if="!appRailCollapsed">
-          <section class="rail-section">
-            <div class="section-header">
-              <span>专员工作区</span>
-              <span class="section-caption">通用专员 + 行业专员</span>
-            </div>
-            <div class="specialist-group-label">通用专员</div>
-            <button
-              v-for="app in genericApps"
-              :key="app.key"
-              class="app-card"
-              :class="{ active: route.path === app.route }"
-              @click="router.push(app.route)"
-            >
-              <div class="app-card-top">
-                <div class="app-card-title">
-                  <span class="rail-icon-badge rail-icon-badge-inline">
-                    <el-icon><component :is="railItemIcon(app, 'app')" /></el-icon>
-                  </span>
-                  <span class="app-name">{{ app.label }}</span>
-                </div>
-                <div class="app-card-tags">
-                  <span class="app-worker-type">{{ app.workerType === 'adw' ? 'ADW' : 'DW' }}</span>
-                  <span class="app-stage" :style="{ color: app.color }">{{ app.stage }}</span>
-                </div>
-              </div>
-              <div class="app-summary">{{ app.summary }}</div>
-              <div class="app-meta">
-                <span>{{ app.status }}</span>
-                <span>{{ app.risk }}</span>
-              </div>
-              <div class="progress-track">
-                <div class="progress-fill" :style="{ width: `${app.progress}%`, background: app.color }" />
-              </div>
+        </div>
+
+        <div class="wb-tabs-actions">
+          <el-badge :value="unread" :max="99" :hidden="unread === 0">
+            <button class="wb-icon-btn" aria-label="通知" @click="router.push('/notifications')">
+              <el-icon><Bell /></el-icon>
             </button>
-            <div class="specialist-group-label">行业专员</div>
-            <button
-              v-for="app in industryApps"
-              :key="app.key"
-              class="app-card"
-              :class="{ active: route.path === app.route }"
-              @click="router.push(app.route)"
-            >
-              <div class="app-card-top">
-                <div class="app-card-title">
-                  <span class="rail-icon-badge rail-icon-badge-inline">
-                    <el-icon><component :is="railItemIcon(app, 'app')" /></el-icon>
-                  </span>
-                  <span class="app-name">{{ app.label }}</span>
-                </div>
-                <div class="app-card-tags">
-                  <span class="app-worker-type">{{ app.workerType === 'adw' ? 'ADW' : 'DW' }}</span>
-                  <span class="app-stage" :style="{ color: app.color }">{{ app.stage }}</span>
-                </div>
-              </div>
-              <div class="app-summary">{{ app.summary }}</div>
-              <div class="app-meta">
-                <span>{{ app.status }}</span>
-                <span>{{ app.risk }}</span>
-              </div>
-              <div class="progress-track">
-                <div class="progress-fill" :style="{ width: `${app.progress}%`, background: app.color }" />
-              </div>
-            </button>
-          </section>
-
-          <section class="rail-section">
-            <div class="section-header">
-              <span>知识库</span>
-              <span class="section-caption">固定入口</span>
-            </div>
-            <button
-              v-for="item in visibleKnowledgeLinks"
-              :key="item.route"
-              class="rail-link"
-              :class="{ active: route.path === item.route }"
-              @click="router.push(item.route)"
-            >
-              <span class="rail-link-main">
-                <span class="rail-icon-badge rail-icon-badge-inline">
-                  <el-icon><component :is="railItemIcon(item, 'knowledge')" /></el-icon>
-                </span>
-                <span class="rail-link-text">
-                  <span>{{ item.label }}</span>
-                  <small>{{ item.caption }}</small>
-                </span>
-              </span>
-            </button>
-          </section>
-
-          <section v-if="currentCases.length" class="rail-section">
-            <div class="section-header">
-              <span>当前事项</span>
-              <span class="section-caption">{{ workspaceDescriptor?.title }}</span>
-            </div>
-            <button
-              v-for="item in currentCases"
-              :key="item.id"
-              class="case-card"
-              :class="{ active: item.id === selectedCaseId }"
-              @click="workbench.setSelectedCase(appKey, item.id)"
-            >
-              <div class="case-top">
-                <div class="case-title-wrap">
-                  <span class="rail-icon-badge rail-icon-badge-inline rail-icon-badge-case">
-                    <el-icon><component :is="railItemIcon(item, 'case')" /></el-icon>
-                  </span>
-                  <span class="case-title">{{ item.title }}</span>
-                </div>
-                <span class="case-priority">{{ item.priority }}</span>
-              </div>
-              <div class="case-summary">{{ item.summary }}</div>
-              <div class="case-meta">
-                <span>{{ item.owner }}</span>
-                <span>{{ item.due }}</span>
-              </div>
-            </button>
-          </section>
-
-          <section v-if="visibleBackendLinks.length" class="rail-section rail-section-backend">
-            <div class="section-header">
-              <span>后台</span>
-              <span class="section-caption">配置与运维</span>
-            </div>
-            <button
-              v-for="item in visibleBackendLinks"
-              :key="item.route"
-              class="rail-link backend-link"
-              :class="{ active: route.path === item.route }"
-              @click="router.push(item.route)"
-            >
-              <span class="rail-link-main">
-                <span class="rail-icon-badge rail-icon-badge-inline">
-                  <el-icon><component :is="railItemIcon(item, 'backend')" /></el-icon>
-                </span>
-                <span class="rail-link-text">
-                  <span>{{ item.label }}</span>
-                </span>
-              </span>
-            </button>
-          </section>
-          </template>
-          <template v-else>
-            <div class="rail-icon-group">
-              <button
-                v-for="app in [...genericApps, ...industryApps]"
-                :key="app.key"
-                class="rail-icon-item"
-                :class="{ active: route.path === app.route }"
-                :title="app.label"
-                :aria-label="app.label"
-                @click="router.push(app.route)"
-              >
-                <span class="rail-icon-badge">
-                  <el-icon><component :is="railItemIcon(app, 'app')" /></el-icon>
-                </span>
-              </button>
-            </div>
-
-            <div class="rail-icon-group" v-if="visibleKnowledgeLinks.length">
-              <button
-                v-for="item in visibleKnowledgeLinks"
-                :key="item.route"
-                class="rail-icon-item rail-icon-item-muted"
-                :class="{ active: route.path === item.route }"
-                :title="item.label"
-                :aria-label="item.label"
-                @click="router.push(item.route)"
-              >
-                <span class="rail-icon-badge">
-                  <el-icon><component :is="railItemIcon(item, 'knowledge')" /></el-icon>
-                </span>
-              </button>
-            </div>
-
-            <div class="rail-icon-group" v-if="currentCases.length">
-              <button
-                v-for="item in currentCases"
-                :key="item.id"
-                class="rail-icon-item rail-icon-item-case"
-                :class="{ active: item.id === selectedCaseId }"
-                :title="item.title"
-                :aria-label="item.title"
-                @click="workbench.setSelectedCase(appKey, item.id)"
-              >
-                <span class="rail-icon-badge">
-                  <el-icon><component :is="railItemIcon(item, 'case')" /></el-icon>
-                </span>
-              </button>
-            </div>
-
-            <div class="rail-icon-group" v-if="visibleBackendLinks.length">
-              <button
-                v-for="item in visibleBackendLinks"
-                :key="item.route"
-                class="rail-icon-item rail-icon-item-muted"
-                :class="{ active: route.path === item.route }"
-                :title="item.label"
-                :aria-label="item.label"
-                @click="router.push(item.route)"
-              >
-                <span class="rail-icon-badge">
-                  <el-icon><component :is="railItemIcon(item, 'backend')" /></el-icon>
-                </span>
-              </button>
-            </div>
-          </template>
-        </aside>
-
-        <main class="workspace-column">
-          <div class="workspace-stage">
-            <router-view />
-          </div>
-
-          <div class="bottom-panel" :class="{ expanded: bottomOpen }">
-            <div class="bottom-panel-header">
-              <div class="bottom-panel-tabs">
-                <button
-                  v-for="tab in bottomTabs"
-                  :key="tab.key"
-                  class="bottom-tab"
-                  :class="{ active: activeBottomTab === tab.key }"
-                  @click="activeBottomTab = tab.key"
-                >
-                  {{ tab.label }}
-                </button>
-              </div>
-              <el-button text @click="bottomOpen = !bottomOpen">
-                {{ bottomOpen ? '收起运行面板' : '展开运行面板' }}
-              </el-button>
-            </div>
-
-            <div v-if="bottomOpen" class="bottom-panel-body">
-              <div
-                v-for="item in activeBottomItems"
-                :key="item"
-                class="bottom-log-item"
-              >
-                {{ item }}
-              </div>
-            </div>
-          </div>
-        </main>
-      </div>
+          </el-badge>
+        </div>
       </div>
+
+      <!-- Content -->
+      <main class="wb-content">
+        <LibraryTabs v-if="inLibrary" />
+        <div class="wb-content-scroll">
+          <router-view />
+        </div>
+      </main>
     </div>
   </div>
 </template>
@@ -389,7 +104,12 @@
 <script setup>
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { ArrowLeft, ArrowRight, Bell, Close, Search, Menu, ShoppingBag, Tools, Reading, FolderOpened, Monitor, User, Setting, Files, EditPen } from '@element-plus/icons-vue'
+import {
+  Bell, Close, Menu, ShoppingBag, Tools, FolderOpened,
+  Monitor, User, Setting, Files, EditPen, ChatDotRound, Document,
+  Microphone, DataAnalysis, DocumentChecked, Tickets,
+} from '@element-plus/icons-vue'
+import LibraryTabs from '@/components/LibraryTabs.vue'
 import { useAuthStore } from '@/store/auth'
 import { useNotificationStore } from '@/store/notification'
 import { useWorkbenchStore } from '@/store/workbench'
@@ -397,16 +117,11 @@ import { useWorkerRuntimeStore } from '@/store/workerRuntime'
 import { listSpecialists } from '@/api/specialist'
 import {
   businessApps,
-  getBusinessAppsByTier,
+  chatTools,
   getAppCases,
   getDefaultCaseId,
-  getWorkbenchSurface,
-  getWorkspaceDescriptor,
-  getWorkspaceSnapshot,
-  getVisibleBackendLinks,
-  getVisibleTopNavItems,
-  secondaryNavItems,
   knowledgeLinks,
+  secondaryNavItems,
 } from '@/config/workbench'
 
 const route = useRoute()
@@ -416,18 +131,115 @@ const notif = useNotificationStore()
 const workbench = useWorkbenchStore()
 const workerRuntime = useWorkerRuntimeStore()
 
-const bottomTabs = [
-  { key: 'timeline', label: 'Timeline' },
-  { key: 'replay', label: 'Replay' },
-  { key: 'trace', label: 'Trace' },
-  { key: 'logs', label: 'Logs' },
-]
-
 const isAdmin = computed(() => auth.isAdmin)
 const username = computed(() => auth.username || '同事')
 const avatarText = computed(() => username.value.charAt(0))
 const unread = computed(() => notif.unread)
-const activeSurface = computed(() => getWorkbenchSurface(route.path))
+
+const sidebarCollapsed = ref(localStorage.getItem('wb-sidebar-collapsed') === '1')
+
+// 资料库 sections live behind a single sidebar entry and switch via tabs.
+const libraryRoutes = knowledgeLinks.map((section) => section.route)
+const inLibrary = computed(() =>
+  libraryRoutes.some((path) => route.path === path || route.path.startsWith(`${path}/`))
+)
+
+const chatToolIconMap = {
+  'smart-assistant': ChatDotRound,
+  'document-translate': Document,
+  'copy-proofreading': EditPen,
+  'audio-transcribe': Microphone,
+  'batch-extract': DataAnalysis,
+  'contract-review': DocumentChecked,
+  'report-generation': Tickets,
+}
+
+// ===== Navigation model =====
+// Chat-first: AI 工具 leads. All other application routes remain reachable here.
+const sidebarGroups = computed(() => {
+  const groups = [
+    {
+      key: 'chat',
+      label: 'AI 工具',
+      items: [
+        ...chatTools.map((tool) => ({
+          label: tool.label,
+          route: tool.route,
+          icon: chatToolIconMap[tool.key] || ChatDotRound,
+        })),
+        // 资料库 is one first-level entry; its sections are tabs (LibraryTabs).
+        // `match` keeps it lit while any section is open.
+        { label: '资料库', route: libraryRoutes[0], icon: FolderOpened, match: libraryRoutes },
+      ],
+    },
+    {
+      key: 'apps',
+      label: '专员工作区',
+      items: businessApps.map((app) => ({
+        label: app.label,
+        route: app.route,
+        icon: User,
+      })),
+    },
+    {
+      key: 'expert',
+      label: '专家 · 技能 · 连接器',
+      items: [
+        isAdmin.value && { label: '专员市场', route: '/market', icon: ShoppingBag },
+        isAdmin.value && { label: '工坊', route: '/studio', icon: Tools },
+      ].filter(Boolean),
+    },
+    {
+      key: 'exam',
+      label: '考试评估',
+      items: [
+        { label: '自测练习', route: '/exam/self-test', icon: EditPen },
+        { label: '正式考试', route: '/exam/formal', icon: EditPen },
+        { label: '我的记录', route: '/exam/my-records', icon: Files },
+        { label: '我的错题', route: '/exam/my-mistakes', icon: Files },
+        { label: '我的证书', route: '/exam/my-certificates', icon: Files },
+        { label: '我的岗位', route: '/exam/my-position', icon: User },
+        { label: '排行榜', route: '/exam/leaderboard', icon: Monitor },
+      ],
+    },
+    {
+      key: 'admin',
+      label: '后台管理',
+      items: isAdmin.value
+        ? [
+            { label: '控制台', route: '/console', icon: Monitor },
+            { label: '素材管理', route: '/knowledge/materials', icon: Files },
+            { label: '素材审批', route: '/knowledge/audit', icon: Files },
+            { label: '题库管理', route: '/knowledge/questions', icon: Files },
+            { label: '成绩查询', route: '/knowledge/exam-records', icon: Files },
+            { label: '用户管理', route: '/system/users', icon: Setting },
+            { label: '部门管理', route: '/system/departments', icon: Setting },
+            { label: '岗位管理', route: '/system/positions', icon: Setting },
+            { label: '公司配置', route: '/system/company-config', icon: Setting },
+            { label: '系统配置', route: '/system/config', icon: Setting },
+            { label: 'AI 用量', route: '/system/ai-usage', icon: Setting },
+          ]
+        : [],
+    },
+    {
+      key: 'me',
+      label: '我的',
+      items: [
+        { label: '工作台总览', route: '/overview', icon: Menu },
+        { label: '我的资料', route: '/exam/my-profile', icon: User },
+      ],
+    },
+  ]
+  // Only surface destinations the router can actually resolve — config entries
+  // for not-yet-built specialists must not become dead nav links.
+  return groups
+    .map((group) => ({ ...group, items: group.items.filter((item) => isRoutable(item.route)) }))
+    .filter((group) => group.items.length)
+})
+
+const openTabs = computed(() => workbench.openTabs)
+
+// ===== Worker runtime context (used by workspace surfaces) =====
 const appKey = computed(() => route.meta.workspaceKey || '')
 const runtimeCases = computed(() => workerRuntime.tasksBySpecialist[appKey.value] || [])
 const currentCases = computed(() => {
@@ -449,49 +261,6 @@ const selectedCaseId = computed(() => {
   return workbench.selectedCases[appKey.value] || currentCases.value[0]?.id || getDefaultCaseId(appKey.value)
 })
 const remoteSpecialists = ref([])
-const workspaceDescriptor = computed(() => getWorkspaceDescriptor(route.path, selectedCaseId.value))
-const workspaceSnapshot = computed(() => getWorkspaceSnapshot(route.path, selectedCaseId.value))
-const currentTaskDetail = computed(() => workerRuntime.detailByTask[String(selectedCaseId.value)] || null)
-const visibleTopNavItems = computed(() => getVisibleTopNavItems(isAdmin.value))
-const visibleBackendLinks = computed(() => getVisibleBackendLinks(isAdmin.value))
-const visibleKnowledgeLinks = computed(() => knowledgeLinks.filter((item) => !item.adminOnly || isAdmin.value))
-const genericApps = computed(() => {
-  const items = remoteSpecialists.value.filter(item => item.tier === 'generic')
-  return items.length ? items : getBusinessAppsByTier('generic')
-})
-const industryApps = computed(() => {
-  const items = remoteSpecialists.value.filter(item => item.tier === 'industry')
-  return items.length ? items : getBusinessAppsByTier('industry')
-})
-const openTabs = computed(() => workbench.openTabs)
-const activeBottomTab = computed({
-  get: () => workbench.activeBottomTab,
-  set: (value) => workbench.setActiveBottomTab(value),
-})
-const bottomOpen = computed({
-  get: () => workbench.bottomOpen,
-  set: (value) => workbench.setBottomOpen(value),
-})
-const topNavCollapsed = ref(localStorage.getItem('workbench-top-nav-collapsed') !== '0')
-const appRailCollapsed = ref(localStorage.getItem('workbench-app-rail-collapsed') !== '0')
-const topNavIconMap = {
-  apps: Menu,
-  market: ShoppingBag,
-  studio: Tools,
-  'knowledge-app': Reading,
-  'knowledge-admin': FolderOpened,
-  console: Monitor,
-}
-
-const currentTitle = computed(() => {
-  const currentNav = visibleTopNavItems.value.find((item) => item.key === activeSurface.value)
-  return currentNav?.title || currentNav?.label || '工作台'
-})
-
-const activeBottomItems = computed(() => {
-  const panel = currentTaskDetail.value?.bottom_panel || workspaceSnapshot.value?.bottomPanel || {}
-  return panel[activeBottomTab.value] || []
-})
 
 let timer = null
 
@@ -546,6 +315,14 @@ watch(
 watch(
   () => route.path,
   (path) => {
+    // 智能助手 is the front door: one pinned, non-closable tab at /home.
+    // Handled before the tool lookup below, which would otherwise match its
+    // chatTools entry and open a second, closable tab.
+    if (path === '/home') {
+      workbench.ensureTab({ route: '/home', label: '智能助手', closable: false })
+      return
+    }
+
     const app = businessApps.find((item) => item.route === path)
     if (app) {
       workbench.ensureTab({ route: path, label: app.label, closable: true })
@@ -563,13 +340,49 @@ watch(
       return
     }
 
-    if (path === '/home') {
-      workbench.ensureTab({ route: '/home', label: '工作台总览', closable: false })
+    // chat-first tools open tabs too, so they behave like every other surface
+    const tool = chatTools.find((item) => item.route === path)
+    if (tool) {
+      workbench.ensureTab({ route: path, label: tool.label, closable: true })
+      return
+    }
+
+    if (path === '/overview') {
+      workbench.ensureTab({ route: '/overview', label: '工作台总览', closable: true })
     }
   },
   { immediate: true }
 )
 
+function isRoutable(path) {
+  try {
+    return router.resolve(path).matched.length > 0
+  } catch (error) {
+    return false
+  }
+}
+
+function isActive(item) {
+  if (item.match?.includes(route.path)) return true
+  const path = item.route
+  if (path === '/home') return route.path === '/home'
+  return route.path === path || route.path.startsWith(`${path}/`)
+}
+
+function toggleSidebar() {
+  sidebarCollapsed.value = !sidebarCollapsed.value
+  localStorage.setItem('wb-sidebar-collapsed', sidebarCollapsed.value ? '1' : '0')
+}
+
+function startNewTask() {
+  if (route.path === '/home') {
+    // already on the assistant — let the page reset itself
+    window.dispatchEvent(new CustomEvent('wb:new-task'))
+    return
+  }
+  router.push('/home')
+}
+
 function closeTab(path) {
   const tabs = openTabs.value
   const index = tabs.findIndex((tab) => tab.route === path && tab.closable)
@@ -623,754 +436,360 @@ function formatDueAt(value) {
   const minute = `${date.getMinutes()}`.padStart(2, '0')
   return `${month}-${day} ${hour}:${minute}`
 }
-
-function topNavIcon(item) {
-  return topNavIconMap[item?.key] || Menu
-}
-
-function railItemIcon(target, kind = 'app') {
-  if (kind === 'knowledge') return Reading
-  if (kind === 'backend') return Setting
-  if (kind === 'case') return Files
-
-  const text = [
-    target?.key,
-    target?.route,
-    target?.label,
-    target?.title,
-  ]
-    .filter(Boolean)
-    .join(' ')
-    .toLowerCase()
-
-  if (text.includes('official-account') || text.includes('公众号')) return EditPen
-  if (text.includes('knowledge') || text.includes('知识库')) return Reading
-  if (text.includes('console') || text.includes('admin') || text.includes('manage') || text.includes('配置')) return Setting
-  if (text.includes('market') || text.includes('市场')) return ShoppingBag
-  if (text.includes('studio') || text.includes('工坊')) return Tools
-  return User
-}
-
-function toggleTopNavCollapsed() {
-  topNavCollapsed.value = !topNavCollapsed.value
-  localStorage.setItem('workbench-top-nav-collapsed', topNavCollapsed.value ? '1' : '0')
-}
-
-function toggleAppRailCollapsed() {
-  appRailCollapsed.value = !appRailCollapsed.value
-  localStorage.setItem('workbench-app-rail-collapsed', appRailCollapsed.value ? '1' : '0')
-}
 </script>
 
 <style scoped>
-.workbench-shell {
+/* ===== SHELL ===== */
+.wb-shell {
   height: 100vh;
   display: flex;
-  flex-direction: column;
-  background: #eef3f8;
+  background: #f0f2f5;
 }
 
-.global-header {
-  height: 72px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 20px;
-  padding: 0 24px;
-  background: linear-gradient(135deg, #132238 0%, #1d3557 45%, #244a7a 100%);
-  color: #fff;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
-}
-
-.brand-block {
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  cursor: pointer;
-}
-
-.brand-mark {
-  width: 42px;
-  height: 42px;
-  border-radius: 14px;
-  background: linear-gradient(135deg, #5ab2ff 0%, #8ed0ff 100%);
-  color: #0d223a;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 800;
-  letter-spacing: 0.6px;
-}
-
-.brand-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-
-.brand-subtitle {
-  font-size: 12px;
-  color: rgba(255, 255, 255, 0.75);
-}
-
-.header-search {
-  flex: 1;
-  max-width: 560px;
-  position: relative;
-}
-
-.search-icon {
-  position: absolute;
-  left: 14px;
-  top: 50%;
-  transform: translateY(-50%);
-  color: rgba(255, 255, 255, 0.64);
-}
-
-.search-input {
-  width: 100%;
-  height: 44px;
-  border-radius: 999px;
-  border: 1px solid rgba(255, 255, 255, 0.14);
-  background: rgba(255, 255, 255, 0.08);
-  color: #fff;
-  padding: 0 16px 0 42px;
-  outline: none;
-  font-size: 14px;
-}
-
-.search-input::placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-
-.header-actions {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.recent-chip {
+/* ===== SIDEBAR ===== */
+.wb-sidebar {
+  width: 220px;
+  min-width: 220px;
+  background: #f7f8fa;
+  border-right: 1px solid #e8ecf1;
   display: flex;
   flex-direction: column;
-  gap: 2px;
-  padding: 8px 12px;
-  border-radius: 14px;
-  background: rgba(255, 255, 255, 0.08);
-}
-
-.chip-label {
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.4px;
-  color: rgba(255, 255, 255, 0.58);
-}
-
-.chip-value {
-  font-size: 13px;
-  color: #fff;
-  max-width: 220px;
-  white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.icon-btn {
-  background: rgba(255, 255, 255, 0.08);
-  border-color: rgba(255, 255, 255, 0.12);
-  color: #fff;
-}
-
-.user-chip {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 6px 8px;
-  border-radius: 999px;
-  background: rgba(255, 255, 255, 0.08);
-  cursor: pointer;
-}
-
-.user-meta {
-  display: flex;
-  flex-direction: column;
-  line-height: 1.2;
-}
-
-.user-name {
-  font-size: 13px;
-  font-weight: 600;
-  color: #fff;
-}
-
-.user-role {
-  font-size: 11px;
-  color: rgba(255, 255, 255, 0.66);
-}
-
-.nav-sidebar {
-  width: 200px;
-  min-width: 200px;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 20px 12px;
-  background: #fff;
-  border-right: 1px solid var(--surface-border);
-  transition: width 0.22s ease, min-width 0.22s ease, padding 0.22s ease;
-}
-
-.nav-sidebar.collapsed {
-  width: 64px;
-  min-width: 64px;
-  padding: 16px 8px;
-}
-
-.sidebar-toggle {
-  width: 48px;
-  min-height: 60px;
-  border: none;
-  border-radius: 14px;
-  padding: 6px 4px;
-  background: linear-gradient(180deg, #eff6ff 0%, #e0ecff 100%);
-  color: #2563eb;
-  cursor: pointer;
-  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 auto 6px;
-}
-
-.drawer-handle {
-  width: 18px;
-  min-height: 76px;
-  padding: 8px 0;
-  margin: 0 2px 8px auto;
-  border-radius: 999px;
-  background: linear-gradient(180deg, #f8fbff 0%, #e8f0ff 100%);
-  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.2);
-  display: inline-flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.drawer-handle:hover {
-  color: #1d4ed8;
-  transform: translateX(1px);
-}
-
-.nav-sidebar.collapsed .drawer-handle {
-  margin: 0 auto 8px;
-}
-
-.left-rail.collapsed .drawer-handle {
-  margin: 0 auto 8px;
-}
-
-.drawer-handle-grip {
-  display: inline-flex;
-  flex-direction: column;
-  gap: 4px;
-  align-items: center;
-}
-
-.drawer-handle-grip span {
-  width: 8px;
-  height: 2px;
-  border-radius: 999px;
-  background: currentColor;
-  opacity: 0.55;
-}
-
-.drawer-handle-arrow {
-  font-size: 10px;
-}
-
-.nav-sidebar-item {
-  border: none;
-  background: transparent;
-  padding: 12px 14px;
-  border-radius: 10px;
-  font-size: 14px;
-  font-weight: 600;
-  color: #61758a;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  text-align: left;
-}
-
-.nav-sidebar-item-main {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.nav-sidebar-item:hover,
-.nav-sidebar-item.active {
-  background: rgba(64, 158, 255, 0.1);
-  color: var(--el-color-primary);
-}
-
-.nav-sidebar-icon-item {
-  width: 48px;
-  height: 48px;
-  margin: 0 auto;
-  border: none;
-  border-radius: 14px;
-  background: transparent;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.nav-sidebar-icon-item:hover,
-.nav-sidebar-icon-item.active {
-  background: rgba(64, 158, 255, 0.1);
-}
-
-.nav-icon-badge,
-.rail-icon-badge {
-  width: 28px;
-  height: 28px;
-  border-radius: 10px;
-  background: rgba(37, 99, 235, 0.12);
-  color: #2563eb;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 1;
-}
-
-.nav-icon-badge :deep(.el-icon) {
-  font-size: 16px;
-}
-
-.rail-icon-badge :deep(.el-icon) {
-  font-size: 15px;
-}
-
-.nav-icon-badge-inline,
-.rail-icon-badge-inline {
+  transition: width 0.2s ease, min-width 0.2s ease;
   flex-shrink: 0;
 }
 
-.shell-body {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: row;
-  overflow: hidden;
+.wb-sidebar.collapsed {
+  width: 60px;
+  min-width: 60px;
 }
 
-.workspace-area {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
+.wb-sidebar-head {
+  padding: 14px 12px 10px;
+  flex-shrink: 0;
 }
 
-.workspace-body {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  overflow: hidden;
-}
-
-.left-rail {
-  width: 300px;
-  min-width: 300px;
-  padding: 18px 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  background: #f6f9fc;
-  border-right: 1px solid var(--surface-border);
-  overflow-y: auto;
-  transition: width 0.22s ease, min-width 0.22s ease, padding 0.22s ease;
-}
-
-.left-rail.collapsed {
-  width: 76px;
-  min-width: 76px;
-  padding: 18px 10px;
-  overflow: hidden;
-}
-
-.rail-icon-group {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 8px 0;
-  border-top: 1px solid rgba(148, 163, 184, 0.16);
-}
-
-.rail-icon-group:first-of-type {
-  border-top: none;
-  padding-top: 0;
-}
-
-.rail-icon-item {
-  width: 44px;
-  height: 44px;
-  margin: 0 auto;
-  border: none;
-  border-radius: 14px;
-  background: rgba(255, 255, 255, 0.92);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
-  transition: all 0.2s ease;
-}
-
-.rail-icon-item:hover,
-.rail-icon-item.active {
-  transform: translateY(-1px);
-  background: rgba(239, 246, 255, 0.98);
-  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.12);
-}
-
-.rail-icon-item.active .rail-icon-badge {
-  background: rgba(37, 99, 235, 0.18);
-}
-
-.rail-icon-item-muted .rail-icon-badge {
-  background: rgba(148, 163, 184, 0.14);
-  color: #475569;
-}
-
-.rail-icon-item-case .rail-icon-badge {
-  background: rgba(20, 184, 166, 0.14);
-  color: #0f766e;
-}
-
-.rail-section {
-  padding: 14px;
-  border-radius: 18px;
-  background: rgba(255, 255, 255, 0.9);
-  border: 1px solid rgba(228, 231, 237, 0.9);
-  box-shadow: 0 10px 22px rgba(31, 35, 41, 0.05);
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-  margin-bottom: 12px;
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--surface-text);
-}
-
-.section-caption {
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.4px;
-  color: #98a2b3;
-}
-
-.rail-link {
+.wb-new-task {
   width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 8px;
+  background: linear-gradient(135deg, #409eff 0%, #2b63d9 100%);
+  color: #fff;
   border: none;
-  background: transparent;
-  border-radius: 12px;
+  border-radius: 10px;
   padding: 10px 12px;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 3px;
-  cursor: pointer;
-  color: var(--surface-text);
-  transition: background 0.2s ease;
-}
-
-.rail-link-main {
-  display: inline-flex;
-  align-items: flex-start;
-  gap: 10px;
-  width: 100%;
-}
-
-.rail-link-text {
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-  min-width: 0;
-  text-align: left;
-}
-
-.rail-link small {
-  color: var(--surface-muted);
-  font-size: 12px;
-}
-
-.rail-link:hover,
-.rail-link.active {
-  background: rgba(64, 158, 255, 0.08);
-}
-
-.backend-link {
+  font-size: 13px;
   font-weight: 600;
-}
-
-.case-card {
-  width: 100%;
-  border: 1px solid rgba(228, 231, 237, 0.95);
-  background: #fff;
-  border-radius: 14px;
-  padding: 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 7px;
   cursor: pointer;
-  margin-bottom: 10px;
-  text-align: left;
-  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
+  transition: box-shadow 0.2s, transform 0.15s;
 }
 
-.case-card:hover,
-.case-card.active {
+.wb-new-task:hover {
+  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.35);
   transform: translateY(-1px);
-  border-color: rgba(64, 158, 255, 0.45);
-  box-shadow: 0 14px 24px rgba(64, 158, 255, 0.12);
 }
 
-.case-top,
-.case-meta {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
+.wb-sidebar.collapsed .wb-new-task {
+  justify-content: center;
+  padding: 10px 0;
 }
 
-.case-title-wrap {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  min-width: 0;
-}
-
-.case-title {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--surface-text);
-}
-
-.rail-icon-badge-case {
-  background: rgba(20, 184, 166, 0.14);
-  color: #0f766e;
-}
-
-.case-priority {
-  font-size: 12px;
-  font-weight: 700;
-  color: #f56c6c;
-}
-
-.case-summary {
-  font-size: 13px;
-  color: #526071;
-  line-height: 1.55;
-}
-
-.case-meta {
-  font-size: 12px;
-  color: var(--surface-muted);
-}
-
-.app-card {
-  width: 100%;
-  border: 1px solid rgba(228, 231, 237, 0.95);
-  background: #fff;
-  border-radius: 14px;
-  padding: 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  cursor: pointer;
-  margin-bottom: 10px;
-  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
-}
-
-.specialist-group-label {
-  margin: 6px 0 8px;
-  font-size: 12px;
-  font-weight: 700;
-  color: #7a8694;
-}
-
-.app-card:hover,
-.app-card.active {
-  transform: translateY(-1px);
-  border-color: rgba(64, 158, 255, 0.45);
-  box-shadow: 0 14px 24px rgba(64, 158, 255, 0.12);
-}
-
-.app-card-top,
-.app-meta {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.app-card-title {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  min-width: 0;
-}
-
-.app-name {
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--surface-text);
-}
-
-.app-card-tags {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.app-worker-type {
-  padding: 2px 8px;
-  border-radius: 999px;
-  background: rgba(64, 158, 255, 0.12);
-  color: #409eff;
-  font-size: 11px;
+.wb-new-task-icon {
+  font-size: 16px;
   font-weight: 700;
 }
 
-.app-stage {
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.app-summary {
-  font-size: 13px;
-  line-height: 1.5;
-  color: #526071;
-  text-align: left;
-}
-
-.app-meta {
-  font-size: 12px;
-  color: var(--surface-muted);
-}
-
-.progress-track {
-  height: 6px;
-  border-radius: 999px;
-  background: rgba(15, 23, 42, 0.06);
+.wb-new-task-text {
   overflow: hidden;
-}
-
-.progress-fill {
-  height: 100%;
-  border-radius: inherit;
-}
-
-.workspace-column {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.workspace-tabs {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 14px 20px 12px;
-  background: #fff;
-  border-bottom: 1px solid var(--surface-border);
-  overflow-x: auto;
-}
-
-.workspace-tab {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  border: 1px solid rgba(228, 231, 237, 0.95);
-  border-radius: 999px;
-  background: #f8fafc;
-  padding: 8px 12px;
-  cursor: pointer;
-  color: #526071;
   white-space: nowrap;
 }
 
-.workspace-tab.active {
-  background: rgba(64, 158, 255, 0.1);
-  border-color: rgba(64, 158, 255, 0.4);
-  color: var(--el-color-primary);
-}
-
-.close-icon {
-  font-size: 12px;
-}
-
-.workspace-stage {
+.wb-nav {
   flex: 1;
   min-height: 0;
-  overflow: auto;
-  padding: 12px;
-  padding: 20px;
-  padding: 20px;
+  overflow-y: auto;
+  padding: 0 10px 12px;
 }
 
-.bottom-panel {
-  background: #fff;
-  border-top: 1px solid var(--surface-border);
+.wb-nav-group {
+  margin-bottom: 8px;
 }
 
-.bottom-panel-header {
+.wb-nav-group-label {
+  font-size: 11px;
+  font-weight: 700;
+  color: #909399;
+  letter-spacing: 0.5px;
+  padding: 8px 10px 4px;
+}
+
+.wb-nav-item {
+  width: 100%;
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 10px 18px;
-}
-
-.bottom-panel-tabs {
-  display: flex;
   gap: 8px;
-}
-
-.bottom-tab {
+  padding: 8px 10px;
   border: none;
-  background: #f2f6fa;
-  border-radius: 999px;
-  padding: 7px 10px;
+  background: transparent;
+  border-radius: 8px;
   cursor: pointer;
-  color: #63768a;
+  font-size: 13px;
+  color: #303133;
+  text-align: left;
+  transition: background 0.15s, color 0.15s;
 }
 
-.bottom-tab.active {
-  background: rgba(64, 158, 255, 0.12);
-  color: var(--el-color-primary);
+.wb-nav-item:hover {
+  background: #eef1f6;
+}
+
+.wb-nav-item.active {
+  background: #e1effe;
+  color: #409eff;
   font-weight: 600;
 }
 
-.bottom-panel-body {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: 12px;
-  padding: 0 18px 18px;
+.wb-sidebar.collapsed .wb-nav-item {
+  justify-content: center;
+  padding: 10px 0;
 }
 
-.bottom-log-item {
-  padding: 12px 14px;
-  border-radius: 12px;
-  border: 1px solid rgba(228, 231, 237, 0.9);
+.wb-nav-icon {
+  width: 20px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 15px;
+  flex-shrink: 0;
+}
+
+.wb-nav-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.wb-sidebar-foot {
+  flex-shrink: 0;
+  border-top: 1px solid #eef1f6;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+/* Let the account trigger stretch across the rail. */
+.wb-sidebar-foot :deep(.el-dropdown) {
+  width: 100%;
+}
+
+.wb-collapse-btn {
+  background: transparent;
+  border: none;
+  color: #c0c8d4;
+  cursor: pointer;
+  font-size: 11px;
+  padding: 2px;
+}
+
+.wb-collapse-btn:hover {
+  color: #909399;
+}
+
+.wb-sidebar.collapsed .wb-collapse-btn {
+  text-align: center;
+}
+
+.wb-user {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  padding: 6px 8px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  cursor: pointer;
+  text-align: left;
+  transition: background 0.15s;
+}
+
+.wb-user:hover {
+  background: #eef1f6;
+}
+
+.wb-sidebar.collapsed .wb-user {
+  justify-content: center;
+  padding: 6px 0;
+}
+
+.wb-avatar {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  background: #409eff;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  font-weight: 700;
+  flex-shrink: 0;
+}
+
+.wb-user-meta {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.wb-user-name {
+  font-size: 12px;
+  font-weight: 600;
+  color: #303133;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.wb-user-role {
+  font-size: 11px;
+  color: #909399;
+}
+
+/* ===== MAIN COLUMN ===== */
+.wb-main {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.wb-icon-btn {
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  border: 1px solid #e8ecf1;
+  background: #f5f7fa;
+  color: #606266;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 0.15s, color 0.15s;
+}
+
+.wb-icon-btn:hover {
+  background: #eef1f6;
+  color: #409eff;
+}
+
+/* ===== WORKSPACE TABS (topmost row) ===== */
+.wb-tabs {
+  height: 48px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 0 20px;
+  background: #fff;
+  border-bottom: 1px solid #eef1f6;
+}
+
+.wb-tabs-list {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  overflow-x: auto;
+}
+
+.wb-tabs-actions {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.wb-tab {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 1px solid #e8ecf1;
+  border-radius: 999px;
   background: #f8fafc;
-  font-size: 13px;
-  line-height: 1.5;
+  padding: 6px 12px;
+  cursor: pointer;
   color: #526071;
+  font-size: 13px;
+  white-space: nowrap;
+  transition: background 0.15s, border-color 0.15s, color 0.15s;
+}
+
+.wb-tab:hover {
+  border-color: #c8d8ea;
+}
+
+.wb-tab.active {
+  background: #e1effe;
+  border-color: #409eff;
+  color: #409eff;
+  font-weight: 600;
+}
+
+.wb-tab-close {
+  font-size: 12px;
+}
+
+/* ===== CONTENT ===== */
+.wb-content {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+/* Keeps the section tabs pinned while the page itself scrolls. */
+.wb-content-scroll {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+/* ===== RESPONSIVE ===== */
+/* Narrow viewports force the rail collapsed. Labels are hidden here too,
+   because the markup (not the stylesheet) normally decides that. */
+@media (max-width: 900px) {
+  .wb-sidebar {
+    width: 60px;
+    min-width: 60px;
+  }
+  .wb-new-task-text,
+  .wb-nav-group-label,
+  .wb-nav-label,
+  .wb-user-meta {
+    display: none;
+  }
+  .wb-user {
+    justify-content: center;
+    padding: 6px 0;
+  }
+  .wb-new-task {
+    justify-content: center;
+    padding: 10px 0;
+  }
+  .wb-nav-item {
+    justify-content: center;
+    padding: 10px 0;
+  }
+  .wb-collapse-btn {
+    text-align: center;
+  }
 }
 </style>
diff --git a/eai_agentplatform/frontend/src/layout/SideNav.vue b/eai_agentplatform/frontend/src/layout/SideNav.vue
index 34fed77..6ca1a83 100644
--- a/eai_agentplatform/frontend/src/layout/SideNav.vue
+++ b/eai_agentplatform/frontend/src/layout/SideNav.vue
@@ -5,9 +5,9 @@
       <div class="brand-content">
         <el-icon class="brand-logo" :size="24"><School /></el-icon>
         <div class="brand-text">
-          <div class="brand-name">博昇AI研究院</div>
-          <div class="brand-sub">内部培训平台</div>
-          <div class="brand-en">EAI-Training</div>
+          <div class="brand-name">EAI 数字员工平台</div>
+          <div class="brand-sub">AI Agent Platform</div>
+          <div class="brand-en">eai_agentplatform</div>
         </div>
       </div>
     </div>
diff --git a/eai_agentplatform/frontend/src/router/index.js b/eai_agentplatform/frontend/src/router/index.js
index d7242ff..4766887 100644
--- a/eai_agentplatform/frontend/src/router/index.js
+++ b/eai_agentplatform/frontend/src/router/index.js
@@ -11,7 +11,9 @@ const routes = [
     component: () => import('@/layout/MainLayout.vue'),
     redirect: '/home',
     children: [
-      { path: 'home', name: 'Home', component: () => import('@/views/home/HomePage.vue') },
+      // 智能助手 is the front door; /home is its canonical URL.
+      { path: 'home', name: 'Home', component: () => import('@/views/tools/SmartAssistantPage.vue') },
+      { path: 'overview', name: 'Overview', component: () => import('@/views/home/HomePage.vue') },
       { path: 'studio', name: 'Studio', component: () => import('@/views/workbench/StudioPage.vue') },
       { path: 'console', name: 'Console', component: () => import('@/views/workbench/ConsolePage.vue') },
       { path: 'knowledge-hub', name: 'KnowledgeHub', component: () => import('@/views/workbench/KnowledgeHub.vue') },
@@ -27,7 +29,8 @@ const routes = [
       { path: 'report-gen', name: 'ReportGeneration', component: () => import('@/views/report/ReportGenerationPage.vue') },
       { path: 'tools/document-translate', name: 'DocumentTranslate', component: () => import('@/views/tools/DocumentTranslatePage.vue') },
       { path: 'tools/copy-proofreading', name: 'CopyProofreading', component: () => import('@/views/tools/CopyProofreadingPage.vue') },
-      { path: 'tools/smart-assistant', name: 'SmartAssistant', component: () => import('@/views/tools/SmartAssistantPage.vue') },
+      // Kept as an alias so existing links and bookmarks still land correctly.
+      { path: 'tools/smart-assistant', name: 'SmartAssistant', redirect: '/home' },
       { path: 'tools/batch-extract', name: 'BatchExtract', component: () => import('@/views/tools/BatchExtractPage.vue') },
       { path: 'tools/audio-transcribe', name: 'AudioTranscribe', component: () => import('@/views/tools/AudioTranscribePage.vue') },
       { path: 'apps/wechat-official-account', name: 'WechatOfficialAccountApp', component: () => import('@/views/workbench/OfficialAccountWorkflowPage.vue') },
diff --git a/eai_agentplatform/frontend/src/store/workbench.js b/eai_agentplatform/frontend/src/store/workbench.js
index f1ab9e4..52795c6 100644
--- a/eai_agentplatform/frontend/src/store/workbench.js
+++ b/eai_agentplatform/frontend/src/store/workbench.js
@@ -12,10 +12,27 @@ function readPersisted() {
   }
 }
 
+// 智能助手 became the /home surface; the overview moved to /overview.
+const HOME_TAB = { route: '/home', label: '智能助手', closable: false }
+
+// Tabs persisted before that move: the old /home tab was 工作台总览, and the
+// assistant lived at /tools/smart-assistant (now an alias for /home).
+function normalizeTabs(tabs) {
+  const seen = new Set()
+  const normalized = []
+  for (const tab of tabs || []) {
+    const route = tab.route === '/tools/smart-assistant' ? '/home' : tab.route
+    if (seen.has(route)) continue
+    seen.add(route)
+    normalized.push(route === '/home' ? { ...HOME_TAB } : { ...tab, route })
+  }
+  return normalized.length ? normalized : [{ ...HOME_TAB }]
+}
+
 export const useWorkbenchStore = defineStore('workbench', () => {
   const persisted = readPersisted()
 
-  const openTabs = ref(persisted?.openTabs || [{ route: '/home', label: '工作台总览', closable: false }])
+  const openTabs = ref(normalizeTabs(persisted?.openTabs))
   const activeBottomTab = ref(persisted?.activeBottomTab || 'timeline')
   const bottomOpen = ref(persisted?.bottomOpen ?? true)
   const selectedCases = ref(persisted?.selectedCases || {})
diff --git a/eai_agentplatform/frontend/src/styles/global.css b/eai_agentplatform/frontend/src/styles/global.css
index a2e7060..437958b 100644
--- a/eai_agentplatform/frontend/src/styles/global.css
+++ b/eai_agentplatform/frontend/src/styles/global.css
@@ -1,4 +1,4 @@
-/* 博昇内部培训平台 — 全局样式 */
+/* EAI 数字员工平台 — 全局样式 */
 /* 参考：docs/08_Design_Rules/DR01_Theme_System.md */
 
 :root {
diff --git a/eai_agentplatform/frontend/src/views/Login.vue b/eai_agentplatform/frontend/src/views/Login.vue
index 7967949..30ab954 100644
--- a/eai_agentplatform/frontend/src/views/Login.vue
+++ b/eai_agentplatform/frontend/src/views/Login.vue
@@ -3,9 +3,9 @@
     <el-card class="login-card" shadow="always">
       <template #header>
         <div class="login-brand">
-          <div class="login-title">博昇AI研究院</div>
-          <div class="login-subtitle">内部培训平台</div>
-          <div class="login-en">EAI-Training</div>
+          <div class="login-title">EAI 数字员工平台</div>
+          <div class="login-subtitle">AI Agent Platform</div>
+          <div class="login-en">eai_agentplatform</div>
         </div>
       </template>
 
diff --git a/eai_agentplatform/frontend/src/views/exam/MyCertificates.vue b/eai_agentplatform/frontend/src/views/exam/MyCertificates.vue
index 76dac98..bc6d852 100644
--- a/eai_agentplatform/frontend/src/views/exam/MyCertificates.vue
+++ b/eai_agentplatform/frontend/src/views/exam/MyCertificates.vue
@@ -28,7 +28,7 @@
     <el-dialog v-model="showCert" title="考试合格证书" width="720px" :append-to-body="true">
       <div v-if="cert" class="cert-printable">
         <div class="cert-border">
-          <div class="cert-title">博昇AI研究院内部培训平台</div>
+          <div class="cert-title">EAI 数字员工平台</div>
           <div class="cert-subtitle">培训合格证书</div>
           <div class="cert-body">
             <div class="cert-line">兹证明 <span class="cert-name">{{ cert.user_name }}</span></div>
diff --git a/eai_agentplatform/frontend/src/views/tools/CHAT_UI_PREVIEW.html b/eai_agentplatform/frontend/src/views/tools/CHAT_UI_PREVIEW.html
index 5b3b5f3..5e23e16 100644
--- a/eai_agentplatform/frontend/src/views/tools/CHAT_UI_PREVIEW.html
+++ b/eai_agentplatform/frontend/src/views/tools/CHAT_UI_PREVIEW.html
@@ -643,7 +643,7 @@
 
     <!-- Welcome state -->
     <div class="welcome-state" id="welcomeState">
-      <div class="welcome-title">AI Tools, 我帮你</div>
+      <div class="welcome-title">我 Bosheng 数字员工，我帮你</div>
       <div class="welcome-subtitle">今天帮你做些什么？ @ 引用对话文件，/ 调用技能与指令</div>
 
       <!-- Category pills -->
diff --git a/eai_agentplatform/frontend/src/views/tools/SmartAssistantPage.vue b/eai_agentplatform/frontend/src/views/tools/SmartAssistantPage.vue
index e039761..988239a 100644
--- a/eai_agentplatform/frontend/src/views/tools/SmartAssistantPage.vue
+++ b/eai_agentplatform/frontend/src/views/tools/SmartAssistantPage.vue
@@ -35,7 +35,7 @@
       <!-- Welcome state (shown when no messages) -->
       <template v-if="messages.length <= 1" #welcome>
         <div class="welcome-content">
-          <div class="welcome-title">AI Tools, 我帮你</div>
+          <div class="welcome-title">我 Bosheng 数字员工，我帮你</div>
           <div class="welcome-subtitle">今天帮你做些什么？ @ 引用对话文件，/ 调用技能与指令</div>
 
           <!-- Mode pills above input -->
@@ -79,11 +79,6 @@
                 <div class="card-title">《思考，快与慢》精读笔记整理</div>
                 <div class="card-meta">合同审查 · 风险评估</div>
               </div>
-              <div class="practice-card" @click="fillPractice('帮我生成新产品上市的 GTM 发布计划')">
-                <div class="card-image bg-gtm">🚀</div>
-                <div class="card-title">新产品上市 GTM 发布计划</div>
-                <div class="card-meta">文案生成 · 营销策略</div>
-              </div>
             </div>
           </div>
         </div>
@@ -436,15 +431,15 @@ function handleReference() {
 
 .practices-grid {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(3, 1fr);
   gap: 12px;
 }
 
 .practice-card {
   background: #fff;
   border: 1px solid #e8ecf1;
-  border-radius: 12px;
-  padding: 14px;
+  border-radius: 10px;
+  padding: 10px;
   cursor: pointer;
   transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
   text-align: left;
@@ -458,13 +453,14 @@ function handleReference() {
 
 .card-image {
   width: 100%;
-  aspect-ratio: 4/3;
-  border-radius: 8px;
+  /* 8:3 keeps the full card width but halves the block height (was 4:3). */
+  aspect-ratio: 8/3;
+  border-radius: 6px;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 28px;
-  margin-bottom: 8px;
+  font-size: 18px;
+  margin-bottom: 6px;
 }
 
 .card-image.bg-translate { background: linear-gradient(135deg, #e8f5e9, #c8e6c9); }
diff --git a/start_dev_10231_10232.sh b/start_dev_10231_10232.sh
index a61b9a5..587d808 100644
--- a/start_dev_10231_10232.sh
+++ b/start_dev_10231_10232.sh
@@ -14,6 +14,7 @@ set -euo pipefail
 FORCE=0
 SKIP_PREFLIGHT=0
 SKIP_SMOKE=0
+SKIP_BUILD=0
 
 while [[ $# -gt 0 ]]; do
   case "$1" in
@@ -26,14 +27,20 @@ while [[ $# -gt 0 ]]; do
     --skip-smoke)
       SKIP_SMOKE=1
       ;;
+    --skip-build)
+      SKIP_BUILD=1
+      ;;
     --help|-h)
       cat <<'EOF'
 Usage: ./start_dev_10231_10232.sh [options]
 
 Options:
-  --force            Kill processes occupying the frontend/backend ports
+  --force            Kill whatever holds the ports, even non-project processes
+                     (a previous run of this script is always stopped and
+                     replaced automatically)
   --skip-preflight   Skip preflight checks
   --skip-smoke       Skip admin account smoke login
+  --skip-build       Do not rebuild the backend, even if sources are newer
   --help             Show this help
 EOF
       exit 0
@@ -46,7 +53,6 @@ EOF
   shift
 done
 
-OURS=(eai_agentplatform-server node npm vite)
 BACKEND_PORT=10232
 FRONTEND_PORT=10231
 
@@ -129,10 +135,58 @@ port_pids() {
   return 1
 }
 
+# Decide whether a process belongs to this project.
+#
+# This must look at the full command line, not `ps -o comm=`: comm is capped at
+# 15 characters (the kernel's TASK_COMM_LEN), so the backend reports itself as
+# "eai_agentplatfo" and could never match its own name. That made the launcher
+# treat its own backend as a foreign process and refuse to restart.
+process_is_ours() {
+  local pid="$1"
+  local port="$2"
+  local args
+  args="$(ps -o args= -p "$pid" 2>/dev/null || true)"
+  [[ -z "$args" ]] && return 1
+  [[ "$args" == *"$BACKEND_BIN"* ]] && return 0
+  [[ "$args" == *vite* && "$args" == *"--port $port"* ]] && return 0
+  return 1
+}
+
+process_label() {
+  local pid="$1"
+  local args
+  args="$(ps -o args= -p "$pid" 2>/dev/null || true)"
+  if [[ -z "$args" ]]; then
+    printf 'unknown'
+    return 0
+  fi
+  args="${args%% *}"
+  printf '%s' "${args##*/}"
+}
+
+# Stop the run recorded by a previous invocation. Uses the pid files so a
+# previous instance still gets cleaned up even if it is not holding its port.
+kill_previous_run() {
+  local pid_file="$1"
+  local port="$2"
+  local label="$3"
+  local pid
+  [[ -f "$pid_file" ]] || return 0
+  pid="$(cat "$pid_file" 2>/dev/null || true)"
+  [[ "$pid" =~ ^[0-9]+$ ]] || return 0
+  kill -0 "$pid" 2>/dev/null || return 0
+  process_is_ours "$pid" "$port" || return 0
+  printf '  [.] stopping previous %s (PID %s)\n' "$label" "$pid"
+  kill "$pid" 2>/dev/null || true
+  sleep 1
+  kill -9 "$pid" 2>/dev/null || true
+  return 0
+}
+
 resolve_port() {
   local port="$1"
   local label="$2"
-  local pids raw_comm
+  local pids
   mapfile -t pids < <(port_pids "$port" || true)
   if [[ ${#pids[@]} -eq 0 ]]; then
     printf '  [.] %s :%s free\n' "$label" "$port"
@@ -141,20 +195,18 @@ resolve_port() {
 
   printf '  [!] %s :%s in use by ' "$label" "$port"
   for pid in "${pids[@]}"; do
-    raw_comm="$(ps -p "$pid" -o comm= 2>/dev/null | xargs || echo unknown)"
-    printf '%s(PID %s) ' "$raw_comm" "$pid"
+    printf '%s(PID %s) ' "$(process_label "$pid")" "$pid"
   done
   printf '\n'
 
   for pid in "${pids[@]}"; do
-    raw_comm="$(ps -p "$pid" -o comm= 2>/dev/null | xargs || echo unknown)"
-    if [[ "$FORCE" -eq 1 || " ${OURS[*]} " == *" $raw_comm "* ]]; then
-      printf '      killing %s(PID %s)\n' "$raw_comm" "$pid"
+    if [[ "$FORCE" -eq 1 ]] || process_is_ours "$pid" "$port"; then
+      printf '      killing previous %s(PID %s)\n' "$(process_label "$pid")" "$pid"
       kill "$pid" 2>/dev/null || true
       sleep 1
       kill -9 "$pid" 2>/dev/null || true
     else
-      printf '      keeping non-project process: %s(PID %s)\n' "$raw_comm" "$pid"
+      printf '      keeping non-project process: %s(PID %s)\n' "$(process_label "$pid")" "$pid"
       printf '      fix: stop that process manually, or rerun with --force\n'
       return 1
     fi
@@ -170,6 +222,40 @@ resolve_port() {
   return 0
 }
 
+# True when the backend binary is missing or older than its sources.
+#
+# Preflight only proves the binary exists, which happily launches stale code
+# after a source edit — the failure is silent, so it needs an explicit check.
+backend_needs_build() {
+  [[ -f "$BACKEND_BIN" ]] || return 0
+  local newer
+  newer="$(find "$BACKEND_DIR" -name '*.go' -newer "$BACKEND_BIN" -print -quit 2>/dev/null || true)"
+  [[ -n "$newer" ]] && return 0
+  local f
+  for f in "$BACKEND_DIR/go.mod" "$BACKEND_DIR/go.sum"; do
+    [[ -f "$f" && "$f" -nt "$BACKEND_BIN" ]] && return 0
+  done
+  return 1
+}
+
+build_backend() {
+  local build_log="$DEBUG_LOG_DIR/backend_build.log"
+  if ! command -v go >/dev/null 2>&1; then
+    printf '  [FAIL] backend sources changed, but go is not on PATH\n'
+    printf '      fix: install go, or rebuild manually then rerun with --skip-build\n'
+    return 1
+  fi
+  printf '  [.] backend sources newer than binary, rebuilding ...'
+  if ( cd "$BACKEND_DIR" && go build -o bin/eai_agentplatform-server ./cmd/server ) >"$build_log" 2>&1; then
+    printf ' OK\n'
+    return 0
+  fi
+  printf ' FAIL\n'
+  printf '      log : %s\n' "$build_log"
+  tail -n 20 "$build_log" 2>/dev/null | sed 's/^/      /' || true
+  return 1
+}
+
 cleanup_started() {
   if [[ -f "$BACKEND_PID_FILE" ]]; then
     kill "$(cat "$BACKEND_PID_FILE")" 2>/dev/null || true
@@ -198,7 +284,6 @@ if [[ "$SKIP_PREFLIGHT" -eq 0 ]]; then
   echo "[1/4] preflight checks"
   all_ok=1
   check "backend dir exists"      "run from repo root"               test -d "$BACKEND_DIR"                || all_ok=0
-  check "backend binary built"    "cd backend-go && go build ./cmd/server"  test -f "$BACKEND_BIN"         || all_ok=0
   check "frontend dir exists"     "run from repo root"               test -d "$FRONTEND_DIR"               || all_ok=0
   check "frontend node_modules"   "run npm install in frontend/"     test -e "$FRONTEND_DIR/node_modules"  || all_ok=0
   check "node on PATH"            "install nodejs"                   command -v node                       || all_ok=0
@@ -215,7 +300,27 @@ else
   echo
 fi
 
+# Runs whether or not preflight did: a stale binary is a silent failure, and
+# building before the old services are stopped means a compile error leaves the
+# currently running stack untouched.
+if [[ "$SKIP_BUILD" -eq 1 ]]; then
+  echo "[1/4] backend build check skipped (--skip-build)"
+  echo
+elif backend_needs_build; then
+  if ! build_backend; then
+    echo
+    echo "[ABORT] backend build failed; services left as they were."
+    exit 1
+  fi
+  echo
+else
+  echo "[1/4] backend binary up to date"
+  echo
+fi
+
 echo "[2/4] port conflict check"
+kill_previous_run "$BACKEND_PID_FILE" "$BACKEND_PORT" "backend"
+kill_previous_run "$FRONTEND_PID_FILE" "$FRONTEND_PORT" "frontend"
 resolve_port "$BACKEND_PORT" "backend" || exit 1
 resolve_port "$FRONTEND_PORT" "frontend" || exit 1
 echo
@@ -279,7 +384,7 @@ echo "================================================================="
 echo
 
 trap - EXIT
-echo "Usage: ./start_dev_10231_10232.sh [--force] [--skip-preflight]"
+echo "Usage: ./start_dev_10231_10232.sh [--force] [--skip-preflight] [--skip-build]"
 echo "       env: EAI_DEV_BIND_HOST=0.0.0.0 (listen all)"
 echo "       env: EAI_DEV_PUBLIC_HOST=x.x.x.x (public url)"
 echo