Wave 2: 五件套打通全链路（安装/检测/配置/授权/诊断）

- 五个适配器 YAML 全字段补齐（codex/claude-code/gemini/kimi/opencode）
- agentdock-config：TOML/JSON 编解码 + 原子写 + 自动备份
- agentdock-diag：PATH/依赖版本/版本冲突/配置损坏四类规则
- agentdock-core：detectCli/previewAction/runAction 流式/readConfig/writeConfig/authStatus/diagnose
- Tauri IPC 命令 + CLI 详情页/安装确认弹窗/配置表单/诊断页
- cargo test 75 项通过（含 4 项真机 ignored 自测），前端 build 通过

apps/desktop/src/App.tsx

@@ -7,6 +7,7 @@ import { MyCliPage } from "./pages/MyCli";
 import { ConfigCenterPage } from "./pages/ConfigCenter";
 import { BackupPage } from "./pages/Backup";
 import { SettingsPage } from "./pages/Settings";
+import { CliDetailPage } from "./pages/CliDetail";
 import { useEnv } from "./hooks/useEnv";
 import type { PlatformEnv, RuntimeInfo } from "./ipc/types";
 
@@ -27,34 +28,45 @@ function envWarningCount(env: PlatformEnv | null): number {
 
 export default function App() {
   const [page, setPage] = useState<PageKey>("overview");
+  const [detailCliId, setDetailCliId] = useState<string | null>(null);
   const { env } = useEnv();
   const warningCount = envWarningCount(env);
 
+  function navigate(next: PageKey) {
+    setDetailCliId(null);
+    setPage(next);
+  }
+
   const content = useMemo(() => {
+    if (detailCliId) {
+      return <CliDetailPage id={detailCliId} onBack={() => setDetailCliId(null)} />;
+    }
     switch (page) {
       case "overview":
-        return <OverviewPage onNavigate={setPage} />;
+        return <OverviewPage onNavigate={navigate} />;
       case "catalog":
-        return <CatalogPage />;
+        return <CatalogPage onOpenDetail={setDetailCliId} />;
       case "my-cli":
-        return <MyCliPage onNavigate={setPage} />;
+        return <MyCliPage onNavigate={navigate} />;
       case "config":
-        return <ConfigCenterPage onNavigate={setPage} />;
+        return <ConfigCenterPage onNavigate={navigate} />;
       case "backup":
         return <BackupPage />;
       case "settings":
         return <SettingsPage />;
     }
-  }, [page]);
+  }, [page, detailCliId, env]);
+
+  const title = detailCliId ? "CLI 详情" : PAGE_META[page].title;
 
   return (
     <div className="app-shell">
-      <Sidebar current={page} onNavigate={setPage} />
+      <Sidebar current={page} onNavigate={navigate} />
       <div className="app-main">
-        <Header title={PAGE_META[page].title} warningCount={warningCount} />
+        <Header title={title} warningCount={warningCount} />
         <main className="app-content">
-          {/* key=page 触发 §4.2 页面切换动效：translateY(8px)+淡入 */}
-          <div key={page} className="page-enter">
+          {/* key 触发 §4.2 页面切换动效：translateY(8px)+淡入 */}
+          <div key={detailCliId ?? page} className="page-enter">
             {content}
           </div>
         </main>