Skip to content

Commit 22c7495

Browse files
committed
docs: add terminal copy-on-select design
1 parent dfac99a commit 22c7495

3 files changed

Lines changed: 360 additions & 8 deletions

File tree

docs/superpowers/plans/2026-05-01-mobile-friendly-phase-1.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616

1717
**New files:**
1818
- `packages/web/src/shells/shared/use-workspace-bootstrap.ts` — shared bootstrap/navigation hook extracted from desktop shell
19-
- `packages/web/src/shells/mobile-shell/mobile-topbar.tsx` — workspace pill, connection text, more-actions trigger
19+
- `packages/web/src/shells/mobile-shell/mobile-topbar.tsx` — workspace pill, connection text, direct settings trigger
2020
- `packages/web/src/shells/mobile-shell/mobile-dock.tsx` — Files / Terminal dock buttons
2121
- `packages/web/src/shells/mobile-shell/mobile-sheet.tsx` — generic fullscreen mobile sheet with backdrop + close affordance
2222
- `packages/web/src/shells/mobile-shell/mobile-workspace-drawer.tsx` — workspace list drawer with workspace switching and secondary actions
@@ -29,7 +29,7 @@
2929

3030
**No changes in Phase 1:**
3131
- `features/agent-panes`, `features/terminal-panel`, `features/workspace/*`, `features/code-editor/*`
32-
- command-palette mobile sheet conversion
32+
- command-palette mobile sheet conversion and workspace-topbar exposure
3333
- gesture hooks for swipe/drag interactions beyond tap/backdrop close
3434

3535
---
@@ -170,8 +170,7 @@ Render:
170170
Responsibilities:
171171
- workspace pill showing active workspace name
172172
- connection label (`已连接`, `连接中`, `重连中`, `离线`, `另一个标签页已激活`)
173-
- `` button toggling a small action menu
174-
- action menu items for Settings and Quick Actions
173+
- direct settings icon button
175174

176175
- [ ] **Step 4: Implement `MobileWorkspaceDrawer`**
177176

docs/superpowers/specs/2026-04-30-mobile-friendly-design.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@
5959
| D3 | **断点:`max-width: 899px` OR `pointer: coarse`** | 双条件覆盖外接键鼠 iPad、带触屏小笔记本两种边角 |
6060
| D4 | **桌面 split 状态在移动端只读,不回写** | 移动端只是不同的"取景器",不污染桌面布局 |
6161
| D5 | **Files / Git 同 sheet 复用桌面 panel-tabs 结构** | 镜像桌面信息架构,零改动复用 |
62-
| D6 | **Dock = Files + Terminal 二项极简** | Editor 是 file 的 consequence、Git 合并进 Files、Supervisor 走 chat 顶徽章、Settings/CP 进 topbar `` |
62+
| D6 | **Dock = Files + Terminal 二项极简** | Editor 是 file 的 consequence、Git 合并进 Files、Supervisor 走 chat 顶徽章、Settings topbar 直达按钮 |
6363
| D7 | **Supervisor 改为 chat 上方的状态徽章** | Supervisor 是 agent 执行 objective 的伴生概念,与 chat 强相关,不必占 dock 槽位 |
6464
| D8 | **Settings 走整屏路由 + nav stack;其他二级走 sheet** | Settings 有真实层级 + URL 语义,路由优于 sheet;其他无层级用 sheet 一致 |
6565
| D9 | **同时只有一个 sheet 存在** | 切换 dock item 时新 sheet 替换旧 sheet,避免多层嵌套引发"我在哪一层"焦虑 |
@@ -118,7 +118,7 @@ return viewport === 'mobile' ? <MobileShell /> : <DesktopShell />;
118118

119119
```
120120
┌──────────────────────────────────────────┐
121-
│ ☰ my-app ▾ ● 已连接 │ topbar 44px
121+
│ ☰ my-app ▾ ● 已连接 │ topbar 44px
122122
├──────────────────────────────────────────┤
123123
│ [● Claude] [⏳ Codex²] [✓ Gemini] + │ agent chips 44px
124124
│ 📍 3/8 │ supervisor 徽章(条件显示)
@@ -140,7 +140,7 @@ return viewport === 'mobile' ? <MobileShell /> : <DesktopShell />;
140140
|---|---|
141141
|| `` + 当前 workspace 名 + ``(pill,整体可点 ≥ 44×44px) |
142142
|| 连接状态点 + 文字(已连接 / 重连中 / 离线) |
143-
|| `` 溢出菜单:Settings / 主题 / 命令面板 / 帮助 / 登出 |
143+
|| `Settings` 直达按钮(图标) |
144144

145145
### 3.3 Workspace 抽屉(点 pill 触发)
146146

@@ -353,7 +353,7 @@ drawer 永远盖过 sheet,sheet 永远盖过 chat。
353353
| Auth / Login | 居中 modal | **整屏路由**,卡片 100% 宽 + 上下 padding | 仅 CSS |
354354
| Welcome | 主区居中 | **整屏路由**,按钮纵向 stack、字号放大 | 仅 CSS |
355355
| Settings | 居中 modal + 左右栏分类 | **整屏路由 + nav stack**:分类 → 详情,返回箭头回列表 | 加一层 nav stack 包装 |
356-
| Command Palette | 浮层 modal | **整屏 sheet**topbar `` 触发 | sheet 容器 + 触摸优化 |
356+
| Command Palette | 浮层 modal | **整屏 sheet**通过独立入口触发,不挂在 workspace topbar 更多菜单下 | sheet 容器 + 触摸优化 |
357357
| Branch quick pick | 浮层 | 半屏 sheet(在 Git sheet 内 push) | sheet 容器 |
358358
| Workspace launch modal | 居中 modal | **整屏 sheet**(多步表单) | sheet 容器 |
359359
| Worktree modal | 居中 modal | 同上 | sheet 容器 |

0 commit comments

Comments
 (0)