chore: rename web client to web_v1

apps/web_v1/src/pages/projects/project-rail.tsx

@@ -0,0 +1,58 @@
+import type { CSSProperties } from 'react'
+import { Badge, Button, Layout, Space } from '@arco-design/web-react'
+import { IconCompass, IconDashboard, IconPlus } from '@arco-design/web-react/icon'
+import type { Project, WorkbenchView } from './project-types'
+
+const { Sider } = Layout
+
+export function ProjectRail({
+  activeProject,
+  projects,
+  activeView,
+  onSelectWorkspace,
+  onSelectWorkspaceExplore,
+  onSelectProject,
+  onCreateProject,
+}: {
+  activeProject: Project
+  projects: Project[]
+  activeView: WorkbenchView
+  onSelectWorkspace: () => void
+  onSelectWorkspaceExplore: () => void
+  onSelectProject: (project: Project) => void
+  onCreateProject: () => void
+}) {
+  return (
+    <Sider className="project-rail" width={96}>
+      <Button
+        className={activeView === 'workspace' ? 'dashboard-button active' : 'dashboard-button'}
+        icon={<IconDashboard />}
+        onClick={onSelectWorkspace}
+        aria-label="工作台"
+        title="工作台"
+      />
+      <Button
+        className={activeView === 'workspace-explore' ? 'dashboard-button active' : 'dashboard-button'}
+        icon={<IconCompass />}
+        onClick={onSelectWorkspaceExplore}
+        aria-label="探索"
+        title="探索"
+      />
+      <Space className="project-stack" direction="vertical" size={12}>
+        {projects.map((project) => (
+          <Badge key={project.id} count={project.badge} dot={false} className={project.urgent ? 'project-badge urgent' : 'project-badge'}>
+            <button
+              className={activeView === 'project' && activeProject.id === project.id ? 'project-button active' : 'project-button'}
+              onClick={() => onSelectProject(project)}
+              style={{ '--project-color': project.color } as CSSProperties}
+              title={project.name}
+            >
+              {project.short}
+            </button>
+          </Badge>
+        ))}
+      </Space>
+      <Button className="create-project" aria-label="新建项目" icon={<IconPlus />} title="新建项目" onClick={onCreateProject} />
+    </Sider>
+  )
+}