feat: enhance repository management UI and functionality

- Added navigation to repository details in RepoCard component.
- Implemented a new BuildConfig component for managing build configurations.
- Integrated build configuration initialization and saving logic in the store.
- Updated RepoInfoCard to include workspace management features.
- Improved repository editing dialog with better state handling.
- Enhanced repository list fetching with search capabilities.
- Added support for creating and managing development configurations.
- Refactored code for better readability and maintainability.

src/pages/repos/components/RepoCard.tsx

@@ -13,13 +13,14 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from '@/components/ui/popover'
-import { Star, GitFork, FileText, Edit, FolderGit2, MoreVertical, FileText as IssueIcon, Settings, Play, Trash2, RefreshCw, BookOpen, Copy, Clock, Info, Eye, Square } from 'lucide-react'
+import { Star, GitFork, FileText, Edit, FolderGit2, MoreVertical, FileText as IssueIcon, Settings, Play, Trash2, RefreshCw, BookOpen, Copy, Clock, Info, Eye, Square, LinkIcon, ExternalLink } from 'lucide-react'
 import { useRepoStore } from '../store'
 import { useMemo, useState } from 'react'
 import { useShallow } from 'zustand/shallow'
 import { myOrgs } from '../store/build'
 import { app, cnb } from '@/agents/app'
 import { toast } from 'sonner'
+import { useNavigate } from '@tanstack/react-router'
 
 interface RepoCardProps {
   repo: any
@@ -46,13 +47,13 @@ export function RepoCard({ repo, onStartWorkspace, onEdit, onIssue, onSettings,
   const isWorkspaceActive = !!workspace
   const owner = repo.path.split('/')[0]
   const isMine = myOrgs.includes(owner)
-
+  const navigate = useNavigate();
   const isKnowledge = repo?.flags === "KnowledgeBase"
   const createKnow = async () => {
     const res = await app.run({ path: 'cnb', key: 'build-knowledge-base', payload: { repo: repo.path } })
     if (res.code === 200) {
       toast.success("知识库创建中")
-      getList(true)
+      getList({}, true)
     }
   }
   const onClone = async () => {
@@ -72,6 +73,14 @@ export function RepoCard({ repo, onStartWorkspace, onEdit, onIssue, onSettings,
         <div className="p-6 space-y-4">
           <div className="flex items-start justify-between gap-3">
             <div className="flex items-center gap-2 flex-1 min-w-0">
+              <div
+                className="text-lg font-bold text-neutral-900 hover:text-neutral-600 transition-colors line-clamp-1 group-hover:underline"
+                onClick={() => {
+                  navigate({ to: `/repo?repo=${repo.path}` })
+                }}
+              >
+                {repo.path}
+              </div>
               {isKnowledge && (
                 <TooltipProvider>
                   <Tooltip>
@@ -88,14 +97,6 @@ export function RepoCard({ repo, onStartWorkspace, onEdit, onIssue, onSettings,
                   </Tooltip>
                 </TooltipProvider>
               )}
-              <a
-                href={repo.web_url}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-lg font-bold text-neutral-900 hover:text-neutral-600 transition-colors line-clamp-1 group-hover:underline"
-              >
-                {repo.path}
-              </a>
               {isWorkspaceActive && (
                 <span className="relative flex h-2.5 w-2.5 shrink-0">
                   <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span>
@@ -195,13 +196,19 @@ export function RepoCard({ repo, onStartWorkspace, onEdit, onIssue, onSettings,
                     <Copy className="w-4 h-4 mr-2" />
                     Clone URL
                   </DropdownMenuItem>
+                  <DropdownMenuItem onClick={() => {
+                    window.open(repo.web_url, '_blank')
+                  }} className="cursor-pointer">
+                    <ExternalLink className="w-4 h-4 mr-2" />
+                    访问仓库
+                  </DropdownMenuItem>
                   <DropdownMenuItem onClick={() => onIssue(repo)} className="cursor-pointer">
                     <IssueIcon className="w-4 h-4 mr-2" />
-                    Issue
+                    访问问题
                   </DropdownMenuItem>
                   <DropdownMenuItem onClick={() => onSettings(repo)} className="cursor-pointer">
                     <Settings className="w-4 h-4 mr-2" />
-                    设置
+                    访问设置
                   </DropdownMenuItem>
                   <DropdownMenuItem
                     onClick={(e) => {
@@ -268,22 +275,25 @@ export function RepoCard({ repo, onStartWorkspace, onEdit, onIssue, onSettings,
           </div>
 
           {repo.site && (
-            <a
-              href={repo.site}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-xs text-neutral-500 hover:text-neutral-900 hover:underline block truncate transition-colors"
+            <div
+              className="text-xs text-neutral-500 hover:text-neutral-900 hover:underline flex  transition-colors"
+              onClick={() => {
+                window.open(repo.site, '_blank')
+              }}
             >
-              🔗 {repo.site}
-            </a>
+              <LinkIcon className="w-4 h-4 shrink-0 mr-2" />
+              <div className='truncate grow'>
+                {repo.site}
+              </div>
+            </div>
           )}
-
           {repo.description && (
-            <p className="text-sm text-neutral-600 line-clamp-2 min-h-10">
+            <p className="ml-2 text-sm text-neutral-600 line-clamp-2 min-h-10 grow">
               {repo.description}
             </p>
           )}
 
+
           <div className="absolute bottom-0 left-0 right-0 flex items-center gap-4 text-xs text-neutral-500 px-6 py-3 border-t border-neutral-100 bg-neutral-50">
             <span className="flex items-center gap-1.5 hover:text-neutral-900 transition-colors">
               <Star className="w-3.5 h-3.5" />