CodePod 是一个基于 Astro + React 构建的云端文件管理编辑器平台。

• 文件/文件夹的创建、删除、重命名
• 支持目录树形结构展示（可展开/折叠）
• 文件上传功能
• 右键菜单操作（上下文菜单）

• 文本编辑：支持代码文件的在线编辑（CodeMirror 编辑器）
• 图片预览：PNG、JPG 等图片文件预览
• PDF 预览：PDF 文件在线预览
• 不支持的文件类型显示提示信息

• 识别版本号格式的文件夹（如 v1.0.0）
• 支持应用部署操作

• 左侧边栏 + 主内容区布局（可调整面板大小）
• 深色/浅色主题支持
• 移动端友好的工具栏

类别	技术
框架	Astro + React 19
UI 组件	Radix UI (Dialog, ContextMenu, Tooltip 等)
状态管理	Zustand
代码编辑	CodeMirror (@uiw/react-codemirror)
样式	Tailwind CSS
面板布局	react-resizable-panels

src/
├── apps/ai-editor/
│   ├── content.tsx      # 主内容区（预览/编辑）
│   ├── sidebar.tsx      # 侧边栏（文件管理）
│   ├── modules/Nav.tsx  # 顶部工具栏
│   ├── store/           # 状态管理
│   └── preview/         # 图片/PDF 预览组件
├── components/ui/       # UI 组件库
└── pages/               # Astro 页面路由

pnpm dev      # 开发模式
pnpm build    # 构建生产版本
pnpm preview  # 预览构建结果
pnpm pub      # 发布到远程

MIT