Feat/panel button counts

frontend/src/App.tsx

@@ -4,7 +4,6 @@ import LoginPage from "@/pages/login"
 import WelcomePage from "@/pages/welcome"
 import UserConsolePage from "@/pages/console/user/page"
 import ManagerConsolePage from "@/pages/console/manager/page"
-import SettingsPage from "@/pages/console/user/settings"
 import TasksPage from "@/pages/console/user/tasks"
 import IDEIDE from "@/pages/console/user/ide-ide"
 import GitBotsPage from "@/pages/console/user/git-bots"
@@ -22,15 +21,13 @@ import ResetPasswordPage from "./pages/resetpassword"
 import FindPasswordPage from "./pages/findpassword"
 import TeamManagerManager from "./pages/console/manager/manager"
 import TeamManagerOtherSettings from "./pages/console/manager/other-settings"
-import ProjectPage from "./pages/console/user/project/project"
 import PlaygroundPage from "./pages/playground"
 import PlaygroundDetailPage from "./pages/playground-detail"
 import PublicTaskPage from "./pages/public-task"
 import PostCreatePage from "./pages/post-create"
-import ProjectIssuesPage from "./pages/console/user/project/issues"
-import ProjectTasksPage from "./pages/console/user/project/tasks"
+import ProjectOverviewPage from "./pages/console/user/project/overview"
 import TaskDevelopPage from "./pages/console/user/task/task-dev"
