• spx-gui/ 配置文件
  • package.json 项目依赖和脚本配置
  • vite.config.ts Vite构建工具配置
  • tsconfig.json TS项目配置主文件
  • tsconfig.app.json 应用程序的TS配置
  • tsconfig.node.json Node.js环境的TS配置
  • index.html 应用入口HTML文件
  • src/ 源码目录
    • main.ts 应用入口文件，初始化Vue应用、路由、插件等
    • App.vue 跟组件，定义应用的最顶层结构
    • router.ts 路由配置，定义页面路由规划
    • global.d.ts 全局类型声明文件
    • polyfills.ts 兼容性补丁
    • components/ 可复用组件目录（和业务无关，可跨页面使用）
      • agent-copilot/ 人工智能助手相关组件（基于MCP通信协议的更高级的智能代理）
      • asset/ 资源管理组件
      • common/ 通用组件
      • community/ 社区功能组件
      • copilot/ 人工智能（通用AI对话助手）
      • editor/ 编辑器页面
        • code-editor/ 代码编辑器部分（实现了业务逻辑和UI展示的关注点分离）
          • copilot.ts 核心业务逻辑层（API通信、代码上下文、代码采样等等）
          • code-editor.ts 编辑器集成层（编辑器所有功能集成实现）
          • ui/ 界面
            • code-editor-ui.ts UI控制器层（连接业务逻辑，管理UI组件的生命周期）
            • copilot/ UI组件层（控制页面视觉呈现、用户交互）
              • index.ts 类型定义和控制器
              • CopilotInput.vue 输入组件
              • CopilotUI.vue 主界面组件
              • Copilot…
      • navbar/ 导航栏组件
      • project/ 项目管理组件
      • ui/ 基础UI组件库（分享按钮就是在这里）
    • pages/ 页面组件目录（业务相关，对应具体URL路由路径）
      • community/ 社区页面
      • docs/ 文档页面
      • editor/ 编辑器页面
      • sign-in/ 登录页面
    • stores/ 状态管理
      • user/ 管理用户状态和令牌认证
      • following.ts 关注相关状态
      • liking.ts 点赞相关状态
    • apis/ API接口目录
    • models/ 数据模型定义
    • utils/ 工具函数目录
    • assets/ 静态资源目录
    • widgets/ 小部件目录