mirror of
https://github.com/getpaseo/paseo.git
synced 2026-10-14 13:22:37 +00:00
Compare commits
28
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
72f596a821 | ||
|
|
6eb61db7ea | ||
|
|
9d4a422838 | ||
|
|
e81d5d02b1 | ||
|
|
b63a325be3 | ||
|
|
6ec6633425 | ||
|
|
b26b9234c0 | ||
|
|
aec01ea605 | ||
|
|
a1da1b8f23 | ||
|
|
73390346ca | ||
|
|
718ed932b7 | ||
|
|
0009a7e717 | ||
|
|
29db2b7980 | ||
|
|
8c096b5e33 | ||
|
|
d0bc188a5b | ||
|
|
06fe97c901 | ||
|
|
f943e790b6 | ||
|
|
23d7a089e2 | ||
|
|
99fc204c55 | ||
|
|
33eb36c021 | ||
|
|
0fc6bf0c94 | ||
|
|
2d55870490 | ||
|
|
ab10a6694c | ||
|
|
2a151a4494 | ||
|
|
9fcae41c98 | ||
|
|
b352dad2e3 | ||
|
|
1ae979d3d0 | ||
|
|
d46164ce0d |
@@ -1,5 +1,23 @@
|
||||
# Changelog
|
||||
|
||||
## 0.11.2 - 2026-10-09
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fixed intermittent text clipping in iOS chats and Markdown previews ([#6445](https://github.com/getpaseo/paseo/pull/6445))
|
||||
|
||||
## 0.11.1 - 2026-10-07
|
||||
|
||||
### Added
|
||||
|
||||
- Added Claude Haiku 5.5 for Claude Code 2.1.293 and newer ([#6332](https://github.com/getpaseo/paseo/pull/6332))
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fixed Claude tool calls that run longer than 30 seconds, such as WebFetch or MCP tools, showing up as subagents ([#6308](https://github.com/getpaseo/paseo/pull/6308))
|
||||
- Fixed subagents that finish while the app is disconnected staying "working" until one is opened ([#6316](https://github.com/getpaseo/paseo/pull/6316))
|
||||
- Fixed a Claude agent's history showing "No activity to display" after a daemon restart when its transcript is in another project folder, such as after moving the daemon or running Windows Claude Code from WSL ([#6301](https://github.com/getpaseo/paseo/pull/6301))
|
||||
|
||||
## 0.11.0 - 2026-10-07
|
||||
|
||||
Paseo 0.11 adds support for the [plugin registry](https://paseo.sh/plugins). Browse community plugins there, install one with `paseo plugin add owner/slug`, or [submit your own](https://paseo.sh/docs/plugins/publishing#plugin-registry).
|
||||
|
||||
@@ -39,11 +39,11 @@
|
||||
<img src="https://paseo.sh/mobile-mockup.png" alt="Paseo mobile app" width="100%">
|
||||
</p>
|
||||
|
||||
Paseo is a desktop, mobile, web, and CLI app for coding agents. Open the desktop app and work: agents, editor, terminals, diffs, pull requests, and a browser in one window. Run many agents at once, each in its own worktree, on one machine or several. The mobile app is the full app, native on iOS and Android.
|
||||
Paseo is an open source agentic development environment for desktop, mobile, web, and CLI. Open the desktop app and work: agents, editor, terminals, diffs, pull requests, and a browser in one window. Run many agents at once, each in its own worktree, on one machine or several. The mobile app is the full app, native on iOS and Android.
|
||||
|
||||
- **Parallel agents:** Run many agents at once, each in its own worktree.
|
||||
- **Built-in orchestration:** Agents in Paseo can create worktrees, launch other agents, and talk to them, across providers.
|
||||
- **Full IDE:** Edit files, review diffs, open pull requests, and run terminals, in split panes you arrange how you want.
|
||||
- **Complete development workflow:** Edit files, review diffs, open pull requests, and run terminals, in split panes you arrange how you want.
|
||||
- **Self-hosted:** Agents run on your machine with your full dev environment. Use your tools, your configs, and your skills.
|
||||
- **Multi-provider:** Claude Code, Codex, Copilot, OpenCode, Pi, Antigravity, and Muse Code through the same interface. Pick the right model for each job.
|
||||
- **Voice control:** Dictate tasks or talk through problems in voice mode. Hands-free when you need it.
|
||||
|
||||
+28
-2
@@ -69,11 +69,11 @@ the marker. Closing a tab sets that client's label to `false`. Any `true` client
|
||||
open. Detach clears the parent and every open-tab label. The surviving child therefore becomes a
|
||||
normal root agent immediately, and closing its still-open tab archives it.
|
||||
|
||||
Runtime ownership is resolved from explicit workspace ID and caller context, never from `cwd`. Workspace creation is a separate operation with `local | worktree` isolation; agent creation only selects an existing workspace.
|
||||
Runtime ownership is resolved from explicit workspace ID and caller context, never from `cwd`. Workspace creation is a separate operation with `local | worktree` isolation; agent creation reuses that workspace unless a new workspace is explicitly requested.
|
||||
|
||||
Users can also detach an existing subagent from the subagents track. Detach is deliberately a manual lifecycle gesture, not an agent-facing MCP tool. It removes the parent and open-tab lifecycle labels: it does not stop, archive, move, or restart the agent. The agent keeps its current `cwd` and `workspaceId`, leaves the former parent's track, and behaves like a root agent for tab close, workspace activity, and future parent archive.
|
||||
|
||||
`notifyOnFinish` defaults to `true` for agent-scoped creation and background prompt follow-ups because most delegated work needs to report back to the creating agent. Set it to `false` only for truly fire-and-forget agents or prompts.
|
||||
`notifyOnFinish` defaults to `true` for agent-scoped creation and prompt follow-ups because most delegated work needs to report back to the creating agent. Set it to `false` only for truly fire-and-forget agents or prompts.
|
||||
Permission requests are notification checkpoints, not the end of that subscription. The caller is notified again after a permission response when the child finishes, errors, or requests another permission.
|
||||
The permission notification includes the normalized request plus the child and request IDs, so the caller can inspect it and respond without fetching agent status.
|
||||
A watched child that closes before its finish event also notifies the caller so delegated work cannot disappear silently during archive or workspace teardown.
|
||||
@@ -84,6 +84,32 @@ Some providers can create their own child sessions inside one provider runtime.
|
||||
|
||||
The provider still owns the underlying runtime. Paseo keeps an agent record so the child can be opened, tracked, archived, and cascaded with the parent, but prompts and history hydration route through the provider adapter for that native child handle.
|
||||
|
||||
## Background workspaces
|
||||
|
||||
`workspace.background` controls discovery only. Background workspaces contain ordinary durable
|
||||
agents and terminals: provider history, plugin hooks, parentage, archive, and restart recovery
|
||||
keep their normal behavior. Visibility is creation-only; selecting an existing workspace cannot
|
||||
change it. New workspaces default to false, inherit the caller workspace's value when an agent
|
||||
creates one without an override, and accept explicit true or false.
|
||||
|
||||
The daemon derives agent discovery from workspace ownership. Default workspace and agent lists,
|
||||
including History requests, exclude background work; `filter.includeBackground` includes it.
|
||||
Exact-ID operations bypass discovery filtering. The app replicates both kinds and filters only
|
||||
its sidebar with **Show background**, so direct navigation and restored tabs remain available.
|
||||
|
||||
Sequenced directories keep complete canonical collections. A filtered read must never replace
|
||||
those collections with its subset. Inclusive and default observations have distinct cursor
|
||||
scopes, so changing scope requires a fresh snapshot rather than reusing an incomplete cache.
|
||||
Clients gate creation and inclusive discovery on `features.backgroundWorkspaces`.
|
||||
|
||||
### Private daemon helpers
|
||||
|
||||
Branch-name and commit-message generators still use private disposable internal runtimes.
|
||||
`AgentManager` does not persist them or their provider sessions, excludes them from public
|
||||
discovery and plugin hooks, and drops their timelines on archive. An archived helper retains
|
||||
its exact-ID result briefly to cover completion before a waiter attaches. This internal
|
||||
lifecycle is separate from public workspace visibility and is not a public creation option.
|
||||
|
||||
## Archive
|
||||
|
||||
Archive is a **soft delete**: the agent record stays on disk with `archivedAt` set, the runtime is closed, and the agent disappears from active lists. Archive is **global** — it lives on the server and propagates to every connected client.
|
||||
|
||||
@@ -345,6 +345,10 @@ join active work or reuse committed stages. A persisted resource alone cannot pr
|
||||
that a provider accepted its initial prompt. Interrupted side effects with no conclusive
|
||||
receipt return an unknown outcome instead of being repeated.
|
||||
|
||||
Agent registration commits creation. Rejecting the first prompt is a turn error on that
|
||||
agent; reporting creation failure leaves an orphaned agent and invites another Create.
|
||||
Receipt replay must not resend the prompt.
|
||||
|
||||
`packages/client/src/creation/` owns capability selection and legacy orchestration.
|
||||
Callers always pass the initial prompt to agent creation. On an older host, the client
|
||||
adapts keyed creation to the legacy create/send sequence; it cannot continue that
|
||||
|
||||
@@ -61,6 +61,8 @@ Core direct providers: `claude` (in `providers/claude/agent.ts`), `codex` (`code
|
||||
|
||||
Claude first-party model metadata lives in `packages/server/src/server/agent/providers/claude/model-manifest.ts`. When adding or updating a Claude model, update that manifest only; the model picker thinking options and Claude-specific feature gates are derived from the manifest. Do not add model-specific Claude capability lists in feature code.
|
||||
|
||||
Keep the curated Claude catalog: `supportedModels()` has historically omitted older versions and carries less metadata. Discovery is only an opt-in visibility gate, not a replacement catalog or an entitlement guarantee. Claude Code v2.1.197 added `resolvedModel` to disambiguate alias rows; a bare family alias does not establish access to a particular version. Explicit user-configured models must remain selectable when discovery fails or omits them.
|
||||
|
||||
Paseo tools are not implemented as MCP tools internally. They live in a shared tool catalog under `packages/server/src/server/agent/tools/`; MCP is only the fallback adapter. The daemon resolves `agents.providers.<provider>.paseoTools` by the exact provider ID. The catalog policy belongs to the caller: it filters the tools exposed to the current agent. When that agent calls `create_agent`, the child receives the policy for the child provider ID; the caller's policy is not inherited.
|
||||
|
||||
A provider that can register runtime tools directly should set `supportsNativePaseoTools: true` and consume the already-filtered `launchContext.paseoTools` in `createSession`/`resumeSession`. When native tools are present, `AgentManager` strips the internal Paseo MCP server from the provider launch config so the provider does not receive the same tools twice. Providers that only know MCP should keep `supportsMcpServers: true` and let the daemon inject `/mcp/agents`; the MCP server builds the same policy-filtered catalog for that caller. Filtering is enforced at catalog registration in both paths. Browser tools remain subject to the daemon browser-tools setting and browser-host availability.
|
||||
|
||||
+19
-5
@@ -223,7 +223,7 @@ submission. Overlapping sends settle independently rather than collapsing to one
|
||||
message.
|
||||
|
||||
Daemons advertising `server_info.features.canonicalSubmittedPrompts` guarantee that every accepted
|
||||
prompt carrying a client message id is recorded and streamed as a canonical `user_message` with that
|
||||
human prompt carrying a client message id is recorded and streamed as a canonical `user_message` with that
|
||||
same id. This includes daemon-handled commands that do not allocate a foreground turn; their submitted
|
||||
row is recorded before handler output. The app tracks submission transactions only for hosts with this
|
||||
capability. Older hosts keep the shipped untracked optimistic-row behavior and roll that row back on RPC
|
||||
@@ -238,11 +238,25 @@ foreground control ownership remains a separate daemon concern. Cancellation req
|
||||
with that record rather than in a React component, so an old request cannot clear a newer one. Submissions
|
||||
remain a separate pre-turn registry and retire on canonical acknowledgement.
|
||||
|
||||
Canonical turns and visible responses are different boundaries. System-injected prompts are absent from
|
||||
the Paseo timeline, so one visible response can span several canonical turns without a user message
|
||||
between them. Layout and copy group that response together; lifecycle, timing, tool sequences, and exact
|
||||
Canonical turns and visible responses are different boundaries. Agent-originated prompts and lifecycle
|
||||
notifications project into tool rows, so they do not create a human-message boundary. Legacy system
|
||||
prompts, including schedule injections, remain hidden. One visible response can span several canonical
|
||||
turns; layout and copy group that response together while lifecycle, timing, tool sequences, and exact
|
||||
fork positions retain the canonical `turnId` boundaries.
|
||||
|
||||
Agent-message XML belongs to the daemon's `agent/agent-messages` boundary. Prompt delivery encodes
|
||||
provenance; acceptance, provider echoes, import, and replay share its projection. The delivery ID is
|
||||
also the projected call ID, so a provider echo cannot create a second row. Sender IDs are opaque and
|
||||
do not imply local ownership or authorization. Capture the sender title at delivery: archived or
|
||||
removed senders must remain understandable without a live directory lookup.
|
||||
|
||||
The optional `agentMessage` payload carries event, sender, and delivered text. Shared client
|
||||
presentation (`protocol/agent-message-display`) owns its heading and expanded details. The daemon
|
||||
must not construct UI labels or prepend sender labels to the semantic message body. The existing
|
||||
`tool_call` / `plain_text` envelope is a compatibility adapter: older clients still parse the row and
|
||||
expand its body. New clients use the typed payload, never infer the event from a tool name or parse
|
||||
XML. Stream reduction and disk-cache serialization preserve the payload without rendering it.
|
||||
|
||||
The compatibility boundary for older daemons is snapshot normalization: running/idle status becomes an
|
||||
anonymous active turn or idle state once, and downstream code consumes the same activity shape. The app
|
||||
does not combine anonymous lifecycle events, timestamps, timeline rows, and resume coverage to infer a
|
||||
@@ -250,7 +264,7 @@ second running state. Disconnect preserves the last replicated turn until cache
|
||||
advances it; replica removal remains the destructive close boundary. Elapsed time comes only from turn
|
||||
liveness, never from submission records or whichever timeline rows happen to be mounted.
|
||||
|
||||
The daemon records one canonical submitted user row at acceptance. Its wire `messageId` is the
|
||||
For human prompts, the daemon records one canonical submitted user row at acceptance. Its wire `messageId` is the
|
||||
submission's `clientMessageId`, so the row is born with its final identity and remains immutable on
|
||||
the wire. A correlated provider echo records the provider's native identity internally without
|
||||
dispatching another timeline event. Rewind resolves the wire identity to that provider identity at
|
||||
|
||||
@@ -0,0 +1,8 @@
|
||||
Added
|
||||
- Added Claude Haiku 5.5 for Claude Code 2.1.293 and newer
|
||||
|
||||
Fixed
|
||||
- Fixed Claude tool calls that run longer than 30 seconds, such as WebFetch or MCP tools, showing up as subagents
|
||||
- Fixed subagents that finish while the app is disconnected staying "working" until one is opened
|
||||
|
||||
Full notes: https://paseo.sh/changelog
|
||||
@@ -0,0 +1,8 @@
|
||||
Added
|
||||
- Added Claude Haiku 5.5 for Claude Code 2.1.293 and newer
|
||||
|
||||
Fixed
|
||||
- Fixed Claude tool calls that run longer than 30 seconds, such as WebFetch or MCP tools, showing up as subagents
|
||||
- Fixed subagents that finish while the app is disconnected staying "working" until one is opened
|
||||
|
||||
Full notes: https://paseo.sh/changelog
|
||||
@@ -0,0 +1,8 @@
|
||||
Added
|
||||
- Added Claude Haiku 5.5 for Claude Code 2.1.293 and newer
|
||||
|
||||
Fixed
|
||||
- Fixed Claude tool calls that run longer than 30 seconds, such as WebFetch or MCP tools, showing up as subagents
|
||||
- Fixed subagents that finish while the app is disconnected staying "working" until one is opened
|
||||
|
||||
Full notes: https://paseo.sh/changelog
|
||||
@@ -0,0 +1,8 @@
|
||||
Added
|
||||
- Added Claude Haiku 5.5 for Claude Code 2.1.293 and newer
|
||||
|
||||
Fixed
|
||||
- Fixed Claude tool calls that run longer than 30 seconds, such as WebFetch or MCP tools, showing up as subagents
|
||||
- Fixed subagents that finish while the app is disconnected staying "working" until one is opened
|
||||
|
||||
Full notes: https://paseo.sh/changelog
|
||||
@@ -0,0 +1,4 @@
|
||||
Fixed
|
||||
- Fixed intermittent text clipping in iOS chats and Markdown previews
|
||||
|
||||
Full notes: https://paseo.sh/changelog
|
||||
@@ -0,0 +1,4 @@
|
||||
Fixed
|
||||
- Fixed intermittent text clipping in iOS chats and Markdown previews
|
||||
|
||||
Full notes: https://paseo.sh/changelog
|
||||
@@ -0,0 +1,4 @@
|
||||
Fixed
|
||||
- Fixed intermittent text clipping in iOS chats and Markdown previews
|
||||
|
||||
Full notes: https://paseo.sh/changelog
|
||||
@@ -0,0 +1,4 @@
|
||||
Fixed
|
||||
- Fixed intermittent text clipping in iOS chats and Markdown previews
|
||||
|
||||
Full notes: https://paseo.sh/changelog
|
||||
+1
-1
@@ -1 +1 @@
|
||||
sha256-AKY6OMZgHeyn/To/2zsmtfb5C4fKniUp8gvpEYaR7/o=
|
||||
sha256-CK96G7MWsmd/VDvkuaFJ23U04EGNmeiXdTYbmR8RDDQ=
|
||||
|
||||
Generated
+28
-28
@@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "paseo",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "paseo",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"hasInstallScript": true,
|
||||
"license": "Apache-2.0",
|
||||
"workspaces": [
|
||||
@@ -36413,7 +36413,7 @@
|
||||
},
|
||||
"packages/app": {
|
||||
"name": "@getpaseo/app",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"dependencies": {
|
||||
"@codemirror/commands": "6.10.4",
|
||||
"@codemirror/language": "6.12.4",
|
||||
@@ -37496,12 +37496,12 @@
|
||||
},
|
||||
"packages/cli": {
|
||||
"name": "@getpaseo/cli",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"dependencies": {
|
||||
"@clack/prompts": "^1.0.0",
|
||||
"@getpaseo/client": "0.11.0",
|
||||
"@getpaseo/protocol": "0.11.0",
|
||||
"@getpaseo/server": "0.11.0",
|
||||
"@getpaseo/client": "0.11.2",
|
||||
"@getpaseo/protocol": "0.11.2",
|
||||
"@getpaseo/server": "0.11.2",
|
||||
"chalk": "^5.3.0",
|
||||
"commander": "^12.0.0",
|
||||
"mime-types": "^2.1.35",
|
||||
@@ -37748,10 +37748,10 @@
|
||||
},
|
||||
"packages/client": {
|
||||
"name": "@getpaseo/client",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"dependencies": {
|
||||
"@getpaseo/protocol": "0.11.0",
|
||||
"@getpaseo/relay": "0.11.0",
|
||||
"@getpaseo/protocol": "0.11.2",
|
||||
"@getpaseo/relay": "0.11.2",
|
||||
"zod": "^4.4.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
@@ -37762,7 +37762,7 @@
|
||||
},
|
||||
"packages/desktop": {
|
||||
"name": "@getpaseo/desktop",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@getpaseo/cli": "*",
|
||||
@@ -38006,7 +38006,7 @@
|
||||
},
|
||||
"packages/expo-two-way-audio": {
|
||||
"name": "@getpaseo/expo-two-way-audio",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"@types/jest": "^29.5.14",
|
||||
@@ -38902,7 +38902,7 @@
|
||||
},
|
||||
"packages/highlight": {
|
||||
"name": "@getpaseo/highlight",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"dependencies": {
|
||||
"@codemirror/language": "6.12.4",
|
||||
"@codemirror/legacy-modes": "^6.5.3",
|
||||
@@ -38931,14 +38931,14 @@
|
||||
},
|
||||
"packages/plugin": {
|
||||
"name": "@getpaseo/plugin",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"dependencies": {
|
||||
"@agentclientprotocol/sdk": "^1.4.0",
|
||||
"use-sync-external-store": "^1.6.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@getpaseo/client": "0.11.0",
|
||||
"@getpaseo/protocol": "0.11.0",
|
||||
"@getpaseo/client": "0.11.2",
|
||||
"@getpaseo/protocol": "0.11.2",
|
||||
"@types/node": "^20.9.0",
|
||||
"@types/react": "~19.2.0",
|
||||
"react": "19.1.0",
|
||||
@@ -38948,8 +38948,8 @@
|
||||
"zod": "^4.4.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@getpaseo/client": "0.11.0",
|
||||
"@getpaseo/protocol": "0.11.0",
|
||||
"@getpaseo/client": "0.11.2",
|
||||
"@getpaseo/protocol": "0.11.2",
|
||||
"react": "~19.1.0",
|
||||
"react-native": ">=0.81.5",
|
||||
"zod": "^4.4.3"
|
||||
@@ -38971,7 +38971,7 @@
|
||||
},
|
||||
"packages/protocol": {
|
||||
"name": "@getpaseo/protocol",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"dependencies": {
|
||||
"semver": "^7.8.5",
|
||||
"zod": "^4.4.3"
|
||||
@@ -38998,7 +38998,7 @@
|
||||
},
|
||||
"packages/relay": {
|
||||
"name": "@getpaseo/relay",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"dependencies": {
|
||||
"base64-js": "^1.5.1",
|
||||
"tweetnacl": "^1.0.3",
|
||||
@@ -39216,16 +39216,16 @@
|
||||
},
|
||||
"packages/server": {
|
||||
"name": "@getpaseo/server",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"dependencies": {
|
||||
"@agentclientprotocol/sdk": "^0.17.1",
|
||||
"@anthropic-ai/claude-agent-sdk": "0.3.246",
|
||||
"@anthropic-ai/sdk": "^0.104.2",
|
||||
"@getpaseo/client": "0.11.0",
|
||||
"@getpaseo/highlight": "0.11.0",
|
||||
"@getpaseo/plugin": "0.11.0",
|
||||
"@getpaseo/protocol": "0.11.0",
|
||||
"@getpaseo/relay": "0.11.0",
|
||||
"@getpaseo/client": "0.11.2",
|
||||
"@getpaseo/highlight": "0.11.2",
|
||||
"@getpaseo/plugin": "0.11.2",
|
||||
"@getpaseo/protocol": "0.11.2",
|
||||
"@getpaseo/relay": "0.11.2",
|
||||
"@isaacs/ttlcache": "^2.1.4",
|
||||
"@modelcontextprotocol/sdk": "1.29.0",
|
||||
"@opencode-ai/sdk": "1.14.46",
|
||||
@@ -40146,7 +40146,7 @@
|
||||
},
|
||||
"packages/website": {
|
||||
"name": "@getpaseo/website",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"dependencies": {
|
||||
"@cloudflare/vite-plugin": "^1.29.1",
|
||||
"@cloudflare/workers-types": "^4.20260317.1",
|
||||
@@ -41754,7 +41754,7 @@
|
||||
},
|
||||
"plugins": {
|
||||
"name": "@getpaseo/builtin-plugins",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"dependencies": {
|
||||
"@getpaseo/plugin": "*",
|
||||
"zod": "^4.4.3"
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "paseo",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"private": true,
|
||||
"description": "Paseo: voice-controlled development environment for local AI coding agents",
|
||||
"keywords": [
|
||||
|
||||
@@ -2,6 +2,7 @@ const fs = require("node:fs");
|
||||
const path = require("node:path");
|
||||
const pkg = require("./package.json");
|
||||
const withAndroidAsyncStorageSize = require("./plugins/with-android-async-storage-size");
|
||||
const withAndroidOptionalCamera = require("./plugins/with-android-optional-camera");
|
||||
const withAndroidProfileable = require("./plugins/with-android-profileable");
|
||||
const withFdroidAutolinking = require("./plugins/with-fdroid-autolinking");
|
||||
const withPasteInput = require("./plugins/with-paste-input");
|
||||
@@ -145,6 +146,7 @@ export default {
|
||||
withAndroidScroll,
|
||||
[withAndroidAsyncStorageSize, 64],
|
||||
...buildProfile.cameraPlugins,
|
||||
withAndroidOptionalCamera,
|
||||
[
|
||||
"expo-splash-screen",
|
||||
{
|
||||
|
||||
@@ -0,0 +1,61 @@
|
||||
import { createRequire } from "node:module";
|
||||
import { afterEach, describe, expect, it } from "vitest";
|
||||
|
||||
// Load the copies the Expo CLI uses for prebuild, not older hoisted ones.
|
||||
const requireFromExpo = createRequire(require.resolve("expo/package.json"));
|
||||
const requireFromExpoCli = createRequire(requireFromExpo.resolve("@expo/cli/package.json"));
|
||||
const { getPrebuildConfigAsync } = requireFromExpoCli("@expo/prebuild-config");
|
||||
const { compileModsAsync } = requireFromExpoCli(
|
||||
"@expo/config-plugins/build/plugins/mod-compiler.js",
|
||||
);
|
||||
|
||||
interface ManifestEntry {
|
||||
$: Record<string, string>;
|
||||
}
|
||||
|
||||
const originalFdroidFlag = process.env.PASEO_FDROID_BUILD;
|
||||
|
||||
async function resolveAndroidManifest() {
|
||||
const { exp } = await getPrebuildConfigAsync(__dirname, { platforms: ["android"] });
|
||||
await compileModsAsync(exp, {
|
||||
projectRoot: __dirname,
|
||||
introspect: true,
|
||||
platforms: ["android"],
|
||||
assertMissingModProviders: false,
|
||||
});
|
||||
return exp._internal.modResults.android.manifest.manifest;
|
||||
}
|
||||
|
||||
describe("Android app config", () => {
|
||||
afterEach(() => {
|
||||
if (originalFdroidFlag === undefined) {
|
||||
delete process.env.PASEO_FDROID_BUILD;
|
||||
} else {
|
||||
process.env.PASEO_FDROID_BUILD = originalFdroidFlag;
|
||||
}
|
||||
});
|
||||
|
||||
it.each([
|
||||
["Google Play", "0"],
|
||||
["F-Droid", "1"],
|
||||
])(
|
||||
"%s build installs on devices without a camera",
|
||||
async (_build, fdroidFlag) => {
|
||||
process.env.PASEO_FDROID_BUILD = fdroidFlag;
|
||||
const manifest = await resolveAndroidManifest();
|
||||
const permissions = (manifest["uses-permission"] ?? []).map(
|
||||
(entry: ManifestEntry) => entry.$["android:name"],
|
||||
);
|
||||
const features = (manifest["uses-feature"] ?? []).map((entry: ManifestEntry) => entry.$);
|
||||
|
||||
expect(permissions).toContain("android.permission.CAMERA");
|
||||
expect(features).toEqual(
|
||||
expect.arrayContaining([
|
||||
{ "android:name": "android.hardware.camera", "android:required": "false" },
|
||||
{ "android:name": "android.hardware.camera.autofocus", "android:required": "false" },
|
||||
]),
|
||||
);
|
||||
},
|
||||
30_000,
|
||||
);
|
||||
});
|
||||
@@ -284,7 +284,6 @@ async function expectRejectedSubmissionRestored(
|
||||
await expectComposerDraft(page, input.prompt);
|
||||
await expectComposerEditable(page);
|
||||
await expectAttachmentPill(page, "composer-image-attachment-pill");
|
||||
await expect(page.getByTestId("user-message").filter({ hasText: input.prompt })).toHaveCount(0);
|
||||
if (input.preservesActiveTurn) {
|
||||
await expect(page.getByTestId("turn-working-indicator")).toBeVisible();
|
||||
return;
|
||||
@@ -295,13 +294,21 @@ async function expectRejectedSubmissionRestored(
|
||||
|
||||
async function retryRestoredSubmission(page: Page, prompt: string): Promise<void> {
|
||||
await page.getByRole("textbox", { name: "Message agent..." }).first().press("Enter");
|
||||
const userMessage = page.getByTestId("user-message").filter({ hasText: prompt });
|
||||
await expect(userMessage).toHaveCount(1);
|
||||
const attempts = page.getByTestId("user-message").filter({ hasText: prompt });
|
||||
await expect(attempts).toHaveCount(2);
|
||||
const userMessage = attempts.last();
|
||||
await expect(userMessage).toHaveAttribute("aria-busy", "false", { timeout: 30_000 });
|
||||
await expect(userMessage.getByRole("button", { name: "Open image attachment" })).toBeVisible();
|
||||
await expect(page.getByTestId("composer-image-attachment-pill")).toHaveCount(0);
|
||||
}
|
||||
|
||||
async function expectRejectedPromptBeforeError(page: Page, prompt: string, errorMessage: string) {
|
||||
const messages = page.getByTestId("user-message").or(page.getByTestId("assistant-message"));
|
||||
await expect(messages).toHaveCount(2);
|
||||
await expect(messages.nth(0)).toContainText(prompt);
|
||||
await expect(messages.nth(1)).toContainText(`[System Error] ${errorMessage}`);
|
||||
}
|
||||
|
||||
async function configureSteerInSettings(page: Page): Promise<void> {
|
||||
const modifier = process.platform === "darwin" ? "Meta" : "Control";
|
||||
await page.keyboard.press(`${modifier}+Comma`);
|
||||
@@ -1173,13 +1180,14 @@ test.describe("Agent message submission", () => {
|
||||
await toasts.expectNeverShown("agent-updating-toast");
|
||||
});
|
||||
|
||||
test("restores a rejected submission and accepts its retry", async ({
|
||||
test("retains a rejected submission before its error and accepts its retry", async ({
|
||||
page,
|
||||
rejectionScenario,
|
||||
}) => {
|
||||
const prompt = "Restore this rejected submission.";
|
||||
await submitMessageThatWillBeRejected(page, prompt);
|
||||
await expectRejectedSubmissionRestored(page, { prompt, ...rejectionScenario });
|
||||
await expectRejectedPromptBeforeError(page, prompt, rejectionScenario.errorMessage);
|
||||
await retryRestoredSubmission(page, prompt);
|
||||
});
|
||||
|
||||
@@ -1209,6 +1217,7 @@ test.describe("Agent message submission", () => {
|
||||
errorMessage: "Requested mock steer transport failure",
|
||||
preservesActiveTurn: true,
|
||||
});
|
||||
await expect(page.getByTestId("user-message").filter({ hasText: prompt })).toHaveCount(0);
|
||||
|
||||
expect(gate.getClientRequestCount("send_agent_message_request")).toBe(sendsBefore + 1);
|
||||
expect(gate.getClientRequestCount("cancel_agent_request")).toBe(cancelsBefore);
|
||||
|
||||
@@ -1,7 +1,14 @@
|
||||
import type { Locator } from "@playwright/test";
|
||||
import { writeFile } from "node:fs/promises";
|
||||
import path from "node:path";
|
||||
import { expect, test, type Page } from "../support/fixtures";
|
||||
import { openAgentRoute, seedMockAgentWorkspace } from "../support/helpers/mock-agent";
|
||||
import { gateNextAgentMessage } from "../support/helpers/agent-message-gate";
|
||||
import {
|
||||
fillComposerDraft,
|
||||
expectComposerDraft,
|
||||
attachFileFromMenu,
|
||||
} from "../support/helpers/composer";
|
||||
import { ensureExplorerSidebar, openFilesPanel } from "../support/helpers/workspace-tabs";
|
||||
|
||||
const APP_SETTINGS_KEY = "@paseo:app-settings";
|
||||
@@ -26,14 +33,19 @@ async function openComposerDiff(page: Page) {
|
||||
await composerChangesPill(page).click();
|
||||
}
|
||||
|
||||
async function seedChangedAgent(repoPrefix: string) {
|
||||
async function seedChangedAgent(
|
||||
repoPrefix: string,
|
||||
featureValues?: Record<string, unknown>,
|
||||
files: Array<{ path: string; content: string }> = [],
|
||||
) {
|
||||
const workspace = await seedMockAgentWorkspace({
|
||||
repoPrefix,
|
||||
featureValues,
|
||||
title: "Composer diff stat",
|
||||
repo: {
|
||||
withRemote: true,
|
||||
// Exclude the local remote before the daemon starts observing this checkout.
|
||||
files: [{ path: ".gitignore", content: "/remote.git/\n" }],
|
||||
files: [{ path: ".gitignore", content: "/remote.git/\n" }, ...files],
|
||||
},
|
||||
});
|
||||
try {
|
||||
@@ -156,3 +168,691 @@ test("composer diff stat reveals Changes, then opens the diff in the focused pan
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
|
||||
async function tapFirstAddedDiffLine(
|
||||
page: Page,
|
||||
surface: Locator = page.getByTestId("working-diff-panel"),
|
||||
) {
|
||||
const body = surface.getByTestId("diff-file-0-body");
|
||||
await expect(body).toBeVisible({ timeout: 30000 });
|
||||
const bounds = await body.boundingBox();
|
||||
if (!bounds) throw new Error("Expanded diff body has no bounds");
|
||||
const fontSize = await surface
|
||||
.getByTestId("git-diff-canvas")
|
||||
.evaluate((element) => Number.parseFloat(getComputedStyle(element).fontSize));
|
||||
await page.touchscreen.tap(bounds.x + 120, bounds.y + Math.round(fontSize * 1.5) * 2.5);
|
||||
}
|
||||
|
||||
async function openReviewDiff(page: Page, workspace: Awaited<ReturnType<typeof seedChangedAgent>>) {
|
||||
await page.setViewportSize({ width: 1400, height: 900 });
|
||||
await openAgentRoute(page, { workspaceId: workspace.workspaceId, agentId: workspace.agentId });
|
||||
await expect(composerChangesPill(page)).toBeVisible({ timeout: 30000 });
|
||||
if (await page.getByTestId("workspace-tab-working_diff").count()) {
|
||||
await selectDiffTab(page);
|
||||
} else {
|
||||
await revealComposerChangesInExplorer(page);
|
||||
await openComposerDiff(page);
|
||||
}
|
||||
await expect(page.getByTestId("diff-file-0-body")).toBeVisible();
|
||||
}
|
||||
|
||||
async function saveReviewComment(page: Page, body: string) {
|
||||
await page.getByRole("textbox", { name: "Review comment" }).fill(body);
|
||||
await page.getByRole("button", { name: "Save review comment", exact: true }).click();
|
||||
await expect(page.getByRole("button", { name: "Bottom sheet backdrop" })).toHaveCount(0);
|
||||
}
|
||||
|
||||
async function cancelReviewComment(page: Page) {
|
||||
await page.getByRole("button", { name: "Cancel review comment", exact: true }).click();
|
||||
await expect(page.getByRole("button", { name: "Bottom sheet backdrop" })).toHaveCount(0);
|
||||
}
|
||||
|
||||
test.describe("review comments", () => {
|
||||
test.use({ hasTouch: true });
|
||||
|
||||
test("compact review comments open a sheet and preserve saved comments through save, edit, cancel and reload", async ({
|
||||
page,
|
||||
}) => {
|
||||
const workspace = await seedChangedAgent("compact-review-comment-");
|
||||
try {
|
||||
await test.step("Open a compact sheet with reachable input and actions", async () => {
|
||||
await openReviewDiff(page, workspace);
|
||||
await showCompactLayout(page);
|
||||
await tapFirstAddedDiffLine(page);
|
||||
await expectCompactCommentSheet(page);
|
||||
});
|
||||
await test.step("Save, discard an edit, then save an updated comment", async () => {
|
||||
await saveReviewComment(page, " Please simplify this. ");
|
||||
await expectSavedReview(page, "Please simplify this.");
|
||||
await editSavedReview(page, "Please simplify this.");
|
||||
await fillReviewComment(page, "Discard this edit");
|
||||
await cancelReviewComment(page);
|
||||
await expectSavedReview(page, "Please simplify this.");
|
||||
await editSavedReview(page, "Please simplify this.");
|
||||
await saveReviewComment(page, "Updated comment");
|
||||
await expectSavedReview(page, "Updated comment");
|
||||
});
|
||||
await test.step("Discard a new comment and retain the saved one after reload", async () => {
|
||||
await tapFirstAddedDiffLine(page);
|
||||
await fillReviewComment(page, "Discard new comment");
|
||||
await cancelReviewComment(page);
|
||||
await expectReviewAbsent(page, "Discard new comment");
|
||||
await reloadReview(page);
|
||||
await expectSavedReview(page, "Updated comment");
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
|
||||
test("wide review comments retain inline editing", async ({ page }) => {
|
||||
const workspace = await seedChangedAgent("wide-review-comment-");
|
||||
try {
|
||||
await test.step("Save and cancel an inline edit on a wide screen", async () => {
|
||||
await openReviewDiff(page, workspace);
|
||||
await tapFirstAddedDiffLine(page);
|
||||
await expectInlineCommentEditor(page);
|
||||
await saveReviewComment(page, "Wide comment");
|
||||
await expectSavedReview(page, "Wide comment");
|
||||
await editSavedReview(page, "Wide comment");
|
||||
await expectInlineCommentEditor(page);
|
||||
await cancelReviewComment(page);
|
||||
await expectSavedReview(page, "Wide comment");
|
||||
});
|
||||
await test.step("The existing composer still sends the review", async () => {
|
||||
await sendReviewThroughComposer(page, workspace.agentId);
|
||||
await selectDiffTab(page);
|
||||
await expectReviewAbsent(page, "Wide comment");
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
async function sendReviewThroughComposer(page: Page, agentId: string) {
|
||||
await page.getByTestId(`workspace-tab-agent_${agentId}`).click();
|
||||
await expect(page.getByTestId("composer-review-attachment-pill")).toBeVisible();
|
||||
await page.getByRole("textbox", { name: "Message agent..." }).fill("Address this review");
|
||||
await page.getByRole("button", { name: "Send message", exact: true }).click();
|
||||
await expect(page.getByText("Address this review", { exact: true }).first()).toBeVisible();
|
||||
await expect(page.getByTestId("composer-review-attachment-pill")).toHaveCount(0);
|
||||
}
|
||||
|
||||
async function addSavedReview(
|
||||
page: Page,
|
||||
body: string,
|
||||
surface: Locator = page.getByTestId("working-diff-panel"),
|
||||
) {
|
||||
await tapFirstAddedDiffLine(page, surface);
|
||||
await saveReviewComment(page, body);
|
||||
await expectSavedReview(page, body, surface);
|
||||
}
|
||||
|
||||
async function expectSavedReview(
|
||||
page: Page,
|
||||
body: string,
|
||||
surface: Locator = page.getByTestId("working-diff-panel"),
|
||||
) {
|
||||
await expect(surface.getByText(body, { exact: true })).toBeVisible();
|
||||
}
|
||||
|
||||
async function editSavedReview(page: Page, expectedBody: string) {
|
||||
await page
|
||||
.getByTestId("working-diff-panel")
|
||||
.getByRole("button", { name: "Edit review comment", exact: true })
|
||||
.click();
|
||||
await expect(page.getByRole("textbox", { name: "Review comment" })).toHaveValue(expectedBody);
|
||||
}
|
||||
|
||||
async function sendFeedback(page: Page, count: number) {
|
||||
await page.getByRole("button", { name: `Send feedback (${count})`, exact: true }).click();
|
||||
}
|
||||
|
||||
async function expectFeedbackSent(page: Page, recipient: string) {
|
||||
await expect(page.getByText(`Feedback sent to ${recipient}`, { exact: true })).toBeVisible();
|
||||
await expect(page.getByTestId("working-diff-panel")).toBeVisible();
|
||||
}
|
||||
|
||||
test.describe("send review feedback", () => {
|
||||
test.use({ hasTouch: true });
|
||||
|
||||
test("compact feedback sends directly to the only workspace agent and preserves its composer draft", async ({
|
||||
page,
|
||||
}) => {
|
||||
const workspace = await seedChangedAgent("review-feedback-single-");
|
||||
try {
|
||||
await test.step("Save a review without changing the chat draft", async () => {
|
||||
await openReviewDiff(page, workspace);
|
||||
await selectAgentTab(page, workspace.agentId);
|
||||
await fillComposerDraft(page, "Keep this thought");
|
||||
await attachFileFromMenu(page, {
|
||||
name: "unrelated.txt",
|
||||
mimeType: "text/plain",
|
||||
buffer: Buffer.from("Unrelated draft attachment"),
|
||||
});
|
||||
await selectDiffTab(page);
|
||||
await showCompactLayout(page);
|
||||
await addSavedReview(page, "Please simplify this.");
|
||||
});
|
||||
await test.step("Send directly and stay on the diff", async () => {
|
||||
await sendFeedback(page, 1);
|
||||
await expectFeedbackSent(page, "Composer diff stat");
|
||||
await expectReviewAbsent(page, "Please simplify this.");
|
||||
await captureFeedback(page, "single");
|
||||
});
|
||||
await test.step("Return to the untouched composer draft", async () => {
|
||||
await showWideLayout(page);
|
||||
await selectAgentTab(page, workspace.agentId);
|
||||
await expectComposerDraft(page, "Keep this thought");
|
||||
await expect(page.getByText("unrelated.txt", { exact: true })).toBeVisible();
|
||||
await expect(page.getByTestId("composer-review-attachment-pill")).toHaveCount(0);
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
test("feedback pending ownership follows the draft across Diff and compact Changes", async ({
|
||||
page,
|
||||
}) => {
|
||||
const workspace = await seedChangedAgent("review-shared-pending-");
|
||||
const gate = await gateNextAgentMessage(page);
|
||||
try {
|
||||
await test.step("Send feedback from the Diff tab and hold its real request", async () => {
|
||||
await openReviewDiff(page, workspace);
|
||||
await showCompactLayout(page);
|
||||
await addSavedReview(page, "One draft across surfaces");
|
||||
await sendFeedback(page, 1);
|
||||
await gate.waitForRequest();
|
||||
});
|
||||
await test.step("The compact Changes surface observes the same pending operation", async () => {
|
||||
await revealCompactChanges(page);
|
||||
await expect(
|
||||
compactReviewSurface(page).getByRole("button", {
|
||||
name: "Sending feedback (1)",
|
||||
exact: true,
|
||||
}),
|
||||
).toBeDisabled();
|
||||
expect(gate.requestCount()).toBe(1);
|
||||
gate.accept();
|
||||
await expect(
|
||||
compactReviewSurface(page).getByText("Feedback sent to Composer diff stat", {
|
||||
exact: true,
|
||||
}),
|
||||
).toBeVisible();
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
|
||||
test("an unsaved review survives presentation changes and acknowledgement before Save", async ({
|
||||
page,
|
||||
}) => {
|
||||
const workspace = await seedChangedAgent("review-editor-ownership-");
|
||||
const gate = await gateNextAgentMessage(page);
|
||||
try {
|
||||
await test.step("Carry unsaved inline text into the compact sheet and back", async () => {
|
||||
await openReviewDiff(page, workspace);
|
||||
await tapFirstAddedDiffLine(page);
|
||||
await fillReviewComment(page, "Body across presentations");
|
||||
await showCompactLayout(page);
|
||||
await expectReviewEditorBody(page, "Body across presentations");
|
||||
await showWideLayout(page);
|
||||
await expectReviewEditorBody(page, "Body across presentations");
|
||||
await saveReviewComment(page, "Body across presentations");
|
||||
});
|
||||
await test.step("Keep an open edit saveable after acknowledgement removes its original", async () => {
|
||||
await sendFeedback(page, 1);
|
||||
await gate.waitForRequest();
|
||||
await editSavedReview(page, "Body across presentations");
|
||||
await fillReviewComment(page, "Keep this unsaved edit");
|
||||
gate.accept();
|
||||
await expectFeedbackSent(page, "Composer diff stat");
|
||||
await expectReviewEditorBody(page, "Keep this unsaved edit");
|
||||
await showCompactLayout(page);
|
||||
await expectReviewEditorBody(page, "Keep this unsaved edit");
|
||||
await saveReviewComment(page, "Keep this unsaved edit");
|
||||
await expectSavedReview(page, "Keep this unsaved edit");
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
|
||||
test("saved feedback preserves navigation across multiple diff files", async ({ page }) => {
|
||||
const workspace = await seedMultiFileReview();
|
||||
try {
|
||||
await test.step("Save compact feedback and retain both floating actions", async () => {
|
||||
await openCompactReviewExplorer(page, workspace);
|
||||
await addSavedReview(page, "Keep file navigation available", compactReviewSurface(page));
|
||||
await expectReviewNavigationReachable(page);
|
||||
});
|
||||
await test.step("Jump to another file without covering the feedback action", async () => {
|
||||
await jumpToReviewFile(page, "z-last.ts");
|
||||
await scrollReviewToLastLine(page);
|
||||
await expectReviewNavigationReachable(page);
|
||||
await captureFeedback(page, "navigation-compact");
|
||||
});
|
||||
await test.step("Wide file navigation and feedback remain reachable", async () => {
|
||||
await openReviewDiff(page, workspace);
|
||||
await navigateWideReviewFile(page, "README.md");
|
||||
await expectFeedbackReachable(page);
|
||||
await expectSavedReview(page, "Keep file navigation available");
|
||||
await captureFeedback(page, "navigation-wide");
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
|
||||
test("feedback sends only matching comments and preserves orphaned comments", async ({
|
||||
page,
|
||||
}) => {
|
||||
const workspace = await seedMultiFileReview();
|
||||
try {
|
||||
await test.step("A saved comment whose diff disappears has no sendable context", async () => {
|
||||
await openReviewDiff(page, workspace);
|
||||
await showCompactLayout(page);
|
||||
await addSavedReview(page, "Retain this orphan");
|
||||
await setReadmeDiff(workspace, false);
|
||||
await expectUnmatchedFeedback(page);
|
||||
});
|
||||
await test.step("Send the matching subset with an accurate count", async () => {
|
||||
await addSavedReview(page, "Send this matching comment");
|
||||
await sendFeedback(page, 1);
|
||||
await expectFeedbackSent(page, "Composer diff stat");
|
||||
await expectReviewAbsent(page, "Send this matching comment");
|
||||
await expectUnmatchedFeedback(page);
|
||||
});
|
||||
await test.step("Restoring the missing diff reveals the unsent comment", async () => {
|
||||
await setReadmeDiff(workspace, true);
|
||||
await expectSavedReview(page, "Retain this orphan");
|
||||
await expectFeedbackReachable(page);
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
|
||||
test("zero open agent tabs retain feedback with a disabled reason", async ({ page }) => {
|
||||
const workspace = await seedChangedAgent("review-feedback-zero-");
|
||||
try {
|
||||
await test.step("Close the agent tab while keeping the review", async () => {
|
||||
await openReviewDiff(page, workspace);
|
||||
await addSavedReview(page, "Keep until an agent is opened");
|
||||
await closeAgentTab(page, workspace.agentId);
|
||||
});
|
||||
await test.step("The disabled action explains why in wide and compact layouts", async () => {
|
||||
await expectFeedbackUnavailable(page);
|
||||
await captureFeedback(page, "zero-wide");
|
||||
await showCompactLayout(page);
|
||||
await expectFeedbackUnavailable(page);
|
||||
await expectSavedReview(page, "Keep until an agent is opened");
|
||||
await captureFeedback(page, "zero-compact");
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
|
||||
test("only open tabs in this workspace appear in compact and wide recipient menus", async ({
|
||||
page,
|
||||
}) => {
|
||||
const workspace = await seedChangedAgent("review-feedback-multiple-");
|
||||
const other = await seedChangedAgent("review-feedback-other-");
|
||||
try {
|
||||
const second = await createReviewRecipient(workspace, "Second reviewer");
|
||||
const historical = await createReviewRecipient(workspace, "Closed historical agent");
|
||||
await test.step("Open two local tabs and a tab in another workspace", async () => {
|
||||
await openReviewDiff(page, other);
|
||||
await addSavedReview(page, "Other workspace review");
|
||||
await openReviewDiff(page, workspace);
|
||||
await closeAgentTab(page, historical.id);
|
||||
await openAgentRoute(page, { workspaceId: workspace.workspaceId, agentId: second.id });
|
||||
await selectDiffTab(page);
|
||||
await addSavedReview(page, "Review for second agent");
|
||||
});
|
||||
await test.step("The wide menu includes only local open agents", async () => {
|
||||
await captureWideFeedbackAppearance(page);
|
||||
});
|
||||
await test.step("Escape returns keyboard focus to feedback so the chooser can reopen", async () => {
|
||||
await openFeedbackWithKeyboard(page);
|
||||
await dismissRecipientMenu(page);
|
||||
await expectFeedbackFocused(page);
|
||||
await reopenFeedbackWithKeyboard(page);
|
||||
await dismissRecipientMenu(page);
|
||||
await expectFeedbackFocused(page);
|
||||
});
|
||||
await test.step("Choose the second agent in the compact menu and stay on the diff", async () => {
|
||||
await showCompactLayout(page);
|
||||
await captureFeedback(page, "cta-compact");
|
||||
await sendFeedback(page, 1);
|
||||
await expectRecipientMenu(page);
|
||||
await captureFeedback(page, "menu-compact");
|
||||
await chooseFeedbackRecipient(page, "Second reviewer");
|
||||
await expectFeedbackSent(page, "Second reviewer");
|
||||
await expectReviewAbsent(page, "Review for second agent");
|
||||
});
|
||||
await test.step("The other workspace's saved review remains", async () => {
|
||||
await openReviewDiff(page, other);
|
||||
await expectSavedReview(page, "Other workspace review");
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
await other.cleanup();
|
||||
}
|
||||
});
|
||||
|
||||
test("failed feedback remains editable and retries through the real provider", async ({
|
||||
page,
|
||||
}) => {
|
||||
const workspace = await seedChangedAgent("review-feedback-retry-", { mockPromptRejections: 1 });
|
||||
try {
|
||||
await test.step("A provider rejection retains the saved review", async () => {
|
||||
await openReviewDiff(page, workspace);
|
||||
await showCompactLayout(page);
|
||||
await addSavedReview(page, "Initial feedback");
|
||||
await sendFeedback(page, 1);
|
||||
await expectFeedbackFailure(page);
|
||||
await expectSavedReview(page, "Initial feedback");
|
||||
await captureFeedback(page, "failure");
|
||||
});
|
||||
await test.step("Edit the retained feedback and retry successfully", async () => {
|
||||
await editSavedReview(page, "Initial feedback");
|
||||
await saveReviewComment(page, "Corrected feedback");
|
||||
await sendFeedback(page, 1);
|
||||
await expectFeedbackSent(page, "Composer diff stat");
|
||||
await expectReviewAbsent(page, "Corrected feedback");
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
|
||||
test("pending feedback blocks repeat submission and preserves edits and additions", async ({
|
||||
page,
|
||||
}) => {
|
||||
const workspace = await seedChangedAgent("review-feedback-pending-");
|
||||
const gate = await gateNextAgentMessage(page);
|
||||
try {
|
||||
await test.step("Hold the real request while feedback is pending", async () => {
|
||||
await openReviewDiff(page, workspace);
|
||||
await showCompactLayout(page);
|
||||
await addSavedReview(page, "Sent version");
|
||||
await sendFeedback(page, 1);
|
||||
const request = await gate.waitForRequest();
|
||||
expect(request.agentId).toBe(workspace.agentId);
|
||||
expect(request.text).toBe("Please address this code review.");
|
||||
expect(request.attachments).toMatchObject([
|
||||
{
|
||||
type: "review",
|
||||
cwd: workspace.cwd,
|
||||
comments: [
|
||||
{
|
||||
filePath: "README.md",
|
||||
lineNumber: 2,
|
||||
body: "Sent version",
|
||||
context: { targetLine: { content: "export const one = 1;", newLineNumber: 2 } },
|
||||
},
|
||||
],
|
||||
},
|
||||
]);
|
||||
await expectFeedbackPending(page);
|
||||
});
|
||||
await test.step("Save an edit and another comment before acknowledgement", async () => {
|
||||
await editSavedReview(page, "Sent version");
|
||||
await saveReviewComment(page, "Edited during send");
|
||||
await addSavedReview(page, "Added during send");
|
||||
await expectFeedbackPending(page);
|
||||
expect(gate.requestCount()).toBe(1);
|
||||
await captureFeedback(page, "pending");
|
||||
});
|
||||
await test.step("A real acknowledgement preserves both new versions", async () => {
|
||||
gate.accept();
|
||||
await expectFeedbackSent(page, "Composer diff stat");
|
||||
await expectSavedReview(page, "Edited during send");
|
||||
await expectSavedReview(page, "Added during send");
|
||||
await expectReviewAbsent(page, "Sent version");
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
async function showCompactLayout(page: Page) {
|
||||
await page.setViewportSize({ width: 390, height: 844 });
|
||||
}
|
||||
async function showWideLayout(page: Page) {
|
||||
await page.setViewportSize({ width: 1400, height: 900 });
|
||||
}
|
||||
async function selectAgentTab(page: Page, agentId: string) {
|
||||
await page.getByTestId(`workspace-tab-agent_${agentId}`).click({ position: { x: 12, y: 13 } });
|
||||
}
|
||||
async function selectDiffTab(page: Page) {
|
||||
await page.getByTestId("workspace-tab-working_diff").click({ position: { x: 12, y: 13 } });
|
||||
}
|
||||
async function fillReviewComment(page: Page, body: string) {
|
||||
await page.getByRole("textbox", { name: "Review comment" }).fill(body);
|
||||
}
|
||||
async function expectReviewAbsent(page: Page, body: string) {
|
||||
await expect(page.getByTestId("working-diff-panel").getByText(body, { exact: true })).toHaveCount(
|
||||
0,
|
||||
);
|
||||
}
|
||||
async function reloadReview(page: Page) {
|
||||
await page.reload();
|
||||
await expect(page.getByTestId("working-diff-panel")).toBeVisible({ timeout: 30000 });
|
||||
}
|
||||
async function expectInlineCommentEditor(page: Page) {
|
||||
await expect(page.getByTestId("inline-review-editor")).toBeVisible();
|
||||
await expect(page.getByTestId("review-comment-sheet")).toHaveCount(0);
|
||||
}
|
||||
async function expectCompactCommentSheet(page: Page) {
|
||||
await expect(page.getByTestId("review-comment-sheet")).toBeVisible();
|
||||
await expect(page.getByText("README.md · +2", { exact: true })).toBeVisible();
|
||||
await expect(page.getByRole("textbox", { name: "Review comment" })).toBeInViewport({ ratio: 1 });
|
||||
for (const action of ["Save", "Cancel"])
|
||||
await expect(
|
||||
page.getByRole("button", { name: `${action} review comment`, exact: true }),
|
||||
).toBeInViewport({ ratio: 1 });
|
||||
await expect(page.getByTestId("inline-review-editor")).toHaveCount(0);
|
||||
await expect(
|
||||
page.getByRole("button", { name: "Save review comment", exact: true }),
|
||||
).toBeDisabled();
|
||||
}
|
||||
function feedbackButton(page: Page) {
|
||||
return page.getByRole("button", { name: "Send feedback (1)", exact: true });
|
||||
}
|
||||
async function openFeedbackWithKeyboard(page: Page) {
|
||||
await feedbackButton(page).focus();
|
||||
await expectFeedbackFocused(page);
|
||||
await reopenFeedbackWithKeyboard(page);
|
||||
}
|
||||
async function reopenFeedbackWithKeyboard(page: Page) {
|
||||
await page.keyboard.press("Enter");
|
||||
await expectRecipientMenu(page);
|
||||
const recipient = page.getByRole("menuitem", { name: "Composer diff stat", exact: true });
|
||||
await recipient.focus();
|
||||
await expect(recipient).toBeFocused();
|
||||
}
|
||||
async function expectFeedbackFocused(page: Page) {
|
||||
await expect(feedbackButton(page)).toBeFocused();
|
||||
}
|
||||
|
||||
async function captureWideFeedbackAppearance(page: Page) {
|
||||
for (const colorScheme of ["light", "dark"] as const) {
|
||||
await page.emulateMedia({ colorScheme });
|
||||
await expectSavedReview(page, "Review for second agent");
|
||||
await captureFeedback(page, `cta-wide-${colorScheme}-closed`);
|
||||
await sendFeedback(page, 1);
|
||||
await expectRecipientMenu(page);
|
||||
await captureFeedback(page, `cta-wide-${colorScheme}-open`);
|
||||
await dismissRecipientMenu(page);
|
||||
}
|
||||
await page.emulateMedia({ colorScheme: "light" });
|
||||
}
|
||||
|
||||
async function captureFeedback(page: Page, name: string) {
|
||||
await page.screenshot({ path: `/tmp/phase2-feedback-${name}.png` });
|
||||
}
|
||||
|
||||
async function closeAgentTab(page: Page, agentId: string) {
|
||||
await page.getByTestId(`workspace-tab-agent_${agentId}`).click({ button: "right" });
|
||||
await page.getByTestId(`workspace-tab-context-agent_${agentId}-close`).click();
|
||||
await expect(page.getByTestId(`workspace-tab-agent_${agentId}`)).toHaveCount(0);
|
||||
}
|
||||
async function expectFeedbackUnavailable(page: Page) {
|
||||
await expect(page.getByRole("button", { name: "Send feedback (1)", exact: true })).toBeDisabled();
|
||||
await expect(
|
||||
page.getByText("Open an agent tab in this workspace to send feedback.", { exact: true }),
|
||||
).toBeVisible();
|
||||
}
|
||||
async function createReviewRecipient(
|
||||
workspace: Awaited<ReturnType<typeof seedChangedAgent>>,
|
||||
title: string,
|
||||
) {
|
||||
return workspace.client.createAgent({
|
||||
provider: "mock",
|
||||
cwd: workspace.cwd,
|
||||
workspaceId: workspace.workspaceId,
|
||||
title,
|
||||
modeId: "load-test",
|
||||
model: "e2e-fast-stream",
|
||||
});
|
||||
}
|
||||
async function expectRecipientMenu(page: Page) {
|
||||
for (const name of ["Composer diff stat", "Second reviewer"]) {
|
||||
await expect(page.getByRole("menuitem", { name, exact: true })).toBeInViewport({ ratio: 1 });
|
||||
}
|
||||
await expect(page.getByRole("menuitem")).toHaveCount(2);
|
||||
}
|
||||
async function dismissRecipientMenu(page: Page) {
|
||||
await page.keyboard.press("Escape");
|
||||
await expect(page.getByRole("menuitem")).toHaveCount(0);
|
||||
}
|
||||
async function chooseFeedbackRecipient(page: Page, name: string) {
|
||||
await page.getByRole("menuitem", { name, exact: true }).click();
|
||||
}
|
||||
async function expectFeedbackFailure(page: Page) {
|
||||
await expect(
|
||||
page.getByText("Requested mock prompt rejection", { exact: true }).first(),
|
||||
).toBeVisible();
|
||||
await expect(page.getByRole("button", { name: "Send feedback (1)", exact: true })).toBeEnabled();
|
||||
}
|
||||
async function expectFeedbackPending(page: Page, count = 1) {
|
||||
await expect(
|
||||
page.getByRole("button", { name: `Sending feedback (${count})`, exact: true }),
|
||||
).toBeDisabled();
|
||||
}
|
||||
|
||||
async function seedMultiFileReview() {
|
||||
const workspace = await seedChangedAgent("review-feedback-navigation-", undefined, [
|
||||
{ path: "z-last.ts", content: "export const final = 0;\n" },
|
||||
]);
|
||||
await writeFile(
|
||||
path.join(workspace.cwd, "z-last.ts"),
|
||||
Array.from({ length: 120 }, (_, index) => `export const value${index} = ${index};`).join("\n") +
|
||||
"\n",
|
||||
);
|
||||
await workspace.client.checkoutRefresh(workspace.cwd);
|
||||
return workspace;
|
||||
}
|
||||
async function expectFeedbackReachable(page: Page) {
|
||||
await expect(page.getByRole("button", { name: "Send feedback (1)", exact: true })).toBeInViewport(
|
||||
{ ratio: 1 },
|
||||
);
|
||||
}
|
||||
async function expectReviewNavigationReachable(page: Page) {
|
||||
await expectFeedbackReachable(page);
|
||||
const jump = page.getByRole("button", { name: "Jump to file", exact: true });
|
||||
await expect(jump).toBeInViewport({ ratio: 1 });
|
||||
const navigationBounds = await jump.boundingBox();
|
||||
const feedbackBounds = await page
|
||||
.getByRole("button", { name: "Send feedback (1)", exact: true })
|
||||
.boundingBox();
|
||||
if (!navigationBounds || !feedbackBounds) throw new Error("Review actions have no bounds");
|
||||
expect(feedbackBounds.y + feedbackBounds.height).toBeLessThanOrEqual(navigationBounds.y);
|
||||
}
|
||||
async function jumpToReviewFile(page: Page, name: string) {
|
||||
await page.getByRole("button", { name: "Jump to file", exact: true }).click();
|
||||
const sheet = page.getByTestId("changes-jump-to-file-sheet");
|
||||
await page
|
||||
.getByTestId("changes-file-tree")
|
||||
.filter({ visible: true })
|
||||
.getByText(name, { exact: true })
|
||||
.click();
|
||||
await expect(sheet).toHaveCount(0);
|
||||
await expect(reviewFileHeader(compactReviewSurface(page), name)).toBeInViewport();
|
||||
}
|
||||
async function navigateWideReviewFile(page: Page, name: string) {
|
||||
const explorer = await ensureExplorerSidebar(page);
|
||||
await explorer.getByTestId("changes-tree-panel").getByText(name, { exact: true }).click();
|
||||
await expect(reviewFileHeader(page.getByTestId("working-diff-panel"), name)).toBeInViewport();
|
||||
}
|
||||
|
||||
async function setReadmeDiff(
|
||||
workspace: Awaited<ReturnType<typeof seedChangedAgent>>,
|
||||
changed: boolean,
|
||||
) {
|
||||
await writeFile(
|
||||
path.join(workspace.cwd, "README.md"),
|
||||
changed ? "# Temp Repo\nexport const one = 1;\nexport const two = 2;\n" : "# Temp Repo\n",
|
||||
);
|
||||
await workspace.client.checkoutRefresh(workspace.cwd);
|
||||
}
|
||||
async function expectUnmatchedFeedback(page: Page) {
|
||||
await expect(page.getByRole("button", { name: "Send feedback (0)", exact: true })).toBeDisabled();
|
||||
await expect(
|
||||
page.getByText("Saved comments no longer match this diff.", { exact: true }),
|
||||
).toBeVisible();
|
||||
}
|
||||
|
||||
function compactReviewSurface(page: Page) {
|
||||
return page.getByTestId("explorer-content-area").filter({ visible: true });
|
||||
}
|
||||
async function openCompactReviewExplorer(
|
||||
page: Page,
|
||||
workspace: Awaited<ReturnType<typeof seedChangedAgent>>,
|
||||
) {
|
||||
await showWideLayout(page);
|
||||
await openAgentRoute(page, { workspaceId: workspace.workspaceId, agentId: workspace.agentId });
|
||||
await selectAgentTab(page, workspace.agentId);
|
||||
await showCompactLayout(page);
|
||||
await composerChangesPill(page).click();
|
||||
await expect(compactReviewSurface(page).getByTestId("diff-file-0-body")).toBeVisible();
|
||||
}
|
||||
|
||||
function reviewFileHeader(surface: Locator, name: string) {
|
||||
return surface.locator(`[data-diff-header-path="${name}"]`).getByTestId(/^diff-file-\d+$/);
|
||||
}
|
||||
|
||||
async function scrollReviewToLastLine(page: Page) {
|
||||
const surface = compactReviewSurface(page);
|
||||
const bounds = await surface.boundingBox();
|
||||
if (!bounds) throw new Error("Compact review has no bounds");
|
||||
await page.mouse.move(bounds.x + 120, bounds.y + 200);
|
||||
await page.mouse.wheel(0, 10000);
|
||||
await expect
|
||||
.poll(async () => {
|
||||
const body = await surface.getByTestId("diff-file-1-body").boundingBox();
|
||||
const feedback = await page
|
||||
.getByRole("button", { name: "Send feedback (1)", exact: true })
|
||||
.boundingBox();
|
||||
if (!body || !feedback) return false;
|
||||
return body.y + body.height <= feedback.y;
|
||||
})
|
||||
.toBe(true);
|
||||
}
|
||||
|
||||
async function revealCompactChanges(page: Page) {
|
||||
await page.getByTestId("workspace-explorer-toggle").first().click();
|
||||
await page.getByTestId("explorer-header").getByText("Changes", { exact: true }).click();
|
||||
await expect(compactReviewSurface(page).getByTestId("diff-file-0-body")).toBeVisible();
|
||||
}
|
||||
async function expectReviewEditorBody(page: Page, body: string) {
|
||||
await expect(page.getByRole("textbox", { name: "Review comment", exact: true })).toHaveValue(
|
||||
body,
|
||||
);
|
||||
}
|
||||
|
||||
@@ -128,3 +128,46 @@ for (const scenario of [
|
||||
await creation.expectAgentCount(1);
|
||||
});
|
||||
}
|
||||
|
||||
for (const entry of [
|
||||
{
|
||||
name: "agent draft",
|
||||
open: (creation: Awaited<ReturnType<typeof createCreationScenario>>) =>
|
||||
creation.openAgentDraft(),
|
||||
button: "Send message",
|
||||
settled: async (_creation: Awaited<ReturnType<typeof createCreationScenario>>) => {},
|
||||
},
|
||||
{
|
||||
name: "new workspace",
|
||||
open: (creation: Awaited<ReturnType<typeof createCreationScenario>>) =>
|
||||
creation.openWorkspaceForm("local"),
|
||||
button: "Create",
|
||||
settled: (creation: Awaited<ReturnType<typeof createCreationScenario>>) =>
|
||||
creation.expectOneCreatedWorkspace(),
|
||||
},
|
||||
]) {
|
||||
test(`${entry.name} becomes an agent tab when the first prompt is rejected`, async ({
|
||||
creation,
|
||||
promptRejection,
|
||||
page,
|
||||
}, testInfo) => {
|
||||
void promptRejection;
|
||||
const prompt =
|
||||
"Continue the attached conversation.\n" + "Earlier conversation context.\n".repeat(100);
|
||||
await entry.open(creation);
|
||||
await creation.submitPrompt(prompt, entry.button);
|
||||
await entry.settled(creation);
|
||||
await creation.expectCreatedAgentError();
|
||||
await creation.expectPromptBeforeError(prompt);
|
||||
await page.screenshot({ path: testInfo.outputPath("created-agent-prompt-error.png") });
|
||||
await creation.reloadAgent();
|
||||
await creation.expectPromptBeforeError(prompt);
|
||||
await creation.submitPrompt("emit 1 coalesced agent stream updates for a corrected prompt.");
|
||||
await creation.expectPromptVisible(
|
||||
"emit 1 coalesced agent stream updates for a corrected prompt.",
|
||||
);
|
||||
await creation.expectAssistantReply();
|
||||
await creation.expectAgentCount(1);
|
||||
await expect(page.getByText("agent_request_key_conflict", { exact: true })).toHaveCount(0);
|
||||
});
|
||||
}
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import { test, expect, type Page } from "../support/fixtures";
|
||||
import { gotoAppShell } from "../support/helpers/app";
|
||||
import { seedWorkspace } from "../support/helpers/seed-client";
|
||||
import { openAgentRoute } from "../support/helpers/mock-agent";
|
||||
import { getServerId } from "../support/helpers/server-id";
|
||||
|
||||
function workspaceRowTestId(workspaceId: string): string {
|
||||
@@ -73,3 +74,75 @@ test.describe("Sidebar workspace rename", () => {
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
async function toggleBackgroundWorkspaces(page: Page): Promise<void> {
|
||||
await page.getByLabel("Display preferences", { exact: true }).click();
|
||||
await page.getByRole("menuitem", { name: "Show background", exact: true }).click();
|
||||
await page.keyboard.press("Escape");
|
||||
}
|
||||
|
||||
async function expectWorkspaceInSidebar(page: Page, workspaceId: string): Promise<void> {
|
||||
// Rows have no single accessible role: their nested title and actions share this container.
|
||||
await expect(page.getByTestId(workspaceRowTestId(workspaceId))).toBeVisible({ timeout: 30_000 });
|
||||
}
|
||||
|
||||
async function expectWorkspaceHidden(page: Page, workspaceId: string): Promise<void> {
|
||||
await expect(page.getByTestId(workspaceRowTestId(workspaceId))).toHaveCount(0);
|
||||
}
|
||||
|
||||
async function reconnectApp(page: Page): Promise<void> {
|
||||
await page.reload();
|
||||
await expect(page.getByLabel("Display preferences", { exact: true })).toBeVisible();
|
||||
}
|
||||
|
||||
async function expectWorkerOpen(page: Page): Promise<void> {
|
||||
await expect(page.getByRole("textbox", { name: "Message agent..." })).toBeEditable({
|
||||
timeout: 30_000,
|
||||
});
|
||||
await expect(page.getByText("Background reviewer", { exact: true }).first()).toBeVisible();
|
||||
await expect(page.getByText("Background review prompt", { exact: true }).first()).toBeVisible();
|
||||
}
|
||||
|
||||
test("background workspace stays directly accessible across sidebar toggles and reconnect", async ({
|
||||
page,
|
||||
}, testInfo) => {
|
||||
const workspace = await seedWorkspace({
|
||||
repoPrefix: "sidebar-background-",
|
||||
title: "Background review",
|
||||
background: true,
|
||||
});
|
||||
try {
|
||||
const worker = await workspace.client.createAgent({
|
||||
provider: "mock",
|
||||
cwd: workspace.repoPath,
|
||||
workspaceId: workspace.workspaceId,
|
||||
title: "Background reviewer",
|
||||
initialPrompt: "Background review prompt",
|
||||
model: "e2e-fast-stream",
|
||||
modeId: "load-test",
|
||||
});
|
||||
await test.step("Default sidebar hides background work", async () => {
|
||||
await gotoAppShell(page);
|
||||
await expectWorkspaceHidden(page, workspace.workspaceId);
|
||||
});
|
||||
await test.step("Show background exposes the fully replicated workspace", async () => {
|
||||
await toggleBackgroundWorkspaces(page);
|
||||
await expectWorkspaceInSidebar(page, workspace.workspaceId);
|
||||
await reconnectApp(page);
|
||||
await expectWorkspaceInSidebar(page, workspace.workspaceId);
|
||||
});
|
||||
await test.step("Direct agent navigation survives hiding and reconnect", async () => {
|
||||
await toggleBackgroundWorkspaces(page);
|
||||
await expectWorkspaceHidden(page, workspace.workspaceId);
|
||||
await openAgentRoute(page, { workspaceId: workspace.workspaceId, agentId: worker.id });
|
||||
await expectWorkerOpen(page);
|
||||
await expectWorkspaceHidden(page, workspace.workspaceId);
|
||||
await reconnectApp(page);
|
||||
await expectWorkerOpen(page);
|
||||
await expectWorkspaceHidden(page, workspace.workspaceId);
|
||||
await page.screenshot({ path: testInfo.outputPath("background-direct-open.png") });
|
||||
});
|
||||
} finally {
|
||||
await workspace.cleanup();
|
||||
}
|
||||
});
|
||||
|
||||
@@ -1,26 +0,0 @@
|
||||
# Native iOS text geometry regression
|
||||
|
||||
Run on the Namespace Mac with a fresh simulator development build. Use the PID
|
||||
returned by `xcrun simctl launch <your-task-simulator-UDID> sh.paseo.debug`.
|
||||
Attach only to your task's app, while no device replay is running:
|
||||
|
||||
```sh
|
||||
PASEO_NATIVE_TEXT_REFLOW_PID=12345 \
|
||||
PASEO_NATIVE_TEXT_REFLOW_LOG=/Volumes/devbox/workspace/native-text-reflow.log \
|
||||
bash packages/app/e2e/mobile/native-text-reflow/ios.sh
|
||||
```
|
||||
|
||||
The probe constructs the installed `RNUITextView`, fills its real UIKit text view,
|
||||
and resizes its content container from 500 to 240 and back to 500 points. It
|
||||
asserts the inner frame follows both widths and the same selection survives.
|
||||
It uses public UIView/UITextView operations, without mocking React Native.
|
||||
LLDB detaches after the probe. An assertion failure or evaluation error fails the
|
||||
shell command; the log distinguishes them.
|
||||
|
||||
This covers native container resizing and selection retention. It does not cover
|
||||
Fabric event delivery, chat row height, reader anchoring, or the on-screen copy
|
||||
menu. Those require the real chat journey: read an older multiline response,
|
||||
open/close Explorer, resize/rotate, inspect complete paragraphs and bullets,
|
||||
retain expanded/collapsed details, and check a stationary reader's position.
|
||||
Accessibility exposes full text even when glyphs are clipped, so a text wait
|
||||
alone does not verify that journey.
|
||||
@@ -1,55 +0,0 @@
|
||||
import lldb
|
||||
|
||||
|
||||
def __lldb_init_module(debugger, _internal_dict):
|
||||
debugger.HandleCommand("expression -l objc++ -- @import UIKit")
|
||||
frame = debugger.GetSelectedTarget().GetProcess().GetSelectedThread().GetSelectedFrame()
|
||||
options = lldb.SBExpressionOptions()
|
||||
options.SetLanguage(lldb.eLanguageTypeObjC_plus_plus)
|
||||
result = frame.EvaluateExpression(
|
||||
r'''({
|
||||
UIView *host = (UIView *)[[NSClassFromString(@"RNUITextView") alloc] init];
|
||||
auto hostFrame = host.frame;
|
||||
hostFrame.size.width = 500;
|
||||
hostFrame.size.height = 200;
|
||||
host.frame = hostFrame;
|
||||
UIView *container = (UIView *)[host performSelector:@selector(contentView)];
|
||||
container.frame = host.bounds;
|
||||
UITextView *text = nil;
|
||||
for (UIView *child in host.subviews) {
|
||||
if ([child isKindOfClass:UITextView.class]) text = (UITextView *)child;
|
||||
for (UIView *nested in child.subviews) {
|
||||
if ([nested isKindOfClass:UITextView.class]) text = (UITextView *)nested;
|
||||
}
|
||||
}
|
||||
text.frame = container.bounds;
|
||||
text.font = [UIFont systemFontOfSize:16];
|
||||
text.text = @"A realistic multiline paragraph must reflow when Explorer narrows the available chat width, then fill the restored width without replacing the text view or discarding a selection.";
|
||||
auto range = text.selectedRange;
|
||||
range.location = 12;
|
||||
range.length = 9;
|
||||
text.selectedRange = range;
|
||||
auto frame = container.frame;
|
||||
frame.size.width = 240;
|
||||
container.frame = frame;
|
||||
[container layoutIfNeeded];
|
||||
CGFloat narrow = text.frame.size.width;
|
||||
auto selection = text.selectedRange;
|
||||
frame.size.width = 500;
|
||||
container.frame = frame;
|
||||
[container layoutIfNeeded];
|
||||
CGFloat wide = text.frame.size.width;
|
||||
BOOL ok = text != nil && narrow == 240 && wide == 500 &&
|
||||
selection.location == text.selectedRange.location &&
|
||||
selection.length == text.selectedRange.length &&
|
||||
selection.location == 12 && selection.length == 9;
|
||||
[NSString stringWithFormat:@"NATIVE_REFLOW_%@ narrow=%.0f wide=%.0f selection=%lu:%lu",
|
||||
ok ? @"PASS" : @"FAIL", narrow, wide,
|
||||
(unsigned long)text.selectedRange.location,
|
||||
(unsigned long)text.selectedRange.length];
|
||||
})''',
|
||||
options,
|
||||
)
|
||||
if result.GetError().Fail():
|
||||
raise RuntimeError(result.GetError().GetCString())
|
||||
print(result.GetObjectDescription())
|
||||
@@ -1,18 +0,0 @@
|
||||
#!/usr/bin/env bash
|
||||
set -euo pipefail
|
||||
|
||||
: "${PASEO_NATIVE_TEXT_REFLOW_PID:?Set the PID of your task-owned Paseo iOS simulator app}"
|
||||
: "${PASEO_NATIVE_TEXT_REFLOW_LOG:?Set the test output log path}"
|
||||
|
||||
if [[ "$(ps -p "$PASEO_NATIVE_TEXT_REFLOW_PID" -o comm=)" != *PaseoDebug.app/PaseoDebug ]]; then
|
||||
echo "Expected a running PaseoDebug simulator app" >&2
|
||||
exit 1
|
||||
fi
|
||||
|
||||
probe_dir="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
||||
xcrun lldb --batch -p "$PASEO_NATIVE_TEXT_REFLOW_PID" \
|
||||
-o "command script import $probe_dir/ios.py" \
|
||||
-o "process detach" -o quit > "$PASEO_NATIVE_TEXT_REFLOW_LOG" 2>&1
|
||||
|
||||
grep '^NATIVE_REFLOW_' "$PASEO_NATIVE_TEXT_REFLOW_LOG"
|
||||
grep -q '^NATIVE_REFLOW_PASS narrow=240 wide=500 selection=12:9$' "$PASEO_NATIVE_TEXT_REFLOW_LOG"
|
||||
@@ -13,6 +13,7 @@ import { delayBrowserAgentCreatedStatus } from "./helpers/new-workspace";
|
||||
|
||||
export const test = base.extend<{
|
||||
startup: { release(): Promise<void>; fail(): Promise<void> };
|
||||
promptRejection: void;
|
||||
creation: Awaited<ReturnType<typeof createCreationScenario>>;
|
||||
promptRetry: ReturnType<typeof createPromptRetryScenario>;
|
||||
agentRetries: Awaited<ReturnType<typeof retryNextAgentCreation>>;
|
||||
@@ -65,6 +66,37 @@ export default function contribute(server) {
|
||||
await client.close();
|
||||
}
|
||||
},
|
||||
promptRejection: async ({ page }, provide) => {
|
||||
void page;
|
||||
const client = await connectNewWorkspaceDaemonClient();
|
||||
const plugin = await copyPluginExample("lifecycle-logger");
|
||||
const previous = await client.getDaemonConfig();
|
||||
try {
|
||||
await writeFile(
|
||||
path.join(plugin.directory, "index.server.ts"),
|
||||
`
|
||||
export default function contribute(server) {
|
||||
return server.before("agent.create", ({ request }) => ({
|
||||
...request,
|
||||
config: {
|
||||
...request.config,
|
||||
model: "e2e-fast-stream",
|
||||
featureValues: { ...request.config.featureValues, mockPromptRejections: 1 },
|
||||
},
|
||||
}));
|
||||
}
|
||||
`,
|
||||
);
|
||||
await client.patchDaemonConfig({ pluginsEnabled: true });
|
||||
await client.installDirectoryPlugin(plugin.directory);
|
||||
await provide();
|
||||
} finally {
|
||||
await client.removePlugin("lifecycle-logger");
|
||||
await client.patchDaemonConfig({ pluginsEnabled: previous.config.pluginsEnabled });
|
||||
await plugin.cleanup();
|
||||
await client.close();
|
||||
}
|
||||
},
|
||||
creation: async ({ page }, provide) => {
|
||||
const creation = await createCreationScenario(page);
|
||||
try {
|
||||
|
||||
@@ -6,6 +6,8 @@ type WebSocketMessage = string | Buffer;
|
||||
interface SendAgentMessageRequest {
|
||||
type: "send_agent_message_request";
|
||||
requestId: string;
|
||||
text: unknown;
|
||||
attachments: unknown;
|
||||
agentId: string;
|
||||
/** Absent when the client sends into an idle agent. */
|
||||
activeTurnBehavior?: string;
|
||||
@@ -29,6 +31,8 @@ function readSendRequest(message: WebSocketMessage): SendAgentMessageRequest | n
|
||||
return {
|
||||
type: "send_agent_message_request",
|
||||
requestId: request.requestId,
|
||||
text: request.text,
|
||||
attachments: request.attachments,
|
||||
agentId: request.agentId,
|
||||
activeTurnBehavior:
|
||||
typeof request.activeTurnBehavior === "string" ? request.activeTurnBehavior : undefined,
|
||||
@@ -74,6 +78,7 @@ export async function gateNextAgentMessage(page: Page) {
|
||||
|
||||
return {
|
||||
waitForRequest,
|
||||
requestCount: () => requests.length,
|
||||
accept(index = 0) {
|
||||
const heldMessage = heldMessages[index];
|
||||
if (!serverSocket || !heldMessage) {
|
||||
|
||||
@@ -98,7 +98,6 @@ async function createCodexRestoreJourney(page: Page, client: SeedDaemonClient, i
|
||||
settings: { modeId: "full-access", thinkingOptionId: "low" },
|
||||
title: "Codex worktree restore reproduction",
|
||||
initialPrompt: `Reply with exactly ${REPLY} and nothing else. Do not use tools.`,
|
||||
background: true,
|
||||
}),
|
||||
);
|
||||
agentId = agent.agentId;
|
||||
|
||||
@@ -182,6 +182,47 @@ export async function createCreationScenario(page: Page) {
|
||||
await this.expectWorkspaceReadyBeforeAgentCompletion();
|
||||
expect((await project.client.fetchAgents()).entries).toHaveLength(0);
|
||||
},
|
||||
async expectCreatedAgentError() {
|
||||
await requests.settled();
|
||||
await expect(
|
||||
page
|
||||
.getByTestId("assistant-message")
|
||||
.filter({ hasText: "[System Error] Requested mock prompt rejection", visible: true }),
|
||||
).toBeVisible();
|
||||
await expect(
|
||||
page
|
||||
.locator('[data-testid^="workspace-tab-agent_"][aria-selected="true"]')
|
||||
.filter({ visible: true }),
|
||||
).toBeVisible();
|
||||
await expect(
|
||||
page.locator('[data-testid^="workspace-tab-draft_"]').filter({ visible: true }),
|
||||
).toHaveCount(0);
|
||||
await expect(page.getByRole("textbox", { name: "Message agent..." }).first()).toBeEditable();
|
||||
await expect(page.getByTestId("turn-working-indicator")).toHaveCount(0);
|
||||
},
|
||||
async expectPromptBeforeError(prompt: string) {
|
||||
const messages = page
|
||||
.getByTestId("user-message")
|
||||
.or(page.getByTestId("assistant-message"))
|
||||
.filter({ visible: true });
|
||||
await expect(messages).toHaveCount(2);
|
||||
await expect(messages.nth(0)).toContainText(prompt);
|
||||
await expect(messages.nth(1)).toContainText("[System Error]");
|
||||
await expect(messages.nth(1)).toBeInViewport();
|
||||
},
|
||||
async reloadAgent() {
|
||||
await page.reload();
|
||||
await expect(page.getByText("Updating messages", { exact: true })).toHaveCount(0);
|
||||
await this.expectCreatedAgentError();
|
||||
},
|
||||
async expectAssistantReply() {
|
||||
await expect(
|
||||
page
|
||||
.getByTestId("assistant-message")
|
||||
.filter({ visible: true, hasNotText: "[System Error]" })
|
||||
.first(),
|
||||
).toBeVisible();
|
||||
},
|
||||
async expectStartupFailure() {
|
||||
await expect(page.getByText(/Creation startup failed for test/).first()).toBeVisible();
|
||||
},
|
||||
|
||||
@@ -66,6 +66,7 @@ export interface SeedDaemonClient {
|
||||
worktreeSlug?: string;
|
||||
};
|
||||
title?: string;
|
||||
background?: boolean;
|
||||
}): Promise<{
|
||||
workspace: SeedWorkspaceDescriptor | null;
|
||||
error: string | null;
|
||||
@@ -223,6 +224,7 @@ export interface SeededWorkspace {
|
||||
export async function seedWorkspace(options: {
|
||||
repoPrefix: string;
|
||||
title?: string;
|
||||
background?: boolean;
|
||||
port?: number;
|
||||
/** Repo fixture options; only applies to git projects (the default). */
|
||||
repo?: Parameters<typeof createTempGitRepo>[1];
|
||||
@@ -238,6 +240,7 @@ export async function seedWorkspace(options: {
|
||||
const created = await client.createWorkspace({
|
||||
source: { kind: "directory", path: project.path },
|
||||
title: options.title,
|
||||
background: options.background,
|
||||
});
|
||||
if (!created.workspace) {
|
||||
throw new Error(created.error ?? `Failed to create workspace ${project.path}`);
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@getpaseo/app",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"private": true,
|
||||
"main": "index.ts",
|
||||
"scripts": {
|
||||
|
||||
@@ -0,0 +1,24 @@
|
||||
const { withAndroidManifest } = require("expo/config-plugins");
|
||||
|
||||
// Requesting CAMERA implies these features are required, which hides the app
|
||||
// on Google Play for devices without a camera. Pairing works without QR scanning.
|
||||
const OPTIONAL_CAMERA_FEATURES = ["android.hardware.camera", "android.hardware.camera.autofocus"];
|
||||
|
||||
function withAndroidOptionalCamera(config) {
|
||||
return withAndroidManifest(config, (modConfig) => {
|
||||
const manifest = modConfig.modResults.manifest;
|
||||
const features = manifest["uses-feature"] ?? [];
|
||||
for (const name of OPTIONAL_CAMERA_FEATURES) {
|
||||
const existing = features.find((feature) => feature.$["android:name"] === name);
|
||||
if (existing) {
|
||||
existing.$["android:required"] = "false";
|
||||
} else {
|
||||
features.push({ $: { "android:name": name, "android:required": "false" } });
|
||||
}
|
||||
}
|
||||
manifest["uses-feature"] = features;
|
||||
return modConfig;
|
||||
});
|
||||
}
|
||||
|
||||
module.exports = withAndroidOptionalCamera;
|
||||
@@ -792,6 +792,7 @@ const AgentStreamViewComponent = forwardRef<AgentStreamViewHandle, AgentStreamVi
|
||||
detail={data.detail}
|
||||
cwd={context.cwd}
|
||||
metadata={data.metadata}
|
||||
agentMessage={data.agentMessage}
|
||||
isLastInSequence={isLastInSequence}
|
||||
onOpenFilePath={handleToolCallOpenFile}
|
||||
maxDetailHeight={maxDetailHeight}
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import type { AgentMessage } from "@getpaseo/protocol/agent-message";
|
||||
import { ASSISTANT_IMAGE_DEFAULT_ASPECT_RATIO } from "@/utils/assistant-image-metadata";
|
||||
import { LoadingSpinner } from "@/components/ui/loading-spinner";
|
||||
import { TaskListRow } from "@/components/task-list-row";
|
||||
@@ -3022,6 +3023,7 @@ function areExpandableBadgePropsEqual(previous: ExpandableBadgeProps, next: Expa
|
||||
}
|
||||
|
||||
interface ToolCallProps {
|
||||
agentMessage?: AgentMessage;
|
||||
toolName: string;
|
||||
args?: unknown;
|
||||
result?: unknown;
|
||||
@@ -3041,6 +3043,7 @@ interface ToolCallProps {
|
||||
}
|
||||
|
||||
export const ToolCall = memo(function ToolCall({
|
||||
agentMessage,
|
||||
toolName,
|
||||
args,
|
||||
result,
|
||||
@@ -3081,6 +3084,7 @@ export const ToolCall = memo(function ToolCall({
|
||||
const presentation = useMemo(
|
||||
() =>
|
||||
buildToolCallPresentation({
|
||||
agentMessage,
|
||||
toolName,
|
||||
status,
|
||||
error: error ?? null,
|
||||
@@ -3089,7 +3093,7 @@ export const ToolCall = memo(function ToolCall({
|
||||
cwd,
|
||||
resolveIcon: resolveToolCallIcon,
|
||||
}),
|
||||
[toolName, status, error, effectiveDetail, metadata, cwd],
|
||||
[toolName, status, error, effectiveDetail, metadata, cwd, agentMessage],
|
||||
);
|
||||
const handleOpenFile = useMemo(() => {
|
||||
const openFilePath = presentation.openFilePath;
|
||||
@@ -3105,7 +3109,7 @@ export const ToolCall = memo(function ToolCall({
|
||||
toolName,
|
||||
displayName: presentation.displayName,
|
||||
summary: presentation.summary,
|
||||
detail: effectiveDetail,
|
||||
detail: presentation.detail,
|
||||
errorText: presentation.errorText,
|
||||
icon: presentation.icon,
|
||||
showLoadingSkeleton: presentation.isLoadingDetails,
|
||||
@@ -3117,12 +3121,12 @@ export const ToolCall = memo(function ToolCall({
|
||||
shouldRenderInline,
|
||||
openToolCall,
|
||||
toolName,
|
||||
presentation.detail,
|
||||
presentation.displayName,
|
||||
presentation.summary,
|
||||
presentation.errorText,
|
||||
presentation.icon,
|
||||
presentation.isLoadingDetails,
|
||||
effectiveDetail,
|
||||
]);
|
||||
|
||||
useEffect(() => {
|
||||
@@ -3158,7 +3162,7 @@ export const ToolCall = memo(function ToolCall({
|
||||
return (
|
||||
<ToolCallDetailsContent
|
||||
toolName={toolName}
|
||||
detail={effectiveDetail}
|
||||
detail={presentation.detail}
|
||||
errorText={presentation.errorText}
|
||||
maxHeight={maxDetailHeight}
|
||||
showLoadingSkeleton={presentation.isLoadingDetails}
|
||||
@@ -3167,7 +3171,7 @@ export const ToolCall = memo(function ToolCall({
|
||||
}, [
|
||||
shouldRenderInline,
|
||||
toolName,
|
||||
effectiveDetail,
|
||||
presentation.detail,
|
||||
presentation.errorText,
|
||||
presentation.isLoadingDetails,
|
||||
maxDetailHeight,
|
||||
|
||||
@@ -63,11 +63,7 @@ import {
|
||||
type SidebarWorkspacePlacement,
|
||||
} from "@/hooks/use-sidebar-workspaces-list";
|
||||
import { useSidebarOrderStore } from "@/stores/sidebar-order-store";
|
||||
import {
|
||||
hasActiveSidebarLabelFilter,
|
||||
useSidebarViewStore,
|
||||
type SidebarGroupMode,
|
||||
} from "@/stores/sidebar-view-store";
|
||||
import { useSidebarViewStore, type SidebarGroupMode } from "@/stores/sidebar-view-store";
|
||||
import { useShowShortcutBadges } from "@/hooks/use-show-shortcut-badges";
|
||||
import {
|
||||
ContextMenu,
|
||||
@@ -1919,9 +1915,6 @@ export function SidebarWorkspaceList({
|
||||
const onToggleWorkspacePin = useSidebarWorkspacePinController();
|
||||
const getPinnedWorkspaceOrder = useSidebarOrderStore((state) => state.getPinnedWorkspaceOrder);
|
||||
const setPinnedWorkspaceOrder = useSidebarOrderStore((state) => state.setPinnedWorkspaceOrder);
|
||||
const hasActiveLabelFilter = useSidebarViewStore((state) =>
|
||||
hasActiveSidebarLabelFilter(state.labelFilter),
|
||||
);
|
||||
const handlePinnedWorkspaceReorder = useCallback(
|
||||
(reorderedWorkspaces: SidebarWorkspacePlacement[]) => {
|
||||
const reorderedWorkspaceKeys = reorderedWorkspaces.map((workspace) => workspace.workspaceKey);
|
||||
@@ -1953,11 +1946,10 @@ export function SidebarWorkspaceList({
|
||||
// this whole subtree, which unmounted the header — and the header is where the display menu's
|
||||
// trigger lives, so filtering the last row away closed the menu you were filtering from.
|
||||
//
|
||||
// Only the label filter can get here. The project filter resolves against the projects it can
|
||||
// see and falls back to "all projects" when nothing matches, so it either keeps at least one
|
||||
// project or is not applied at all — it can narrow this list but never empty it.
|
||||
const sidebarFilterEmpty =
|
||||
hasActiveLabelFilter && hasProjectsBeforeFilter && projects.length === 0;
|
||||
// Background visibility can also hide the last project. Keep the header mounted
|
||||
// whenever a local filter empties an otherwise populated directory, so users can
|
||||
// reach the display menu to reveal their work again.
|
||||
const sidebarFilterEmpty = hasProjectsBeforeFilter && projects.length === 0;
|
||||
|
||||
// Project mode is the one that keeps its project headers; every other grouping mode is a flat
|
||||
// list of grouped rows, so a new mode lands in the grouped branch rather than silently in this
|
||||
|
||||
@@ -301,6 +301,13 @@ export function SidebarDisplayPreferencesMenu(): ReactElement {
|
||||
sheetTitle={t("sidebar.display.heading")}
|
||||
testID="sidebar-display-preferences-content"
|
||||
>
|
||||
<MenuItem
|
||||
selected={preferences.showBackground}
|
||||
closeOnSelect={false}
|
||||
onSelect={preferences.toggleBackground}
|
||||
>
|
||||
{t("sidebar.display.showBackground")}
|
||||
</MenuItem>
|
||||
<MenuSubTrigger
|
||||
id="grouping"
|
||||
value={t(GROUPING_LABEL_KEYS[preferences.grouping])}
|
||||
|
||||
@@ -16,6 +16,8 @@ import { DEFAULT_SIDEBAR_ROW_ITEMS, type SidebarRowItem, type SidebarRowItems }
|
||||
export type SidebarTrailingChoice = Exclude<SidebarWorkspaceTrailing, "none">;
|
||||
|
||||
export interface SidebarDisplayPreferences {
|
||||
showBackground: boolean;
|
||||
toggleBackground: () => void;
|
||||
grouping: SidebarGroupMode;
|
||||
setGrouping: (mode: SidebarGroupMode) => void;
|
||||
titleSource: WorkspaceTitleSource;
|
||||
@@ -48,6 +50,8 @@ export interface SidebarDisplayPreferences {
|
||||
* this for a value and set it; where it lands is this module's problem.
|
||||
*/
|
||||
export function useSidebarDisplayPreferences(): SidebarDisplayPreferences {
|
||||
const showBackground = useSidebarViewStore((state) => state.showBackground);
|
||||
const toggleBackground = useSidebarViewStore((state) => state.toggleBackground);
|
||||
const grouping = useSidebarViewStore((state) => state.groupMode);
|
||||
const setGrouping = useSidebarViewStore((state) => state.setGroupMode);
|
||||
const hostFilters = useSidebarViewStore((state) => state.hostFilters);
|
||||
@@ -104,6 +108,8 @@ export function useSidebarDisplayPreferences(): SidebarDisplayPreferences {
|
||||
|
||||
return useMemo(
|
||||
() => ({
|
||||
showBackground,
|
||||
toggleBackground,
|
||||
grouping,
|
||||
setGrouping,
|
||||
titleSource: workspaceTitleSource,
|
||||
@@ -125,6 +131,8 @@ export function useSidebarDisplayPreferences(): SidebarDisplayPreferences {
|
||||
clearLabelFilter,
|
||||
}),
|
||||
[
|
||||
showBackground,
|
||||
toggleBackground,
|
||||
grouping,
|
||||
setGrouping,
|
||||
workspaceTitleSource,
|
||||
|
||||
@@ -57,6 +57,7 @@ export function SidebarModelProvider({
|
||||
}) {
|
||||
const { t } = useTranslation();
|
||||
const list = useSidebarWorkspacesList({ enabled: active });
|
||||
const showBackground = useSidebarViewStore((state) => state.showBackground);
|
||||
const groupMode = useSidebarViewStore((state) => state.groupMode);
|
||||
const labelFilter = useSidebarViewStore((state) => state.labelFilter);
|
||||
const projectFilters = useSidebarViewStore((state) => state.projectFilters);
|
||||
@@ -107,9 +108,12 @@ export function SidebarModelProvider({
|
||||
workspaces: [...workspaceEntriesByKey.values()],
|
||||
projectFilters: resolvedProjectFilters,
|
||||
});
|
||||
const filtered = filterWorkspacesByLabels({ workspaces: byProject, ...labelFilter });
|
||||
const filtered = filterWorkspacesByLabels({
|
||||
workspaces: byProject.filter((workspace) => showBackground || !workspace.background),
|
||||
...labelFilter,
|
||||
});
|
||||
return new Map(filtered.map((workspace) => [workspace.workspaceKey, workspace]));
|
||||
}, [labelFilter, resolvedProjectFilters, workspaceEntriesByKey]);
|
||||
}, [showBackground, labelFilter, resolvedProjectFilters, workspaceEntriesByKey]);
|
||||
const visibleWorkspaceKeys = useMemo(
|
||||
() => new Set(filteredWorkspaceEntriesByKey.keys()),
|
||||
[filteredWorkspaceEntriesByKey],
|
||||
@@ -124,16 +128,19 @@ export function SidebarModelProvider({
|
||||
const included = new Set(resolvedProjectFilters);
|
||||
projects = projects.filter((project) => included.has(project.viewKey));
|
||||
}
|
||||
if (hasActiveLabelFilter) {
|
||||
if (hasActiveLabelFilter || !showBackground) {
|
||||
projects = projects.flatMap((project) => {
|
||||
const workspaces = project.workspaces.filter((workspace) =>
|
||||
visibleWorkspaceKeys.has(workspace.workspaceKey),
|
||||
);
|
||||
return workspaces.length > 0 ? [{ ...project, workspaces }] : [];
|
||||
return workspaces.length > 0 || (!hasActiveLabelFilter && project.workspaces.length === 0)
|
||||
? [{ ...project, workspaces }]
|
||||
: [];
|
||||
});
|
||||
}
|
||||
return projects;
|
||||
}, [
|
||||
showBackground,
|
||||
hasActiveLabelFilter,
|
||||
hasActiveProjectFilter,
|
||||
resolvedProjectFilters,
|
||||
|
||||
@@ -174,6 +174,7 @@ export function Button({
|
||||
...props
|
||||
}: PropsWithChildren<
|
||||
Omit<PressableProps, "style"> & {
|
||||
ref?: React.Ref<View>;
|
||||
variant?: ButtonVariant;
|
||||
size?: ButtonSize;
|
||||
leftIcon?: LeftIcon;
|
||||
|
||||
@@ -1,47 +1,67 @@
|
||||
import { forwardRef, useMemo } from "react";
|
||||
import { Text, type View } from "react-native";
|
||||
import type { LucideIcon } from "lucide-react-native";
|
||||
import { StyleSheet } from "react-native-unistyles";
|
||||
import { PressHighlight } from "@/components/ui/press-highlight";
|
||||
import { ICON_SIZE, SPACING } from "@/styles/theme";
|
||||
import { ICON_SIZE } from "@/styles/theme";
|
||||
|
||||
const FLOATING_ACTION_BUTTON_SIZE = 56;
|
||||
const FLOATING_ACTION_BUTTON_INSET = SPACING[4];
|
||||
|
||||
/** Space a scrolling surface keeps below its content so the button traps nothing. */
|
||||
export const FLOATING_ACTION_BUTTON_CLEARANCE =
|
||||
FLOATING_ACTION_BUTTON_SIZE + FLOATING_ACTION_BUTTON_INSET;
|
||||
import {
|
||||
FLOATING_ACTION_BUTTON_SIZE,
|
||||
FLOATING_ACTION_BUTTON_INSET,
|
||||
} from "./floating-action-layout";
|
||||
export {
|
||||
FLOATING_ACTION_BUTTON_CLEARANCE,
|
||||
floatingActionsClearance,
|
||||
} from "./floating-action-layout";
|
||||
|
||||
export interface FloatingActionButtonProps {
|
||||
icon: LucideIcon;
|
||||
/** Names the action; the button carries no label. */
|
||||
/** Names the action for assistive technology. */
|
||||
accessibilityLabel: string;
|
||||
onPress: () => void;
|
||||
label?: string;
|
||||
disabled?: boolean;
|
||||
bottomInset?: number;
|
||||
testID?: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* The one floating action a scrolling surface can offer. It pins itself to the
|
||||
* bottom-right of its nearest positioned ancestor, so the ancestor decides what
|
||||
* the button may cover.
|
||||
* Pins an action to the bottom-right of its nearest positioned ancestor.
|
||||
* The surface reserves scroll clearance and uses bottomInset to separate stacked actions.
|
||||
*/
|
||||
export function FloatingActionButton({
|
||||
icon: Icon,
|
||||
accessibilityLabel,
|
||||
onPress,
|
||||
testID,
|
||||
}: FloatingActionButtonProps) {
|
||||
return (
|
||||
<PressHighlight
|
||||
accessibilityRole="button"
|
||||
accessibilityLabel={accessibilityLabel}
|
||||
onPress={onPress}
|
||||
style={styles.button}
|
||||
highlightStyle={styles.pressed}
|
||||
testID={testID}
|
||||
>
|
||||
<Icon size={ICON_SIZE.lg} color={styles.glyph.color} />
|
||||
</PressHighlight>
|
||||
);
|
||||
}
|
||||
export const FloatingActionButton = forwardRef<View, FloatingActionButtonProps>(
|
||||
function FloatingActionButton(
|
||||
{ icon: Icon, accessibilityLabel, onPress, label, disabled = false, bottomInset = 0, testID },
|
||||
ref,
|
||||
) {
|
||||
const accessibilityState = useMemo(() => ({ disabled }), [disabled]);
|
||||
const buttonStyle = useMemo(
|
||||
() => [
|
||||
styles.button,
|
||||
label && styles.labeled,
|
||||
disabled && styles.disabled,
|
||||
{ bottom: FLOATING_ACTION_BUTTON_INSET + bottomInset },
|
||||
],
|
||||
[bottomInset, disabled, label],
|
||||
);
|
||||
return (
|
||||
<PressHighlight
|
||||
ref={ref}
|
||||
accessibilityRole="button"
|
||||
accessibilityLabel={accessibilityLabel}
|
||||
accessibilityState={accessibilityState}
|
||||
disabled={disabled}
|
||||
onPress={onPress}
|
||||
style={buttonStyle}
|
||||
highlightStyle={styles.pressed}
|
||||
testID={testID}
|
||||
>
|
||||
<Icon size={ICON_SIZE.lg} color={styles.glyph.color} />
|
||||
{label ? <Text style={styles.label}>{label}</Text> : null}
|
||||
</PressHighlight>
|
||||
);
|
||||
},
|
||||
);
|
||||
|
||||
const styles = StyleSheet.create((theme) => ({
|
||||
button: {
|
||||
@@ -56,6 +76,15 @@ const styles = StyleSheet.create((theme) => ({
|
||||
backgroundColor: theme.colors.surface3,
|
||||
...theme.shadow.md,
|
||||
},
|
||||
labeled: {
|
||||
width: "auto",
|
||||
minWidth: FLOATING_ACTION_BUTTON_SIZE,
|
||||
paddingHorizontal: theme.spacing[4],
|
||||
flexDirection: "row",
|
||||
gap: theme.spacing[2],
|
||||
},
|
||||
label: { color: theme.colors.foreground, fontSize: theme.fontSize.base },
|
||||
disabled: { opacity: theme.opacity[50] },
|
||||
pressed: {
|
||||
backgroundColor: theme.colors.interactionHighlight,
|
||||
},
|
||||
|
||||
@@ -0,0 +1,17 @@
|
||||
import { describe, expect, it } from "vitest";
|
||||
import {
|
||||
floatingActionsClearance,
|
||||
FLOATING_ACTION_BUTTON_CLEARANCE,
|
||||
} from "./floating-action-layout";
|
||||
|
||||
describe("floating action scroll clearance", () => {
|
||||
it("keeps the last diff line above Jump to file before and after feedback is added", () => {
|
||||
const jump = FLOATING_ACTION_BUTTON_CLEARANCE;
|
||||
const feedback = FLOATING_ACTION_BUTTON_CLEARANCE + 44;
|
||||
expect(floatingActionsClearance([jump, 0], 34)).toBe(106);
|
||||
expect(floatingActionsClearance([jump, feedback], 34)).toBe(222);
|
||||
expect(floatingActionsClearance([0, feedback], 34)).toBe(150);
|
||||
expect(floatingActionsClearance([jump, feedback], 0)).toBe(188);
|
||||
expect(floatingActionsClearance([0, 0], 34)).toBe(0);
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,15 @@
|
||||
import { SPACING } from "@/styles/theme";
|
||||
|
||||
export const FLOATING_ACTION_BUTTON_SIZE = 56;
|
||||
export const FLOATING_ACTION_BUTTON_INSET = SPACING[4];
|
||||
export const FLOATING_ACTION_BUTTON_CLEARANCE =
|
||||
FLOATING_ACTION_BUTTON_SIZE + FLOATING_ACTION_BUTTON_INSET;
|
||||
|
||||
/** Reserve the stacked actions and the safe-area inset once for their scrolling surface. */
|
||||
export function floatingActionsClearance(
|
||||
actionClearances: readonly number[],
|
||||
bottomInset: number,
|
||||
): number {
|
||||
const clearance = actionClearances.reduce((total, action) => total + action, 0);
|
||||
return clearance > 0 ? clearance + bottomInset : 0;
|
||||
}
|
||||
@@ -245,3 +245,12 @@ describe("bottom sheet visibility tracker", () => {
|
||||
expect(context.backPress.press()).toBe(false);
|
||||
});
|
||||
});
|
||||
|
||||
it("does not cancel the owner's editor when the compact sheet leaves the tree on resize", () => {
|
||||
const context = setup();
|
||||
openSheet(context);
|
||||
context.tracker.attachController(null);
|
||||
context.tracker.handleSheetDismiss();
|
||||
expect(context.closeCount()).toBe(0);
|
||||
expect(context.backPress.press()).toBe(false);
|
||||
});
|
||||
|
||||
@@ -121,6 +121,9 @@ export function createBottomSheetVisibilityTracker(opts: {
|
||||
}
|
||||
},
|
||||
handleSheetDismiss() {
|
||||
// Portal cleanup reports dismissal after the sheet leaves the tree. It is
|
||||
// presentation teardown, so the owner keeps its desired state.
|
||||
if (!controller) return;
|
||||
if (visible) {
|
||||
setPhase("dismissing");
|
||||
notifyClose();
|
||||
|
||||
@@ -50,7 +50,7 @@ import { useToast } from "@/contexts/toast-context";
|
||||
import { toErrorMessage } from "@/utils/error-messages";
|
||||
import { showProviderNoticeToast } from "@/utils/provider-notice-toast";
|
||||
import { applyCheckoutStatusUpdateFromEvent } from "@/git/checkout-status-cache";
|
||||
import { useProviderSubagentStore } from "@/subagents/provider-store";
|
||||
import { resyncProviderSubagents, useProviderSubagentStore } from "@/subagents/provider-store";
|
||||
|
||||
// Re-export types from session-store and draft-store for backward compatibility
|
||||
export type { DraftInput } from "@/stores/draft-store";
|
||||
@@ -532,9 +532,14 @@ function SessionProviderInternal({ children, serverId, client }: SessionProvider
|
||||
}
|
||||
});
|
||||
|
||||
const unsubProviderSubagentUpdate = onFeed("agent.provider_subagents.update", (message) => {
|
||||
if (message.type !== "agent.provider_subagents.update") return;
|
||||
useProviderSubagentStore.getState().applyUpdate(serverId, message.payload);
|
||||
const unsubProviderSubagentUpdate = feeds.subscribe({
|
||||
snapshot: () => {
|
||||
void resyncProviderSubagents(client, serverId);
|
||||
},
|
||||
update: (message) => {
|
||||
if (message.type !== "agent.provider_subagents.update") return;
|
||||
useProviderSubagentStore.getState().applyUpdate(serverId, message.payload);
|
||||
},
|
||||
});
|
||||
|
||||
const unsubCheckoutStatusUpdate = onFeed("checkout_status_update", (message) => {
|
||||
|
||||
@@ -315,6 +315,7 @@ function reviewActionsForFirstAddition(): NonNullable<
|
||||
commentsByTarget: new Map(),
|
||||
editor: { target, commentId: null, body: "" },
|
||||
onStartComment() {},
|
||||
onChangeEditorBody() {},
|
||||
onCancelEditor() {},
|
||||
onSaveEditor() {},
|
||||
onEditComment() {},
|
||||
|
||||
@@ -389,6 +389,7 @@ describe("diff document model", () => {
|
||||
commentId: null,
|
||||
},
|
||||
onStartComment() {},
|
||||
onChangeEditorBody() {},
|
||||
onCancelEditor() {},
|
||||
onSaveEditor() {},
|
||||
onEditComment() {},
|
||||
@@ -790,6 +791,7 @@ function reviewActionsWithEditor(
|
||||
commentsByTarget: new Map(),
|
||||
editor: target ? { target, body: "", commentId: null } : null,
|
||||
onStartComment() {},
|
||||
onChangeEditorBody() {},
|
||||
onCancelEditor() {},
|
||||
onSaveEditor() {},
|
||||
onEditComment() {},
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||
import { floatingActionsClearance } from "@/components/ui/floating-action-button";
|
||||
import { useState, useCallback, useMemo, type ReactElement, type ReactNode } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import type { TFunction } from "i18next";
|
||||
@@ -31,6 +33,7 @@ import {
|
||||
import { type ParsedDiffFile } from "@/git/use-diff-query";
|
||||
import type { ChangesState } from "@/panels/changes/state";
|
||||
import { defaultChangesState } from "@/panels/changes/state";
|
||||
import { ReviewCommentSheet, ReviewFeedbackAction } from "@/review";
|
||||
import { DiffDocument, type WorkingDiffMode } from "@/git/diff-document";
|
||||
import { ChangedFilesTree } from "@/git/changed-files-tree";
|
||||
import { JUMP_TO_FILE_CLEARANCE, JumpToFile } from "@/git/jump-to-file";
|
||||
@@ -1548,7 +1551,9 @@ export function ChangesSurface({
|
||||
isDiffLoading,
|
||||
reviewActions,
|
||||
reviewAttachment,
|
||||
reviewFeedback,
|
||||
} = useWorkingDiff({
|
||||
presentation,
|
||||
serverId,
|
||||
workspaceId: workspaceId ?? undefined,
|
||||
cwd,
|
||||
@@ -1729,6 +1734,7 @@ export function ChangesSurface({
|
||||
],
|
||||
);
|
||||
|
||||
const { bottom: bottomInset } = useSafeAreaInsets();
|
||||
const hasChanges = files.length > 0;
|
||||
const jumpToFileInset = jumpToFileClearance({
|
||||
isCompact: isMobile,
|
||||
@@ -1778,27 +1784,41 @@ export function ChangesSurface({
|
||||
});
|
||||
|
||||
const diffContent: ReactElement = (
|
||||
<DiffBodyContent
|
||||
isStatusLoading={isStatusLoading}
|
||||
statusErrorMessage={statusErrorMessage}
|
||||
notGit={notGit}
|
||||
isDiffLoading={isDiffLoading}
|
||||
diffErrorMessage={diffErrorMessage}
|
||||
diffTooLarge={diffTooLarge}
|
||||
hasChanges={hasChanges}
|
||||
emptyMessage={emptyMessage}
|
||||
emptyAction={emptyAction}
|
||||
checkingRepositoryLabel={t("workspace.git.diff.checkingRepository")}
|
||||
notRepositoryLabel={t("workspace.git.diff.notRepository")}
|
||||
>
|
||||
<DiffDocument
|
||||
files={files}
|
||||
contentInsetBottom={jumpToFileInset}
|
||||
collapseState={collapseState}
|
||||
displayPreferences={sharedDisplayPreferences}
|
||||
mode={workingMode}
|
||||
<View style={styles.diffContainer}>
|
||||
<DiffBodyContent
|
||||
isStatusLoading={isStatusLoading}
|
||||
statusErrorMessage={statusErrorMessage}
|
||||
notGit={notGit}
|
||||
isDiffLoading={isDiffLoading}
|
||||
diffErrorMessage={diffErrorMessage}
|
||||
diffTooLarge={diffTooLarge}
|
||||
hasChanges={hasChanges}
|
||||
emptyMessage={emptyMessage}
|
||||
emptyAction={emptyAction}
|
||||
checkingRepositoryLabel={t("workspace.git.diff.checkingRepository")}
|
||||
notRepositoryLabel={t("workspace.git.diff.notRepository")}
|
||||
>
|
||||
<DiffDocument
|
||||
files={files}
|
||||
contentInsetBottom={floatingActionsClearance(
|
||||
[jumpToFileInset, reviewFeedback.clearance],
|
||||
bottomInset,
|
||||
)}
|
||||
collapseState={collapseState}
|
||||
displayPreferences={sharedDisplayPreferences}
|
||||
mode={workingMode}
|
||||
/>
|
||||
</DiffBodyContent>
|
||||
<ReviewFeedbackAction
|
||||
bottomOffset={jumpToFileInset}
|
||||
enabled={enabled}
|
||||
hasDiff={presentation !== "tree"}
|
||||
model={reviewFeedback.model}
|
||||
state={reviewFeedback.state}
|
||||
serverId={serverId}
|
||||
workspaceId={workspaceId}
|
||||
/>
|
||||
</DiffBodyContent>
|
||||
</View>
|
||||
);
|
||||
const bodyContent = (
|
||||
<ChangesBody
|
||||
@@ -1934,6 +1954,13 @@ export function ChangesSurface({
|
||||
) : null}
|
||||
</View>
|
||||
|
||||
<ReviewCommentSheet
|
||||
enabled={enabled}
|
||||
editor={reviewActions.sheetEditor}
|
||||
reviewActions={reviewActions}
|
||||
onChangeBody={reviewActions.onChangeEditorBody}
|
||||
/>
|
||||
|
||||
<ChangesCommits
|
||||
presentation={presentation}
|
||||
serverId={serverId}
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import { useCallback, useMemo, useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { View } from "react-native";
|
||||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||
import { StyleSheet, withUnistyles } from "react-native-unistyles";
|
||||
import { FolderTree } from "lucide-react-native";
|
||||
import {
|
||||
@@ -53,6 +54,7 @@ export interface JumpToFileProps {
|
||||
/** Compact overview of a loaded diff: a floating action that opens the changed-files tree. */
|
||||
export function JumpToFile({ files, mode, onSelectFile }: JumpToFileProps) {
|
||||
const { t } = useTranslation();
|
||||
const { bottom } = useSafeAreaInsets();
|
||||
const [isOpen, setIsOpen] = useState(false);
|
||||
// The sheet is a transient overview, so it always opens fully expanded and
|
||||
// never writes to the panel's persisted folder state.
|
||||
@@ -83,6 +85,7 @@ export function JumpToFile({ files, mode, onSelectFile }: JumpToFileProps) {
|
||||
<>
|
||||
<FloatingActionButton
|
||||
icon={FolderTree}
|
||||
bottomInset={bottom}
|
||||
accessibilityLabel={title}
|
||||
onPress={open}
|
||||
testID="changes-jump-to-file"
|
||||
|
||||
@@ -7,6 +7,7 @@ import {
|
||||
buildReviewDraftKey,
|
||||
useInlineReviewController,
|
||||
useReviewAttachmentSnapshot,
|
||||
useReviewFeedback,
|
||||
} from "@/review";
|
||||
import { useCheckoutDiffQuery } from "@/git/use-diff-query";
|
||||
import { useCheckoutStatusQuery } from "@/git/use-status-query";
|
||||
@@ -19,6 +20,7 @@ interface UseWorkingDiffOptions {
|
||||
ignoreWhitespace: boolean;
|
||||
enabled: boolean;
|
||||
queryScope?: string;
|
||||
presentation?: string;
|
||||
}
|
||||
|
||||
export function useWorkingDiff({
|
||||
@@ -28,6 +30,7 @@ export function useWorkingDiff({
|
||||
ignoreWhitespace,
|
||||
enabled,
|
||||
queryScope,
|
||||
presentation,
|
||||
}: UseWorkingDiffOptions) {
|
||||
const {
|
||||
status,
|
||||
@@ -81,7 +84,7 @@ export function useWorkingDiff({
|
||||
}),
|
||||
[baseRef, cwd, diffMode, ignoreWhitespace, serverId, workspaceId],
|
||||
);
|
||||
const reviewActions = useInlineReviewController({ reviewDraftKey });
|
||||
const reviewActions = useInlineReviewController({ reviewDraftKey, presentation });
|
||||
const reviewAttachment = useReviewAttachmentSnapshot({
|
||||
key: reviewDraftKey,
|
||||
diffFiles: files,
|
||||
@@ -90,6 +93,13 @@ export function useWorkingDiff({
|
||||
baseRef,
|
||||
});
|
||||
|
||||
const reviewFeedback = useReviewFeedback({
|
||||
serverId,
|
||||
workspaceId,
|
||||
reviewDraftKey,
|
||||
attachment: reviewAttachment,
|
||||
});
|
||||
|
||||
return {
|
||||
status,
|
||||
isStatusLoading,
|
||||
@@ -107,6 +117,7 @@ export function useWorkingDiff({
|
||||
isDiffLoading,
|
||||
reviewActions,
|
||||
reviewAttachment,
|
||||
reviewFeedback,
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
@@ -27,6 +27,7 @@ export interface SidebarWorkspacePlacement {
|
||||
workspaceDirectory?: string;
|
||||
projectKind: WorkspaceStructureProject["projectKind"];
|
||||
workspaceKind: WorkspaceDescriptor["workspaceKind"];
|
||||
background?: boolean;
|
||||
name: string;
|
||||
}
|
||||
|
||||
@@ -164,6 +165,7 @@ export function createSidebarWorkspaceEntry(input: {
|
||||
input.workspace.worktreeSlug ?? shortenPath(input.workspace.workspaceDirectory),
|
||||
projectKind: input.workspace.projectKind,
|
||||
workspaceKind: input.workspace.workspaceKind,
|
||||
background: input.workspace.background,
|
||||
name: input.workspace.name,
|
||||
title: input.workspace.title ?? null,
|
||||
pinnedAt: input.workspace.pinnedAt,
|
||||
|
||||
@@ -30,6 +30,7 @@ export const ar: TranslationResources = {
|
||||
back: "خلف",
|
||||
loading: "تحميل...",
|
||||
actions: {
|
||||
save: "حفظ",
|
||||
back: "خلف",
|
||||
cancel: "يلغي",
|
||||
close: "يغلق",
|
||||
@@ -1147,6 +1148,7 @@ export const ar: TranslationResources = {
|
||||
done: "تم",
|
||||
},
|
||||
display: {
|
||||
showBackground: "إظهار مساحات العمل في الخلفية",
|
||||
trigger: "تفضيلات العرض",
|
||||
heading: "العرض",
|
||||
grouping: {
|
||||
@@ -2004,6 +2006,17 @@ export const ar: TranslationResources = {
|
||||
accessibility: "تم استخدام نافذة السياق{{percentage}}%",
|
||||
},
|
||||
review: {
|
||||
feedback: {
|
||||
send: "إرسال الملاحظات ({{count}})",
|
||||
sending: "جارٍ إرسال الملاحظات ({{count}})",
|
||||
chooseAgent: "اختر وكيلاً",
|
||||
sent: "تم إرسال الملاحظات إلى {{recipient}}",
|
||||
"no-agents": "افتح علامة تبويب وكيل في مساحة العمل هذه لإرسال الملاحظات.",
|
||||
disconnected: "اتصل بالمضيف لإرسال الملاحظات.",
|
||||
"no-context": "لم تعد التعليقات المحفوظة تتطابق مع هذا الفرق.",
|
||||
failed: "تعذر إرسال الملاحظات. حاول مرة أخرى.",
|
||||
prompt: "يرجى معالجة مراجعة الكود هذه.",
|
||||
},
|
||||
comment: {
|
||||
add: "إضافة تعليق المراجعة",
|
||||
edit: "تحرير تعليق المراجعة",
|
||||
|
||||
@@ -26,6 +26,7 @@ export const en = {
|
||||
back: "Back",
|
||||
loading: "Loading...",
|
||||
actions: {
|
||||
save: "Save",
|
||||
back: "Back",
|
||||
cancel: "Cancel",
|
||||
close: "Close",
|
||||
@@ -1155,6 +1156,7 @@ export const en = {
|
||||
done: "Done",
|
||||
},
|
||||
display: {
|
||||
showBackground: "Show background",
|
||||
trigger: "Display preferences",
|
||||
heading: "Display",
|
||||
grouping: {
|
||||
@@ -2029,6 +2031,17 @@ export const en = {
|
||||
accessibility: "Context window {{percentage}}% used",
|
||||
},
|
||||
review: {
|
||||
feedback: {
|
||||
send: "Send feedback ({{count}})",
|
||||
sending: "Sending feedback ({{count}})",
|
||||
chooseAgent: "Choose an agent",
|
||||
sent: "Feedback sent to {{recipient}}",
|
||||
"no-agents": "Open an agent tab in this workspace to send feedback.",
|
||||
disconnected: "Connect to the host to send feedback.",
|
||||
"no-context": "Saved comments no longer match this diff.",
|
||||
failed: "Failed to send feedback. Try again.",
|
||||
prompt: "Please address this code review.",
|
||||
},
|
||||
comment: {
|
||||
add: "Add review comment",
|
||||
edit: "Edit review comment",
|
||||
|
||||
@@ -31,6 +31,7 @@ export const es: TranslationResources = {
|
||||
back: "Atrás",
|
||||
loading: "Cargando...",
|
||||
actions: {
|
||||
save: "Guardar",
|
||||
back: "Atrás",
|
||||
cancel: "Cancelar",
|
||||
close: "Cerrar",
|
||||
@@ -1183,6 +1184,7 @@ export const es: TranslationResources = {
|
||||
done: "Terminado",
|
||||
},
|
||||
display: {
|
||||
showBackground: "Mostrar espacios en segundo plano",
|
||||
trigger: "Preferencias de visualización",
|
||||
heading: "Visualización",
|
||||
grouping: {
|
||||
@@ -2052,6 +2054,17 @@ export const es: TranslationResources = {
|
||||
accessibility: "Ventana de contexto{{percentage}}% utilizada",
|
||||
},
|
||||
review: {
|
||||
feedback: {
|
||||
send: "Enviar comentarios ({{count}})",
|
||||
sending: "Enviando comentarios ({{count}})",
|
||||
chooseAgent: "Elegir un agente",
|
||||
sent: "Comentarios enviados a {{recipient}}",
|
||||
"no-agents": "Abre una pestaña de agente en este espacio de trabajo para enviar comentarios.",
|
||||
disconnected: "Conéctate al host para enviar comentarios.",
|
||||
"no-context": "Los comentarios guardados ya no coinciden con este diff.",
|
||||
failed: "No se pudieron enviar los comentarios. Inténtalo de nuevo.",
|
||||
prompt: "Por favor, atiende esta revisión de código.",
|
||||
},
|
||||
comment: {
|
||||
add: "Agregar comentario de revisión",
|
||||
edit: "Editar comentario de revisión",
|
||||
|
||||
@@ -31,6 +31,7 @@ export const fr: TranslationResources = {
|
||||
back: "Retour",
|
||||
loading: "Chargement…",
|
||||
actions: {
|
||||
save: "Enregistrer",
|
||||
back: "Retour",
|
||||
cancel: "Annuler",
|
||||
close: "Fermer",
|
||||
@@ -1174,6 +1175,7 @@ export const fr: TranslationResources = {
|
||||
done: "Terminé",
|
||||
},
|
||||
display: {
|
||||
showBackground: "Afficher les espaces en arrière-plan",
|
||||
trigger: "Préférences d’affichage",
|
||||
heading: "Affichage",
|
||||
grouping: {
|
||||
@@ -2049,6 +2051,18 @@ export const fr: TranslationResources = {
|
||||
accessibility: "Fenêtre de contexte : {{percentage}} % utilisés",
|
||||
},
|
||||
review: {
|
||||
feedback: {
|
||||
send: "Envoyer les commentaires ({{count}})",
|
||||
sending: "Envoi des commentaires ({{count}})",
|
||||
chooseAgent: "Choisir un agent",
|
||||
sent: "Commentaires envoyés à {{recipient}}",
|
||||
"no-agents":
|
||||
"Ouvrez un onglet d’agent dans cet espace de travail pour envoyer les commentaires.",
|
||||
disconnected: "Connectez-vous à l’hôte pour envoyer les commentaires.",
|
||||
"no-context": "Les commentaires enregistrés ne correspondent plus à ce diff.",
|
||||
failed: "Échec de l’envoi des commentaires. Réessayez.",
|
||||
prompt: "Veuillez traiter cette revue de code.",
|
||||
},
|
||||
comment: {
|
||||
add: "Ajouter un commentaire de revue",
|
||||
edit: "Modifier le commentaire de revue",
|
||||
|
||||
@@ -31,6 +31,7 @@ export const ja: TranslationResources = {
|
||||
back: "戻る",
|
||||
loading: "読み込み中...",
|
||||
actions: {
|
||||
save: "保存",
|
||||
back: "戻る",
|
||||
cancel: "キャンセル",
|
||||
close: "閉じる",
|
||||
@@ -1160,6 +1161,7 @@ export const ja: TranslationResources = {
|
||||
done: "完了",
|
||||
},
|
||||
display: {
|
||||
showBackground: "バックグラウンドを表示",
|
||||
trigger: "表示設定",
|
||||
heading: "表示",
|
||||
grouping: {
|
||||
@@ -2024,6 +2026,18 @@ export const ja: TranslationResources = {
|
||||
accessibility: "コンテキストウィンドウ{{percentage}}%使用",
|
||||
},
|
||||
review: {
|
||||
feedback: {
|
||||
send: "フィードバックを送信 ({{count}})",
|
||||
sending: "フィードバックを送信中 ({{count}})",
|
||||
chooseAgent: "エージェントを選択",
|
||||
sent: "{{recipient}} にフィードバックを送信しました",
|
||||
"no-agents":
|
||||
"フィードバックを送信するには、このワークスペースでエージェントタブを開いてください。",
|
||||
disconnected: "フィードバックを送信するにはホストに接続してください。",
|
||||
"no-context": "保存したコメントはこの差分と一致しなくなりました。",
|
||||
failed: "フィードバックを送信できませんでした。もう一度お試しください。",
|
||||
prompt: "このコードレビューに対応してください。",
|
||||
},
|
||||
comment: {
|
||||
add: "レビューコメントを追加",
|
||||
edit: "レビューコメントを編集",
|
||||
|
||||
@@ -30,6 +30,7 @@ export const ko: TranslationResources = {
|
||||
back: "뒤로",
|
||||
loading: "불러오는 중...",
|
||||
actions: {
|
||||
save: "저장",
|
||||
back: "뒤로",
|
||||
cancel: "취소",
|
||||
close: "닫기",
|
||||
@@ -1154,6 +1155,7 @@ export const ko: TranslationResources = {
|
||||
done: "완료",
|
||||
},
|
||||
display: {
|
||||
showBackground: "백그라운드 표시",
|
||||
trigger: "표시 설정",
|
||||
heading: "표시",
|
||||
grouping: {
|
||||
@@ -2014,6 +2016,17 @@ export const ko: TranslationResources = {
|
||||
accessibility: "컨텍스트 윈도우 {{percentage}}% 사용됨",
|
||||
},
|
||||
review: {
|
||||
feedback: {
|
||||
send: "피드백 보내기 ({{count}})",
|
||||
sending: "피드백 전송 중 ({{count}})",
|
||||
chooseAgent: "에이전트 선택",
|
||||
sent: "{{recipient}}에게 피드백을 보냈습니다",
|
||||
"no-agents": "피드백을 보내려면 이 작업 공간에서 에이전트 탭을 여세요.",
|
||||
disconnected: "피드백을 보내려면 호스트에 연결하세요.",
|
||||
"no-context": "저장된 댓글이 더 이상 이 변경 사항과 일치하지 않습니다.",
|
||||
failed: "피드백 전송에 실패했습니다. 다시 시도하세요.",
|
||||
prompt: "이 코드 리뷰를 반영해 주세요.",
|
||||
},
|
||||
comment: {
|
||||
add: "리뷰 댓글 추가",
|
||||
edit: "리뷰 댓글 편집",
|
||||
|
||||
@@ -31,6 +31,7 @@ export const ptBR: TranslationResources = {
|
||||
back: "Voltar",
|
||||
loading: "Carregando...",
|
||||
actions: {
|
||||
save: "Salvar",
|
||||
back: "Voltar",
|
||||
cancel: "Cancelar",
|
||||
close: "Fechar",
|
||||
@@ -1173,6 +1174,7 @@ export const ptBR: TranslationResources = {
|
||||
done: "Concluído",
|
||||
},
|
||||
display: {
|
||||
showBackground: "Mostrar espaços em segundo plano",
|
||||
trigger: "Preferências de exibição",
|
||||
heading: "Exibição",
|
||||
grouping: {
|
||||
@@ -2037,6 +2039,17 @@ export const ptBR: TranslationResources = {
|
||||
accessibility: "Janela de contexto {{percentage}}% usada",
|
||||
},
|
||||
review: {
|
||||
feedback: {
|
||||
send: "Enviar comentários ({{count}})",
|
||||
sending: "Enviando comentários ({{count}})",
|
||||
chooseAgent: "Escolher um agente",
|
||||
sent: "Comentários enviados para {{recipient}}",
|
||||
"no-agents": "Abra uma aba de agente neste espaço de trabalho para enviar comentários.",
|
||||
disconnected: "Conecte-se ao host para enviar comentários.",
|
||||
"no-context": "Os comentários salvos não correspondem mais a este diff.",
|
||||
failed: "Falha ao enviar comentários. Tente novamente.",
|
||||
prompt: "Por favor, atenda a esta revisão de código.",
|
||||
},
|
||||
comment: {
|
||||
add: "Adicionar comentário de revisão",
|
||||
edit: "Editar comentário de revisão",
|
||||
|
||||
@@ -31,6 +31,7 @@ export const ru: TranslationResources = {
|
||||
back: "Назад",
|
||||
loading: "Загрузка...",
|
||||
actions: {
|
||||
save: "Сохранить",
|
||||
back: "Назад",
|
||||
cancel: "Отмена",
|
||||
close: "Закрыть",
|
||||
@@ -1164,6 +1165,7 @@ export const ru: TranslationResources = {
|
||||
done: "Готово",
|
||||
},
|
||||
display: {
|
||||
showBackground: "Показать фоновые пространства",
|
||||
trigger: "Настройки отображения",
|
||||
heading: "Отображение",
|
||||
grouping: {
|
||||
@@ -2037,6 +2039,17 @@ export const ru: TranslationResources = {
|
||||
accessibility: "Использовано {{percentage}}% контекстного окна",
|
||||
},
|
||||
review: {
|
||||
feedback: {
|
||||
send: "Отправить отзыв ({{count}})",
|
||||
sending: "Отправка отзыва ({{count}})",
|
||||
chooseAgent: "Выберите агента",
|
||||
sent: "Отзыв отправлен: {{recipient}}",
|
||||
"no-agents": "Откройте вкладку агента в этой рабочей области, чтобы отправить отзыв.",
|
||||
disconnected: "Подключитесь к хосту, чтобы отправить отзыв.",
|
||||
"no-context": "Сохранённые комментарии больше не соответствуют этому diff.",
|
||||
failed: "Не удалось отправить отзыв. Повторите попытку.",
|
||||
prompt: "Пожалуйста, учтите эту проверку кода.",
|
||||
},
|
||||
comment: {
|
||||
add: "Добавить комментарий к ревью",
|
||||
edit: "Изменить комментарий к ревью",
|
||||
|
||||
@@ -30,6 +30,7 @@ export const zhCN: TranslationResources = {
|
||||
back: "返回",
|
||||
loading: "加载中...",
|
||||
actions: {
|
||||
save: "保存",
|
||||
back: "返回",
|
||||
cancel: "取消",
|
||||
close: "关闭",
|
||||
@@ -1139,6 +1140,7 @@ export const zhCN: TranslationResources = {
|
||||
done: "已完成",
|
||||
},
|
||||
display: {
|
||||
showBackground: "显示后台工作区",
|
||||
trigger: "显示偏好",
|
||||
heading: "显示",
|
||||
grouping: {
|
||||
@@ -1982,6 +1984,17 @@ export const zhCN: TranslationResources = {
|
||||
accessibility: "上下文窗口已使用 {{percentage}}%",
|
||||
},
|
||||
review: {
|
||||
feedback: {
|
||||
send: "发送反馈 ({{count}})",
|
||||
sending: "正在发送反馈 ({{count}})",
|
||||
chooseAgent: "选择智能体",
|
||||
sent: "已向 {{recipient}} 发送反馈",
|
||||
"no-agents": "请在此工作区打开智能体标签页以发送反馈。",
|
||||
disconnected: "请连接到主机以发送反馈。",
|
||||
"no-context": "保存的评论不再匹配此差异。",
|
||||
failed: "发送反馈失败。请重试。",
|
||||
prompt: "请处理此代码审查。",
|
||||
},
|
||||
comment: {
|
||||
add: "添加 review 评论",
|
||||
edit: "编辑 review 评论",
|
||||
|
||||
@@ -0,0 +1,106 @@
|
||||
import { useCallback, useMemo } from "react";
|
||||
import { Text, View } from "react-native";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { StyleSheet } from "react-native-unistyles";
|
||||
import { AdaptiveModalSheet } from "@/components/adaptive-modal-sheet";
|
||||
import { FormTextInput } from "@/components/ui/form-field";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import type { InlineReviewActions, InlineReviewEditorState } from "./geometry";
|
||||
|
||||
export function ReviewCommentSheet({
|
||||
editor,
|
||||
reviewActions,
|
||||
onChangeBody,
|
||||
enabled,
|
||||
}: {
|
||||
enabled: boolean | undefined;
|
||||
editor: InlineReviewEditorState | null;
|
||||
reviewActions: InlineReviewActions;
|
||||
onChangeBody: (body: string) => void;
|
||||
}) {
|
||||
if (enabled === false || !editor) return null;
|
||||
return (
|
||||
<OpenReviewCommentSheet
|
||||
editor={editor}
|
||||
reviewActions={reviewActions}
|
||||
onChangeBody={onChangeBody}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
function OpenReviewCommentSheet({
|
||||
editor,
|
||||
reviewActions,
|
||||
onChangeBody,
|
||||
}: {
|
||||
editor: InlineReviewEditorState;
|
||||
reviewActions: InlineReviewActions;
|
||||
onChangeBody: (body: string) => void;
|
||||
}) {
|
||||
const { t } = useTranslation();
|
||||
const context = `${editor.target.filePath} · ${editor.target.side === "old" ? "−" : "+"}${editor.target.lineNumber}`;
|
||||
const header = useMemo(
|
||||
() => ({
|
||||
title: t("review.comment.label"),
|
||||
subtitle: <Text style={styles.context}>{context}</Text>,
|
||||
}),
|
||||
[context, t],
|
||||
);
|
||||
const { onSaveEditor, onCancelEditor } = reviewActions;
|
||||
const handleSave = useCallback(() => onSaveEditor(editor.body), [onSaveEditor, editor.body]);
|
||||
const canSave = editor.body.trim().length > 0;
|
||||
const footer = useMemo(
|
||||
() => (
|
||||
<View style={styles.actions}>
|
||||
<Button
|
||||
size="md"
|
||||
variant="secondary"
|
||||
accessibilityLabel={t("review.comment.cancelAccessibility")}
|
||||
onPress={onCancelEditor}
|
||||
>
|
||||
{t("review.comment.cancel")}
|
||||
</Button>
|
||||
<Button
|
||||
size="md"
|
||||
variant="default"
|
||||
accessibilityLabel={t("review.comment.saveAccessibility")}
|
||||
disabled={!canSave}
|
||||
onPress={handleSave}
|
||||
>
|
||||
{t("common.actions.save")}
|
||||
</Button>
|
||||
</View>
|
||||
),
|
||||
[canSave, handleSave, onCancelEditor, t],
|
||||
);
|
||||
return (
|
||||
<AdaptiveModalSheet
|
||||
visible
|
||||
header={header}
|
||||
onClose={onCancelEditor}
|
||||
snapPoints={COMMENT_SNAP_POINTS}
|
||||
scrollable={false}
|
||||
testID="review-comment-sheet"
|
||||
footer={footer}
|
||||
>
|
||||
<FormTextInput
|
||||
key={editor.target.key + (editor.commentId ?? "new")}
|
||||
size="md"
|
||||
multiline
|
||||
accessibilityLabel={t("review.comment.label")}
|
||||
placeholder={t("review.comment.placeholder")}
|
||||
initialValue={editor.body}
|
||||
onChangeText={onChangeBody}
|
||||
style={styles.input}
|
||||
/>
|
||||
</AdaptiveModalSheet>
|
||||
);
|
||||
}
|
||||
|
||||
const COMMENT_SNAP_POINTS = ["50%", "90%"];
|
||||
|
||||
const styles = StyleSheet.create((theme) => ({
|
||||
context: { color: theme.colors.foregroundMuted, fontSize: theme.fontSize.sm },
|
||||
input: { flex: 1, minHeight: 0, textAlignVertical: "top" },
|
||||
actions: { flex: 1, flexDirection: "row", justifyContent: "flex-end", gap: theme.spacing[2] },
|
||||
}));
|
||||
@@ -0,0 +1,145 @@
|
||||
import { describe, expect, it } from "vitest";
|
||||
import { createReviewEditor, createReviewEditorScope, type ReviewCommentWriter } from "./index";
|
||||
import type { ReviewDraftComment } from "../state";
|
||||
import type { ReviewableDiffTarget } from "@/utils/diff-layout";
|
||||
|
||||
const target: ReviewableDiffTarget = {
|
||||
key: "src/example.ts:new:2",
|
||||
filePath: "src/example.ts",
|
||||
side: "new",
|
||||
lineNumber: 2,
|
||||
hunkHeader: "@@ -1,2 +1,2 @@",
|
||||
hunkIndex: 0,
|
||||
lineIndex: 2,
|
||||
oldLineNumber: null,
|
||||
newLineNumber: 2,
|
||||
lineType: "add",
|
||||
content: "const value = next;",
|
||||
};
|
||||
|
||||
function memoryWriter() {
|
||||
const drafts = new Map<string, ReviewDraftComment[]>();
|
||||
let sequence = 0;
|
||||
const writer: ReviewCommentWriter = {
|
||||
saveComment: ({ key, id, comment }) => {
|
||||
const current = drafts.get(key) ?? [];
|
||||
if (id && current.some((saved) => saved.id === id)) {
|
||||
drafts.set(
|
||||
key,
|
||||
current.map((saved) => (saved.id === id ? { ...saved, ...comment } : saved)),
|
||||
);
|
||||
} else {
|
||||
const saved = {
|
||||
...comment,
|
||||
id: String(++sequence),
|
||||
createdAt: "2026-10-09T00:00:00Z",
|
||||
updatedAt: "2026-10-09T00:00:00Z",
|
||||
};
|
||||
drafts.set(key, [...current, saved]);
|
||||
}
|
||||
},
|
||||
deleteComment: ({ key, id }) => {
|
||||
drafts.set(
|
||||
key,
|
||||
(drafts.get(key) ?? []).filter((comment) => comment.id !== id),
|
||||
);
|
||||
},
|
||||
};
|
||||
return { writer, comments: (key: string) => drafts.get(key) ?? [] };
|
||||
}
|
||||
|
||||
describe("review editor", () => {
|
||||
it("saves trimmed comments, edits the same record, and cancels without altering saved comments", () => {
|
||||
const storage = memoryWriter();
|
||||
const editor = createReviewEditor("first", storage.writer);
|
||||
editor.start(target);
|
||||
editor.setBody(" First comment ");
|
||||
editor.save(editor.getState()!.body);
|
||||
expect(editor.getState()).toBeNull();
|
||||
const saved = storage.comments("first")[0]!;
|
||||
expect(saved).toMatchObject({
|
||||
filePath: target.filePath,
|
||||
side: "new",
|
||||
lineNumber: 2,
|
||||
body: "First comment",
|
||||
});
|
||||
editor.edit(target, saved);
|
||||
editor.setBody("Discarded edit");
|
||||
editor.cancel();
|
||||
expect(storage.comments("first")).toEqual([saved]);
|
||||
editor.edit(target, saved);
|
||||
editor.save(" Updated comment ");
|
||||
expect(storage.comments("first")).toEqual([{ ...saved, body: "Updated comment" }]);
|
||||
editor.start(target);
|
||||
editor.setBody("Discarded new comment");
|
||||
editor.cancel();
|
||||
expect(storage.comments("first")).toHaveLength(1);
|
||||
});
|
||||
|
||||
it("keeps an open edit saveable after its submitted record is acknowledged", () => {
|
||||
const storage = memoryWriter();
|
||||
const editor = createReviewEditor("first", storage.writer);
|
||||
editor.start(target);
|
||||
editor.save("Submitted body");
|
||||
const saved = storage.comments("first")[0]!;
|
||||
editor.edit(target, saved);
|
||||
editor.setBody("Typed before acknowledgement");
|
||||
storage.writer.deleteComment({ key: "first", id: saved.id });
|
||||
expect(editor.getState()!.body).toBe("Typed before acknowledgement");
|
||||
editor.save(editor.getState()!.body);
|
||||
expect(storage.comments("first")).toMatchObject([
|
||||
{
|
||||
body: "Typed before acknowledgement",
|
||||
filePath: target.filePath,
|
||||
lineNumber: target.lineNumber,
|
||||
},
|
||||
]);
|
||||
});
|
||||
|
||||
it("rejects empty saves and repeated saves after the editor closes", () => {
|
||||
const storage = memoryWriter();
|
||||
const editor = createReviewEditor("first", storage.writer);
|
||||
editor.start(target);
|
||||
editor.save(" \n ");
|
||||
expect(editor.getState()).toEqual({ target, commentId: null, body: "" });
|
||||
expect(storage.comments("first")).toEqual([]);
|
||||
editor.save("Saved once");
|
||||
editor.save("Duplicate");
|
||||
expect(storage.comments("first").map((comment) => comment.body)).toEqual(["Saved once"]);
|
||||
});
|
||||
|
||||
it("isolates draft ownership and closes an editor when its saved comment is deleted", () => {
|
||||
const storage = memoryWriter();
|
||||
const first = createReviewEditor("first", storage.writer);
|
||||
const second = createReviewEditor("second", storage.writer);
|
||||
first.start(target);
|
||||
first.save("First workspace");
|
||||
const saved = storage.comments("first")[0]!;
|
||||
first.edit(target, saved);
|
||||
expect(second.getState()).toBeNull();
|
||||
second.start(target);
|
||||
second.save("Second workspace");
|
||||
first.delete(saved.id);
|
||||
expect(first.getState()).toBeNull();
|
||||
expect(storage.comments("first")).toEqual([]);
|
||||
expect(storage.comments("second").map((comment) => comment.body)).toEqual(["Second workspace"]);
|
||||
});
|
||||
});
|
||||
|
||||
it("retains an open editor through remounts without exposing it on another surface or draft", async () => {
|
||||
const storage = memoryWriter();
|
||||
const scope = createReviewEditorScope(storage.writer);
|
||||
const editor = scope.forDraft("first", "diff");
|
||||
const unsubscribe = editor.subscribe(() => {});
|
||||
editor.start(target);
|
||||
editor.setBody("Unsaved wide body");
|
||||
unsubscribe();
|
||||
await Promise.resolve();
|
||||
const compact = scope.forDraft("first", "diff");
|
||||
expect(compact.getState()!.body).toBe("Unsaved wide body");
|
||||
expect(scope.forDraft("first", "combined").getState()).toBeNull();
|
||||
expect(scope.forDraft("second", "diff").getState()).toBeNull();
|
||||
compact.save(compact.getState()!.body);
|
||||
expect(storage.comments("first")[0]!.body).toBe("Unsaved wide body");
|
||||
expect(scope.forDraft("first", "diff").getState()).toBeNull();
|
||||
});
|
||||
@@ -0,0 +1,84 @@
|
||||
import type { ReviewableDiffTarget } from "@/utils/diff-layout";
|
||||
import type { InlineReviewEditorState } from "../geometry";
|
||||
import type { ReviewDraftComment } from "../state";
|
||||
|
||||
export interface ReviewCommentWriter {
|
||||
saveComment: (input: {
|
||||
key: string;
|
||||
id: string | null;
|
||||
comment: Pick<ReviewDraftComment, "filePath" | "side" | "lineNumber" | "body">;
|
||||
}) => void;
|
||||
deleteComment: (input: { key: string; id: string }) => void;
|
||||
}
|
||||
|
||||
/** One editor belongs to one review draft; replacing the draft creates a fresh editor. */
|
||||
export function createReviewEditor(key: string, writer: ReviewCommentWriter) {
|
||||
return buildReviewEditor(key, writer, () => {});
|
||||
}
|
||||
|
||||
function buildReviewEditor(key: string, writer: ReviewCommentWriter, onUnused: () => void) {
|
||||
let editor: InlineReviewEditorState | null = null;
|
||||
const listeners = new Set<() => void>();
|
||||
function publish(next: InlineReviewEditorState | null) {
|
||||
editor = next;
|
||||
listeners.forEach((listener) => listener());
|
||||
if (!editor && listeners.size === 0) onUnused();
|
||||
}
|
||||
return {
|
||||
getState: () => editor,
|
||||
subscribe: (listener: () => void) => {
|
||||
listeners.add(listener);
|
||||
return () => {
|
||||
listeners.delete(listener);
|
||||
queueMicrotask(() => {
|
||||
if (!editor && listeners.size === 0) onUnused();
|
||||
});
|
||||
};
|
||||
},
|
||||
start: (target: ReviewableDiffTarget) => publish({ target, commentId: null, body: "" }),
|
||||
edit: (target: ReviewableDiffTarget, comment: ReviewDraftComment) =>
|
||||
publish({ target, commentId: comment.id, body: comment.body }),
|
||||
setBody: (body: string) => {
|
||||
if (editor) publish({ ...editor, body });
|
||||
},
|
||||
cancel: () => publish(null),
|
||||
save: (body: string) => {
|
||||
const trimmedBody = body.trim();
|
||||
if (!editor || !trimmedBody) return;
|
||||
writer.saveComment({
|
||||
key,
|
||||
id: editor.commentId,
|
||||
comment: {
|
||||
filePath: editor.target.filePath,
|
||||
side: editor.target.side,
|
||||
lineNumber: editor.target.lineNumber,
|
||||
body: trimmedBody,
|
||||
},
|
||||
});
|
||||
publish(null);
|
||||
},
|
||||
delete: (id: string) => {
|
||||
writer.deleteComment({ key, id });
|
||||
if (editor?.commentId === id) publish(null);
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
/** An open draft survives presentation remounts; each presentation owns its editor for that draft. */
|
||||
export function createReviewEditorScope(writer: ReviewCommentWriter) {
|
||||
const editors = new Map<string, ReturnType<typeof createReviewEditor>>();
|
||||
return {
|
||||
forDraft(key: string, presentation: string) {
|
||||
const owner = JSON.stringify([key, presentation]);
|
||||
let model = editors.get(owner);
|
||||
if (!model) {
|
||||
const created = buildReviewEditor(key, writer, () => {
|
||||
if (editors.get(owner) === created) editors.delete(owner);
|
||||
});
|
||||
model = created;
|
||||
editors.set(owner, model);
|
||||
}
|
||||
return model;
|
||||
},
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,272 @@
|
||||
import { describe, expect, it } from "vitest";
|
||||
import {
|
||||
createReviewFeedback,
|
||||
createReviewFeedbackScope,
|
||||
type ReviewFeedbackPorts,
|
||||
type ReviewFeedbackSnapshot,
|
||||
type FeedbackAttachment,
|
||||
type FeedbackRecipient,
|
||||
} from "./index";
|
||||
import type { ReviewDraftComment } from "../state";
|
||||
|
||||
function makeComment(id: string, body = id): ReviewDraftComment {
|
||||
return {
|
||||
id,
|
||||
body,
|
||||
filePath: "sample.ts",
|
||||
side: "new",
|
||||
lineNumber: 2,
|
||||
createdAt: "2026-10-09T00:00:00Z",
|
||||
updatedAt: "2026-10-09T00:00:00Z",
|
||||
};
|
||||
}
|
||||
function makeRecipient(agentId: string): FeedbackRecipient {
|
||||
return {
|
||||
agentId,
|
||||
tab: {
|
||||
key: `agent_${agentId}`,
|
||||
tabId: `agent_${agentId}`,
|
||||
kind: "agent",
|
||||
target: { kind: "agent", agentId },
|
||||
},
|
||||
};
|
||||
}
|
||||
function makeAttachment(comments: readonly ReviewDraftComment[]): FeedbackAttachment | null {
|
||||
if (!comments.length) return null;
|
||||
const line = {
|
||||
type: "add" as const,
|
||||
content: "const value = 1",
|
||||
oldLineNumber: null,
|
||||
newLineNumber: 2,
|
||||
};
|
||||
return {
|
||||
kind: "review",
|
||||
reviewDraftKey: "draft",
|
||||
commentCount: comments.length,
|
||||
attachment: {
|
||||
type: "review",
|
||||
mimeType: "application/paseo-review",
|
||||
cwd: "/workspace",
|
||||
mode: "uncommitted",
|
||||
baseRef: null,
|
||||
comments: comments.map((comment) => ({
|
||||
filePath: comment.filePath,
|
||||
side: comment.side,
|
||||
lineNumber: comment.lineNumber,
|
||||
body: comment.body,
|
||||
context: { hunkHeader: "@@ -1 +1 @@", targetLine: line, lines: [line] },
|
||||
})),
|
||||
},
|
||||
};
|
||||
}
|
||||
function setup(agentIds: string[], unavailableIds: string[] = [], create = createReviewFeedback) {
|
||||
let comments = [makeComment("first")];
|
||||
let recipients = agentIds.map(makeRecipient);
|
||||
let connected = true;
|
||||
let rejectSend: ((error: Error) => void) | null = null;
|
||||
let resolveSend: (() => void) | null = null;
|
||||
const sends: Array<{ recipient: FeedbackRecipient; attachment: FeedbackAttachment }> = [];
|
||||
const read = (): ReviewFeedbackSnapshot => ({
|
||||
comments,
|
||||
recipients,
|
||||
connected,
|
||||
attachment: makeAttachment(comments.filter((comment) => !unavailableIds.includes(comment.id))),
|
||||
});
|
||||
const ports: ReviewFeedbackPorts = {
|
||||
read,
|
||||
send: (recipient, attachment) => {
|
||||
sends.push({ recipient, attachment });
|
||||
return new Promise<void>((resolve, reject) => {
|
||||
resolveSend = resolve;
|
||||
rejectSend = reject;
|
||||
});
|
||||
},
|
||||
clearSent: (sent) => {
|
||||
comments = comments.filter(
|
||||
(current) =>
|
||||
!sent.some(
|
||||
(prior) =>
|
||||
prior.id === current.id &&
|
||||
prior.updatedAt === current.updatedAt &&
|
||||
prior.body === current.body,
|
||||
),
|
||||
);
|
||||
},
|
||||
failedMessage: () => "Failed to send",
|
||||
};
|
||||
const model = create(ports);
|
||||
return {
|
||||
model,
|
||||
ports,
|
||||
sends,
|
||||
comments: () => comments,
|
||||
setComments: (next: ReviewDraftComment[]) => {
|
||||
comments = next;
|
||||
model.refresh();
|
||||
},
|
||||
setRecipients: (ids: string[]) => {
|
||||
recipients = ids.map(makeRecipient);
|
||||
model.refresh();
|
||||
},
|
||||
disconnect: () => {
|
||||
connected = false;
|
||||
model.refresh();
|
||||
},
|
||||
succeed: () => resolveSend!(),
|
||||
fail: () => rejectSend!(new Error("Host rejected feedback")),
|
||||
};
|
||||
}
|
||||
|
||||
describe("review feedback", () => {
|
||||
it("counts only attached comments, freezes the sending count, and retains orphans", async () => {
|
||||
const feedback = setup(["one"], ["orphan"]);
|
||||
feedback.setComments([makeComment("first"), makeComment("orphan")]);
|
||||
expect(feedback.model.getState()).toMatchObject({ commentCount: 2, sendableCommentCount: 1 });
|
||||
const pending = feedback.model.press();
|
||||
feedback.setComments([makeComment("first"), makeComment("orphan"), makeComment("added")]);
|
||||
expect(feedback.model.getState()).toMatchObject({
|
||||
phase: { kind: "sending", commentCount: 1 },
|
||||
sendableCommentCount: 2,
|
||||
});
|
||||
expect(feedback.sends[0]!.attachment.commentCount).toBe(1);
|
||||
feedback.succeed();
|
||||
await pending;
|
||||
expect(feedback.comments()).toEqual([makeComment("orphan"), makeComment("added")]);
|
||||
});
|
||||
it("retains an entirely orphaned draft without claiming any comments are sendable", async () => {
|
||||
const feedback = setup(["one"], ["first"]);
|
||||
expect(feedback.model.getState()).toMatchObject({
|
||||
commentCount: 1,
|
||||
sendableCommentCount: 0,
|
||||
disabledReason: "no-context",
|
||||
canSend: false,
|
||||
});
|
||||
await feedback.model.press();
|
||||
expect(feedback.sends).toEqual([]);
|
||||
expect(feedback.comments()).toEqual([makeComment("first")]);
|
||||
});
|
||||
it("retains comments and explains why no workspace agent can receive them", async () => {
|
||||
const feedback = setup([]);
|
||||
await feedback.model.press();
|
||||
expect(feedback.model.getState()).toMatchObject({
|
||||
canSend: false,
|
||||
disabledReason: "no-agents",
|
||||
commentCount: 1,
|
||||
});
|
||||
expect(feedback.sends).toEqual([]);
|
||||
expect(feedback.comments()).toEqual([makeComment("first")]);
|
||||
});
|
||||
it("sends once to the only recipient and clears only sent versions", async () => {
|
||||
const feedback = setup(["one"]);
|
||||
const pending = feedback.model.press();
|
||||
await feedback.model.press();
|
||||
await feedback.model.send("one");
|
||||
expect(feedback.sends).toEqual([
|
||||
{ recipient: makeRecipient("one"), attachment: makeAttachment([makeComment("first")]) },
|
||||
]);
|
||||
feedback.setComments([makeComment("first", "Edited during send"), makeComment("added")]);
|
||||
feedback.succeed();
|
||||
await pending;
|
||||
expect(feedback.comments()).toEqual([
|
||||
makeComment("first", "Edited during send"),
|
||||
makeComment("added"),
|
||||
]);
|
||||
expect(feedback.model.getState().phase).toEqual({
|
||||
kind: "sent",
|
||||
recipient: makeRecipient("one"),
|
||||
});
|
||||
});
|
||||
it("clears unchanged sent comments while preserving additions", async () => {
|
||||
const feedback = setup(["one"]);
|
||||
const pending = feedback.model.press();
|
||||
feedback.setComments([makeComment("first"), makeComment("added")]);
|
||||
feedback.succeed();
|
||||
await pending;
|
||||
expect(feedback.comments()).toEqual([makeComment("added")]);
|
||||
});
|
||||
it("asks for a recipient when several tabs exist and validates the selection again", async () => {
|
||||
const feedback = setup(["one", "two"]);
|
||||
await feedback.model.press();
|
||||
expect(feedback.model.getState().phase).toEqual({ kind: "choosing" });
|
||||
expect(feedback.sends).toEqual([]);
|
||||
feedback.setRecipients(["one"]);
|
||||
await feedback.model.send("two");
|
||||
expect(feedback.sends).toEqual([]);
|
||||
const pending = feedback.model.send("one");
|
||||
feedback.succeed();
|
||||
await pending;
|
||||
expect(feedback.comments()).toEqual([]);
|
||||
});
|
||||
it("retains comments on failure and retries using the latest saved version", async () => {
|
||||
const feedback = setup(["one"]);
|
||||
const failed = feedback.model.press();
|
||||
feedback.fail();
|
||||
await failed;
|
||||
expect(feedback.model.getState().phase).toEqual({
|
||||
kind: "failed",
|
||||
message: "Host rejected feedback",
|
||||
});
|
||||
expect(feedback.comments()).toEqual([makeComment("first")]);
|
||||
feedback.setComments([makeComment("first", "Corrected before retry")]);
|
||||
const retried = feedback.model.press();
|
||||
feedback.succeed();
|
||||
await retried;
|
||||
expect(feedback.sends).toHaveLength(2);
|
||||
expect(feedback.sends[1]!.attachment.attachment.comments[0]!.body).toBe(
|
||||
"Corrected before retry",
|
||||
);
|
||||
expect(feedback.comments()).toEqual([]);
|
||||
});
|
||||
it("keeps workspace drafts independent and prevents disconnected sends", async () => {
|
||||
const first = setup(["one"]);
|
||||
const second = setup(["other"]);
|
||||
first.disconnect();
|
||||
await first.model.press();
|
||||
expect(first.model.getState().disabledReason).toBe("disconnected");
|
||||
const pending = second.model.press();
|
||||
second.succeed();
|
||||
await pending;
|
||||
expect(first.comments()).toEqual([makeComment("first")]);
|
||||
expect(first.sends).toEqual([]);
|
||||
expect(second.comments()).toEqual([]);
|
||||
});
|
||||
});
|
||||
|
||||
describe("shared review submission ownership", () => {
|
||||
it("blocks another surface and reconnects to the pending draft while other drafts remain usable", async () => {
|
||||
const scope = createReviewFeedbackScope();
|
||||
const first = setup(["one"], [], (ports) => scope.connect("workspace-one", ports));
|
||||
const second = scope.connect("workspace-one", first.ports);
|
||||
const other = setup(["other"], [], (ports) => scope.connect("workspace-other", ports));
|
||||
const unsubscribe = first.model.subscribe(() => {});
|
||||
const pending = first.model.press();
|
||||
unsubscribe();
|
||||
await Promise.resolve();
|
||||
const reconnected = scope.connect("workspace-one", first.ports);
|
||||
expect(second.getState()).toMatchObject({ canSend: false, phase: { kind: "sending" } });
|
||||
await second.press();
|
||||
await reconnected.send("one");
|
||||
expect(first.sends).toHaveLength(1);
|
||||
const otherPending = other.model.press();
|
||||
expect(other.sends).toHaveLength(1);
|
||||
first.fail();
|
||||
await pending;
|
||||
expect(second.getState().phase).toEqual({ kind: "failed", message: "Host rejected feedback" });
|
||||
const retry = second.press();
|
||||
first.succeed();
|
||||
await retry;
|
||||
expect(first.sends).toHaveLength(2);
|
||||
other.succeed();
|
||||
await otherPending;
|
||||
});
|
||||
it("opens only the active surface's recipient chooser", async () => {
|
||||
const scope = createReviewFeedbackScope();
|
||||
const first = setup(["one", "two"], [], (ports) => scope.connect("same", ports));
|
||||
const second = scope.connect("same", first.ports);
|
||||
await first.model.press();
|
||||
expect(first.model.getState().phase).toEqual({ kind: "choosing" });
|
||||
expect(second.getState().phase).toEqual({ kind: "idle" });
|
||||
first.model.closeMenu();
|
||||
expect(first.model.getState().phase).toEqual({ kind: "idle" });
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,177 @@
|
||||
import type { ComposerAttachment } from "@/attachments/types";
|
||||
import type { ReviewDraftComment } from "../state";
|
||||
import type { WorkspaceTabDescriptor } from "@/screens/workspace/workspace-tabs-types";
|
||||
|
||||
export interface FeedbackRecipient {
|
||||
agentId: string;
|
||||
tab: WorkspaceTabDescriptor;
|
||||
}
|
||||
export type FeedbackAttachment = Extract<ComposerAttachment, { kind: "review" }>;
|
||||
export interface ReviewFeedbackSnapshot {
|
||||
comments: readonly ReviewDraftComment[];
|
||||
attachment: FeedbackAttachment | null;
|
||||
recipients: readonly FeedbackRecipient[];
|
||||
connected: boolean;
|
||||
}
|
||||
export interface ReviewFeedbackPorts {
|
||||
read: () => ReviewFeedbackSnapshot;
|
||||
send: (recipient: FeedbackRecipient, attachment: FeedbackAttachment) => Promise<void>;
|
||||
clearSent: (comments: readonly ReviewDraftComment[]) => void;
|
||||
failedMessage: () => string;
|
||||
}
|
||||
export type FeedbackPhase =
|
||||
| { kind: "idle" }
|
||||
| { kind: "choosing" }
|
||||
| { kind: "sending"; recipient: FeedbackRecipient; commentCount: number }
|
||||
| { kind: "failed"; message: string }
|
||||
| { kind: "sent"; recipient: FeedbackRecipient };
|
||||
export interface ReviewFeedbackState {
|
||||
phase: FeedbackPhase;
|
||||
commentCount: number;
|
||||
sendableCommentCount: number;
|
||||
recipients: readonly FeedbackRecipient[];
|
||||
disabledReason: "no-agents" | "disconnected" | "no-context" | null;
|
||||
canSend: boolean;
|
||||
}
|
||||
|
||||
export function createReviewFeedback(ports: ReviewFeedbackPorts) {
|
||||
return createFeedbackView(ports, createFeedbackWorkflow());
|
||||
}
|
||||
|
||||
/** Surfaces share submission ownership while keeping their chooser and live inputs local. */
|
||||
export function createReviewFeedbackScope() {
|
||||
const workflows = new Map<string, ReturnType<typeof createFeedbackWorkflow>>();
|
||||
return {
|
||||
connect(key: string, ports: ReviewFeedbackPorts) {
|
||||
let workflow = workflows.get(key);
|
||||
if (!workflow) {
|
||||
const created = createFeedbackWorkflow(() => {
|
||||
if (workflows.get(key) === created) workflows.delete(key);
|
||||
});
|
||||
workflow = created;
|
||||
workflows.set(key, workflow);
|
||||
}
|
||||
return createFeedbackView(ports, workflow);
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
function createFeedbackWorkflow(onUnused: () => void = () => {}) {
|
||||
let phase: FeedbackPhase = { kind: "idle" };
|
||||
const observers = new Set<() => void>();
|
||||
function releaseIfUnused() {
|
||||
queueMicrotask(() => {
|
||||
if (observers.size === 0 && phase.kind !== "sending") onUnused();
|
||||
});
|
||||
}
|
||||
return {
|
||||
getPhase: () => phase,
|
||||
changePhase(next: FeedbackPhase) {
|
||||
phase = next;
|
||||
observers.forEach((observer) => observer());
|
||||
releaseIfUnused();
|
||||
},
|
||||
subscribe(observer: () => void) {
|
||||
observers.add(observer);
|
||||
return () => {
|
||||
observers.delete(observer);
|
||||
releaseIfUnused();
|
||||
};
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
function createFeedbackView(
|
||||
ports: ReviewFeedbackPorts,
|
||||
workflow: ReturnType<typeof createFeedbackWorkflow>,
|
||||
) {
|
||||
let choosing = false;
|
||||
const choosingPhase: FeedbackPhase = { kind: "choosing" };
|
||||
const getPhase = () => (choosing ? choosingPhase : workflow.getPhase());
|
||||
let state = deriveState(ports.read(), getPhase());
|
||||
const listeners = new Set<() => void>();
|
||||
function publish() {
|
||||
state = deriveState(ports.read(), getPhase());
|
||||
listeners.forEach((listener) => listener());
|
||||
}
|
||||
async function send(agentId: string) {
|
||||
const snapshot = ports.read();
|
||||
const current = deriveState(snapshot, workflow.getPhase());
|
||||
const recipient = snapshot.recipients.find((candidate) => candidate.agentId === agentId);
|
||||
if (!current.canSend || !recipient || !snapshot.attachment) return;
|
||||
const attachment = snapshot.attachment;
|
||||
const sentComments = snapshot.comments.filter((comment) =>
|
||||
attachment.attachment.comments.some(
|
||||
(sent) =>
|
||||
sent.filePath === comment.filePath &&
|
||||
sent.side === comment.side &&
|
||||
sent.lineNumber === comment.lineNumber &&
|
||||
sent.body === comment.body,
|
||||
),
|
||||
);
|
||||
choosing = false;
|
||||
workflow.changePhase({ kind: "sending", recipient, commentCount: attachment.commentCount });
|
||||
publish();
|
||||
try {
|
||||
await ports.send(recipient, attachment);
|
||||
ports.clearSent(sentComments);
|
||||
workflow.changePhase({ kind: "sent", recipient });
|
||||
} catch (error) {
|
||||
workflow.changePhase({
|
||||
kind: "failed",
|
||||
message: error instanceof Error ? error.message : ports.failedMessage(),
|
||||
});
|
||||
}
|
||||
publish();
|
||||
}
|
||||
return {
|
||||
getState: () => {
|
||||
if (state.phase !== getPhase()) state = deriveState(ports.read(), getPhase());
|
||||
return state;
|
||||
},
|
||||
subscribe: (listener: () => void) => {
|
||||
listeners.add(listener);
|
||||
const unsubscribe = workflow.subscribe(() => {
|
||||
choosing = false;
|
||||
publish();
|
||||
});
|
||||
return () => {
|
||||
listeners.delete(listener);
|
||||
unsubscribe();
|
||||
};
|
||||
},
|
||||
refresh: publish,
|
||||
press: async () => {
|
||||
const snapshot = ports.read();
|
||||
if (!deriveState(snapshot, workflow.getPhase()).canSend) return;
|
||||
if (snapshot.recipients.length === 1) {
|
||||
await send(snapshot.recipients[0]!.agentId);
|
||||
} else {
|
||||
choosing = true;
|
||||
publish();
|
||||
}
|
||||
},
|
||||
closeMenu: () => {
|
||||
if (choosing) {
|
||||
choosing = false;
|
||||
publish();
|
||||
}
|
||||
},
|
||||
send,
|
||||
};
|
||||
}
|
||||
|
||||
function deriveState(snapshot: ReviewFeedbackSnapshot, phase: FeedbackPhase): ReviewFeedbackState {
|
||||
let disabledReason: ReviewFeedbackState["disabledReason"] = null;
|
||||
if (snapshot.recipients.length === 0) disabledReason = "no-agents";
|
||||
else if (!snapshot.connected) disabledReason = "disconnected";
|
||||
else if (!snapshot.attachment) disabledReason = "no-context";
|
||||
return {
|
||||
phase,
|
||||
commentCount: snapshot.comments.length,
|
||||
sendableCommentCount: snapshot.attachment?.commentCount ?? 0,
|
||||
recipients: snapshot.recipients,
|
||||
disabledReason,
|
||||
canSend: snapshot.comments.length > 0 && disabledReason === null && phase.kind !== "sending",
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,284 @@
|
||||
import { useCallback, useMemo, type ReactNode } from "react";
|
||||
import { Text, View } from "react-native";
|
||||
import { Send } from "lucide-react-native";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||
import { StyleSheet } from "react-native-unistyles";
|
||||
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem } from "@/components/ui/dropdown-menu";
|
||||
import { useMenuContext } from "@/components/ui/menu";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { buttonControlHeight } from "@/components/ui/control-geometry";
|
||||
import { useIsCompactFormFactor } from "@/constants/layout";
|
||||
import { SPACING } from "@/styles/theme";
|
||||
import { FloatingActionButton } from "@/components/ui/floating-action-button";
|
||||
import {
|
||||
WorkspaceTabPresentationResolver,
|
||||
WorkspaceTabIcon,
|
||||
type WorkspaceTabPresentation,
|
||||
} from "@/screens/workspace/workspace-tab-presentation";
|
||||
import type { FeedbackRecipient, ReviewFeedbackState, createReviewFeedback } from "./index";
|
||||
|
||||
type FeedbackModel = ReturnType<typeof createReviewFeedback>;
|
||||
interface ReviewFeedbackActionProps {
|
||||
bottomOffset: number;
|
||||
model: FeedbackModel;
|
||||
state: ReviewFeedbackState;
|
||||
serverId: string;
|
||||
workspaceId: string;
|
||||
}
|
||||
|
||||
export function ReviewFeedbackAction({
|
||||
enabled,
|
||||
hasDiff,
|
||||
...props
|
||||
}: Omit<ReviewFeedbackActionProps, "workspaceId"> & {
|
||||
workspaceId?: string | null;
|
||||
enabled: boolean | undefined;
|
||||
hasDiff: boolean;
|
||||
}) {
|
||||
if (enabled === false || !hasDiff) return null;
|
||||
return <OpenReviewFeedbackAction {...props} workspaceId={props.workspaceId ?? ""} />;
|
||||
}
|
||||
|
||||
function OpenReviewFeedbackAction({
|
||||
model,
|
||||
state,
|
||||
serverId,
|
||||
workspaceId,
|
||||
bottomOffset,
|
||||
}: ReviewFeedbackActionProps) {
|
||||
const { t } = useTranslation();
|
||||
const { bottom } = useSafeAreaInsets();
|
||||
const isCompact = useIsCompactFormFactor();
|
||||
const onOpenChange = useCallback(
|
||||
(open: boolean) => {
|
||||
if (!open) model.closeMenu();
|
||||
},
|
||||
[model],
|
||||
);
|
||||
const noteStyle = useMemo(
|
||||
() => [
|
||||
styles.note,
|
||||
!isCompact && styles.centered,
|
||||
{
|
||||
bottom:
|
||||
bottom +
|
||||
bottomOffset +
|
||||
(isCompact ? 88 : buttonControlHeight.sm + SPACING[4] + SPACING[2]),
|
||||
},
|
||||
],
|
||||
[bottom, bottomOffset, isCompact],
|
||||
);
|
||||
const sending = state.phase.kind === "sending";
|
||||
const label = t(sending ? "review.feedback.sending" : "review.feedback.send", {
|
||||
count: state.phase.kind === "sending" ? state.phase.commentCount : state.sendableCommentCount,
|
||||
});
|
||||
const unavailableNotice =
|
||||
state.disabledReason && state.commentCount > 0 ? (
|
||||
<Text style={styles.text}>{t(`review.feedback.${state.disabledReason}`)}</Text>
|
||||
) : null;
|
||||
let notice: ReactNode = unavailableNotice;
|
||||
if (state.phase.kind === "failed")
|
||||
notice = <Text style={styles.error}>{state.phase.message}</Text>;
|
||||
else if (state.phase.kind === "sent")
|
||||
notice = (
|
||||
<>
|
||||
<SentNotice
|
||||
recipient={state.phase.recipient}
|
||||
serverId={serverId}
|
||||
workspaceId={workspaceId}
|
||||
/>
|
||||
{unavailableNotice}
|
||||
</>
|
||||
);
|
||||
return (
|
||||
<>
|
||||
{state.commentCount > 0 ? (
|
||||
<DropdownMenu
|
||||
open={state.phase.kind === "choosing"}
|
||||
onOpenChange={onOpenChange}
|
||||
compactMode="sheet"
|
||||
>
|
||||
<FeedbackTrigger
|
||||
model={model}
|
||||
label={label}
|
||||
disabled={!state.canSend}
|
||||
bottomInset={bottom + bottomOffset}
|
||||
/>
|
||||
<DropdownMenuContent
|
||||
side="top"
|
||||
align="center"
|
||||
sheetTitle={t("review.feedback.chooseAgent")}
|
||||
>
|
||||
{state.recipients.map((recipient) => (
|
||||
<RecipientOption
|
||||
key={recipient.tab.key}
|
||||
recipient={recipient}
|
||||
model={model}
|
||||
serverId={serverId}
|
||||
workspaceId={workspaceId}
|
||||
/>
|
||||
))}
|
||||
</DropdownMenuContent>
|
||||
</DropdownMenu>
|
||||
) : null}
|
||||
{notice ? (
|
||||
<View style={noteStyle} accessibilityRole="alert">
|
||||
{notice}
|
||||
</View>
|
||||
) : null}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function FeedbackTrigger({
|
||||
model,
|
||||
label,
|
||||
disabled,
|
||||
bottomInset,
|
||||
}: {
|
||||
model: FeedbackModel;
|
||||
label: string;
|
||||
disabled: boolean;
|
||||
bottomInset: number;
|
||||
}) {
|
||||
const { triggerRef } = useMenuContext("FeedbackTrigger");
|
||||
const isCompact = useIsCompactFormFactor();
|
||||
const press = useCallback(() => {
|
||||
void model.press();
|
||||
}, [model]);
|
||||
if (!isCompact) {
|
||||
return (
|
||||
<View
|
||||
pointerEvents="box-none"
|
||||
style={[styles.wideAction, { bottom: bottomInset + SPACING[4] }]}
|
||||
>
|
||||
<Button
|
||||
ref={triggerRef}
|
||||
variant="default"
|
||||
size="sm"
|
||||
leftIcon={Send}
|
||||
accessibilityLabel={label}
|
||||
disabled={disabled}
|
||||
onPress={press}
|
||||
>
|
||||
{label}
|
||||
</Button>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
return (
|
||||
<FloatingActionButton
|
||||
ref={triggerRef}
|
||||
icon={Send}
|
||||
label={label}
|
||||
accessibilityLabel={label}
|
||||
disabled={disabled}
|
||||
bottomInset={bottomInset}
|
||||
onPress={press}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
function RecipientOption({
|
||||
recipient,
|
||||
model,
|
||||
serverId,
|
||||
workspaceId,
|
||||
}: {
|
||||
recipient: FeedbackRecipient;
|
||||
model: FeedbackModel;
|
||||
serverId: string;
|
||||
workspaceId: string;
|
||||
}) {
|
||||
const choose = useCallback(() => {
|
||||
void model.send(recipient.agentId);
|
||||
}, [model, recipient.agentId]);
|
||||
const render = useCallback(
|
||||
(presentation: WorkspaceTabPresentation) => (
|
||||
<RecipientRow presentation={presentation} onSelect={choose} />
|
||||
),
|
||||
[choose],
|
||||
);
|
||||
return (
|
||||
<WorkspaceTabPresentationResolver
|
||||
tab={recipient.tab}
|
||||
serverId={serverId}
|
||||
workspaceId={workspaceId}
|
||||
>
|
||||
{render}
|
||||
</WorkspaceTabPresentationResolver>
|
||||
);
|
||||
}
|
||||
|
||||
function RecipientRow({
|
||||
presentation,
|
||||
onSelect,
|
||||
}: {
|
||||
presentation: WorkspaceTabPresentation;
|
||||
onSelect: () => void;
|
||||
}) {
|
||||
const leading = useMemo(
|
||||
() => <WorkspaceTabIcon presentation={presentation} backdrop="surface0" />,
|
||||
[presentation],
|
||||
);
|
||||
return (
|
||||
<DropdownMenuItem leading={leading} onSelect={onSelect}>
|
||||
{presentation.label}
|
||||
</DropdownMenuItem>
|
||||
);
|
||||
}
|
||||
|
||||
function SentNotice({
|
||||
recipient,
|
||||
serverId,
|
||||
workspaceId,
|
||||
}: {
|
||||
recipient: FeedbackRecipient;
|
||||
serverId: string;
|
||||
workspaceId: string;
|
||||
}) {
|
||||
const { t } = useTranslation();
|
||||
const render = useCallback(
|
||||
(presentation: WorkspaceTabPresentation) => (
|
||||
<Text style={styles.text}>
|
||||
{t("review.feedback.sent", { recipient: presentation.label })}
|
||||
</Text>
|
||||
),
|
||||
[t],
|
||||
);
|
||||
return (
|
||||
<WorkspaceTabPresentationResolver
|
||||
tab={recipient.tab}
|
||||
serverId={serverId}
|
||||
workspaceId={workspaceId}
|
||||
>
|
||||
{render}
|
||||
</WorkspaceTabPresentationResolver>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create((theme) => ({
|
||||
wideAction: { position: "absolute", left: 0, right: 0, alignItems: "center" },
|
||||
centered: { alignItems: "center" },
|
||||
note: {
|
||||
position: "absolute",
|
||||
right: theme.spacing[4],
|
||||
left: theme.spacing[4],
|
||||
alignItems: "flex-end",
|
||||
},
|
||||
text: {
|
||||
color: theme.colors.foreground,
|
||||
fontSize: theme.fontSize.sm,
|
||||
backgroundColor: theme.colors.surface1,
|
||||
padding: theme.spacing[2],
|
||||
borderRadius: theme.borderRadius.md,
|
||||
},
|
||||
error: {
|
||||
color: theme.colors.destructive,
|
||||
fontSize: theme.fontSize.sm,
|
||||
backgroundColor: theme.colors.surface1,
|
||||
padding: theme.spacing[2],
|
||||
borderRadius: theme.borderRadius.md,
|
||||
},
|
||||
}));
|
||||
@@ -0,0 +1,120 @@
|
||||
import { useEffect, useMemo, useRef, useSyncExternalStore } from "react";
|
||||
import {
|
||||
useReviewDraftComments,
|
||||
getReviewDraftComments,
|
||||
clearSentReviewDraftComments,
|
||||
} from "../store";
|
||||
import { useWorkspaceLayoutStore } from "@/stores/workspace-layout-store";
|
||||
import { buildWorkspaceTabPersistenceKey } from "@/workspace-tabs/model";
|
||||
import { deriveWorkspaceTabModel } from "@/screens/workspace/workspace-tab-model";
|
||||
import { useHostRuntimeClient, useHostRuntimeIsConnected } from "@/runtime/host-runtime";
|
||||
import { useAppSettings } from "@/hooks/use-settings";
|
||||
import { dispatchComposerAgentMessage } from "@/composer/actions";
|
||||
import { createMessageSubmissionWriter } from "@/composer/submission/writer";
|
||||
import { useSessionStore, selectAgentTurnPresentation } from "@/stores/session-store";
|
||||
import { FLOATING_ACTION_BUTTON_CLEARANCE } from "@/components/ui/floating-action-button";
|
||||
import { useIsCompactFormFactor } from "@/constants/layout";
|
||||
import { buttonControlHeight } from "@/components/ui/control-geometry";
|
||||
import { SPACING } from "@/styles/theme";
|
||||
import { i18n } from "@/i18n/i18next";
|
||||
import {
|
||||
createReviewFeedbackScope,
|
||||
type FeedbackAttachment,
|
||||
type FeedbackRecipient,
|
||||
} from "./index";
|
||||
|
||||
const feedbackScope = createReviewFeedbackScope();
|
||||
|
||||
export function useReviewFeedback(input: {
|
||||
reviewDraftKey: string;
|
||||
serverId: string;
|
||||
workspaceId?: string;
|
||||
attachment: FeedbackAttachment | null;
|
||||
}) {
|
||||
const { serverId, reviewDraftKey, workspaceId } = input;
|
||||
const isCompact = useIsCompactFormFactor();
|
||||
const workspaceKey = workspaceId
|
||||
? buildWorkspaceTabPersistenceKey({ serverId, workspaceId })
|
||||
: null;
|
||||
const client = useHostRuntimeClient(serverId);
|
||||
const connected = useHostRuntimeIsConnected(serverId);
|
||||
const { settings } = useAppSettings();
|
||||
const comments = useReviewDraftComments(reviewDraftKey);
|
||||
const layout = useWorkspaceLayoutStore((store) =>
|
||||
workspaceKey ? store.layoutByWorkspace[workspaceKey] : undefined,
|
||||
);
|
||||
// The adapter keeps live host and diff inputs available to commands without reconstructing the workflow.
|
||||
const live = useRef({
|
||||
client,
|
||||
connected,
|
||||
attachment: input.attachment,
|
||||
sendBehavior: settings.sendBehavior,
|
||||
});
|
||||
live.current = {
|
||||
client,
|
||||
connected,
|
||||
attachment: input.attachment,
|
||||
sendBehavior: settings.sendBehavior,
|
||||
};
|
||||
const model = useMemo(
|
||||
() =>
|
||||
feedbackScope.connect(reviewDraftKey, {
|
||||
read: () => ({
|
||||
comments: getReviewDraftComments(reviewDraftKey) ?? [],
|
||||
attachment: live.current.attachment,
|
||||
connected: live.current.connected,
|
||||
recipients: readRecipients(workspaceKey),
|
||||
}),
|
||||
send: async (recipient, attachment) => {
|
||||
const { client: targetClient, sendBehavior } = live.current;
|
||||
if (!targetClient) throw new Error(i18n.t("workspace.terminal.hostDisconnected"));
|
||||
const activeTurnBehavior = sendBehavior === "steer" ? "steer" : "interrupt";
|
||||
await dispatchComposerAgentMessage({
|
||||
client: targetClient,
|
||||
agentId: recipient.agentId,
|
||||
text: i18n.t("review.feedback.prompt"),
|
||||
attachments: [attachment],
|
||||
encodeImages: async () => [],
|
||||
submission: createMessageSubmissionWriter(serverId),
|
||||
activeTurnBehavior,
|
||||
activeTurnId:
|
||||
activeTurnBehavior === "steer"
|
||||
? (selectAgentTurnPresentation(
|
||||
useSessionStore.getState().sessions[serverId],
|
||||
recipient.agentId,
|
||||
).turnId ?? undefined)
|
||||
: undefined,
|
||||
});
|
||||
},
|
||||
clearSent: (sentComments) =>
|
||||
clearSentReviewDraftComments({ key: reviewDraftKey, comments: sentComments }),
|
||||
failedMessage: () => i18n.t("review.feedback.failed"),
|
||||
}),
|
||||
[reviewDraftKey, serverId, workspaceKey],
|
||||
);
|
||||
useEffect(() => {
|
||||
model.refresh();
|
||||
}, [model, comments, layout, connected, input.attachment]);
|
||||
const state = useSyncExternalStore(model.subscribe, model.getState, model.getState);
|
||||
return {
|
||||
model,
|
||||
state,
|
||||
clearance:
|
||||
state.commentCount > 0
|
||||
? (isCompact ? FLOATING_ACTION_BUTTON_CLEARANCE : buttonControlHeight.sm + SPACING[4]) + 44
|
||||
: 0,
|
||||
};
|
||||
}
|
||||
|
||||
function readRecipients(workspaceKey: string | null): FeedbackRecipient[] {
|
||||
const tabs = workspaceKey
|
||||
? useWorkspaceLayoutStore.getState().getWorkspaceTabs(workspaceKey)
|
||||
: [];
|
||||
const descriptors = deriveWorkspaceTabModel({ tabs }).tabs;
|
||||
const recipients: FeedbackRecipient[] = [];
|
||||
for (const { descriptor } of descriptors) {
|
||||
if (descriptor.target.kind === "agent")
|
||||
recipients.push({ agentId: descriptor.target.agentId, tab: descriptor });
|
||||
}
|
||||
return recipients;
|
||||
}
|
||||
@@ -19,6 +19,7 @@ export interface InlineReviewActions {
|
||||
onStartComment: (target: ReviewableDiffTarget) => void;
|
||||
onEditComment: (target: ReviewableDiffTarget, comment: ReviewDraftComment) => void;
|
||||
onCancelEditor: () => void;
|
||||
onChangeEditorBody: (body: string) => void;
|
||||
onSaveEditor: (body: string) => void;
|
||||
onDeleteComment: (id: string) => void;
|
||||
}
|
||||
|
||||
@@ -31,3 +31,8 @@ export {
|
||||
SMALL_ACTION_HIT_SLOP,
|
||||
useInlineReviewController,
|
||||
} from "./surface";
|
||||
|
||||
export { ReviewCommentSheet } from "./comment-sheet";
|
||||
|
||||
export { useReviewFeedback } from "./feedback/use-feedback";
|
||||
export { ReviewFeedbackAction } from "./feedback/surface";
|
||||
|
||||
@@ -2,7 +2,16 @@ import { describe, expect, it } from "vitest";
|
||||
import type { StateStorage } from "zustand/middleware";
|
||||
import type { ParsedDiffFile } from "@/git/use-diff-query";
|
||||
import { createValidatedPersistStorage } from "@/storage/validated-persist-storage";
|
||||
import { buildReviewAttachmentSnapshot, buildReviewDraftKey } from "./store";
|
||||
import {
|
||||
buildReviewAttachmentSnapshot,
|
||||
buildReviewDraftKey,
|
||||
addReviewDraftComment,
|
||||
saveReviewDraftComment,
|
||||
clearSentReviewDraftComments,
|
||||
getReviewDraftComments,
|
||||
resetReviewDraftStore,
|
||||
useReviewDraftStore,
|
||||
} from "./store";
|
||||
import {
|
||||
addCommentToState,
|
||||
clearReviewInState,
|
||||
@@ -304,3 +313,49 @@ describe("buildReviewAttachmentSnapshot", () => {
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("successful feedback cleanup", () => {
|
||||
it("clears sent versions only, preserving edits, additions and other workspace drafts", () => {
|
||||
resetReviewDraftStore();
|
||||
const first = addReviewDraftComment({ key: "first", comment: makeComment() });
|
||||
const edited = addReviewDraftComment({
|
||||
key: "first",
|
||||
comment: makeComment({ id: "edited", body: "Before send" }),
|
||||
});
|
||||
const other = addReviewDraftComment({ key: "other", comment: makeComment({ id: "other" }) });
|
||||
useReviewDraftStore.getState().updateComment({
|
||||
key: "first",
|
||||
id: edited.id,
|
||||
updates: { body: "After send" },
|
||||
updatedAt: edited.updatedAt,
|
||||
});
|
||||
const added = addReviewDraftComment({ key: "first", comment: makeComment({ id: "added" }) });
|
||||
clearSentReviewDraftComments({ key: "first", comments: [first, edited] });
|
||||
expect(getReviewDraftComments("first")).toEqual([{ ...edited, body: "After send" }, added]);
|
||||
expect(getReviewDraftComments("other")).toEqual([other]);
|
||||
resetReviewDraftStore();
|
||||
});
|
||||
});
|
||||
|
||||
it("saves an acknowledged open edit as a new version and keeps subsequent edits on that record", () => {
|
||||
resetReviewDraftStore();
|
||||
const submitted = addReviewDraftComment({ key: "first", comment: makeComment() });
|
||||
clearSentReviewDraftComments({ key: "first", comments: [submitted] });
|
||||
saveReviewDraftComment({
|
||||
key: "first",
|
||||
id: submitted.id,
|
||||
comment: { ...submitted, body: "Open edit after acknowledgement" },
|
||||
});
|
||||
const restored = getReviewDraftComments("first")![0]!;
|
||||
expect(restored.body).toBe("Open edit after acknowledgement");
|
||||
expect(restored.id).not.toBe(submitted.id);
|
||||
clearSentReviewDraftComments({ key: "first", comments: [submitted] });
|
||||
expect(getReviewDraftComments("first")).toEqual([restored]);
|
||||
saveReviewDraftComment({
|
||||
key: "first",
|
||||
id: restored.id,
|
||||
comment: { ...restored, body: "Saved again" },
|
||||
});
|
||||
expect(getReviewDraftComments("first")).toMatchObject([{ id: restored.id, body: "Saved again" }]);
|
||||
resetReviewDraftStore();
|
||||
});
|
||||
|
||||
@@ -320,3 +320,43 @@ export function useReviewAttachmentSnapshot(input: {
|
||||
[comments, input.key, input.cwd, input.mode, input.baseRef, input.diffFiles],
|
||||
);
|
||||
}
|
||||
|
||||
/** Acknowledgement removes only the versions included in that submission. */
|
||||
export function clearSentReviewDraftComments(input: {
|
||||
key: string;
|
||||
comments: readonly ReviewDraftComment[];
|
||||
}): void {
|
||||
const sentById = new Map(input.comments.map((comment) => [comment.id, comment]));
|
||||
useReviewDraftStore.setState((state) => {
|
||||
const current = state.drafts[input.key];
|
||||
if (!current) return state;
|
||||
const remaining = current.filter((comment) => {
|
||||
const sent = sentById.get(comment.id);
|
||||
return !sent || sent.updatedAt !== comment.updatedAt || sent.body !== comment.body;
|
||||
});
|
||||
if (remaining.length === current.length) return state;
|
||||
return { drafts: { ...state.drafts, [input.key]: remaining } };
|
||||
});
|
||||
}
|
||||
|
||||
/** Acknowledgement can remove the original while the user still has an edit open. */
|
||||
export function saveReviewDraftComment(input: {
|
||||
key: string;
|
||||
id: string | null;
|
||||
comment: Pick<ReviewDraftComment, "filePath" | "side" | "lineNumber" | "body">;
|
||||
}): void {
|
||||
const store = useReviewDraftStore.getState();
|
||||
if (input.id && store.drafts[input.key]?.some((comment) => comment.id === input.id)) {
|
||||
store.updateComment({ key: input.key, id: input.id, updates: { body: input.comment.body } });
|
||||
} else {
|
||||
store.addComment({
|
||||
key: input.key,
|
||||
comment: {
|
||||
filePath: input.comment.filePath,
|
||||
side: input.comment.side,
|
||||
lineNumber: input.comment.lineNumber,
|
||||
body: input.comment.body,
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,45 +9,24 @@ import { useReviewDraftStore, type ReviewDraftComment } from "./store";
|
||||
import { buildReviewableDiffTargetKey, type ReviewableDiffTarget } from "@/utils/diff-layout";
|
||||
import {
|
||||
getInlineReviewThreadState,
|
||||
getInlineReviewThreadViewportStyle,
|
||||
getSplitInlineReviewThreadState,
|
||||
type InlineReviewActions,
|
||||
} from "./geometry";
|
||||
import {
|
||||
getInlineReviewThreadViewportStyle,
|
||||
groupInlineReviewCommentsByTarget,
|
||||
InlineReviewEditor,
|
||||
InlineReviewGutterCell,
|
||||
InlineReviewThread,
|
||||
SMALL_ACTION_HIT_SLOP,
|
||||
useInlineReviewController,
|
||||
type InlineReviewActions,
|
||||
} from "./index";
|
||||
} from "./surface";
|
||||
|
||||
void testI18n;
|
||||
|
||||
const { theme, pressablePropsByLabel } = vi.hoisted(() => {
|
||||
const { pressablePropsByLabel } = vi.hoisted(() => {
|
||||
Object.assign(globalThis, { __DEV__: false });
|
||||
return {
|
||||
theme: {
|
||||
spacing: { 1: 4, 2: 8, 3: 12 },
|
||||
borderWidth: { 1: 1 },
|
||||
borderRadius: { base: 4, md: 6, lg: 8, xl: 12, full: 999 },
|
||||
opacity: { 50: 0.5 },
|
||||
fontSize: { xs: 11, sm: 13 },
|
||||
fontWeight: { normal: "400", medium: "500" },
|
||||
lineHeight: { diff: 18 },
|
||||
colors: {
|
||||
accent: "#0a84ff",
|
||||
accentForeground: "#fff",
|
||||
border: "#555",
|
||||
destructive: "#ff453a",
|
||||
foreground: "#fff",
|
||||
foregroundMuted: "#aaa",
|
||||
surface1: "#111",
|
||||
surface2: "#222",
|
||||
surface3: "#333",
|
||||
palette: { white: "#fff" },
|
||||
},
|
||||
},
|
||||
pressablePropsByLabel: new Map<string, Record<string, unknown>>(),
|
||||
};
|
||||
return { pressablePropsByLabel: new Map<string, Record<string, unknown>>() };
|
||||
});
|
||||
|
||||
vi.mock("react-native", async (importOriginal) => {
|
||||
@@ -88,13 +67,16 @@ vi.mock("react-native", async (importOriginal) => {
|
||||
};
|
||||
});
|
||||
|
||||
vi.mock("react-native-unistyles", () => ({
|
||||
StyleSheet: {
|
||||
create: (factory: unknown) => (typeof factory === "function" ? factory(theme) : factory),
|
||||
},
|
||||
withUnistyles: <T,>(component: T) => component,
|
||||
useUnistyles: () => ({ theme, rt: { breakpoint: "md" } }),
|
||||
}));
|
||||
vi.mock("react-native-unistyles", async () => {
|
||||
const { darkTheme: theme } = await import("@/styles/theme");
|
||||
return {
|
||||
StyleSheet: {
|
||||
create: (factory: unknown) => (typeof factory === "function" ? factory(theme) : factory),
|
||||
},
|
||||
withUnistyles: <T,>(component: T) => component,
|
||||
useUnistyles: () => ({ theme, rt: { breakpoint: "md" } }),
|
||||
};
|
||||
});
|
||||
|
||||
vi.mock("@/constants/platform", () => ({
|
||||
getIsElectron: () => false,
|
||||
@@ -103,19 +85,6 @@ vi.mock("@/constants/platform", () => ({
|
||||
isWeb: true,
|
||||
}));
|
||||
|
||||
vi.mock("lucide-react-native", () => {
|
||||
const createIcon = (name: string) => (props: Record<string, unknown>) =>
|
||||
React.createElement("span", { ...props, "data-icon": name });
|
||||
return {
|
||||
Check: createIcon("Check"),
|
||||
CircleDot: createIcon("CircleDot"),
|
||||
Pencil: createIcon("Pencil"),
|
||||
Plus: createIcon("Plus"),
|
||||
Trash2: createIcon("Trash2"),
|
||||
X: createIcon("X"),
|
||||
};
|
||||
});
|
||||
|
||||
function target(overrides: Partial<ReviewableDiffTarget> = {}): ReviewableDiffTarget {
|
||||
return {
|
||||
filePath: "src/example.ts",
|
||||
@@ -147,6 +116,7 @@ function buildReviewActions(overrides: Partial<InlineReviewActions> = {}): Inlin
|
||||
onStartComment: vi.fn(),
|
||||
onEditComment: vi.fn(),
|
||||
onCancelEditor: vi.fn(),
|
||||
onChangeEditorBody: () => {},
|
||||
onSaveEditor: vi.fn(),
|
||||
onDeleteComment: vi.fn(),
|
||||
...overrides,
|
||||
@@ -312,8 +282,9 @@ describe("git diff inline review helpers", () => {
|
||||
|
||||
it("keeps the line number visible and only floats the plus for line hover", () => {
|
||||
const reviewTarget = target();
|
||||
const { container, queryByText, rerender } = render(
|
||||
const { queryByTestId, queryByText, rerender } = render(
|
||||
<InlineReviewGutterCell
|
||||
actionTestID="add-comment-glyph"
|
||||
reviewTarget={reviewTarget}
|
||||
comments={EMPTY_COMMENTS}
|
||||
isEditorOpen={false}
|
||||
@@ -324,10 +295,11 @@ describe("git diff inline review helpers", () => {
|
||||
);
|
||||
|
||||
expect(queryByText("2")).toBeTruthy();
|
||||
expect(container.querySelector("[data-icon='Plus']")).toBeNull();
|
||||
expect(queryByTestId("add-comment-glyph")).toBeNull();
|
||||
|
||||
rerender(
|
||||
<InlineReviewGutterCell
|
||||
actionTestID="add-comment-glyph"
|
||||
reviewTarget={reviewTarget}
|
||||
comments={COMMENT_LIST}
|
||||
isEditorOpen={false}
|
||||
@@ -338,10 +310,11 @@ describe("git diff inline review helpers", () => {
|
||||
);
|
||||
|
||||
expect(queryByText("2")).toBeTruthy();
|
||||
expect(container.querySelector("[data-icon='Plus']")).toBeNull();
|
||||
expect(queryByTestId("add-comment-glyph")).toBeNull();
|
||||
|
||||
rerender(
|
||||
<InlineReviewGutterCell
|
||||
actionTestID="add-comment-glyph"
|
||||
reviewTarget={reviewTarget}
|
||||
comments={EMPTY_COMMENTS}
|
||||
isEditorOpen
|
||||
@@ -352,10 +325,11 @@ describe("git diff inline review helpers", () => {
|
||||
);
|
||||
|
||||
expect(queryByText("2")).toBeTruthy();
|
||||
expect(container.querySelector("[data-icon='Plus']")).toBeNull();
|
||||
expect(queryByTestId("add-comment-glyph")).toBeNull();
|
||||
|
||||
rerender(
|
||||
<InlineReviewGutterCell
|
||||
actionTestID="add-comment-glyph"
|
||||
reviewTarget={reviewTarget}
|
||||
comments={COMMENT_LIST}
|
||||
isEditorOpen={false}
|
||||
@@ -367,7 +341,7 @@ describe("git diff inline review helpers", () => {
|
||||
);
|
||||
|
||||
expect(queryByText("2")).toBeTruthy();
|
||||
expect(container.querySelector("[data-icon='Plus']")).toBeTruthy();
|
||||
expect(queryByTestId("add-comment-glyph")).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -384,7 +358,7 @@ describe("InlineReviewEditor", () => {
|
||||
const onCancel = vi.fn();
|
||||
const onSave = vi.fn();
|
||||
const { getByTestId } = render(
|
||||
<InlineReviewEditor
|
||||
<ReviewEditorFixture
|
||||
initialBody=" initial "
|
||||
onCancel={onCancel}
|
||||
onSave={onSave}
|
||||
@@ -404,7 +378,7 @@ describe("InlineReviewEditor", () => {
|
||||
const onCancel = vi.fn();
|
||||
const onSave = vi.fn();
|
||||
const { getByTestId } = render(
|
||||
<InlineReviewEditor
|
||||
<ReviewEditorFixture
|
||||
initialBody="ready"
|
||||
onCancel={onCancel}
|
||||
onSave={onSave}
|
||||
@@ -428,7 +402,7 @@ describe("InlineReviewEditor", () => {
|
||||
removeEventListener: vi.fn(),
|
||||
});
|
||||
const { getByTestId, queryByText } = render(
|
||||
<InlineReviewEditor
|
||||
<ReviewEditorFixture
|
||||
initialBody="ready"
|
||||
onCancel={vi.fn()}
|
||||
onSave={vi.fn()}
|
||||
@@ -472,3 +446,13 @@ describe("InlineReviewThread", () => {
|
||||
expect(actions.onDeleteComment).toHaveBeenCalledWith("comment-1");
|
||||
});
|
||||
});
|
||||
|
||||
function ReviewEditorFixture({
|
||||
initialBody,
|
||||
...props
|
||||
}: Omit<React.ComponentProps<typeof InlineReviewEditor>, "body" | "onChangeBody"> & {
|
||||
initialBody: string;
|
||||
}) {
|
||||
const [body, onChangeBody] = React.useState(initialBody);
|
||||
return <InlineReviewEditor {...props} body={body} onChangeBody={onChangeBody} />;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,11 @@
|
||||
import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
||||
import React, {
|
||||
useCallback,
|
||||
useEffect,
|
||||
useMemo,
|
||||
useRef,
|
||||
useState,
|
||||
useSyncExternalStore,
|
||||
} from "react";
|
||||
import type { ReactNode } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { Pencil, Plus, Trash2 } from "lucide-react-native";
|
||||
@@ -17,10 +24,17 @@ import {
|
||||
EditingTextInput as TextInput,
|
||||
type EditingTextInputHandle,
|
||||
} from "@/components/ui/text-input";
|
||||
import { useIsCompactFormFactor } from "@/constants/layout";
|
||||
import { createReviewEditorScope } from "./editor";
|
||||
import { isWeb } from "@/constants/platform";
|
||||
import { inlineUnistylesStyle } from "@/styles/unistyles-inline-style";
|
||||
import type { Theme } from "@/styles/theme";
|
||||
import { useReviewDraftComments, useReviewDraftStore, type ReviewDraftComment } from "./store";
|
||||
import {
|
||||
useReviewDraftComments,
|
||||
useReviewDraftStore,
|
||||
saveReviewDraftComment,
|
||||
type ReviewDraftComment,
|
||||
} from "./store";
|
||||
import { buildReviewableDiffTargetKey, type ReviewableDiffTarget } from "@/utils/diff-layout";
|
||||
import {
|
||||
INLINE_REVIEW_EDITOR_HEIGHT,
|
||||
@@ -98,92 +112,42 @@ export function groupInlineReviewCommentsByTarget(
|
||||
return grouped;
|
||||
}
|
||||
|
||||
export function useInlineReviewController(input: { reviewDraftKey: string }): InlineReviewActions {
|
||||
const reviewEditors = createReviewEditorScope({
|
||||
saveComment: saveReviewDraftComment,
|
||||
deleteComment: (input) => useReviewDraftStore.getState().deleteComment(input),
|
||||
});
|
||||
|
||||
export function useInlineReviewController(input: {
|
||||
reviewDraftKey: string;
|
||||
presentation?: string;
|
||||
}): InlineReviewActions & {
|
||||
sheetEditor: InlineReviewEditorState | null;
|
||||
onChangeEditorBody: (body: string) => void;
|
||||
} {
|
||||
const isCompact = useIsCompactFormFactor();
|
||||
const reviewComments = useReviewDraftComments(input.reviewDraftKey);
|
||||
const commentsByTarget = useMemo(
|
||||
() => groupInlineReviewCommentsByTarget(reviewComments),
|
||||
[reviewComments],
|
||||
);
|
||||
const [editor, setEditor] = useState<InlineReviewEditorState | null>(null);
|
||||
const addComment = useReviewDraftStore((state) => state.addComment);
|
||||
const updateComment = useReviewDraftStore((state) => state.updateComment);
|
||||
const deleteComment = useReviewDraftStore((state) => state.deleteComment);
|
||||
|
||||
useEffect(() => {
|
||||
setEditor(null);
|
||||
}, [input.reviewDraftKey]);
|
||||
|
||||
const handleStartComment = useCallback((target: ReviewableDiffTarget) => {
|
||||
setEditor({ target, commentId: null, body: "" });
|
||||
}, []);
|
||||
|
||||
const handleEditComment = useCallback(
|
||||
(target: ReviewableDiffTarget, comment: ReviewDraftComment) => {
|
||||
setEditor({ target, commentId: comment.id, body: comment.body });
|
||||
},
|
||||
[],
|
||||
const model = useMemo(
|
||||
() => reviewEditors.forDraft(input.reviewDraftKey, input.presentation ?? "diff"),
|
||||
[input.reviewDraftKey, input.presentation],
|
||||
);
|
||||
|
||||
const handleCancelEditor = useCallback(() => {
|
||||
setEditor(null);
|
||||
}, []);
|
||||
|
||||
const handleSaveEditor = useCallback(
|
||||
(body: string) => {
|
||||
const trimmedBody = body.trim();
|
||||
if (!editor || trimmedBody.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (editor.commentId) {
|
||||
updateComment({
|
||||
key: input.reviewDraftKey,
|
||||
id: editor.commentId,
|
||||
updates: { body: trimmedBody },
|
||||
});
|
||||
} else {
|
||||
addComment({
|
||||
key: input.reviewDraftKey,
|
||||
comment: {
|
||||
filePath: editor.target.filePath,
|
||||
side: editor.target.side,
|
||||
lineNumber: editor.target.lineNumber,
|
||||
body: trimmedBody,
|
||||
},
|
||||
});
|
||||
}
|
||||
setEditor(null);
|
||||
},
|
||||
[addComment, editor, input.reviewDraftKey, updateComment],
|
||||
);
|
||||
|
||||
const handleDeleteComment = useCallback(
|
||||
(id: string) => {
|
||||
deleteComment({ key: input.reviewDraftKey, id });
|
||||
setEditor((current) => (current?.commentId === id ? null : current));
|
||||
},
|
||||
[deleteComment, input.reviewDraftKey],
|
||||
);
|
||||
|
||||
return useMemo<InlineReviewActions>(
|
||||
const editor = useSyncExternalStore(model.subscribe, model.getState, model.getState);
|
||||
return useMemo(
|
||||
() => ({
|
||||
commentsByTarget,
|
||||
editor,
|
||||
onStartComment: handleStartComment,
|
||||
onEditComment: handleEditComment,
|
||||
onCancelEditor: handleCancelEditor,
|
||||
onSaveEditor: handleSaveEditor,
|
||||
onDeleteComment: handleDeleteComment,
|
||||
editor: isCompact ? null : editor,
|
||||
sheetEditor: isCompact ? editor : null,
|
||||
onChangeEditorBody: model.setBody,
|
||||
onStartComment: model.start,
|
||||
onEditComment: model.edit,
|
||||
onCancelEditor: model.cancel,
|
||||
onSaveEditor: model.save,
|
||||
onDeleteComment: model.delete,
|
||||
}),
|
||||
[
|
||||
commentsByTarget,
|
||||
editor,
|
||||
handleCancelEditor,
|
||||
handleDeleteComment,
|
||||
handleEditComment,
|
||||
handleSaveEditor,
|
||||
handleStartComment,
|
||||
],
|
||||
[commentsByTarget, editor, isCompact, model],
|
||||
);
|
||||
}
|
||||
|
||||
@@ -321,7 +285,8 @@ export function InlineReviewThread({
|
||||
const editorElement = editor ? (
|
||||
<InlineReviewEditor
|
||||
key={editingCommentId ?? "new"}
|
||||
initialBody={editor.body}
|
||||
body={editor.body}
|
||||
onChangeBody={reviewActions.onChangeEditorBody}
|
||||
onCancel={reviewActions.onCancelEditor}
|
||||
onSave={reviewActions.onSaveEditor}
|
||||
testID="inline-review-editor"
|
||||
@@ -428,19 +393,20 @@ export function getInlineReviewThreadViewportStyle({
|
||||
}
|
||||
|
||||
export function InlineReviewEditor({
|
||||
initialBody,
|
||||
body,
|
||||
onChangeBody,
|
||||
onCancel,
|
||||
onSave,
|
||||
testID,
|
||||
}: {
|
||||
initialBody: string;
|
||||
body: string;
|
||||
onChangeBody: (body: string) => void;
|
||||
onCancel: () => void;
|
||||
onSave: (body: string) => void;
|
||||
testID?: string;
|
||||
}) {
|
||||
const { t } = useTranslation();
|
||||
const inputRef = useRef<EditingTextInputHandle | null>(null);
|
||||
const [body, setBody] = useState(initialBody);
|
||||
const [isFocused, setIsFocused] = useState(false);
|
||||
const trimmedBody = body.trim();
|
||||
const canSave = trimmedBody.length > 0;
|
||||
@@ -506,7 +472,7 @@ export function InlineReviewEditor({
|
||||
placeholderTextColor={styles.placeholderColor.color}
|
||||
multiline
|
||||
initialValue={body}
|
||||
onChangeText={setBody}
|
||||
onChangeText={onChangeBody}
|
||||
onFocus={handleFocus}
|
||||
onBlur={handleBlur}
|
||||
style={inputStyle}
|
||||
|
||||
@@ -33,6 +33,10 @@ type ProjectListResult = Awaited<ReturnType<DaemonClient["listProjects"]>>;
|
||||
type AgentFetchResult = Awaited<ReturnType<DaemonClient["fetchAgents"]>>;
|
||||
|
||||
class FakeDirectoryClient {
|
||||
supportsBackgroundWorkspaces(): boolean {
|
||||
return false;
|
||||
}
|
||||
|
||||
supportsWorkspaceLabels = false;
|
||||
listWorkspaceLabelsCalls = 0;
|
||||
fetchAgentsCalls = 0;
|
||||
|
||||
@@ -535,6 +535,7 @@ export class DirectorySync {
|
||||
let subscribe = initialSubscribe;
|
||||
while (true) {
|
||||
const query: Parameters<DaemonClient["observeWorkspaces"]>[0] = {
|
||||
...(client.supportsBackgroundWorkspaces() ? { includeBackground: true } : {}),
|
||||
sort: [{ key: "activity_at", direction: "desc" }],
|
||||
page: cursor ? { limit: PAGE_LIMIT, cursor } : { limit: PAGE_LIMIT },
|
||||
...(supportsDirectorySync
|
||||
@@ -634,6 +635,7 @@ export class DirectorySync {
|
||||
const limit = input.page?.limit ?? PAGE_LIMIT;
|
||||
const query: Omit<FetchAgentsOptions, "subscribe"> = {
|
||||
...(input.filter ? { filter: input.filter } : { scope: "active" as const }),
|
||||
...(client.supportsBackgroundWorkspaces() ? { includeBackground: true } : {}),
|
||||
sort: AGENT_SORT,
|
||||
page: cursor ? { limit, cursor } : { limit },
|
||||
...(!input.filter && cursor === null && this.supportsDirectorySync()
|
||||
|
||||
@@ -52,6 +52,9 @@ it("requests the managed connection credential through desktop main without a we
|
||||
});
|
||||
|
||||
class FakeDaemonClient {
|
||||
supportsBackgroundWorkspaces(): boolean {
|
||||
return false;
|
||||
}
|
||||
private state: ConnectionState = { status: "idle" };
|
||||
private listeners = new Set<(status: ConnectionState) => void>();
|
||||
private error: string | null = null;
|
||||
|
||||
@@ -859,3 +859,36 @@ describe("ReplicaCache", () => {
|
||||
expect(storage.cleanups).toBe(1);
|
||||
});
|
||||
});
|
||||
|
||||
it("retains semantic agent messages across disk-cache reconstruction", async () => {
|
||||
const storage = new MemoryStorage();
|
||||
const writer = createCache(storage);
|
||||
const value = timeline();
|
||||
value.items = [
|
||||
{
|
||||
kind: "tool_call",
|
||||
id: "delivery",
|
||||
timestamp: new Date(1),
|
||||
timelineCursor: { epoch: "epoch-1", seq: 12 },
|
||||
payload: {
|
||||
source: "agent",
|
||||
data: {
|
||||
provider: "codex",
|
||||
callId: "delivery",
|
||||
name: "agent_message",
|
||||
status: "completed",
|
||||
error: null,
|
||||
detail: { type: "plain_text", text: "Done" },
|
||||
agentMessage: {
|
||||
event: "finished",
|
||||
sender: { id: "remote::worker", title: "Reviewer" },
|
||||
text: "Done",
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
];
|
||||
writer.commitTimeline(SERVER_ID, "agent-1", value);
|
||||
await writer.flush();
|
||||
expect(await createCache(storage).readTimeline(SERVER_ID, "agent-1")).toEqual(value);
|
||||
});
|
||||
|
||||
@@ -421,6 +421,7 @@ function serializeAgentToolCall(data: AgentToolCallData): StoredToolCall {
|
||||
name: data.name,
|
||||
detail: data.detail,
|
||||
...(data.metadata ? { metadata: data.metadata } : {}),
|
||||
...(data.agentMessage ? { agentMessage: data.agentMessage } : {}),
|
||||
};
|
||||
switch (data.status) {
|
||||
case "running":
|
||||
@@ -584,6 +585,7 @@ function deserializeBuiltinTimelineItem(
|
||||
error: tool.error,
|
||||
detail: tool.detail,
|
||||
...(tool.metadata ? { metadata: tool.metadata } : {}),
|
||||
...(tool.agentMessage ? { agentMessage: tool.agentMessage } : {}),
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
@@ -113,6 +113,7 @@ export interface WorkspaceDescriptor {
|
||||
worktreeSlug?: WorkspaceDescriptorPayload["worktreeSlug"];
|
||||
projectKind: WorkspaceDescriptorPayload["projectKind"];
|
||||
workspaceKind: WorkspaceDescriptorPayload["workspaceKind"];
|
||||
background?: boolean;
|
||||
name: string;
|
||||
title?: string | null;
|
||||
pinnedAt?: string | null;
|
||||
@@ -150,6 +151,7 @@ export function normalizeWorkspaceDescriptor(
|
||||
worktreeSlug: payload.worktreeSlug,
|
||||
projectKind: payload.projectKind,
|
||||
workspaceKind: payload.workspaceKind,
|
||||
background: payload.background ?? false,
|
||||
name: payload.name,
|
||||
title: payload.title ?? null,
|
||||
pinnedAt: payload.pinnedAt ?? null,
|
||||
|
||||
@@ -32,6 +32,7 @@ function createMemoryStorage(entries: Record<string, string | null>): MemoryStor
|
||||
describe("sidebar view store", () => {
|
||||
beforeEach(() => {
|
||||
useSidebarViewStore.setState({
|
||||
showBackground: false,
|
||||
groupMode: "project",
|
||||
hostFilters: [],
|
||||
projectFilters: [],
|
||||
@@ -84,6 +85,7 @@ describe("sidebar view store", () => {
|
||||
},
|
||||
}),
|
||||
).toEqual({
|
||||
showBackground: false,
|
||||
groupMode: "status",
|
||||
hostFilters: [],
|
||||
projectFilters: [],
|
||||
@@ -98,6 +100,7 @@ describe("sidebar view store", () => {
|
||||
hostFilter: "host-a",
|
||||
}),
|
||||
).toEqual({
|
||||
showBackground: false,
|
||||
groupMode: "status",
|
||||
hostFilters: ["host-a"],
|
||||
projectFilters: [],
|
||||
@@ -112,6 +115,7 @@ describe("sidebar view store", () => {
|
||||
hostFilters: ["host-a", "host-b"],
|
||||
}),
|
||||
).toEqual({
|
||||
showBackground: false,
|
||||
groupMode: "status",
|
||||
hostFilters: ["host-a", "host-b"],
|
||||
projectFilters: [],
|
||||
@@ -222,6 +226,7 @@ describe("sidebar view store", () => {
|
||||
projectFilters: ["project-a", "project-b"],
|
||||
}),
|
||||
).toEqual({
|
||||
showBackground: false,
|
||||
groupMode: "project",
|
||||
hostFilters: ["host-a"],
|
||||
projectFilters: ["project-a", "project-b"],
|
||||
@@ -231,6 +236,7 @@ describe("sidebar view store", () => {
|
||||
|
||||
it("never keeps project filters from state the schema rejects", () => {
|
||||
expect(migrateSidebarViewState({ projectFilters: "project-a" })).toEqual({
|
||||
showBackground: false,
|
||||
groupMode: "project",
|
||||
hostFilters: [],
|
||||
projectFilters: [],
|
||||
|
||||
@@ -9,7 +9,7 @@ export type SidebarGroupMode = "project" | "status";
|
||||
|
||||
const SIDEBAR_VIEW_STORAGE_KEY = "sidebar-view";
|
||||
const LEGACY_SIDEBAR_GROUP_MODE_STORAGE_KEY = "sidebar-group-mode";
|
||||
const SIDEBAR_VIEW_STORE_VERSION = 6;
|
||||
const SIDEBAR_VIEW_STORE_VERSION = 7;
|
||||
|
||||
/**
|
||||
* The key standing for "this workspace carries no labels at all".
|
||||
@@ -47,6 +47,7 @@ function toggleFilterEntry(list: readonly string[], key: string): string[] {
|
||||
|
||||
interface SidebarViewStoreState {
|
||||
groupMode: SidebarGroupMode;
|
||||
showBackground: boolean;
|
||||
// Empty means "all hosts". A non-empty list pins the sidebar to those hosts.
|
||||
hostFilters: string[];
|
||||
/**
|
||||
@@ -61,6 +62,7 @@ interface SidebarViewStoreState {
|
||||
*/
|
||||
projectFilters: string[];
|
||||
labelFilter: SidebarLabelFilter;
|
||||
toggleBackground: () => void;
|
||||
setGroupMode: (mode: SidebarGroupMode) => void;
|
||||
toggleHostFilter: (serverId: string) => void;
|
||||
clearHostFilters: () => void;
|
||||
@@ -74,6 +76,7 @@ interface SidebarViewStoreState {
|
||||
|
||||
interface SidebarViewPersistedState {
|
||||
groupMode: SidebarGroupMode;
|
||||
showBackground: boolean;
|
||||
hostFilters: string[];
|
||||
projectFilters: string[];
|
||||
labelFilter: SidebarLabelFilter;
|
||||
@@ -84,6 +87,7 @@ const SidebarLabelFilterSchema = z.object({
|
||||
labels: z.array(z.string()),
|
||||
});
|
||||
const SidebarViewPersistedStateSchema = z.strictObject({
|
||||
showBackground: z.boolean().optional(),
|
||||
groupMode: PersistedSidebarGroupModeSchema.optional(),
|
||||
hostFilters: z.array(z.string()).optional(),
|
||||
hostFilter: z.string().nullable().optional(),
|
||||
@@ -122,6 +126,7 @@ export function migrateSidebarViewState(persistedState: unknown): SidebarViewPer
|
||||
const result = SidebarViewPersistedStateSchema.safeParse(persistedState);
|
||||
if (!result.success) {
|
||||
return {
|
||||
showBackground: false,
|
||||
groupMode: "project",
|
||||
hostFilters: [],
|
||||
projectFilters: [],
|
||||
@@ -133,6 +138,7 @@ export function migrateSidebarViewState(persistedState: unknown): SidebarViewPer
|
||||
const legacyGroupMode = readLegacyGroupMode(state);
|
||||
if (legacyGroupMode) {
|
||||
return {
|
||||
showBackground: false,
|
||||
groupMode: legacyGroupMode,
|
||||
hostFilters: [],
|
||||
projectFilters: [],
|
||||
@@ -141,6 +147,7 @@ export function migrateSidebarViewState(persistedState: unknown): SidebarViewPer
|
||||
}
|
||||
|
||||
return {
|
||||
showBackground: state.showBackground ?? false,
|
||||
groupMode: state.groupMode === "status" ? "status" : "project",
|
||||
hostFilters: readHostFilters(state),
|
||||
projectFilters: state.projectFilters ?? [],
|
||||
@@ -178,10 +185,12 @@ export function createSidebarViewStorage(
|
||||
export const useSidebarViewStore = create<SidebarViewStoreState>()(
|
||||
persist(
|
||||
(set) => ({
|
||||
showBackground: false,
|
||||
groupMode: "project",
|
||||
hostFilters: [],
|
||||
projectFilters: [],
|
||||
labelFilter: emptyLabelFilter(),
|
||||
toggleBackground: () => set((state) => ({ showBackground: !state.showBackground })),
|
||||
setGroupMode: (mode) => set({ groupMode: mode }),
|
||||
toggleHostFilter: (serverId) =>
|
||||
set((state) => ({ hostFilters: toggleFilterEntry(state.hostFilters, serverId) })),
|
||||
@@ -228,6 +237,7 @@ export const useSidebarViewStore = create<SidebarViewStoreState>()(
|
||||
SidebarViewPersistedStateSchema,
|
||||
),
|
||||
partialize: (state) => ({
|
||||
showBackground: state.showBackground ?? false,
|
||||
groupMode: state.groupMode,
|
||||
hostFilters: state.hostFilters,
|
||||
projectFilters: state.projectFilters,
|
||||
|
||||
@@ -1,8 +1,11 @@
|
||||
import { DaemonConnectionError } from "@getpaseo/client/internal/daemon-client";
|
||||
import { afterEach, describe, expect, test } from "vitest";
|
||||
import type { ProviderSubagentDescriptorPayload } from "@getpaseo/protocol/messages";
|
||||
import {
|
||||
observeProviderSubagentTimeline,
|
||||
providerSubagentKey,
|
||||
refreshProviderSubagents,
|
||||
resyncProviderSubagents,
|
||||
useProviderSubagentStore,
|
||||
} from "./provider-store";
|
||||
|
||||
@@ -15,6 +18,7 @@ afterEach(() => {
|
||||
descriptors: new Map(),
|
||||
timelines: new Map(),
|
||||
hiddenFromTrack: new Set(),
|
||||
trackedParents: new Set(),
|
||||
});
|
||||
});
|
||||
|
||||
@@ -727,3 +731,96 @@ describe("projected child history", () => {
|
||||
expect(current().lastSeq).toBe(2000);
|
||||
});
|
||||
});
|
||||
|
||||
describe("resyncing after the update feed resubscribes", () => {
|
||||
function child(
|
||||
id: string,
|
||||
parentAgentId: string,
|
||||
status: ProviderSubagentDescriptorPayload["status"],
|
||||
): ProviderSubagentDescriptorPayload {
|
||||
return {
|
||||
id,
|
||||
parentAgentId,
|
||||
provider: "claude",
|
||||
title: "Explore",
|
||||
description: null,
|
||||
status,
|
||||
createdAt: "2026-10-07T10:00:00.000Z",
|
||||
updatedAt: "2026-10-07T10:00:00.000Z",
|
||||
toolCallId: id,
|
||||
};
|
||||
}
|
||||
|
||||
function fakeDaemon(lists: Record<string, ProviderSubagentDescriptorPayload[]>) {
|
||||
const requested: string[] = [];
|
||||
return {
|
||||
requested,
|
||||
lists,
|
||||
client: {
|
||||
listProviderSubagents: async (parentAgentId: string) => {
|
||||
requested.push(parentAgentId);
|
||||
return {
|
||||
requestId: "list",
|
||||
parentAgentId,
|
||||
subagents: lists[parentAgentId] ?? [],
|
||||
error: null,
|
||||
};
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
const status = (parentAgentId: string, subagentId: string) =>
|
||||
useProviderSubagentStore
|
||||
.getState()
|
||||
.descriptors.get(providerSubagentKey(SERVER_ID, parentAgentId, subagentId))?.status;
|
||||
|
||||
test("catches up on children that finished or started while updates were not delivered", async () => {
|
||||
const daemon = fakeDaemon({ [PARENT_ID]: [child("child-1", PARENT_ID, "running")] });
|
||||
await refreshProviderSubagents(daemon.client, SERVER_ID, PARENT_ID);
|
||||
expect(status(PARENT_ID, "child-1")).toBe("running");
|
||||
|
||||
// The connection dropped: the daemon finished child-1 and ran child-2 without telling us.
|
||||
daemon.lists[PARENT_ID] = [
|
||||
child("child-1", PARENT_ID, "completed"),
|
||||
child("child-2", PARENT_ID, "completed"),
|
||||
];
|
||||
await resyncProviderSubagents(daemon.client, SERVER_ID);
|
||||
|
||||
expect(status(PARENT_ID, "child-1")).toBe("completed");
|
||||
expect(status(PARENT_ID, "child-2")).toBe("completed");
|
||||
});
|
||||
|
||||
test("catches up on a parent whose first list failed while disconnected", async () => {
|
||||
const daemon = fakeDaemon({});
|
||||
const disconnected = {
|
||||
listProviderSubagents: async () => {
|
||||
throw new DaemonConnectionError("Transport not connected");
|
||||
},
|
||||
};
|
||||
await expect(
|
||||
refreshProviderSubagents(disconnected, SERVER_ID, PARENT_ID),
|
||||
).rejects.toBeInstanceOf(DaemonConnectionError);
|
||||
useProviderSubagentStore.getState().applyUpdate(SERVER_ID, {
|
||||
kind: "upsert",
|
||||
subagent: child("child-1", PARENT_ID, "running"),
|
||||
});
|
||||
|
||||
// The connection dropped again: the daemon finished child-1 without telling us.
|
||||
daemon.lists[PARENT_ID] = [child("child-1", PARENT_ID, "completed")];
|
||||
await resyncProviderSubagents(daemon.client, SERVER_ID);
|
||||
|
||||
expect(status(PARENT_ID, "child-1")).toBe("completed");
|
||||
});
|
||||
|
||||
test("lists again only the parents this server was showing", async () => {
|
||||
const daemon = fakeDaemon({});
|
||||
await refreshProviderSubagents(daemon.client, SERVER_ID, PARENT_ID);
|
||||
await refreshProviderSubagents(daemon.client, "server-2", "other-parent");
|
||||
daemon.requested.length = 0;
|
||||
|
||||
await resyncProviderSubagents(daemon.client, SERVER_ID);
|
||||
|
||||
expect(daemon.requested).toEqual([PARENT_ID]);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -28,6 +28,9 @@ interface ProviderSubagentState {
|
||||
descriptors: Map<string, ProviderSubagentDescriptorPayload>;
|
||||
timelines: Map<string, ProviderSubagentTimelineState>;
|
||||
hiddenFromTrack: Set<string>;
|
||||
/** Parents whose list this client asked for, so a resubscribed update feed can catch them up. */
|
||||
trackedParents: Set<string>;
|
||||
trackParent(serverId: string, parentAgentId: string): void;
|
||||
hideFromTrack(serverId: string, parentAgentId: string, subagentIds: readonly string[]): void;
|
||||
replaceList(
|
||||
serverId: string,
|
||||
@@ -84,6 +87,7 @@ export function refreshProviderSubagents(
|
||||
const pending = clientRequests.get(requestKey);
|
||||
if (pending) return pending;
|
||||
|
||||
useProviderSubagentStore.getState().trackParent(serverId, parentAgentId);
|
||||
const request = client
|
||||
.listProviderSubagents(parentAgentId)
|
||||
.then((payload) => {
|
||||
@@ -101,6 +105,27 @@ function parentPrefix(serverId: string, parentAgentId: string): string {
|
||||
return `${serverId}\0${parentAgentId}\0`;
|
||||
}
|
||||
|
||||
/**
|
||||
* Updates are not replayed across a reconnect, so a child that finished or started while the
|
||||
* update feed was down stays stale until its parent is listed again. Call this once the feed has
|
||||
* resubscribed, so every update after the list is delivered.
|
||||
*/
|
||||
export async function resyncProviderSubagents(
|
||||
client: ProviderSubagentListClient,
|
||||
serverId: string,
|
||||
): Promise<void> {
|
||||
const serverPrefix = `${serverId}\0`;
|
||||
const parentAgentIds = [...useProviderSubagentStore.getState().trackedParents]
|
||||
.filter((key) => key.startsWith(serverPrefix))
|
||||
.map((key) => key.slice(serverPrefix.length, -1));
|
||||
await Promise.all(
|
||||
parentAgentIds.map((parentAgentId) =>
|
||||
// A parent that was archived meanwhile has nothing left to catch up.
|
||||
refreshProviderSubagents(client, serverId, parentAgentId).catch(() => undefined),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
const EMPTY_TIMELINE: ProviderSubagentTimelineState = {
|
||||
tail: [],
|
||||
head: [],
|
||||
@@ -147,6 +172,14 @@ export const useProviderSubagentStore = create<ProviderSubagentState>((set) => (
|
||||
descriptors: new Map(),
|
||||
timelines: new Map(),
|
||||
hiddenFromTrack: new Set(),
|
||||
trackedParents: new Set(),
|
||||
trackParent(serverId, parentAgentId) {
|
||||
set((state) => {
|
||||
const prefix = parentPrefix(serverId, parentAgentId);
|
||||
if (state.trackedParents.has(prefix)) return state;
|
||||
return { trackedParents: new Set(state.trackedParents).add(prefix) };
|
||||
});
|
||||
},
|
||||
hideFromTrack(serverId, parentAgentId, subagentIds) {
|
||||
set((state) => {
|
||||
const hiddenFromTrack = new Set(state.hiddenFromTrack);
|
||||
|
||||
@@ -92,3 +92,42 @@ describe("tool-call presentation", () => {
|
||||
expect(presentation.icon).toBe(fakeIcons.brain);
|
||||
});
|
||||
});
|
||||
|
||||
it.each([
|
||||
["message", "Message from QA messenger"],
|
||||
["finished", "QA messenger finished"],
|
||||
["errored", "QA messenger errored"],
|
||||
["permission-required", "QA messenger needs permission"],
|
||||
["closed", "QA messenger closed"],
|
||||
] as const)("presents %s from structured provenance without a second label", (event, heading) => {
|
||||
const presentation = buildToolCallPresentation({
|
||||
toolName: "internal_name_should_not_be_visible",
|
||||
status: "completed",
|
||||
error: null,
|
||||
detail: { type: "plain_text", label: "legacy summary", text: "legacy body" },
|
||||
agentMessage: {
|
||||
event,
|
||||
sender: { id: "server::sender", title: "QA messenger" },
|
||||
text: "The delivered message.",
|
||||
},
|
||||
resolveIcon: fakeResolveIcon,
|
||||
});
|
||||
expect(presentation.displayName).toBe(heading);
|
||||
expect(presentation.summary).toBeUndefined();
|
||||
expect(presentation.detail).toEqual({
|
||||
type: "plain_text",
|
||||
icon: "bot",
|
||||
text: "From agent: server::sender\n\nThe delivered message.",
|
||||
});
|
||||
});
|
||||
|
||||
it("uses an opaque sender ID when no title is available", () => {
|
||||
const presentation = buildToolCallPresentation({
|
||||
toolName: "agent_message",
|
||||
status: "completed",
|
||||
error: null,
|
||||
agentMessage: { event: "message", sender: { id: "remote::worker" }, text: "Hello" },
|
||||
resolveIcon: fakeResolveIcon,
|
||||
});
|
||||
expect(presentation.displayName).toBe("Message from remote::worker");
|
||||
});
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
import type { AgentMessage } from "@getpaseo/protocol/agent-message";
|
||||
import { buildAgentMessageDisplay } from "@getpaseo/protocol/agent-message-display";
|
||||
import type { PlanOutcome } from "@/components/plan-card";
|
||||
import type { ComponentType } from "react";
|
||||
import type { ToolCallDetail } from "@getpaseo/protocol/agent-types";
|
||||
@@ -13,6 +15,7 @@ type ToolCallStatus = "executing" | "running" | "completed" | "failed" | "cancel
|
||||
export type ToolCallPresentationIcon = ComponentType<{ size?: number; color?: string }>;
|
||||
|
||||
interface BuildToolCallPresentationInput {
|
||||
agentMessage?: AgentMessage;
|
||||
toolName: string;
|
||||
status: ToolCallStatus;
|
||||
error: unknown;
|
||||
@@ -23,6 +26,7 @@ interface BuildToolCallPresentationInput {
|
||||
}
|
||||
|
||||
export interface ToolCallPresentation {
|
||||
detail: ToolCallDetail | undefined;
|
||||
displayName: string;
|
||||
summary?: string;
|
||||
errorText?: string;
|
||||
@@ -51,9 +55,13 @@ function displayDetail(detail: ToolCallDetail | undefined): ToolCallDetail {
|
||||
export function buildToolCallPresentation(
|
||||
input: BuildToolCallPresentationInput,
|
||||
): ToolCallPresentation {
|
||||
const detailForDisplay = displayDetail(input.detail);
|
||||
const detail = input.agentMessage
|
||||
? buildAgentMessageDisplay(input.agentMessage).detail
|
||||
: input.detail;
|
||||
const detailForDisplay = displayDetail(detail);
|
||||
const displayModel = buildToolCallDisplayModel({
|
||||
name: input.toolName,
|
||||
agentMessage: input.agentMessage,
|
||||
status: displayStatus(input.status),
|
||||
error: input.error ?? null,
|
||||
detail: detailForDisplay,
|
||||
@@ -61,21 +69,22 @@ export function buildToolCallPresentation(
|
||||
cwd: input.cwd,
|
||||
});
|
||||
const isLoadingDetails = isPendingToolCallDetail({
|
||||
detail: input.detail,
|
||||
detail,
|
||||
status: input.status,
|
||||
error: input.error,
|
||||
});
|
||||
const hasDetails = Boolean(input.error) || hasMeaningfulToolCallDetail(input.detail);
|
||||
const hasDetails = Boolean(input.error) || hasMeaningfulToolCallDetail(detail);
|
||||
|
||||
return {
|
||||
detail,
|
||||
displayName: displayModel.displayName,
|
||||
summary: displayModel.summary,
|
||||
errorText: displayModel.errorText,
|
||||
icon: input.resolveIcon(input.toolName, input.detail),
|
||||
icon: input.resolveIcon(input.toolName, detail),
|
||||
isLoadingDetails,
|
||||
hasDetails,
|
||||
canOpenDetails: hasDetails || isLoadingDetails,
|
||||
openFilePath: extractToolCallFilePath(input.detail),
|
||||
openFilePath: extractToolCallFilePath(detail),
|
||||
isPlan: input.detail?.type === "plan",
|
||||
planOutcome: input.detail?.type === "plan" ? resolvePlanOutcome(input) : undefined,
|
||||
};
|
||||
|
||||
@@ -2305,3 +2305,28 @@ describe("notification timeline items", () => {
|
||||
expect(new Set(state.map((item) => item.id)).size).toBe(state.length);
|
||||
});
|
||||
});
|
||||
|
||||
it("retains agent-message provenance through live delivery and repeated history", () => {
|
||||
const agentMessage = {
|
||||
event: "finished" as const,
|
||||
sender: { id: "remote::worker", title: "Reviewer" },
|
||||
text: "Done",
|
||||
};
|
||||
const event = {
|
||||
type: "timeline",
|
||||
provider: "codex",
|
||||
item: {
|
||||
type: "tool_call",
|
||||
callId: "delivery",
|
||||
name: "agent_message",
|
||||
status: "completed",
|
||||
error: null,
|
||||
detail: { type: "plain_text", text: "Done" },
|
||||
agentMessage,
|
||||
},
|
||||
} satisfies AgentStreamEventPayload;
|
||||
const live = reduceStreamUpdate([], event, new Date(1));
|
||||
const replay = reduceStreamUpdate(live, event, new Date(2));
|
||||
expect(replay).toHaveLength(1);
|
||||
expect(replay[0]).toMatchObject({ payload: { data: { agentMessage } } });
|
||||
});
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import type { AgentMessage } from "@getpaseo/protocol/agent-message";
|
||||
import type {
|
||||
AgentProvider,
|
||||
AgentTimelineItem,
|
||||
@@ -745,6 +746,7 @@ interface OrchestratorToolCallData {
|
||||
}
|
||||
|
||||
export interface AgentToolCallData {
|
||||
agentMessage?: AgentMessage;
|
||||
provider: AgentProvider;
|
||||
callId: string;
|
||||
name: string;
|
||||
@@ -1446,6 +1448,7 @@ function reduceTimelineToolCall(
|
||||
error: item.error,
|
||||
detail: item.detail,
|
||||
metadata: item.metadata,
|
||||
...(item.agentMessage ? { agentMessage: item.agentMessage } : {}),
|
||||
},
|
||||
timestamp,
|
||||
timelineCursor,
|
||||
|
||||
@@ -22,7 +22,11 @@ export default defineConfig({
|
||||
test: {
|
||||
name: "unit",
|
||||
environment: "node",
|
||||
include: ["src/**/*.{test,spec}.{ts,tsx}", "native-release-version.test.ts"],
|
||||
include: [
|
||||
"src/**/*.{test,spec}.{ts,tsx}",
|
||||
"native-release-version.test.ts",
|
||||
"app.config.test.ts",
|
||||
],
|
||||
setupFiles: [path.resolve(__dirname, "vitest.setup.ts")],
|
||||
exclude: [...configDefaults.exclude, "e2e/**", "src/**/*.browser.{test,spec}.{ts,tsx}"],
|
||||
},
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@getpaseo/cli",
|
||||
"version": "0.11.0",
|
||||
"version": "0.11.2",
|
||||
"description": "Paseo CLI - control your AI coding agents from the command line",
|
||||
"bin": {
|
||||
"paseo": "bin/paseo"
|
||||
@@ -28,9 +28,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@clack/prompts": "^1.0.0",
|
||||
"@getpaseo/client": "0.11.0",
|
||||
"@getpaseo/protocol": "0.11.0",
|
||||
"@getpaseo/server": "0.11.0",
|
||||
"@getpaseo/client": "0.11.2",
|
||||
"@getpaseo/protocol": "0.11.2",
|
||||
"@getpaseo/server": "0.11.2",
|
||||
"chalk": "^5.3.0",
|
||||
"commander": "^12.0.0",
|
||||
"mime-types": "^2.1.35",
|
||||
|
||||
@@ -46,10 +46,25 @@ describe("canonical CLI surface", () => {
|
||||
expect(help).toContain("--forge <forge>");
|
||||
});
|
||||
|
||||
it("uses background for execution and reserves detach for ownership", () => {
|
||||
it("uses --no-wait for execution, --internal for visibility, and reserves detach for ownership", () => {
|
||||
const run = createCli().commands.find((command) => command.name() === "run");
|
||||
expect(run?.helpInformation()).toContain("--background");
|
||||
expect(run?.helpInformation()).not.toContain("--detach");
|
||||
const help = run?.helpInformation();
|
||||
expect(help).toContain("--no-wait");
|
||||
expect(help).not.toContain("--background");
|
||||
expect(help).not.toContain("--background");
|
||||
expect(help).not.toContain("--detach");
|
||||
});
|
||||
|
||||
it("hides internal agents and workspaces from listings unless --internal is passed", () => {
|
||||
const cli = createCli();
|
||||
const ls = cli.commands.find((command) => command.name() === "ls");
|
||||
const workspace = cli.commands.find((command) => command.name() === "workspace");
|
||||
const workspaceLs = workspace?.commands.find((command) => command.name() === "ls");
|
||||
const workspaceCreate = workspace?.commands.find((command) => command.name() === "create");
|
||||
|
||||
expect(ls?.helpInformation()).toContain("--background");
|
||||
expect(workspaceLs?.helpInformation()).toContain("--background");
|
||||
expect(workspaceCreate?.helpInformation()).toContain("--background");
|
||||
});
|
||||
|
||||
it("offers thinking configuration when running, updating, and scheduling agents", () => {
|
||||
@@ -96,3 +111,15 @@ describe("canonical CLI surface", () => {
|
||||
).toContain("--id <id>");
|
||||
});
|
||||
});
|
||||
|
||||
it("preserves omitted and explicit false workspace background intent", () => {
|
||||
const readOptions = (args: string[]) => {
|
||||
const workspace = createCli().commands.find((command) => command.name() === "workspace")!;
|
||||
const create = workspace.commands.find((command) => command.name() === "create")!;
|
||||
create.parseOptions(args);
|
||||
return create.opts();
|
||||
};
|
||||
expect(readOptions([]).background).toBeUndefined();
|
||||
expect(readOptions(["--background"]).background).toBe(true);
|
||||
expect(readOptions(["--no-background"]).background).toBe(false);
|
||||
});
|
||||
|
||||
@@ -3,6 +3,7 @@ import { Command, Option } from "commander";
|
||||
import { createAgentCommand } from "./commands/agent/index.js";
|
||||
import { createDaemonCommand } from "./commands/daemon/index.js";
|
||||
import { createPermitCommand } from "./commands/permit/index.js";
|
||||
import { createUsageCommand } from "./commands/usage/index.js";
|
||||
import { createProviderCommand } from "./commands/provider/index.js";
|
||||
import { createPluginCommand } from "./commands/plugin/index.js";
|
||||
import { createProjectCommand } from "./commands/project/index.js";
|
||||
@@ -148,6 +149,7 @@ export function createCli(): Command {
|
||||
|
||||
// Provider commands
|
||||
program.addCommand(createProviderCommand());
|
||||
program.addCommand(createUsageCommand());
|
||||
program.addCommand(createPluginCommand());
|
||||
|
||||
// Speech model commands
|
||||
|
||||
@@ -23,15 +23,21 @@ describe("buildAgentLsFetchOptions", () => {
|
||||
});
|
||||
});
|
||||
|
||||
it("asks the daemon for internal agents only with --internal", () => {
|
||||
expect(buildAgentLsFetchOptions({ background: true, global: true })).toEqual({
|
||||
filter: { includeBackground: true },
|
||||
});
|
||||
});
|
||||
|
||||
it("fetches global non-archived agents for -g", () => {
|
||||
expect(buildAgentLsFetchOptions({ global: true })).toEqual({});
|
||||
});
|
||||
|
||||
it("keeps -a within the active scope", () => {
|
||||
it("includes archived and background agents with -a", () => {
|
||||
expect(buildAgentLsFetchOptions({ all: true })).toEqual({
|
||||
scope: "active",
|
||||
filter: {
|
||||
includeArchived: true,
|
||||
includeBackground: true,
|
||||
},
|
||||
});
|
||||
});
|
||||
@@ -40,6 +46,7 @@ describe("buildAgentLsFetchOptions", () => {
|
||||
expect(buildAgentLsFetchOptions({ all: true, global: true })).toEqual({
|
||||
filter: {
|
||||
includeArchived: true,
|
||||
includeBackground: true,
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
@@ -12,8 +12,9 @@ type FetchAgentsOptions = NonNullable<
|
||||
export function addLsOptions(cmd: Command): Command {
|
||||
return cmd
|
||||
.description("List agents. By default excludes archived agents.")
|
||||
.option("-a, --all", "Include archived agents")
|
||||
.option("-a, --all", "Include archived and background agents")
|
||||
.option("-g, --global", "List agents across all directories")
|
||||
.option("--background", "Include background workspace agents")
|
||||
.option(
|
||||
"--label <key=value>",
|
||||
"Filter by label (can be used multiple times)",
|
||||
@@ -109,6 +110,8 @@ export interface AgentLsOptions extends CommandOptions {
|
||||
all?: boolean;
|
||||
/** -g: List agents across all directories */
|
||||
global?: boolean;
|
||||
/** --background: Include background workspace agents */
|
||||
background?: boolean;
|
||||
/** Filter by specific status */
|
||||
status?: string;
|
||||
/** Filter by specific cwd */
|
||||
@@ -133,7 +136,7 @@ function parseLabelFilters(labels: string[] | undefined): Record<string, string>
|
||||
}
|
||||
|
||||
export function buildAgentLsFetchOptions(
|
||||
options: Pick<AgentLsOptions, "all" | "global" | "label" | "thinking">,
|
||||
options: Pick<AgentLsOptions, "all" | "global" | "background" | "label" | "thinking">,
|
||||
): FetchAgentsOptions {
|
||||
const labelFilters = parseLabelFilters(options.label);
|
||||
const normalizedThinkingOptionId = options.thinking?.trim();
|
||||
@@ -142,6 +145,9 @@ export function buildAgentLsFetchOptions(
|
||||
if (options.all) {
|
||||
daemonFilter.includeArchived = true;
|
||||
}
|
||||
if (options.background || options.all) {
|
||||
daemonFilter.includeBackground = true;
|
||||
}
|
||||
if (Object.keys(labelFilters).length > 0) {
|
||||
daemonFilter.labels = labelFilters;
|
||||
}
|
||||
@@ -150,7 +156,7 @@ export function buildAgentLsFetchOptions(
|
||||
}
|
||||
|
||||
const fetchOptions: FetchAgentsOptions = {};
|
||||
if (!options.global) {
|
||||
if (!options.global && !options.all) {
|
||||
fetchOptions.scope = "active";
|
||||
}
|
||||
if (Object.keys(daemonFilter).length > 0) {
|
||||
@@ -163,7 +169,7 @@ export function buildAgentLsFetchOptions(
|
||||
* Agent ls command semantics:
|
||||
* - `paseo agent ls` → active non-archived agents
|
||||
* - `paseo agent ls -g` → global non-archived agents
|
||||
* - `paseo agent ls -a` → active agents, including archived
|
||||
* - `paseo agent ls -a` → all agents, including archived and background
|
||||
* - `paseo agent ls -ag` → global agents, including archived
|
||||
*/
|
||||
export async function runLsCommand(
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
||||
import { DaemonConnectionError } from "@getpaseo/client/internal/daemon-client";
|
||||
import { resolveCallerAgentId as resolveRunCallerAgentId } from "../../utils/caller-agent.js";
|
||||
import {
|
||||
resolveExistingRunWorkspace,
|
||||
resolveRunCallerAgentId,
|
||||
runRunCommand,
|
||||
waitsForFinish,
|
||||
type AgentRunOptions,
|
||||
} from "./run";
|
||||
|
||||
@@ -21,6 +22,15 @@ function daemonWithAgents(...agentIds: string[]) {
|
||||
};
|
||||
}
|
||||
|
||||
describe("run wait policy", () => {
|
||||
it("waits by default and stops waiting on --no-wait or a legacy alias", () => {
|
||||
expect(waitsForFinish({})).toBe(true);
|
||||
expect(waitsForFinish({ wait: false })).toBe(false);
|
||||
expect(waitsForFinish({ background: true })).toBe(false);
|
||||
expect(waitsForFinish({ detach: true })).toBe(false);
|
||||
});
|
||||
});
|
||||
|
||||
describe("managed agent caller context", () => {
|
||||
it("uses a trimmed PASEO_AGENT_ID when the target daemon runs that agent", async () => {
|
||||
await expect(
|
||||
@@ -38,17 +48,20 @@ describe("managed agent caller context", () => {
|
||||
).resolves.toBeUndefined();
|
||||
});
|
||||
|
||||
it("fails instead of dropping the caller when the lookup loses its connection", async () => {
|
||||
const disconnectedDaemon = {
|
||||
async fetchAgent(): Promise<never> {
|
||||
throw new DaemonConnectionError("Connection lost before message could be sent");
|
||||
},
|
||||
};
|
||||
it.each(["DAEMON_CONNECTION_LOST", "DAEMON_REQUEST_TIMEOUT"] as const)(
|
||||
"preserves %s instead of dropping the caller",
|
||||
async (code) => {
|
||||
const disconnectedDaemon = {
|
||||
async fetchAgent(): Promise<never> {
|
||||
throw new DaemonConnectionError("Caller lookup transport failed", code);
|
||||
},
|
||||
};
|
||||
|
||||
await expect(
|
||||
resolveRunCallerAgentId(disconnectedDaemon, { PASEO_AGENT_ID: "parent-agent" }),
|
||||
).rejects.toBeInstanceOf(DaemonConnectionError);
|
||||
});
|
||||
await expect(
|
||||
resolveRunCallerAgentId(disconnectedDaemon, { PASEO_AGENT_ID: "parent-agent" }),
|
||||
).rejects.toBeInstanceOf(DaemonConnectionError);
|
||||
},
|
||||
);
|
||||
|
||||
it("omits blank caller ids", async () => {
|
||||
await expect(
|
||||
|
||||
@@ -4,7 +4,7 @@ import {
|
||||
StructuredAgentResponseError,
|
||||
} from "@getpaseo/server/agent-response";
|
||||
import type { AgentSnapshotPayload } from "@getpaseo/protocol/messages";
|
||||
import { DaemonConnectionError } from "@getpaseo/client/internal/daemon-client";
|
||||
import { resolveCallerAgentId } from "../../utils/caller-agent.js";
|
||||
import { connectToDaemon } from "../../utils/client.js";
|
||||
import type {
|
||||
CommandOptions,
|
||||
@@ -27,10 +27,13 @@ export function addRunOptions(cmd: Command): Command {
|
||||
cmd
|
||||
.description("Create and start an agent with a task")
|
||||
.argument("<prompt>", "The task/prompt for the agent")
|
||||
.option("-d, --background", "Run in background")
|
||||
.option("--no-wait", "Return immediately without waiting for completion")
|
||||
// COMPAT(backgroundRunFlag): --background was the documented spelling of
|
||||
// --no-wait. Added in v0.2.0; remove after 2027-04-01.
|
||||
.addOption(new Option("-d, --background", "Legacy alias for --no-wait").hideHelp())
|
||||
// COMPAT(detachRunFlag): --detach used to mean background execution, not
|
||||
// ownership transfer. Added in v0.2.0; remove after 2027-01-17.
|
||||
.addOption(new Option("--detach", "Legacy alias for --background").hideHelp())
|
||||
.addOption(new Option("--detach", "Legacy alias for --no-wait").hideHelp())
|
||||
.option("--title <title>", "Assign a title to the agent")
|
||||
.addOption(new Option("--name <name>", "Hidden alias for --title").hideHelp())
|
||||
.option(
|
||||
@@ -111,6 +114,7 @@ export const agentRunSchema: OutputSchema<AgentRunResult> = {
|
||||
};
|
||||
|
||||
export interface AgentRunOptions extends CommandOptions {
|
||||
wait?: boolean;
|
||||
background?: boolean;
|
||||
detach?: boolean;
|
||||
title?: string;
|
||||
@@ -389,19 +393,25 @@ function validateRunOptions(prompt: string, options: AgentRunOptions, outputSche
|
||||
} satisfies CommandError;
|
||||
}
|
||||
|
||||
if (options.background) {
|
||||
console.error("Warning: --background (-d) is deprecated. Use --no-wait instead.");
|
||||
}
|
||||
|
||||
validateRunWorkspaceOptions(options);
|
||||
|
||||
if (outputSchema && runsInBackground(options)) {
|
||||
if (outputSchema && !waitsForFinish(options)) {
|
||||
throw {
|
||||
code: "INVALID_OPTIONS",
|
||||
message: "--output-schema cannot be used with --background",
|
||||
message: "--output-schema cannot be used with --no-wait",
|
||||
details: "Structured output requires waiting for the agent to finish",
|
||||
} satisfies CommandError;
|
||||
}
|
||||
}
|
||||
|
||||
function runsInBackground(options: Pick<AgentRunOptions, "background" | "detach">): boolean {
|
||||
return Boolean(options.background || options.detach);
|
||||
export function waitsForFinish(
|
||||
options: Pick<AgentRunOptions, "wait" | "background" | "detach">,
|
||||
): boolean {
|
||||
return options.wait !== false && !options.background && !options.detach;
|
||||
}
|
||||
|
||||
function parseWaitTimeoutOption(waitTimeout: string | undefined): number {
|
||||
@@ -557,7 +567,10 @@ async function resolveRunWorkspace(
|
||||
// TODO: thread the run `prompt` as firstAgentContext so workspace-level
|
||||
// title/branch generation picks up the task description (U8/U6 deferred).
|
||||
const source = buildRunWorkspaceSource(options, cwd);
|
||||
const result = await client.createWorkspace({ source });
|
||||
const result = await client.createWorkspace({
|
||||
source,
|
||||
...(callerAgentId ? { callerAgentId } : {}),
|
||||
});
|
||||
|
||||
if (!result.workspace) {
|
||||
throw {
|
||||
@@ -611,7 +624,7 @@ export async function runRunCommand(
|
||||
const env = parseRunEnv(options.env);
|
||||
const requestEnv = Object.keys(env).length > 0 ? env : undefined;
|
||||
|
||||
const callerAgentId = await resolveRunCallerAgentId(client);
|
||||
const callerAgentId = await resolveCallerAgentId(client);
|
||||
const workspace = await resolveRunWorkspace(client, options, cwd, callerAgentId);
|
||||
const workspaceId = workspace.id;
|
||||
const runCwd = workspace.cwd;
|
||||
@@ -707,8 +720,8 @@ export async function runRunCommand(
|
||||
labels: Object.keys(labels).length > 0 ? labels : undefined,
|
||||
});
|
||||
|
||||
// Default run behavior is foreground: wait for completion unless background execution is set.
|
||||
if (!runsInBackground(options)) {
|
||||
// Default run behavior is foreground: wait for completion unless --no-wait is set.
|
||||
if (waitsForFinish(options)) {
|
||||
const state = await client.waitForFinish(agent.id, waitTimeoutMs);
|
||||
await client.close();
|
||||
|
||||
@@ -744,29 +757,3 @@ export async function runRunCommand(
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
export interface RunCallerLookupClient {
|
||||
fetchAgent(options: { agentId: string }): Promise<{ agent: { id: string } } | null>;
|
||||
}
|
||||
|
||||
// PASEO_AGENT_ID names an agent on the daemon that launched this shell. A run
|
||||
// sent to another daemon (--host or --home) has no caller there, so it runs as
|
||||
// a top-level agent instead of failing on an unknown caller.
|
||||
export async function resolveRunCallerAgentId(
|
||||
client: RunCallerLookupClient,
|
||||
env: { PASEO_AGENT_ID?: string } = process.env,
|
||||
): Promise<string | undefined> {
|
||||
const agentId = env.PASEO_AGENT_ID?.trim();
|
||||
if (!agentId) {
|
||||
return undefined;
|
||||
}
|
||||
const caller = await client.fetchAgent({ agentId }).catch((error: unknown) => {
|
||||
// A daemon without this agent answers with an error. A lost or timed-out
|
||||
// connection is not an answer, so it must not drop the caller.
|
||||
if (error instanceof DaemonConnectionError) {
|
||||
throw error;
|
||||
}
|
||||
return null;
|
||||
});
|
||||
return caller?.agent.id === agentId ? agentId : undefined;
|
||||
}
|
||||
|
||||
@@ -192,7 +192,10 @@ export async function runSendCommand(
|
||||
options.image && options.image.length > 0 ? await readImageFiles(options.image) : undefined;
|
||||
|
||||
// Send the message
|
||||
await client.sendAgentMessage(agentIdArg, promptInput, { images });
|
||||
await client.sendAgentMessage(agentIdArg, promptInput, {
|
||||
images,
|
||||
sourceAgentId: process.env.PASEO_AGENT_ID?.trim() || undefined,
|
||||
});
|
||||
|
||||
// If --no-wait, return immediately
|
||||
if (options.wait === false) {
|
||||
|
||||
@@ -0,0 +1,279 @@
|
||||
import { describe, expect, it } from "vitest";
|
||||
import type { UsageReportEntry } from "@getpaseo/protocol/messages";
|
||||
import { render } from "../../output/index.js";
|
||||
import { createCli } from "../../cli.js";
|
||||
import { runUsageCommand } from "./index.js";
|
||||
|
||||
const options = { daemonTarget: { kind: "endpoint" as const, host: "example.test:1234" } };
|
||||
const reports: UsageReportEntry[] = [
|
||||
{
|
||||
id: "plugin.source:work.account",
|
||||
sourceId: "plugin.source",
|
||||
sourceLabel: "Plugin Source",
|
||||
account: { label: "Work" },
|
||||
fetchedAt: "2026-10-09T12:00:00Z",
|
||||
icon: "<svg />",
|
||||
report: {
|
||||
status: "available",
|
||||
planLabel: "Pro",
|
||||
windows: [
|
||||
{
|
||||
id: "5h",
|
||||
label: "Five hours",
|
||||
usedPct: 12.5,
|
||||
remainingPct: 87.5,
|
||||
resetsAt: "2026-10-09T17:00:00Z",
|
||||
runsOutAt: "2026-10-09T16:00:00Z",
|
||||
shortfallPct: 4.25,
|
||||
},
|
||||
{ id: "week", label: "Weekly", usedPct: null, remainingPct: 0 },
|
||||
{ id: "extra", label: "Extra", usedPct: 0 },
|
||||
],
|
||||
balances: [
|
||||
{
|
||||
id: "credit",
|
||||
label: "Credit",
|
||||
used: 0,
|
||||
remaining: 2.5,
|
||||
limit: 10,
|
||||
unit: "usd",
|
||||
resetsAt: "2026-11-01T00:00:00Z",
|
||||
},
|
||||
{ id: "requests", label: "Requests", remaining: null, unit: "requests" },
|
||||
],
|
||||
details: [{ id: "tier", label: "Tier", value: "Enterprise" }],
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "plugin.source:personal",
|
||||
sourceId: "plugin.source",
|
||||
sourceLabel: "Plugin Source",
|
||||
account: {},
|
||||
fetchedAt: "2026-10-09T12:00:00Z",
|
||||
report: {
|
||||
status: "unavailable",
|
||||
problem: { kind: "rejected", status: 401, refreshedBy: "codex login" },
|
||||
},
|
||||
loginErrors: [
|
||||
{
|
||||
harness: "Claude Code",
|
||||
report: {
|
||||
status: "unavailable",
|
||||
problem: { kind: "expired", expiresAt: "2026-10-08T00:00:00Z", refreshedBy: "claude" },
|
||||
},
|
||||
},
|
||||
{
|
||||
harness: "Codex",
|
||||
report: {
|
||||
status: "unavailable",
|
||||
problem: { kind: "rejected", status: 401, refreshedBy: "codex login" },
|
||||
},
|
||||
},
|
||||
{ harness: "Other", report: { status: "error", error: "Login service failed" } },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "other:broken",
|
||||
sourceId: "other",
|
||||
sourceLabel: "Other",
|
||||
account: {},
|
||||
fetchedAt: "2026-10-09T12:00:00Z",
|
||||
report: { status: "error", error: "Source failed" },
|
||||
},
|
||||
{
|
||||
id: "other:noquota",
|
||||
sourceId: "other",
|
||||
sourceLabel: "Other",
|
||||
account: {},
|
||||
fetchedAt: "2026-10-09T12:00:00Z",
|
||||
report: {
|
||||
status: "unavailable",
|
||||
problem: { kind: "no_quota", detail: "No quota for this plan" },
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
function host(entries = reports, supported = true) {
|
||||
const requests: Array<Parameters<NonNullable<Parameters<typeof runUsageCommand>[2]>>[0]> = [];
|
||||
const queries: Array<
|
||||
{ agentId?: string; forceRefresh?: boolean; reportIds?: string[] } | undefined
|
||||
> = [];
|
||||
let closed = 0;
|
||||
return {
|
||||
requests,
|
||||
queries,
|
||||
get closed() {
|
||||
return closed;
|
||||
},
|
||||
connect: async (input: (typeof requests)[number]) => {
|
||||
requests.push(input);
|
||||
return {
|
||||
getLastServerInfoMessage: () => ({ features: { usageSources: supported } }),
|
||||
listUsageReports: async (query?: (typeof queries)[number]) => {
|
||||
queries.push(query);
|
||||
const selected = query?.reportIds
|
||||
? entries.filter((entry) => query.reportIds!.includes(entry.id))
|
||||
: entries;
|
||||
return { requestId: "request", reports: selected };
|
||||
},
|
||||
close: async () => {
|
||||
closed++;
|
||||
},
|
||||
};
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
it("preserves complete JSON entries, numeric values and quiet full IDs", async () => {
|
||||
const daemon = host();
|
||||
const result = await runUsageCommand(options, { kind: "list" }, daemon.connect);
|
||||
expect(JSON.parse(render(result, { format: "json" }))).toEqual(reports);
|
||||
expect(render(result, { quiet: true })).toBe(reports.map((entry) => entry.id).join("\n"));
|
||||
expect(daemon.requests).toEqual([{ target: options.daemonTarget }]);
|
||||
expect(daemon.closed).toBe(1);
|
||||
});
|
||||
|
||||
it("lists all windows, balances, missing values, failures and remedies", async () => {
|
||||
const result = await runUsageCommand(options, { kind: "list" }, host().connect);
|
||||
const text = render(result, { noColor: true });
|
||||
for (const expected of [
|
||||
"REPORT ID",
|
||||
"SOURCE",
|
||||
"ACCOUNT",
|
||||
"STATUS",
|
||||
"USAGE",
|
||||
"FETCHED",
|
||||
"Five hours: 12.5% used, 87.5% remaining",
|
||||
"Weekly: - used, 0% remaining",
|
||||
"Extra: 0% used, - remaining",
|
||||
"Credit: 0 used, 2.5 remaining, 10 limit (usd)",
|
||||
"Requests: - used, - remaining, - limit (requests)",
|
||||
"Login expired at 2026-10-08T00:00:00Z. Run claude",
|
||||
"Login rejected (HTTP 401). Run codex login",
|
||||
"Other: Login service failed",
|
||||
"Source failed",
|
||||
"No quota for this plan",
|
||||
])
|
||||
expect(text).toContain(expected);
|
||||
expect(render(result, { noHeaders: true })).not.toContain("REPORT ID");
|
||||
});
|
||||
|
||||
it("inspects exact opaque IDs and includes resets, forecasts, details and login failures", async () => {
|
||||
const daemon = host();
|
||||
const result = await runUsageCommand(
|
||||
options,
|
||||
{ kind: "inspect", id: reports[0]!.id },
|
||||
daemon.connect,
|
||||
);
|
||||
expect(JSON.parse(render(result, { format: "json" }))).toEqual(reports[0]);
|
||||
const text = render(result);
|
||||
for (const expected of [
|
||||
"Source ID: plugin.source",
|
||||
"Plan: Pro",
|
||||
"Resets: 2026-10-09T17:00:00Z",
|
||||
"Runs out: 2026-10-09T16:00:00Z",
|
||||
"Shortfall: 4.25%",
|
||||
"Resets: -",
|
||||
"Resets: 2026-11-01T00:00:00Z",
|
||||
"Tier: Enterprise",
|
||||
])
|
||||
expect(text).toContain(expected);
|
||||
const failure = await runUsageCommand(
|
||||
options,
|
||||
{ kind: "inspect", id: reports[1]!.id },
|
||||
daemon.connect,
|
||||
);
|
||||
expect(render(failure)).toContain("Login failures:\n Claude Code: Login expired at");
|
||||
expect(render(failure)).toContain(" Other: Login service failed");
|
||||
});
|
||||
|
||||
it("discovers before inspecting, then refreshes only the selected report", async () => {
|
||||
const daemon = host();
|
||||
await runUsageCommand(
|
||||
{ ...options, refresh: true },
|
||||
{ kind: "inspect", id: reports[0]!.id },
|
||||
daemon.connect,
|
||||
);
|
||||
expect(daemon.queries).toEqual([undefined, { reportIds: [reports[0]!.id], forceRefresh: true }]);
|
||||
});
|
||||
|
||||
it("rejects agent selection combined with inspect before connecting", async () => {
|
||||
const daemon = host();
|
||||
await expect(
|
||||
runUsageCommand(
|
||||
{ ...options, agent: "agent-A" },
|
||||
{ kind: "inspect", id: reports[0]!.id },
|
||||
daemon.connect,
|
||||
),
|
||||
).rejects.toMatchObject({ code: "INVALID_OPTIONS" });
|
||||
expect(daemon.requests).toEqual([]);
|
||||
});
|
||||
|
||||
it("passes agent account selection and refresh without converting it to token consumption", async () => {
|
||||
const daemon = host();
|
||||
await runUsageCommand(
|
||||
{ ...options, agent: "agent-123", refresh: true },
|
||||
{ kind: "list" },
|
||||
daemon.connect,
|
||||
);
|
||||
expect(daemon.queries).toEqual([{ agentId: "agent-123", forceRefresh: true }]);
|
||||
});
|
||||
|
||||
it("returns an empty array in JSON and explains empty discovery in human output", async () => {
|
||||
const result = await runUsageCommand(options, { kind: "list" }, host([]).connect);
|
||||
expect(render(result, { format: "json" })).toBe("[]");
|
||||
expect(render(result)).toBe("No usage reports returned");
|
||||
expect(render(result, { quiet: true })).toBe("");
|
||||
});
|
||||
|
||||
it("rejects unknown IDs and prefixes and closes the client", async () => {
|
||||
const daemon = host();
|
||||
await expect(
|
||||
runUsageCommand(options, { kind: "inspect", id: "plugin.source:work" }, daemon.connect),
|
||||
).rejects.toEqual({
|
||||
code: "REPORT_NOT_FOUND",
|
||||
message: "Unknown usage report: plugin.source:work",
|
||||
});
|
||||
expect(daemon.closed).toBe(1);
|
||||
});
|
||||
|
||||
it("gates unsupported hosts before any request and closes the connection", async () => {
|
||||
const daemon = host(reports, false);
|
||||
await expect(runUsageCommand(options, { kind: "list" }, daemon.connect)).rejects.toMatchObject({
|
||||
code: "UNSUPPORTED_HOST",
|
||||
});
|
||||
expect(daemon.queries).toEqual([]);
|
||||
expect(daemon.closed).toBe(1);
|
||||
});
|
||||
|
||||
it("propagates connection and request failures", async () => {
|
||||
await expect(
|
||||
runUsageCommand(options, { kind: "list" }, async () => {
|
||||
throw new Error("Connection failed");
|
||||
}),
|
||||
).rejects.toThrow("Connection failed");
|
||||
let closed = false;
|
||||
const connect = async () => ({
|
||||
getLastServerInfoMessage: () => ({ features: { usageSources: true } }),
|
||||
listUsageReports: async () => {
|
||||
throw new Error("Request failed");
|
||||
},
|
||||
close: async () => {
|
||||
closed = true;
|
||||
},
|
||||
});
|
||||
await expect(runUsageCommand(options, { kind: "list" }, connect)).rejects.toThrow(
|
||||
"Request failed",
|
||||
);
|
||||
expect(closed).toBe(true);
|
||||
});
|
||||
|
||||
describe("usage CLI registration", () => {
|
||||
it("registers default, ls and inspect with the accepted selectors", () => {
|
||||
const usage = createCli().commands.find((command) => command.name() === "usage")!;
|
||||
expect(usage.commands.map((command) => command.name())).toEqual(["ls", "inspect"]);
|
||||
expect(usage.helpInformation()).toContain("--agent <id>");
|
||||
expect(usage.commands[0]!.helpInformation()).toContain("--refresh");
|
||||
expect(usage.commands[1]!.helpInformation()).toContain("<report-id>");
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,95 @@
|
||||
import { Command } from "commander";
|
||||
import type { DaemonClient } from "@getpaseo/client/internal/daemon-client";
|
||||
import type { UsageReportEntry } from "@getpaseo/protocol/messages";
|
||||
import { connectToDaemon, type ConnectOptions } from "../../utils/client.js";
|
||||
import { addJsonAndDaemonHostOptions } from "../../utils/command-options.js";
|
||||
import { withOutput, type CommandOptions, type CommandResult } from "../../output/index.js";
|
||||
import { usageSchema } from "./presentation.js";
|
||||
|
||||
interface UsageOptions extends CommandOptions {
|
||||
agent?: string;
|
||||
refresh?: boolean;
|
||||
}
|
||||
|
||||
type UsageSelection = { kind: "list" } | { kind: "inspect"; id: string };
|
||||
interface UsageClient {
|
||||
getLastServerInfoMessage(): { features?: { usageSources?: boolean } } | null;
|
||||
listUsageReports: DaemonClient["listUsageReports"];
|
||||
close: DaemonClient["close"];
|
||||
}
|
||||
type ConnectUsage = (options: ConnectOptions) => Promise<UsageClient>;
|
||||
|
||||
export async function runUsageCommand(
|
||||
options: UsageOptions,
|
||||
selection: UsageSelection,
|
||||
connect: ConnectUsage = connectToDaemon,
|
||||
): Promise<CommandResult<UsageReportEntry>> {
|
||||
const conflictingSelectors = selection.kind === "inspect" && options.agent !== undefined;
|
||||
if (conflictingSelectors) {
|
||||
throw {
|
||||
code: "INVALID_OPTIONS",
|
||||
message:
|
||||
"--agent cannot be combined with usage inspect. Use usage ls --agent <id> for agent account usage, or usage inspect <report-id> for an exact report.",
|
||||
};
|
||||
}
|
||||
const client = await connect({ target: options.daemonTarget });
|
||||
try {
|
||||
if (client.getLastServerInfoMessage()?.features?.usageSources !== true) {
|
||||
throw { code: "UNSUPPORTED_HOST", message: "Update the host to use usage reports." };
|
||||
}
|
||||
if (selection.kind === "list") {
|
||||
const { reports } = await client.listUsageReports({
|
||||
agentId: options.agent,
|
||||
forceRefresh: options.refresh,
|
||||
});
|
||||
return { type: "list", data: reports, schema: usageSchema };
|
||||
}
|
||||
// Report-ID queries only select known accounts. Discover before selecting, including on cold hosts.
|
||||
const { reports } = await client.listUsageReports();
|
||||
let entry = reports.find((report) => report.id === selection.id);
|
||||
if (entry && options.refresh) {
|
||||
const refreshed = await client.listUsageReports({
|
||||
reportIds: [selection.id],
|
||||
forceRefresh: true,
|
||||
});
|
||||
entry = refreshed.reports.find((report) => report.id === selection.id);
|
||||
}
|
||||
if (!entry) {
|
||||
throw { code: "REPORT_NOT_FOUND", message: `Unknown usage report: ${selection.id}` };
|
||||
}
|
||||
return { type: "single", data: entry, schema: usageSchema };
|
||||
} finally {
|
||||
await client.close().catch(() => {});
|
||||
}
|
||||
}
|
||||
|
||||
function addListOptions(command: Command): Command {
|
||||
return addJsonAndDaemonHostOptions(command)
|
||||
.option(
|
||||
"--agent <id>",
|
||||
"Show account quota associated with this agent (not agent token consumption)",
|
||||
)
|
||||
.option("--refresh", "Refresh usage instead of using the host cache");
|
||||
}
|
||||
|
||||
export function createUsageCommand(): Command {
|
||||
const usage = addListOptions(new Command("usage").description("Show account usage reports"));
|
||||
const list = (options: CommandOptions, _command: Command) =>
|
||||
runUsageCommand(options, { kind: "list" });
|
||||
usage.action(withOutput(list));
|
||||
addListOptions(usage.command("ls").description("List account quotas and balances")).action(
|
||||
withOutput(list),
|
||||
);
|
||||
addJsonAndDaemonHostOptions(
|
||||
usage
|
||||
.command("inspect")
|
||||
.description("Show a complete account usage report")
|
||||
.argument("<report-id>", "Exact opaque Report ID")
|
||||
.option("--refresh", "Refresh the selected report instead of using the host cache"),
|
||||
).action(
|
||||
withOutput((id: string, options: CommandOptions, _command: Command) =>
|
||||
runUsageCommand(options, { kind: "inspect", id }),
|
||||
),
|
||||
);
|
||||
return usage;
|
||||
}
|
||||
@@ -0,0 +1,137 @@
|
||||
import type {
|
||||
UsageReportEntry,
|
||||
UsageReport,
|
||||
UsageProblem,
|
||||
ProviderUsageWindow,
|
||||
ProviderUsageBalance,
|
||||
} from "@getpaseo/protocol/messages";
|
||||
import { renderTable, type OutputSchema } from "../../output/index.js";
|
||||
|
||||
function value(input: string | number | null | undefined): string {
|
||||
return input == null ? "-" : String(input);
|
||||
}
|
||||
|
||||
function percent(input: number | null | undefined): string {
|
||||
return input == null ? "-" : `${input}%`;
|
||||
}
|
||||
|
||||
function problemText(problem: UsageProblem): string {
|
||||
if (problem.kind === "no_quota") return problem.detail;
|
||||
const remedy = problem.refreshedBy
|
||||
? `Run ${problem.refreshedBy} to refresh login.`
|
||||
: "Sign in again.";
|
||||
if (problem.kind === "expired") return `Login expired at ${problem.expiresAt}. ${remedy}`;
|
||||
return `Login rejected (HTTP ${problem.status}). ${remedy}`;
|
||||
}
|
||||
|
||||
function failureText(report: UsageReport): string {
|
||||
if (report.status === "error") return report.error;
|
||||
if (report.status === "unavailable") return problemText(report.problem);
|
||||
return "-";
|
||||
}
|
||||
|
||||
function windowText(window: ProviderUsageWindow): string {
|
||||
return `${window.label}: ${percent(window.usedPct)} used, ${percent(window.remainingPct)} remaining`;
|
||||
}
|
||||
|
||||
function balanceText(balance: ProviderUsageBalance): string {
|
||||
return `${balance.label}: ${value(balance.used)} used, ${value(balance.remaining)} remaining, ${value(balance.limit)} limit (${balance.unit})`;
|
||||
}
|
||||
|
||||
function summary(entry: UsageReportEntry): string[] {
|
||||
const { report } = entry;
|
||||
if (report.status !== "available") {
|
||||
const lines = [failureText(report)];
|
||||
for (const login of entry.loginErrors ?? [])
|
||||
lines.push(`${login.harness}: ${failureText(login.report)}`);
|
||||
return lines;
|
||||
}
|
||||
const lines = report.windows.map(windowText);
|
||||
lines.push(...(report.balances ?? []).map(balanceText));
|
||||
return lines.length ? lines : ["-"];
|
||||
}
|
||||
|
||||
interface SummaryRow {
|
||||
id: string;
|
||||
source: string;
|
||||
account: string;
|
||||
status: string;
|
||||
usage: string;
|
||||
fetched: string;
|
||||
}
|
||||
|
||||
const summarySchema: OutputSchema<SummaryRow> = {
|
||||
idField: "id",
|
||||
columns: [
|
||||
{ header: "REPORT ID", field: "id" },
|
||||
{ header: "SOURCE", field: "source" },
|
||||
{ header: "ACCOUNT", field: "account" },
|
||||
{ header: "STATUS", field: "status" },
|
||||
{ header: "USAGE", field: "usage" },
|
||||
{ header: "FETCHED", field: "fetched" },
|
||||
],
|
||||
};
|
||||
|
||||
function inspect(entry: UsageReportEntry): string {
|
||||
const lines = [
|
||||
`Report ID: ${entry.id}`,
|
||||
`Source: ${entry.sourceLabel}`,
|
||||
`Source ID: ${entry.sourceId}`,
|
||||
`Account: ${value(entry.account.label)}`,
|
||||
`Status: ${entry.report.status}`,
|
||||
`Fetched: ${value(entry.fetchedAt)}`,
|
||||
];
|
||||
const { report } = entry;
|
||||
if (report.status === "available") {
|
||||
lines.push(`Plan: ${value(report.planLabel)}`, "Windows:");
|
||||
if (!report.windows.length) lines.push(" -");
|
||||
for (const window of report.windows) {
|
||||
lines.push(` ${windowText(window)} [${window.id}]`, ` Resets: ${value(window.resetsAt)}`);
|
||||
if (window.runsOutAt != null) lines.push(` Runs out: ${window.runsOutAt}`);
|
||||
if (window.shortfallPct != null) lines.push(` Shortfall: ${percent(window.shortfallPct)}`);
|
||||
}
|
||||
lines.push("Balances:");
|
||||
if (!report.balances?.length) lines.push(" -");
|
||||
for (const balance of report.balances ?? []) {
|
||||
lines.push(
|
||||
` ${balanceText(balance)} [${balance.id}]`,
|
||||
` Resets: ${value(balance.resetsAt)}`,
|
||||
);
|
||||
}
|
||||
lines.push("Details:");
|
||||
if (!report.details?.length) lines.push(" -");
|
||||
for (const detail of report.details ?? []) lines.push(` ${detail.label}: ${detail.value}`);
|
||||
} else {
|
||||
lines.push(`Reason: ${failureText(report)}`);
|
||||
}
|
||||
if (entry.loginErrors?.length) {
|
||||
lines.push("Login failures:");
|
||||
for (const login of entry.loginErrors)
|
||||
lines.push(` ${login.harness}: ${failureText(login.report)}`);
|
||||
}
|
||||
return lines.join("\n");
|
||||
}
|
||||
|
||||
export const usageSchema: OutputSchema<UsageReportEntry> = {
|
||||
idField: "id",
|
||||
columns: [],
|
||||
renderHuman(result, options) {
|
||||
if (result.type === "single") return inspect(result.data);
|
||||
if (!result.data.length) return "No usage reports returned";
|
||||
const rows: SummaryRow[] = [];
|
||||
for (const entry of result.data) {
|
||||
for (const [index, usage] of summary(entry).entries()) {
|
||||
const first = index === 0;
|
||||
rows.push({
|
||||
id: first ? entry.id : "",
|
||||
source: first ? entry.sourceLabel : "",
|
||||
account: first ? value(entry.account.label) : "",
|
||||
status: first ? entry.report.status : "",
|
||||
usage,
|
||||
fetched: first ? value(entry.fetchedAt) : "",
|
||||
});
|
||||
}
|
||||
}
|
||||
return renderTable<SummaryRow>({ type: "list", data: rows, schema: summarySchema }, options);
|
||||
},
|
||||
};
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user