cicy-desktop 2.1.69 → 2.1.71

package/workers/render.bak.20260528-2338/DESIGN_v2.md

@@ -1,254 +0,0 @@
-# cicy-desktop 整体重设计 v2 (proposal)
-
-> 写给你睡醒后看的：基于当前痛点 + 你的"团队助手"产品定位，给整套 render + team 出一个端到端 UX 提案。不动一行代码先，等你拍板再开。
-
----
-
-## 当前 v1 的问题（实测下来）
-
-1. **抽屉永远占 50% → 团队卡片被挤** 
-   左侧 cards 在 50% 宽时只能挤 2-3 个，本地+云团队多的话拥挤。
-2. **首次用户和老用户体验同一个 UI** 
-   首次用户屏幕中央应该是"建立本地团队"的引导，老用户应该是团队 grid。同样的布局对两者都不友好。
-3. **助手与团队是"邻居"，不是"关系"** 
-   抽屉里的助手与左侧团队卡片之间没有 visual continuity —— 用户不知道助手装完之后会变成谁。
-4. **没有"会话"概念** 
-   助手是聊天，但 chat history 在 webview 内部，用户切换 cards 没法保留 context。
-5. **拖宽是技术解，不是产品解** 
-   用户根本不应该手动调宽度——好产品自动适配状态。
-
----
-
-## 设计哲学（三条）
-
-1. **状态驱动布局**：屏幕 layout 由"用户处于哪个 stage"决定，不是用户拖出来的。
-2. **助手是关系，不是工具**：助手不是放在右边的 chat 框，是"建立一支团队的过程"。装完后助手"长成"团队本身。
-3. **团队是工作目的地**：homepage 的中心是"打开一支团队进入工作"，不是"管理一堆 card"。
-
----
-
-## 新 layout 三大状态
-
-### 状态 A：首次进入（无团队 / 无本地）
-
-```
-┌─────────────────────────────────────────────────────────────┐
-│ CiCy Desktop                                       ✕  ⊠  ⊟  │
-├─────────────────────────────────────────────────────────────┤
-│                                                             │
-│                      欢迎使用 CiCy                           │
-│                                                             │
-│        您还没有任何团队。从这里开始：                          │
-│                                                             │
-│    ┌──────────────────────────────────────────────┐         │
-│    │                                              │         │
-│    │            🤖 1 分钟创建本地团队              │         │
-│    │                                              │         │
-│    │    我的云端虚拟团队小助手会全程协助您安装     │         │
-│    │       Docker + cicy-code，一杯咖啡时间内完成   │         │
-│    │                                              │         │
-│    │           [ 开始 ➜ ]    [ 我有云团队 ]        │         │
-│    │                                              │         │
-│    └──────────────────────────────────────────────┘         │
-│                                                             │
-│      已有 cicy 账号？  [ 登录 ]                              │
-│                                                             │
-└─────────────────────────────────────────────────────────────┘
-```
-
-- 大 hero card 居中，单一明确动作
-- "开始" 直接进入状态 B（装机模式）
-- "我有云团队"打开 add-cloud modal
-- "登录"用于同步个人 settings、token、bookmarks
-
----
-
-### 状态 B：装机进行中（助手主导）
-
-```
-┌─────────────────────────────────────────────────────────────┐
-│ CiCy Desktop · 正在创建本地团队…                  ✕  ⊠  ⊟  │
-├─────────────────────────────────────────────────────────────┤
-│                                                             │
-│  ╭──────────────────────╮  ╭───────────────────────────────╮│
-│  │  装机进度             │  │ 🤖 团队助手                  ││
-│  │                      │  │                               ││
-│  │  ✓ 探测网络环境       │  │ 您好，我是您的云端虚拟团队    ││
-│  │  ✓ 检查 Docker        │  │ 小助手。我会按 7 步完成…      ││
-│  │  ⠹ 下载 Docker (40%)  │  │                               ││
-│  │    安装 Docker        │  │ [user] 1                      ││
-│  │    拉取 cicy-code     │  │                               ││
-│  │    启动容器           │  │ [agent] 开始第 1 步：探测网络  ││
-│  │    验证 :8008        │  │ 速度…正在用 curl 测您本机到   ││
-│  │                      │  │ docker.com 的速度…             ││
-│  │                      │  │                               ││
-│  │   预估剩余 ~5 min     │  │ 您本机在 US，可以直接下载，   ││
-│  │                      │  │ 不需要挂代理。                 ││
-│  │   ╔══════════════╗   │  │                               ││
-│  │   ║   60%        ║   │  │ 下面我开始下载 Docker Desktop ││
-│  │   ╚══════════════╝   │  │ 到您 Desktop 文件夹…           ││
-│  │                      │  │                               ││
-│  ╰──────────────────────╯  ╰───────────────────────────────╯│
-│                                                             │
-│      [ 取消装机 ]                                            │
-│                                                             │
-└─────────────────────────────────────────────────────────────┘
-```
-
-- 左右 50/50 split，但**只有装机进行时是这布局**
-- 左：**进度可视化 panel**（不是 banner 嵌在 card 里）—— 7 步实时进度，预估时间
-- 右：助手 chat（webview，开场协议已发，可继续对话）
-- 头部 title 显示 "正在创建本地团队…" —— 用户知道身处何处
-- 装完 → 自动切到状态 C，左侧进度面板 morph 成"本地团队卡片"
-
----
-
-### 状态 C：日常使用（有团队，助手退场）
-
-```
-┌─────────────────────────────────────────────────────────────┐
-│ CiCy Desktop                                  🤖 ➜  ✕  ⊠  ⊟ │
-├─────────────────────────────────────────────────────────────┤
-│                                                             │
-│    我的团队                                                  │
-│                                                             │
-│    ┌──────────┐  ┌──────────┐  ┌──────────┐  ┌──────────┐   │
-│    │          │  │          │  │          │  │          │   │
-│    │   本地   │  │  Ecommoce│  │  TeamA   │  │  + 添加  │   │
-│    │   ✓ 在线 │  │  ✓ 在线  │  │  ⚠ 离线  │  │          │   │
-│    │          │  │          │  │          │  │          │   │
-│    │  打开 →  │  │  打开 →  │  │  重连    │  │          │   │
-│    │          │  │          │  │          │  │          │   │
-│    └──────────┘  └──────────┘  └──────────┘  └──────────┘   │
-│                                                             │
-│                                                             │
-│    最近 (按使用时间)                                          │
-│                                                             │
-│      • 本地 · 5 分钟前                                       │
-│      • Ecommoce · 2 小时前                                   │
-│                                                             │
-└─────────────────────────────────────────────────────────────┘
-```
-
-- 团队卡片**全宽 grid**，4 列 @ 240px 卡，6 列 @ 200px 卡，自适应
-- "本地"卡有独特视觉（边框微亮 / 微缩 dock icon）—— 显示它是 "您建立的"
-- 顶部 `🤖 ➜` 按钮 —— 召唤助手抽屉（不是常驻）
-- 召唤后从右边滑入 320px 宽 drawer，**不是 50%**——日常 chat 不需要大画面
-- 助手在状态 C 也能用：续装新团队、查看团队状态、改 settings
-
----
-
-## 状态切换流（status machine）
-
-```
-   [启动]
-     │
-     v
-  detect: 本地团队是否就绪?
-   │           │
-   既无 cards  cards 存在
-   也没装着       │
-     │           v
-     v        状态 C (日常)
-   状态 A         │
-   (欢迎)        │ 用户点 🤖 ➜
-     │           v
-   用户点      助手抽屉滑入(320px)
-   "开始"        │
-     │          │ 用户问"装新团队"
-     v          │
-   状态 B ───────┘
-   (装机中)
-     │
-     v
-  装机成功? 
-   │      
-   v      
-   状态 C  
-   (左侧多了一张"本地"卡)
-   且首次自动打开本地团队
-```
-
----
-
-## 关键设计点
-
-### 1. 装机进度本质是产品级 feedback，不是 chat 副产品
-
-把 7 步进度做成**主面板**，agent chat 是辅助说明。哪一步在跑、卡了多久、为啥卡，用户一眼看。当前 v1 把这些信息埋在 chat 流里，用户找不着。
-
-### 2. 助手"长成"本地团队
-
-装完瞬间：
-- 状态 B 的"装机面板"动画 morph 成"本地团队卡"插进 grid
-- 右侧助手 chat 关掉（或 minimize 成顶部 🤖 icon）
-- 自动 highlight "本地"卡 + auto-open 工作区（webview swap 到 localhost:8008）
-
-用户感受：**我请了一个助手，他给我交付了团队，现在我直接进团队工作**——闭环。
-
-### 3. 助手是 on-demand 不是 always-on
-
-状态 C 默认助手是隐藏的，顶部 🤖 ➜ 按钮召唤。理由：
-- 日常用户已经有团队了，助手用不上
-- 助手永远占 50% 屏幕在 disturbing
-- 召唤式更像 Notion 的 AI、Slack 的 Comet —— 用户主动唤起
-
-### 4. webview iframe-style 嵌入 → SDK-style 嵌入
-
-当前是塞个 webview 加载 helper SPA。问题：webview 是个孤岛。
-
-未来 v3 直接：
-- helper 容器暴露 chat WebSocket / SSE
-- desktop-render 自己实现 chat UI（message bubbles, tool invocation render, file diff render）
-- 控制力 + 一致性 100%
-
-### 5. 多团队 + 多账号
-
-cicy 账号登录后：
-- 云团队从账号同步（不是用户手动 add backend URL）
-- 本地团队全局有效（多账号共用同一台机器的 docker）
-- 助手有"账号上下文"：知道你是哪个 cicy 用户、有什么 quota
-
----
-
-## 组件改动清单（从产品角度）
-
-| 组件 | 当前 | 重设计 |
-|------|------|--------|
-| 顶部 topbar | drag region + brand + 工具按钮 | drag region + brand + **🤖 助手 toggle**（仅 C 态显示）+ 账号头像 |
-| 团队 cards | 全部混在 grid 里 | "我的团队" + "最近" 双 section |
-| 装机 banner | 嵌在 card 内部 | 独立 **进度面板**（B 态主面板） |
-| Helper drawer | 50% 常驻 | A 态：隐藏；B 态：右 50%；C 态：320px 召唤式 |
-| 状态机 | 无（一开始 cards + 抽屉） | A/B/C 三态明确切换 |
-| 首次引导 | 一个 install 按钮 | hero card + 大动作 |
-
----
-
-## 实施分期建议
-
-**Phase 1（1-2 天，最有效）**：
-- 引入"状态 A / B / C"derive
-- 装机时切到 B 布局（独立进度面板 + helper 右 50%）
-- 装完自动切 C + 关 helper
-- 顶部加 🤖 ➜ 按钮
-
-**Phase 2（再 1-2 天）**：
-- A 态欢迎 hero
-- C 态团队 grid 全宽
-- "最近"section
-
-**Phase 3（后续）**：
-- helper SDK 化（自实现 chat UI 替换 webview）
-- 账号 + 云团队同步
-
----
-
-## 关键决定要你拍板
-
-1. **是否引入 A/B/C 状态机**（最大改动，但最值得）
-2. **装机进度面板是否独立**（替换当前 banner 嵌入 card 的设计）
-3. **helper 是常驻还是召唤式**（v1 常驻 / v2 召唤）
-4. **首次用户是否需要 hero 引导页**（vs 直接 cards + empty state）
-5. **Phase 1 优先级**：1-2 天能否接受 v2 上线
-
-醒来发给我答复即可，我就开干。👋

package/workers/render.bak.20260528-2338/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
-  <title>CiCy Desktop</title>
-</head>
-<body>
-  <div id="root"></div>
-  <script type="module" src="/src/main.jsx"></script>
-</body>
-</html>