• 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/ 小部件目錄