-import TaskViewPage from "./pages/console/user/task/task-view"
+import TaskDetailPage from "./pages/console/user/task/task-detail"
 
 function App() {
   return (
@@ -49,16 +46,13 @@ function App() {
           <Route path="/console" element={<UserConsolePage />}>
             <Route index element={<Navigate to="/console/tasks" replace />} />
             <Route path="tasks" element={<TasksPage />} />
-            <Route path="project/:projectId/info" element={<ProjectPage />} />
-            <Route path="project/:projectId/issues" element={<ProjectIssuesPage />} />
-            <Route path="project/:projectId/tasks" element={<ProjectTasksPage />} />
+            <Route path="task/:taskId" element={<TaskDetailPage />} />
+            <Route path="project/:projectId" element={<ProjectOverviewPage />} />
             <Route path="gitbot" element={<GitBotsPage />} />
             <Route path="ide" element={<IDEIDE />} />
-            <Route path="settings" element={<SettingsPage />} />
           </Route>
           <Route path="/console/terminal" element={<TerminalPage />} />
           <Route path="/console/files" element={<FileManagerPage />} />
-          <Route path="/console/task/view" element={<TaskViewPage />} />
           <Route path="/console/task/develop/:taskId" element={<TaskDevelopPage />} />
           <Route path="/sharedterminal" element={<SharedTerminalPage />} />
           <Route path="/manager" element={<ManagerConsolePage />}>

frontend/src/api/Api.ts

@@ -866,12 +866,12 @@ export interface DomainProject {
   issues?: DomainProjectIssue[];
   /** 项目名 */
   name?: string;
-  /** 未解决问题数量 */
-  open_issue_count?: number;
   /** 项目平台 */
   platform?: ConstsGitPlatform;
   /** 项目仓库URL */
   repo_url?: string;
+  /** 项目相关的任务 */
+  tasks?: DomainProjectTask[];
   /** 更新时间 */
   updated_at?: number;
   /** 用户信息 */
@@ -5320,7 +5320,10 @@ export class Api<SecurityDataType extends unknown> extends HttpClient<SecurityDa
         next_token?: string;
         /** 分页 */
         page?: number;
+        /** 用于筛选项目相关的任务 */
         project_id?: string;
+        /** 只筛选快速启动的项目无关任务 */
+        quick_start?: boolean;
         /** 每页多少条记录 */
         size?: number;
       },

frontend/src/components/console/breadcrumb-task-context.tsx

@@ -0,0 +1,22 @@
+import React, { createContext, useContext, useState } from "react"
+
+interface BreadcrumbTaskContextValue {
+  taskName: string | null
+  setTaskName: (name: string | null) => void
+}
+
+const BreadcrumbTaskContext = createContext<BreadcrumbTaskContextValue | null>(null)
+
+export function BreadcrumbTaskProvider({ children }: { children: React.ReactNode }) {
+  const [taskName, setTaskName] = useState<string | null>(null)
+  return (
+    <BreadcrumbTaskContext.Provider value={{ taskName, setTaskName }}>
+      {children}
+    </BreadcrumbTaskContext.Provider>
+  )
+}
+
+export function useBreadcrumbTask() {
+  const ctx = useContext(BreadcrumbTaskContext)
+  return ctx
+}

frontend/src/components/console/data-provider.tsx

@@ -1,4 +1,4 @@
-import { ConstsGitPlatform, ConstsOwnerType, type DomainGitIdentity, type DomainHost, type DomainImage, type DomainModel, type DomainProject, type DomainUser, type DomainVirtualMachine } from '@/api/Api';
+import { ConstsGitPlatform, ConstsOwnerType, type DomainGitIdentity, type DomainHost, type DomainImage, type DomainModel, type DomainProject, type DomainProjectTask, type DomainUser, type DomainVirtualMachine } from '@/api/Api';
 import { getImageShortName } from '@/utils/common';
 import { apiRequest } from '@/utils/requestUtils';
 import React, { createContext, useContext, useEffect, useMemo, useState } from 'react';
@@ -37,6 +37,11 @@ type CommonData = {
   projects: DomainProject[];
   loadingProjects: boolean;
   reloadProjects: () => void;
+
+  /** 未关联项目的任务（quick_start），用于侧边栏「默认」分组展示 */
+  unlinkedTasks: DomainProjectTask[];
+  loadingUnlinkedTasks: boolean;
+  reloadUnlinkedTasks: () => void;
 };
 
 const DataContext = createContext<CommonData | null>(null);
@@ -66,6 +71,8 @@ export const DataProvider: React.FC<{ children: React.ReactNode }> = ({ children
   const [projects, setProjects] = useState<DomainProject[]>([]);
   const [loadingProjects, setLoadingProjects] = useState(true);
 
+  const [unlinkedTasks, setUnlinkedTasks] = useState<DomainProjectTask[]>([]);
+  const [loadingUnlinkedTasks, setLoadingUnlinkedTasks] = useState(true);
 
   const fetchUserInfo = () => {
     apiRequest('v1UsersStatusList', {}, [], (resp) => {
@@ -255,6 +262,22 @@ export const DataProvider: React.FC<{ children: React.ReactNode }> = ({ children
     setLoadingProjects(false)
   }
 
+  const UNLINKED_TASKS_LIMIT = 5
+  const UNLINKED_TASKS_FETCH_SIZE = 50
+
+  const fetchUnlinkedTasks = async () => {
+    setLoadingUnlinkedTasks(true)
+    await apiRequest('v1UsersTasksList', { page: 1, size: UNLINKED_TASKS_FETCH_SIZE, quick_start: true }, [], (resp) => {
+      if (resp.code === 0) {
+        const allTasks = resp.data?.tasks || []
+        const unlinked = allTasks
+          .sort((a: DomainProjectTask, b: DomainProjectTask) => (b.created_at || 0) - (a.created_at || 0))
+          .slice(0, UNLINKED_TASKS_LIMIT)
+        setUnlinkedTasks(unlinked)
+      }
+      setLoadingUnlinkedTasks(false)
+    }, () => setLoadingUnlinkedTasks(false))
+  }
 
   useEffect(() => {
     fetchUserInfo();
@@ -265,6 +288,7 @@ export const DataProvider: React.FC<{ children: React.ReactNode }> = ({ children
     fetchWallet();
     fetchMembers();
     fetchProjects();
+    fetchUnlinkedTasks();
   }, []);
 
   return (
@@ -301,6 +325,10 @@ export const DataProvider: React.FC<{ children: React.ReactNode }> = ({ children
         projects: projects,
         loadingProjects: loadingProjects,
         reloadProjects: fetchProjects,
+
+        unlinkedTasks: unlinkedTasks,
+        loadingUnlinkedTasks: loadingUnlinkedTasks,
+        reloadUnlinkedTasks: fetchUnlinkedTasks,
     }}>
       {children}
     </DataContext.Provider>

frontend/src/components/console/nav/nav-balance.tsx

@@ -18,7 +18,11 @@ import { cn } from "@/lib/utils";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { useCommonData } from "../data-provider";
 
-export default function NavBalance() {
+interface NavBalanceProps {
+  variant?: "sidebar" | "header";
+}
+
+export default function NavBalance({ variant = "sidebar" }: NavBalanceProps) {
   const [transcations, setTranscations] = useState<DomainTransactionLog[]>([]);
   const [exchangeCode, setExchangeCode] = useState("");
   const [isLoading, setIsLoading] = useState(false);
@@ -110,17 +114,29 @@ export default function NavBalance() {
     toast.success("邀请链接已复制到剪贴板");
   }
 
+  const triggerContent = (
+    <>
+      <IconWallet className={variant === "header" ? "h-[1.2rem] w-[1.2rem]" : "size-5"} />
+      余额: {Math.ceil(balance + bonus).toLocaleString()} 点
+    </>
+  );
+
   return (
     <Dialog onOpenChange={handleOpenChange}>
       <DialogTrigger asChild>
-        <SidebarMenu>
-          <SidebarMenuItem>
-            <SidebarMenuButton className="cursor-pointer">
-              <IconWallet className="size-5" />
-              余额: {Math.ceil(balance + bonus).toLocaleString()} 点
-            </SidebarMenuButton>
-          </SidebarMenuItem>
-        </SidebarMenu>
+        {variant === "header" ? (
+          <Button className="hidden lg:flex" variant="ghost" size="sm">
+            {triggerContent}
+          </Button>
+        ) : (
+          <SidebarMenu>
+            <SidebarMenuItem>
+              <SidebarMenuButton className="cursor-pointer">
+                {triggerContent}
+              </SidebarMenuButton>
+            </SidebarMenuItem>
+          </SidebarMenu>
+        )}
       </DialogTrigger>
       <DialogContent>
         <DialogHeader>

frontend/src/components/console/nav/nav-main.tsx

@@ -1,7 +1,4 @@
-import { 
-  Bot,
-  Github,
-} from "lucide-react"
+import { Github } from "lucide-react"
 import { Link, useLocation } from "react-router-dom"
 
 import {
@@ -17,17 +14,6 @@ export default function NavMain() {
   return (
     <SidebarGroup>
       <SidebarMenu>
-        <SidebarMenuItem>
-          <SidebarMenuButton 
-            isActive={location.pathname === "/console/tasks"}
-            asChild
-          >
-            <Link to="/console/tasks">
-              <Bot />
-              <span>智能任务</span>
-            </Link>
-          </SidebarMenuButton>
-        </SidebarMenuItem>
         <SidebarMenuItem>
           <SidebarMenuButton
             isActive={location.pathname === "/console/gitbot"}