diff --git a/README.md b/README.md
index a2967f0..ab46504 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 
 1. 对话管理
 2. 仓库管理
-3. 云开发
+3. 云开发(cloud-dev)
 4. 应用管理
 5. Agent管理
 6. 配置
\ No newline at end of file
diff --git a/src/components/ui/skeleton.tsx b/src/components/ui/skeleton.tsx
new file mode 100644
index 0000000..0118624
--- /dev/null
+++ b/src/components/ui/skeleton.tsx
@@ -0,0 +1,13 @@
+import { cn } from "@/lib/utils"
+
+function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="skeleton"
+      className={cn("animate-pulse rounded-md bg-muted", className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
index e9b140b..a1a0567 100644
--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -15,6 +15,7 @@ import { Route as IndexRouteImport } from './routes/index'
 import { Route as WorkspacesIndexRouteImport } from './routes/workspaces/index'
 import { Route as RepoIndexRouteImport } from './routes/repo/index'
 import { Route as ConfigIndexRouteImport } from './routes/config/index'
+import { Route as CloudEnvIndexRouteImport } from './routes/cloud-env/index'
 import { Route as ConfigGiteaRouteImport } from './routes/config/gitea'
 
 const LoginRoute = LoginRouteImport.update({
@@ -47,6 +48,11 @@ const ConfigIndexRoute = ConfigIndexRouteImport.update({
   path: '/config/',
   getParentRoute: () => rootRouteImport,
 } as any)
+const CloudEnvIndexRoute = CloudEnvIndexRouteImport.update({
+  id: '/cloud-env/',
+  path: '/cloud-env/',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const ConfigGiteaRoute = ConfigGiteaRouteImport.update({
   id: '/config/gitea',
   path: '/config/gitea',
@@ -58,6 +64,7 @@ export interface FileRoutesByFullPath {
   '/demo': typeof DemoRoute
   '/login': typeof LoginRoute
   '/config/gitea': typeof ConfigGiteaRoute
+  '/cloud-env/': typeof CloudEnvIndexRoute
   '/config/': typeof ConfigIndexRoute
   '/repo/': typeof RepoIndexRoute
   '/workspaces/': typeof WorkspacesIndexRoute
@@ -67,6 +74,7 @@ export interface FileRoutesByTo {
   '/demo': typeof DemoRoute
   '/login': typeof LoginRoute
   '/config/gitea': typeof ConfigGiteaRoute
+  '/cloud-env': typeof CloudEnvIndexRoute
   '/config': typeof ConfigIndexRoute
   '/repo': typeof RepoIndexRoute
   '/workspaces': typeof WorkspacesIndexRoute
@@ -77,6 +85,7 @@ export interface FileRoutesById {
   '/demo': typeof DemoRoute
   '/login': typeof LoginRoute
   '/config/gitea': typeof ConfigGiteaRoute
+  '/cloud-env/': typeof CloudEnvIndexRoute
   '/config/': typeof ConfigIndexRoute
   '/repo/': typeof RepoIndexRoute
   '/workspaces/': typeof WorkspacesIndexRoute
@@ -88,6 +97,7 @@ export interface FileRouteTypes {
     | '/demo'
     | '/login'
     | '/config/gitea'
+    | '/cloud-env/'
     | '/config/'
     | '/repo/'
     | '/workspaces/'
@@ -97,6 +107,7 @@ export interface FileRouteTypes {
     | '/demo'
     | '/login'
     | '/config/gitea'
+    | '/cloud-env'
     | '/config'
     | '/repo'
     | '/workspaces'
@@ -106,6 +117,7 @@ export interface FileRouteTypes {
     | '/demo'
     | '/login'
     | '/config/gitea'
+    | '/cloud-env/'
     | '/config/'
     | '/repo/'
     | '/workspaces/'
@@ -116,6 +128,7 @@ export interface RootRouteChildren {
   DemoRoute: typeof DemoRoute
   LoginRoute: typeof LoginRoute
   ConfigGiteaRoute: typeof ConfigGiteaRoute
+  CloudEnvIndexRoute: typeof CloudEnvIndexRoute
   ConfigIndexRoute: typeof ConfigIndexRoute
   RepoIndexRoute: typeof RepoIndexRoute
   WorkspacesIndexRoute: typeof WorkspacesIndexRoute
@@ -165,6 +178,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ConfigIndexRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/cloud-env/': {
+      id: '/cloud-env/'
+      path: '/cloud-env'
+      fullPath: '/cloud-env/'
+      preLoaderRoute: typeof CloudEnvIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/config/gitea': {
       id: '/config/gitea'
       path: '/config/gitea'
@@ -180,6 +200,7 @@ const rootRouteChildren: RootRouteChildren = {
   DemoRoute: DemoRoute,
   LoginRoute: LoginRoute,
   ConfigGiteaRoute: ConfigGiteaRoute,
+  CloudEnvIndexRoute: CloudEnvIndexRoute,
   ConfigIndexRoute: ConfigIndexRoute,
   RepoIndexRoute: RepoIndexRoute,
   WorkspacesIndexRoute: WorkspacesIndexRoute,