magpie-agent-console 0.0.0-stage → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +114 -2
- package/THIRD-PARTY-NOTICES.md +42 -0
- package/app/app.css +37 -0
- package/app/app.js +202 -0
- package/app/index.html +6 -0
- package/assets/icon.svg +10 -0
- package/daemon/dist/main.js +6965 -0
- package/daemon/dist/main.js.map +7 -0
- package/index.mjs +244 -0
- package/package.json +95 -4
- package/page/boot.js +48 -0
- package/page/index.html +24 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 qingnian108
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,3 +1,115 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Agent Console
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Magpie 窗口里的 Agent 控制台：驱动本机真实的 Agent CLI（Claude Code、Codex、Cursor、Copilot、OpenCode、Pi、Devin、dsh）。每个对话是一条**常驻 Agent 会话**，挂在独立的 Node daemon 上——关掉页面、刷新、重启 magpie，Agent 还在跑；重新打开就接回现场。
|
|
4
|
+
|
|
5
|
+
## 安装
|
|
6
|
+
|
|
7
|
+
需要 [Magpie](https://usemagpie.ai) ≥ 0.1.1340，以及本机 Node.js ≥ 20。
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
magpie plugin add magpie-agent-console
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
或在 Magpie：**设置 → 插件 → 添加插件**，填 `magpie-agent-console`。装好后侧栏插件分组会出现「Agent 控制台」。
|
|
14
|
+
|
|
15
|
+
本机要已安装你想用的 Agent CLI（如 `claude`、`codex`）。未安装的会在设置里显示安装提示。
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
不是打网关的聊天框：daemon 通过 `@anthropic-ai/claude-agent-sdk` / `codex app-server` / ACP 持久连接真实 CLI，规范化结构化事件流（工具调用、思考、授权请求、用量），经 WebSocket 实时推给 React 页面。
|
|
20
|
+
|
|
21
|
+
不是打网关的聊天框：daemon 通过 `@anthropic-ai/claude-agent-sdk` / `codex app-server` 持久连接真实 CLI，规范化结构化事件流（工具调用、思考、授权请求、用量），经 WebSocket 实时推给 React 页面。
|
|
22
|
+
|
|
23
|
+
界面原则：**一眼就懂，没有多余的东西**。三列工作台——侧栏（项目×对话）、对话时间线、右侧面板（改动/文件/终端）。
|
|
24
|
+
|
|
25
|
+
## 功能
|
|
26
|
+
|
|
27
|
+
- **常驻会话**：每个对话绑定一个持久 Agent 进程；daemon 重启后 running 对话标为已关闭并可一键续接（`--resume` / `thread/resume`）
|
|
28
|
+
- **多 Agent**：Claude Code、Codex、Cursor、Copilot、OpenCode、Pi、Devin、dsh；未安装的显示安装提示
|
|
29
|
+
- **模型/权限/思考强度**：每对话可改；权限四档（计划/默认/接受编辑/放开全部），思考强度五档
|
|
30
|
+
- **结构化时间线**：用户消息 → 思考（可展开）→ 工具调用（读/改/跑命令，带行级 diff）→ 待办 → 用量与耗时；授权请求（工具/计划/提问）卡片内应答
|
|
31
|
+
- **插话与排队**：运行中可 steer 插话、排队下一条、打断（interrupt）
|
|
32
|
+
- **改动面板**：git status 实时刷新（3s），逐文件统一 diff，放弃改动（未跟踪文件移入回收区不硬删）
|
|
33
|
+
- **文件面板**：目录树懒加载（遵守 .gitignore），文件预览带语法高亮
|
|
34
|
+
- **终端面板**：node-pty 真终端（pwsh/powershell），重开页面可接回；无 PTY 时降级为简化模式
|
|
35
|
+
- **导入历史**：把 `~/.claude/projects`、`~/.codex/sessions` 里与项目匹配的既有会话导入为新对话（可续接）
|
|
36
|
+
- **会话管理**：搜索（Ctrl+K）、置顶、重命名、归档、删除（移回收目录）、导出 Markdown、对话信息（用量/费用/会话 ID）
|
|
37
|
+
- **Mock Agent**：`AGENT_CONSOLE_MOCK=1` 注册演示 Agent，8 个剧本（默认/perm/plan/ask/slow/error/long/exit）联调 UI 不烧 token
|
|
38
|
+
|
|
39
|
+
## 架构
|
|
40
|
+
|
|
41
|
+
```
|
|
42
|
+
magpie 插件页（sandbox iframe，opaque origin）
|
|
43
|
+
│ location.replace → http://127.0.0.1:3488
|
|
44
|
+
▼
|
|
45
|
+
index.mjs 插件入口：ensureDaemon——读 daemon.json、pid 存活检查、
|
|
46
|
+
ping 校验、复用或 spawn 新 daemon；端口迁移时优雅重启
|
|
47
|
+
│
|
|
48
|
+
daemon/ 独立 Node 进程（默认端口 3488，数据目录 ~/.config/magpie/agent-console）
|
|
49
|
+
http.ts 静态文件 + /api/ping + /api/upload；Host/Origin/页面令牌校验
|
|
50
|
+
ws/gateway.ts /ws：hello 鉴权、req/res 方法分派、订阅频道推送、二进制终端帧
|
|
51
|
+
ws/methods.ts zod 校验的全部方法（projects/threads/settings/git/files/history/terminal…）
|
|
52
|
+
agents/manager.ts 会话运行时：send/steer/queue/interrupt、授权 pending、coalescer（60ms 合并 delta）、
|
|
53
|
+
崩溃补 turn_ended、空闲回收、重启恢复
|
|
54
|
+
providers/ claude（SDK）+ codex（app-server）+ mock；detect/listModels/createSession
|
|
55
|
+
store/ projects/threads/settings/attachments：json + jsonl，串行写队列，原子落盘
|
|
56
|
+
terminal/ node-pty 终端池（≤8/项目），环形缓冲 + 16ms 合并推送
|
|
57
|
+
git/ files/ 改动状态/diff/放弃；目录树/文件读取
|
|
58
|
+
history/ Claude/Codex 历史会话扫描与导入
|
|
59
|
+
│ WebSocket（文本帧 req/res/evt + 二进制终端帧）
|
|
60
|
+
▼
|
|
61
|
+
web/src → app/ React 19 + zustand 前端：三列布局、虚拟化时间线、
|
|
62
|
+
xterm 终端、diff 渲染、marked+dompurify Markdown
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
## 安全模型
|
|
66
|
+
|
|
67
|
+
magpie 的插件页是 `sandbox="allow-scripts"` iframe，跳走后是 opaque origin（`Origin: null`）——靠 Origin 区分不了"真 UI"和恶意 iframe：
|
|
68
|
+
|
|
69
|
+
- daemon 启动时生成随机页面令牌，写进 `daemon.json`；返回 index.html 时注入 `<meta>`，前端所有请求带 `x-agent-console: <token>`，不符 403/4401
|
|
70
|
+
- Host 必须是 `127.0.0.1:<port>`/`localhost:<port>`，否则 421（防 DNS rebinding）；静态响应不带 `access-control-allow-origin`
|
|
71
|
+
- WS hello 5 秒内必须鉴权；终端输入帧只在订阅 `terminal:<index>` 后才接受
|
|
72
|
+
|
|
73
|
+
## 数据目录
|
|
74
|
+
|
|
75
|
+
```
|
|
76
|
+
$XDG_CONFIG_HOME/magpie/agent-console/ （默认 ~/.config/magpie/agent-console）
|
|
77
|
+
daemon.json pid/port/token/version（插件入口据此复用）
|
|
78
|
+
settings.json 设置（默认 Agent/权限/发送键/面板宽度…）
|
|
79
|
+
projects.json 项目列表
|
|
80
|
+
threads/<id>/ meta.json + timeline.jsonl（事件持久化，重连补推）
|
|
81
|
+
attachments/ 上传的附件
|
|
82
|
+
trash/ 删除的对话与放弃的新文件（不硬删）
|
|
83
|
+
logs/ 按天滚动日志（留 7 天）
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
## 开发
|
|
87
|
+
|
|
88
|
+
```bash
|
|
89
|
+
npm run build # daemon esm + web iife（app/ 四件套；daemon/dist 也提交）
|
|
90
|
+
npm run dev # 起 daemon：端口 3499、数据目录 _tmp/xdg-dev（不碰真实数据）
|
|
91
|
+
npm run check # 双 tsconfig 类型检查
|
|
92
|
+
npm test # vitest 单测（test/v1 + web/src）
|
|
93
|
+
npm run e2e:v1 # 端到端：spawn daemon(3497)+Edge CDP 全场景（Mock Agent）
|
|
94
|
+
npm run shot:v1 # 截图集（亮/暗 × 各场景 → _tmp/shots-v1/）
|
|
95
|
+
|
|
96
|
+
# Mock 联调（不烧真 token）
|
|
97
|
+
AGENT_CONSOLE_MOCK=1 npm run dev
|
|
98
|
+
# 剧本：默认 /perm /plan /ask /slow /error /long(5000 事件压测) /exit
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
| 环境变量 | 作用 |
|
|
102
|
+
|---|---|
|
|
103
|
+
| `AGENT_CONSOLE_PORT` | daemon 默认端口（默认 3488；插件 options.port 优先） |
|
|
104
|
+
| `AGENT_CONSOLE_MOCK=1` | 注册 mock provider |
|
|
105
|
+
| `AGENT_CONSOLE_TOKEN` | 固定页面令牌（测试/截图用，生产不要设） |
|
|
106
|
+
| `AGENT_CONSOLE_IDLE_EXIT_MIN` | 空闲自动退出分钟数（默认 60） |
|
|
107
|
+
| `XDG_CONFIG_HOME` | 数据根目录（开发用 `_tmp/xdg-dev`） |
|
|
108
|
+
|
|
109
|
+
daemon CLI：`node daemon/dist/main.js [--port N] [--data DIR] [--token T]`。
|
|
110
|
+
|
|
111
|
+
## 依赖与许可证
|
|
112
|
+
|
|
113
|
+
本插件 MIT（见 LICENSE）。第三方依赖许可证见 THIRD-PARTY-NOTICES.md：运行时 16 个包（多为 MIT；dompurify MPL-2.0/Apache-2.0、highlight.js BSD-3-Clause、lucide-react ISC；`@anthropic-ai/claude-agent-sdk` 为 Anthropic 商用条款），构建/测试依赖 esbuild/vitest/typescript/playwright-core。
|
|
114
|
+
|
|
115
|
+
架构设计参考了 Paseo（常驻 daemon + provider 抽象）与 T3 Code（时间线形态与三列布局）——仅参考思路，未复制代码。
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
# 第三方声明
|
|
2
|
+
|
|
3
|
+
## 设计参考
|
|
4
|
+
|
|
5
|
+
本插件 v1.0 的常驻会话架构、事件协议与界面布局在设计时参考了以下开源项目
|
|
6
|
+
（仅参考设计思路与协议形态，未复制源代码）：
|
|
7
|
+
|
|
8
|
+
- **Paseo**（https://github.com/anthropics/paseo 类项目，Apache-2.0）
|
|
9
|
+
—— 常驻 daemon + WebSocket 事件推送、provider 会话抽象的思路。
|
|
10
|
+
- **T3 Code**（https://github.com/pingdotgg/t3code 类项目，MIT）
|
|
11
|
+
—— 时间线条目形态（工具组、授权卡片、计划卡片）与三列工作台布局。
|
|
12
|
+
|
|
13
|
+
## npm 依赖及其许可证
|
|
14
|
+
|
|
15
|
+
运行时依赖（`dependencies`）：
|
|
16
|
+
|
|
17
|
+
| 包 | 版本 | 许可证 |
|
|
18
|
+
|---|---|---|
|
|
19
|
+
| @anthropic-ai/claude-agent-sdk | 0.3.312 | SEE LICENSE IN README.md（Anthropic 商用条款） |
|
|
20
|
+
| @tanstack/react-virtual | 3.14.24 | MIT |
|
|
21
|
+
| @xterm/addon-fit | 0.11.0 | MIT |
|
|
22
|
+
| @xterm/xterm | 6.0.0 | MIT |
|
|
23
|
+
| clsx | 2.1.1 | MIT |
|
|
24
|
+
| dompurify | 3.4.17 | MPL-2.0 OR Apache-2.0 |
|
|
25
|
+
| highlight.js | 11.12.0 | BSD-3-Clause |
|
|
26
|
+
| ignore | 7.0.14 | MIT |
|
|
27
|
+
| lucide-react | 1.64.0 | ISC |
|
|
28
|
+
| marked | 18.1.2 | MIT |
|
|
29
|
+
| node-pty | 1.2.0-beta.15 | MIT |
|
|
30
|
+
| react | 19.3.1 | MIT |
|
|
31
|
+
| react-dom | 19.3.1 | MIT |
|
|
32
|
+
| ws | 8.22.0 | MIT |
|
|
33
|
+
| zod | 4.6.7 | MIT |
|
|
34
|
+
| zustand | 5.0.16 | MIT |
|
|
35
|
+
|
|
36
|
+
开发依赖（`devDependencies`，不随发布包分发构建产物以外的内容）：
|
|
37
|
+
typescript（Apache-2.0）、esbuild（MIT）、vitest（MIT）、playwright-core（Apache-2.0）、
|
|
38
|
+
@types/*（MIT）。
|
|
39
|
+
|
|
40
|
+
Codex app-server 的 JSON-RPC schema 文件（`daemon/src/providers/codex/schema/`）由
|
|
41
|
+
`codex app-server generate-json-schema` 在本机生成，属于 OpenAI Codex CLI 的接口描述，
|
|
42
|
+
按 Codex 的许可证使用；插件仅将其用于协议对接。
|
package/app/app.css
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
:root{--bg: var(--magpie-bg, #ffffff);--fg: var(--magpie-fg, #1f1f1f);--muted: var(--magpie-muted, #737373);--accent: var(--magpie-accent, #0d9488);--accent-fg: #ffffff;--accent-soft: color-mix(in oklab, var(--accent) 12%, var(--bg));--surface: color-mix(in oklab, var(--fg) 3%, var(--bg));--surface-hover: color-mix(in oklab, var(--fg) 6%, var(--bg));--line: color-mix(in oklab, var(--fg) 9%, var(--bg));--ok: #16a34a;--warn: #d97706;--danger: #dc2626;--info: #2563eb;--code-bg: color-mix(in oklab, var(--fg) 4%, var(--bg));--r-s: 6px;--r-m: 8px;--r-l: 12px;--r-full: 999px;--font-ui: var(--magpie-font, "Segoe UI Variable Text", "Segoe UI", -apple-system, "PingFang SC", "Microsoft YaHei UI", system-ui, sans-serif);--font-mono: "Cascadia Code", "Cascadia Mono", "JetBrains Mono", ui-monospace, Consolas, monospace;--fs-s: 12px;--fs-m: 13px;--fs-l: 14px;--fs-hero: 18px;--lh: 1.6;--shadow-pop: 0 8px 24px -6px rgb(0 0 0 / .16), 0 0 0 1px var(--line);--term-bg: #ffffff;--term-fg: #1e1e1e;--ease: cubic-bezier(.2,.7,.2,1);--dur-1: .12s;--dur-2: .2s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: var(--magpie-bg, #1a1a1a);--fg: var(--magpie-fg, #ececec);--muted: var(--magpie-muted, #9b9b9b);--accent: var(--magpie-accent, #2dd4bf);--accent-fg: #04201c;--info: #60a5fa;--shadow-pop: 0 8px 24px -6px rgb(0 0 0 / .5), 0 0 0 1px var(--line);--term-bg: #0c0c0c;--term-fg: #cccccc}}[data-theme=dark]{--bg: var(--magpie-bg, #1a1a1a);--fg: var(--magpie-fg, #ececec);--muted: var(--magpie-muted, #9b9b9b);--accent: var(--magpie-accent, #2dd4bf);--accent-fg: #04201c;--info: #60a5fa;--shadow-pop: 0 8px 24px -6px rgb(0 0 0 / .5), 0 0 0 1px var(--line);--term-bg: #0c0c0c;--term-fg: #cccccc}@layer reset{html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--fs-m);line-height:var(--lh);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}#root{height:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 55%,var(--bg));outline-offset:-1px}}*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--fg) 18%,transparent) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--fg) 18%,transparent);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--fg) 30%,transparent)}*::-webkit-scrollbar-track{background:transparent}.ibtn{width:28px;height:28px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-s);color:var(--muted);transition:background var(--dur-1),color var(--dur-1)}.ibtn:hover{background:var(--surface-hover);color:var(--fg)}.ibtn[disabled]{opacity:.35;cursor:default}.ibtn.on{color:var(--accent)}.ibtn svg{width:16px;height:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 14px;border-radius:var(--r-s);font-size:var(--fs-m);background:var(--surface-hover);color:var(--fg);transition:background var(--dur-1),filter var(--dur-1)}.btn:hover{filter:brightness(1.03)}.btn[disabled]{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-fg)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger)}.btn.ghost{background:none}.btn.ghost:hover{background:var(--surface-hover)}.tinput{width:100%;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--bg);font-size:var(--fs-m);outline:none}.tinput:focus{border-color:color-mix(in oklab,var(--accent) 55%,var(--bg))}.tinput.err{border-color:var(--danger)}.tinput::placeholder{color:var(--muted)}textarea.tinput{height:auto;min-height:60px;padding:6px 10px;resize:vertical}select.tinput{padding-right:26px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat}.menu{position:fixed;z-index:60;min-width:160px;max-width:280px;background:var(--bg);border-radius:var(--r-m);box-shadow:var(--shadow-pop);padding:4px;font-size:var(--fs-m)}.mi{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:0 10px;border-radius:var(--r-s);text-align:left;color:var(--fg)}.mi:hover:not([disabled]){background:var(--surface-hover)}.mi[disabled]{color:var(--muted);cursor:default}.mi.danger{color:var(--danger)}.mi .mi-check{margin-left:auto;color:var(--accent)}.msep{height:1px;margin:4px 6px;background:var(--line)}.mlabel{padding:6px 10px 2px;font-size:var(--fs-s);color:var(--muted)}.dlg-scrim{position:fixed;inset:0;z-index:70;background:#00000052;display:flex;align-items:center;justify-content:center;padding:24px}.dlg{width:440px;max-width:100%;max-height:80vh;display:flex;flex-direction:column;background:var(--bg);border-radius:var(--r-l);box-shadow:var(--shadow-pop)}.dlg-title{flex:none;padding:14px 16px 4px;font-size:var(--fs-l);font-weight:600}.dlg-body{flex:1;min-height:0;overflow-y:auto;padding:8px 16px}.dlg-foot{flex:none;display:flex;justify-content:flex-end;gap:8px;padding:10px 16px 14px}.dlg-row{margin:10px 0}.dlg-row-top{align-items:flex-start}.dlg-row>label{display:block;margin-bottom:4px;font-size:var(--fs-s);color:var(--muted)}.provider-list{display:flex;flex-direction:column;gap:6px;width:100%;max-height:280px;overflow:auto}.provider-list{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.provider-redetect{align-self:flex-start;margin-bottom:4px}.provider-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:6px 8px;border-radius:var(--r-m);background:var(--bg-2)}.provider-row.open{padding-bottom:10px}.provider-head{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:none;text-align:left;cursor:pointer;color:inherit;padding:0}.provider-detail{flex:1 1 100%;display:flex;flex-direction:column;gap:6px;padding:4px 0 0 28px}.provider-hint-row{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.btn.sm{font-size:var(--fs-s);padding:4px 10px;height:auto}.provider-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.provider-name{font-size:var(--fs-m);font-weight:500}.provider-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.provider-dot-on{background:var(--ok, #3ecf8e)}.provider-dot-off{background:var(--muted);opacity:.5}.provider-dot-pending{background:var(--warn, #e6a817)}.provider-switch input{width:16px;height:16px;cursor:pointer}.dlg-hint{font-size:var(--fs-s);color:var(--muted)}.dlg-hint.err{color:var(--danger)}.toasts{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{max-width:480px;padding:8px 14px;border-radius:var(--r-m);background:var(--fg);color:var(--bg);font-size:var(--fs-m);box-shadow:var(--shadow-pop);animation:toast-in var(--dur-2) var(--ease)}.toast.err{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--muted)}.dot.run{background:var(--accent);animation:breathe 1.6s infinite}.dot.err{background:var(--danger)}.dot.wait{background:var(--warn);animation:breathe 1.6s infinite}@keyframes breathe{50%{opacity:.35}}.boot-screen{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:var(--fs-m)}.boot-screen .btn{margin-top:12px}.boot-wrap{display:flex;flex-direction:column;align-items:center}.boot-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.boot-dot[data-state=open]{background:var(--ok)}.boot-dot[data-state=reconnecting]{background:var(--warn)}.boot-dot[data-state=down]{background:var(--danger)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{display:flex;height:100vh;min-width:480px;overflow:hidden}.sidebar{width:var(--sb-w, 248px);flex:none;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line)}.sb-row{display:flex;align-items:center;gap:2px;height:40px;padding:6px 6px 4px;flex:none}.sb-new{flex:1;display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:var(--r-s);font-size:var(--fs-m);text-align:left;transition:background var(--dur-1)}.sb-new:hover{background:var(--surface-hover)}.sb-row .ibtn{width:28px;height:28px}.sb-search{flex:1;display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:var(--r-s);background:var(--surface-hover);color:var(--muted)}.sb-search input{flex:1;min-width:0;border:0;background:none;font-size:var(--fs-s);outline:none;color:var(--fg)}.sb-list{flex:1;overflow-y:auto;padding:0 6px 8px}.pj-group{margin-top:2px}.pj{display:flex;align-items:center;gap:2px;height:30px;padding:0 4px 0 0;border-radius:var(--r-s)}.pj:hover{background:var(--surface-hover)}.pj-toggle{flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:6px;padding-left:2px;text-align:left;font-size:var(--fs-m);font-weight:500}.pj-caret{width:14px;flex:none;display:inline-flex;justify-content:center;color:var(--muted);transition:transform var(--dur-1)}.pj-caret.open{transform:rotate(90deg)}.pj-badge{width:20px;height:20px;flex:none;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-hover);color:var(--fg);font-size:var(--fs-s);font-weight:600;line-height:1;text-transform:uppercase}.pj:hover .pj-badge{background:var(--bg)}.pj-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pj-count{flex:none;padding:0 6px;font-size:var(--fs-s);color:var(--muted)}.pj-act{width:22px;height:22px;flex:none;display:none;align-items:center;justify-content:center;border-radius:var(--r-s);color:var(--muted)}.pj:hover .pj-act,.pj-act:focus-visible{display:inline-flex}.pj:hover .pj-count{display:none}.pj-act:hover{background:var(--bg);color:var(--fg)}.pj-sessions{padding:1px 0 4px 22px}.pj-more,.pj-empty{display:flex;align-items:center;width:100%;height:26px;padding:0 8px 0 21px;font-size:var(--fs-s);color:var(--muted);text-align:left;border-radius:var(--r-s)}.pj-more:hover{background:var(--surface-hover);color:var(--fg)}.t-item{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:0 4px 0 8px;border-radius:var(--r-s);position:relative;text-align:left;font-size:var(--fs-m);transition:background var(--dur-1)}.t-item:hover,.t-item.on{background:var(--surface-hover)}.t-item.archived{opacity:.55}.t-item.archived .t-title{font-style:italic}.t-item .dot{width:5px;height:5px}.t-pin{width:12px;flex:none;display:inline-flex;color:var(--muted)}.t-pin svg{width:10px;height:10px}.t-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-time{flex:none;font-size:var(--fs-s);color:var(--muted)}.t-item:hover .t-time{display:none}.t-more{flex:none;width:22px;height:22px;display:none;align-items:center;justify-content:center;border-radius:var(--r-s);color:var(--muted)}.t-item:hover .t-more{display:inline-flex}.t-more:hover{background:var(--bg);color:var(--fg)}.t-rename{flex:1;min-width:0;height:24px;font-size:var(--fs-m);border:1px solid var(--accent);border-radius:var(--r-s);padding:0 6px;background:var(--bg)}.sb-empty{padding:20px 12px;text-align:center;color:var(--muted);font-size:var(--fs-s)}.sb-start{padding:28px 12px;text-align:center}.sb-start-t{font-size:var(--fs-m);font-weight:500}.sb-start-s{margin:4px 0 12px;font-size:var(--fs-s);color:var(--muted)}.rs{width:5px;flex:none;cursor:col-resize;position:relative}.rs:after{content:"";position:absolute;inset:0}.rs:hover:after,.rs.drag:after{background:color-mix(in oklab,var(--accent) 30%,transparent)}.rs-l{margin-left:-3px}.rs-r{margin-right:-3px}body.col-drag{cursor:col-resize;user-select:none}body.col-drag iframe,body.col-drag .xterm{pointer-events:none}.scrim{position:fixed;inset:0;z-index:45;background:#00000052;display:none}.scrim.show{display:block}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg);position:relative}.topbar{height:40px;flex:none;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid var(--line)}.tb-menu-btn{display:none}.tb-crumb{flex:none;max-width:26%;font-size:var(--fs-m);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-sep{flex:none;color:var(--muted)}.tb-title{font-size:var(--fs-l);font-weight:500;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:var(--r-s);padding:2px 6px;cursor:text}.tb-title:hover{background:var(--surface)}.tb-title.ghost{color:var(--muted);cursor:default}.tb-title.ghost:hover{background:none}.tb-rename{font-size:var(--fs-l);font-weight:500;border:1px solid var(--accent);border-radius:var(--r-s);padding:1px 6px;background:var(--bg);width:300px;max-width:46vw}.tb-pill{flex:none;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:var(--r-full);font-size:var(--fs-s);background:var(--surface);color:var(--muted)}.tb-pill.run{color:var(--accent)}.tb-pill.wait{color:var(--warn)}.tb-pill.err{color:var(--danger)}.tb-right{margin-left:auto;display:flex;align-items:center;gap:2px}.tb-model{font-size:var(--fs-s);color:var(--muted);margin-right:4px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.connbar{flex:none;height:26px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-s);background:color-mix(in oklab,var(--warn) 14%,var(--bg));color:var(--warn)}.scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;position:relative}.tl-wrap{max-width:760px;min-width:0;margin:0 auto;padding:16px 20px 12px}.jump{position:absolute;right:24px;bottom:150px;width:34px;height:34px;border-radius:50%;background:var(--bg);box-shadow:var(--shadow-pop);display:flex;align-items:center;justify-content:center;color:var(--muted);z-index:5}.jump:hover{color:var(--fg)}.jump .jd{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.panel{width:var(--pn-w, 440px);flex:none;display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--line)}.pn-head{flex:none;display:flex;align-items:center;gap:2px;height:40px;padding:0 6px;border-bottom:1px solid var(--line)}.pn-tabs{display:flex;gap:2px}.pn-tab{height:28px;padding:0 10px;border-radius:var(--r-s);font-size:var(--fs-m);color:var(--muted);display:inline-flex;align-items:center;gap:6px}.pn-tab:hover{background:var(--surface-hover);color:var(--fg)}.pn-tab.on{background:var(--surface-hover);color:var(--fg);font-weight:500}.pn-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.pn-close{margin-left:auto}.pn-empty{padding:20px;color:var(--muted);font-size:var(--fs-m);text-align:center}.pn-empty-sub{margin-top:6px;font-size:var(--fs-s);opacity:.8}.chg-head{flex:none;display:flex;align-items:center;gap:6px;height:34px;padding:0 8px;border-bottom:1px solid var(--line);font-size:var(--fs-m)}.chg-branch{display:inline-flex;align-items:center;gap:5px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chg-head .ibtn{margin-left:auto}.chg-list{flex:none;max-height:40%;overflow-y:auto;border-bottom:1px solid var(--line)}.chg-list:empty{border-bottom:none}.chg-row{display:flex;align-items:center;gap:7px;padding:4px 8px;cursor:pointer;font-size:var(--fs-m);min-height:28px}.chg-row:hover,.chg-row.on{background:var(--surface-hover)}.chg-kind{flex:none;width:18px;height:18px;border-radius:var(--r-s);font-size:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--muted)}.chg-kind.k-modified{color:var(--warn, #b45309)}.chg-kind.k-added,.chg-kind.k-untracked{color:var(--ok, #15803d)}.chg-kind.k-deleted{color:var(--err, #b91c1c)}.chg-kind.k-renamed{color:var(--accent)}.chg-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.chg-stat{flex:none;font-style:normal;font-size:var(--fs-s);font-variant-numeric:tabular-nums}.chg-stat .add{color:var(--ok, #15803d);font-style:normal}.chg-stat .del{color:var(--err, #b91c1c);font-style:normal}.chg-discard{flex:none;opacity:0}.chg-row:hover .chg-discard{opacity:1}.chg-diff{flex:1;min-height:0;overflow:auto}.ft-crumbs{flex:none;display:flex;align-items:center;gap:4px;min-height:34px;padding:0 8px;border-bottom:1px solid var(--line);font-size:var(--fs-m);overflow-x:auto;white-space:nowrap}.ft-crumb{color:var(--muted);font-size:var(--fs-m);padding:2px 4px;border-radius:var(--r-s)}.ft-crumb:hover{background:var(--surface-hover);color:var(--fg)}.ft-crumb-t{color:var(--fg)}.ft-crumb-t.muted{color:var(--muted)}.ft-tree{flex:none;max-height:45%;overflow-y:auto;padding:4px 0}.ft-row{display:flex;align-items:center;gap:5px;padding:3px 8px;cursor:pointer;font-size:var(--fs-m);min-height:24px}.ft-row:hover,.ft-row.on{background:var(--surface-hover)}.ft-row .caret{font-size:11px;color:var(--muted);display:inline-block;transition:transform var(--dur-1) var(--ease)}.ft-row .caret.open{transform:rotate(90deg)}.ft-dot{width:13px;flex:none}.ft-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-err{color:var(--danger);font-size:var(--fs-s);padding:2px 0}.ft-view{flex:1;min-height:0;overflow:auto;border-top:1px solid var(--line)}.ft-pre{margin:0;padding:10px 12px;font-family:var(--font-mono);font-size:var(--fs-s);line-height:1.55}.ft-pre code{background:none;padding:0;display:block;white-space:pre}.tm-tabs{flex:none;display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid var(--line);overflow-x:auto}.tm-tab{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 6px 0 10px;border-radius:var(--r-s);font-size:var(--fs-m);color:var(--muted);white-space:nowrap}.tm-tab:hover,.tm-tab.on{background:var(--surface-hover);color:var(--fg)}.tm-x{color:var(--muted);padding:0 3px;border-radius:3px}.tm-x:hover{color:var(--danger);background:var(--surface-hover)}.tm-note{flex:none;padding:4px 10px;font-size:var(--fs-s);color:var(--warn);background:color-mix(in oklab,var(--warn) 10%,var(--bg));border-bottom:1px solid var(--line)}.tm-body{flex:1;min-height:0;position:relative;background:var(--term-bg)}.tm-view{position:absolute;inset:0;padding:6px 8px;background:var(--term-bg)}.tm-view .xterm{height:100%}.tm-view .xterm-viewport{background:var(--term-bg)!important}.tm-view .xterm-screen{padding:2px 0}.imp-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.imp-row{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:var(--r-s);font-size:var(--fs-m);cursor:pointer}.imp-row:hover{background:var(--surface-hover)}.imp-row.done{opacity:.55;cursor:default}.imp-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imp-meta{flex:none;color:var(--muted);font-size:var(--fs-s)}.info-grid{display:flex;flex-direction:column;gap:2px}.info-row{display:flex;align-items:center;gap:10px;padding:3px 2px;font-size:var(--fs-m)}.info-k{flex:none;width:74px;color:var(--muted)}.info-v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-s)}@media(min-width:760px){.sidebar.w-hide{display:none}.sidebar.w-hide+.rs-l{display:none}}@media(min-width:900px){.panel.w-hide{display:none}}@media(max-width:899px){.panel{position:fixed;right:0;top:0;bottom:0;z-index:46;width:min(var(--pn-w, 440px),92vw);transform:translate(100%);transition:transform var(--dur-2) var(--ease);box-shadow:var(--shadow-pop)}.panel.open{transform:none}.rs-r{display:none}}@media(max-width:759px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:46;width:min(var(--sb-w, 248px),84vw);transform:translate(-100%);transition:transform var(--dur-2) var(--ease);box-shadow:var(--shadow-pop)}.sidebar.open{transform:none}.sidebar~.rs-l{display:none}.tb-menu-btn{display:inline-flex}.tl-wrap{padding:16px 14px 8px}.tb-model{display:none}}.dlg.cpal{width:520px;padding:6px}.cpal-in{width:100%;height:36px;padding:0 12px;border:0;background:none;outline:none;font-size:var(--fs-l);color:var(--fg)}.cpal-list{max-height:46vh;overflow-y:auto;padding:4px}.cpal-item{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 10px;border-radius:var(--r-s);text-align:left;font-size:var(--fs-m)}.cpal-item.on{background:var(--surface-hover)}.cpal-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpal-hint{flex:none;font-size:var(--fs-s);color:var(--muted)}.um-row{display:flex;flex-direction:column;align-items:flex-end;margin:10px 0}.um{position:relative;max-width:78%;min-width:min(100%,12em);background:var(--accent-soft);border-radius:var(--r-l) var(--r-l) 4px var(--r-l);padding:7px 12px;white-space:pre-wrap;word-break:normal;overflow-wrap:break-word}.um:hover .um-act{display:flex}.um-act{position:absolute;left:-62px;top:4px;display:none;gap:2px}.um-act .ibtn{width:24px;height:24px}.um-img{display:block;max-width:200px;max-height:140px;border-radius:var(--r-s);margin-bottom:6px;cursor:zoom-in}.um-tag{font-size:var(--fs-s);color:var(--muted);margin-top:2px}.as{margin:10px 0}.md.streaming:after{content:"\258d";color:var(--accent);animation:breathe 1s infinite}.md{font-size:var(--fs-m);word-break:normal;overflow-wrap:break-word}.md p{margin:6px 0}.md pre{position:relative;background:var(--code-bg);border-radius:var(--r-s);padding:10px 12px;overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-s);line-height:1.55}.md code{font-family:var(--font-mono);font-size:.92em;background:var(--code-bg);padding:1px 5px;border-radius:4px}.md pre code{background:none;padding:0}.md ul,.md ol{margin:6px 0;padding-left:22px}.md h1,.md h2,.md h3,.md h4{margin:12px 0 6px;font-size:var(--fs-l);font-weight:600}.md blockquote{margin:6px 0;padding-left:12px;border-left:3px solid var(--line);color:var(--muted)}.md table{border-collapse:collapse;margin:8px 0}.md th,.md td{border:1px solid var(--line);padding:4px 10px;font-size:var(--fs-s)}.cb-copy{position:absolute;top:6px;right:6px;font-size:var(--fs-s);color:var(--muted);padding:2px 8px;border-radius:var(--r-s);background:var(--bg);opacity:0;transition:opacity var(--dur-1)}.md pre:hover .cb-copy{opacity:1}.cb-copy:hover{color:var(--fg)}.rs-item{margin:8px 0}.rs-head{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px;border-radius:var(--r-s);color:var(--muted);font-size:var(--fs-s)}.rs-head:hover{background:var(--surface-hover);color:var(--fg)}.rs-head .caret{display:inline-block;transition:transform var(--dur-1)}.rs-head .caret.open{transform:rotate(90deg)}.rs-body{margin:4px 0 4px 14px;padding-left:12px;border-left:2px solid var(--line);color:var(--muted);font-size:var(--fs-s);white-space:pre-wrap}.todo-list{margin:4px 0 4px 14px;padding-left:12px;border-left:2px solid var(--line);list-style:none;font-size:var(--fs-s)}.todo{color:var(--muted)}.todo.in_progress{color:var(--fg)}.tg{margin:8px 0}.tg-head{display:flex;align-items:center;gap:6px;width:100%;height:26px;padding:0 8px;border-radius:var(--r-s);color:var(--muted);font-size:var(--fs-s);text-align:left}.tg-head:hover{background:var(--surface-hover);color:var(--fg)}.tg-head .caret{transition:transform var(--dur-1)}.tg-head .caret.open{transform:rotate(90deg)}.tg-live{margin-left:auto;color:var(--accent)}.tg-list{margin:2px 0 4px 14px;border-left:2px solid var(--line);padding-left:4px}.ts-head{display:flex;align-items:center;gap:8px;width:100%;height:26px;padding:0 8px;border-radius:var(--r-s);font-size:var(--fs-s);text-align:left;color:var(--fg)}.ts-head:hover{background:var(--surface-hover)}.ts-ic{width:14px;flex:none;text-align:center}.ts-ic.ok{color:var(--ok)}.ts-ic.fail{color:var(--danger)}.ts-ic.run{color:var(--accent);animation:breathe 1.2s infinite}.ts-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-meta{flex:none;color:var(--muted)}.ts-meta.err{color:var(--danger)}.ts-out{margin:2px 8px 6px 30px}.ts-out pre{background:var(--code-bg);border-radius:var(--r-s);padding:8px 10px;font-family:var(--font-mono);font-size:var(--fs-s);line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}.ts-more{font-size:var(--fs-s);color:var(--accent);margin-bottom:4px}.diff{margin:4px 8px 8px 30px;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}.diff-path{padding:4px 10px;font-size:var(--fs-s);color:var(--muted);background:var(--surface);border-bottom:1px solid var(--line);font-family:var(--font-mono)}.diff-pre{margin:0;padding:6px 0;font-family:var(--font-mono);font-size:var(--fs-s);line-height:1.5;overflow-x:auto}.dh-head{display:block;color:var(--muted);padding:0 10px}.dl{display:block;padding:0 10px;white-space:pre-wrap;word-break:break-all}.dl.add{background:color-mix(in oklab,var(--ok) 14%,transparent)}.dl.del{background:color-mix(in oklab,var(--danger) 12%,transparent)}.card{margin:10px 0;border-radius:var(--r-m);padding:10px 12px}.card.plan{border:1px solid var(--line)}.card.perm{border:1px solid color-mix(in oklab,var(--warn) 45%,var(--bg))}.card.perm.done{border-color:var(--line);opacity:.75}.card.ask{border:1px solid color-mix(in oklab,var(--info) 45%,var(--bg))}.card.ask.done{border-color:var(--line);opacity:.75}.err-card{border:1px solid color-mix(in oklab,var(--danger) 45%,var(--bg))}.err-line{color:var(--danger);font-size:var(--fs-m)}.perm-title{font-size:var(--fs-m);font-weight:500}.perm-cmd{margin:8px 0 0;background:var(--code-bg);border-radius:var(--r-s);padding:8px 10px;font-family:var(--font-mono);font-size:var(--fs-s);white-space:pre-wrap;word-break:break-all}.perm-path{margin-top:6px;font-family:var(--font-mono);font-size:var(--fs-s);color:var(--muted)}.perm-btns{display:flex;gap:8px;margin-top:10px}.perm-done{margin-top:8px;font-size:var(--fs-s);color:var(--muted)}.ask-q{margin-bottom:10px}.ask-t{font-size:var(--fs-m);font-weight:500;margin-bottom:6px}.ask-opts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.ask-free,.ask .btn.primary{margin-top:4px}.nt{margin:8px 0;text-align:center;font-size:var(--fs-s);color:var(--muted)}.nt.warn{color:var(--warn)}.nt.error{color:var(--danger)}.te{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:10px 0 4px;font-size:var(--fs-s);color:var(--muted)}.te-files{color:var(--accent);font-size:var(--fs-s)}.te-files:hover{text-decoration:underline}.empty-wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:14vh}.cp-hero-t{font-size:var(--fs-hero);font-weight:600}.cp-hero-s{margin-top:6px;font-size:var(--fs-s);color:var(--muted)}.empty-actions{margin-top:16px}.workspace-empty{padding-bottom:10vh}.q-list{max-width:680px;margin:0 auto 6px;display:flex;flex-direction:column;gap:4px}.q-item{display:flex;align-items:center;gap:8px;padding:4px 10px;background:var(--surface);border-radius:var(--r-s);font-size:var(--fs-s)}.q-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-item .ibtn{width:20px;height:20px}.composer{flex:none;padding:0 16px 12px}.cp-card{width:100%;max-width:680px;margin:0 auto;background:var(--surface);border-radius:var(--r-l);border:1px solid transparent;padding:8px 10px 6px;transition:border-color var(--dur-2) var(--ease)}.cp-card:focus-within{border-color:color-mix(in oklab,var(--fg) 18%,var(--bg))}.cp-card.waiting{box-shadow:inset 2px 0 0 var(--warn)}.cp-card.danger{box-shadow:inset 2px 0 0 var(--danger)}.cp-danger{max-width:680px;margin:0 auto 6px;display:flex;align-items:center;gap:6px;color:var(--danger);font-size:var(--fs-s);padding:0 2px}.cp-ta-wrap{position:relative}.slash-pop{position:absolute;left:0;right:0;bottom:100%;margin-bottom:6px;max-height:min(240px,40vh);overflow:hidden;display:flex;flex-direction:column;z-index:20}.slash-pop .ap-scroll{max-height:inherit}.slash-pop .slash-h{padding:4px 10px 2px;font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.slash-pop .mi.slash-item{height:auto;min-height:28px;padding:4px 10px;flex-direction:column;align-items:flex-start;gap:0}.slash-pop .slash-name{font-weight:500}.slash-pop .slash-desc{font-size:var(--fs-xs);color:var(--muted);line-height:1.3}.slash-pop .slash-hint{font-size:var(--fs-xs);color:var(--muted);font-family:var(--mono, monospace)}.slash-pop .mi.slash-item.sel{background:var(--surface-hover)}.cp-ta{width:100%;border:0;resize:none;background:none;outline:none;font-size:var(--fs-m);line-height:1.55;max-height:17em;overflow-y:auto;display:block}.cp-ta::placeholder{color:var(--muted)}.cp-bar{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-top:4px;min-width:0}.pill-wrap{position:relative;flex:0 1 auto;min-width:0;max-width:100%}.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--r-full);background:var(--surface-hover);color:var(--fg);font-size:var(--fs-s);max-width:min(220px,100%);min-width:0}.pill .p-a{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pill .p-t{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.pill.sel{appearance:none;border:0;padding:0 22px 0 10px;cursor:pointer;max-width:min(140px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface-hover) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23737373' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 8px center}.pill.sel.danger{color:var(--danger)}.pill.cursor-shield{padding:0 8px;color:var(--muted);border:0;cursor:pointer}.pill.cursor-shield.on{color:var(--ok, #3ecf8e);background:color-mix(in oklab,var(--ok, #3ecf8e) 14%,var(--surface-hover))}.pill.sel.cursor-fast{max-width:min(72px,100%)}.cp-bar>.ibtn{flex:none}.cp-card{container-type:inline-size;container-name:composer}@container composer (max-width: 520px){.pill .p-t{display:none}.pill{max-width:min(160px,100%)}.pill.sel{max-width:min(104px,100%);font-size:11px;padding-right:20px}}@container composer (max-width: 380px){.pill{max-width:min(120px,100%);padding:0 8px}.pill.sel{max-width:min(80px,100%);padding-left:7px;padding-right:18px}}.pop{position:absolute;bottom:32px;left:0;z-index:55;width:260px;background:var(--bg);border-radius:var(--r-m);box-shadow:var(--shadow-pop);padding:4px;max-height:60vh;overflow-y:auto}.agent-picker{width:min(300px,calc(100vw - 32px));padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:min(420px,60vh)}.agent-picker .ap-search{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);flex:none;color:var(--muted)}.agent-picker .ap-search-in{flex:1;min-width:0;border:0;background:none;outline:none;font-size:var(--fs-s);color:var(--fg)}.agent-picker .ap-search-in::placeholder{color:var(--muted)}.agent-picker .ap-scroll{overflow-y:auto;padding:4px;flex:1;min-height:0}.agent-picker .ap-empty{padding:12px 10px;font-size:var(--fs-s);color:var(--muted);text-align:center}.agent-picker .ap-back{font-weight:600;margin-bottom:2px}.agent-picker .ap-back-icon{display:inline-flex;transform:rotate(180deg);margin-right:2px}.agent-picker .mi-row{display:flex;align-items:center;gap:6px;width:100%;text-align:left}.agent-picker .provider-pick-row{justify-content:space-between;gap:8px}.agent-picker .provider-pick-name{flex:0 1 auto;min-width:5.5rem;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:inherit}.agent-picker .provider-pick-meta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;margin-left:auto}.agent-picker .provider-pick-meta .dlg-hint{flex:none;font-size:10px;max-width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-picker .mi-row .mi-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-picker .mi-row .mi-sub{flex:none;max-width:38%;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-picker .model-pick-row{min-width:0}.agent-picker .model-pick-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-picker .model-pick-default{flex:0 1 58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-picker .mi-meta{flex:none;font-size:11px;color:var(--muted);white-space:nowrap}.agent-picker .mi-tag{flex:none;font-size:10px;color:var(--accent)}.agent-picker .mi-caret{flex:none;color:var(--muted);display:inline-flex}.agent-picker .mi-check{flex:none;margin-left:auto;color:var(--accent)}.ap-sec{padding:4px 0}.ap-sec .tinput{height:26px;margin-bottom:4px}.ap-sec .mi{height:26px;font-size:var(--fs-s)}.att-bar{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 6px}.att{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px;background:var(--surface-hover);border-radius:var(--r-s);font-size:var(--fs-s)}.att img{width:22px;height:22px;object-fit:cover;border-radius:4px}.att.up{opacity:.6}.att-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-x{color:var(--muted);font-size:14px;line-height:1}.att-x:hover{color:var(--fg)}.cp-right{margin-left:auto;flex:none;display:flex;align-items:center;gap:8px}.cp-clock{font-size:var(--fs-s);color:var(--muted)}.cp-send,.cp-stop{width:28px;height:28px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;transition:filter var(--dur-1),opacity var(--dur-1)}.cp-send{background:var(--accent);color:var(--accent-fg)}.cp-send:hover{filter:brightness(1.08)}.cp-send[disabled]{opacity:.3;cursor:default;filter:none}.cp-stop{background:var(--fg);color:var(--bg)}.cp-stop:hover{filter:brightness(1.15)}@media(max-width:560px){.composer{padding:0 10px 10px}}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}
|
|
2
|
+
/*! Bundled license information:
|
|
3
|
+
|
|
4
|
+
@xterm/xterm/css/xterm.css:
|
|
5
|
+
(**
|
|
6
|
+
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
|
|
7
|
+
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
|
|
8
|
+
* https://github.com/chjj/term.js
|
|
9
|
+
* @license MIT
|
|
10
|
+
*
|
|
11
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
12
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
13
|
+
* in the Software without restriction, including without limitation the rights
|
|
14
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
15
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
16
|
+
* furnished to do so, subject to the following conditions:
|
|
17
|
+
*
|
|
18
|
+
* The above copyright notice and this permission notice shall be included in
|
|
19
|
+
* all copies or substantial portions of the Software.
|
|
20
|
+
*
|
|
21
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
22
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
23
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
24
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
25
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
26
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
27
|
+
* THE SOFTWARE.
|
|
28
|
+
*
|
|
29
|
+
* Originally forked from (with the author's permission):
|
|
30
|
+
* Fabrice Bellard's javascript vt100 for jslinux:
|
|
31
|
+
* http://bellard.org/jslinux/
|
|
32
|
+
* Copyright (c) 2011 Fabrice Bellard
|
|
33
|
+
* The original design remains. The terminal itself
|
|
34
|
+
* has been extended to include xterm CSI codes, among
|
|
35
|
+
* other features.
|
|
36
|
+
*)
|
|
37
|
+
*/
|