From 60a73288893648a9e0a2892b0e3558840431b144 Mon Sep 17 00:00:00 2001
From: abearxiong <xiongxiao@xiongxiao.me>
Date: Thu, 26 Feb 2026 01:45:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20CLI=20=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E4=BB=A5=E6=94=AF=E6=8C=81=E5=9C=A8=20CNB=20=E7=8E=AF?=
 =?UTF-8?q?=E5=A2=83=E4=B8=AD=E6=89=93=E5=BC=80=20CLI=20=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/repos/page.tsx | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/pages/repos/page.tsx b/src/pages/repos/page.tsx
index 4caff6a..62d09ee 100644
--- a/src/pages/repos/page.tsx
+++ b/src/pages/repos/page.tsx
@@ -8,7 +8,7 @@ import { WorkspaceDetailDialog } from './modules/WorkspaceDetailDialog'
 import { SyncRepoDialog } from './modules/SyncRepoDialog'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
-import { Plus, RefreshCw, Search, Settings } from 'lucide-react'
+import { ExternalLinkIcon, Plus, RefreshCw, Search, Settings } from 'lucide-react'
 import Fuse from 'fuse.js'
 import { useNavigate } from '@tanstack/react-router'
 
@@ -53,15 +53,15 @@ export const App = () => {
     return results.map(result => result.item)
   }, [list, workspaceList, searchQuery])
 
-
+  const isCNB = location.hostname.includes('cnb.run')
   return (
     <div className="min-h-screen bg-neutral-50 flex flex-col">
       <div className="container mx-auto p-6 max-w-7xl flex-1">
         <div className="mb-8 flex items-center justify-between">
-          <div>
-            <h1 className="text-4xl font-bold text-neutral-900 mb-2 flex gap-1 items-center">
+          <div >
+            <h1 className="text-4xl font-bold text-neutral-900 mb-2 flex gap-2 items-center">
               仓库列表
-              <Settings className="inline-block h-5 w-5 ml-2 text-neutral-400 hover:text-neutral-600 cursor-pointer" onClick={() => navigate({ to: '/config' })} />
+              <Settings className="inline-block h-5 w-5 text-neutral-400 hover:text-neutral-600 cursor-pointer" onClick={() => navigate({ to: '/config' })} />
             </h1>
             <p className="text-neutral-600">共 {list.length} 个仓库</p>
           </div>
@@ -81,6 +81,16 @@ export const App = () => {
               <Plus className="h-4 w-4" />
               新建仓库
             </Button>
+
+            {isCNB && <Button
+              onClick={() => {
+                window.open('/root/cli-center', '_blank')
+              }}
+              className="gap-2"
+            >
+              <ExternalLinkIcon className="h-4 w-4" />
+              CLI
+            </Button>}
           </div>
         </div>