paseo/plan.md

Host Management UX Overhaul

Completed Work (Summary)

The multi-daemon infrastructure is in place: session directory with daemon-scoped subscriptions, aggregated agent views, daemon-aware routing for agent/diff/file screens, React Query for connection state persistence, background reconnection with exponential backoff, useDaemonRequest for consistent async flows, structured logging, and architecture docs in docs/multi-daemon.md.

Guiding Principles

• Hosts are always connected when added—no manual "connect" action, no toggles.
• A stopped host is not an error—it's just a state. Errors only surface when the user tries to interact with an agent whose host is stopped.
• No "active" or "primary" concepts—actions that need a host require the user to choose explicitly.
• The home screen shows a flat list of agents with host name as metadata, not grouped by host.

Tasks

1. Rename "Daemon" to "Host" in UI

• Rename all user-facing labels, messages, and UI text from "daemon" to "host" throughout the app.
  • Settings screen, connection banners, error messages, modals, etc.
  • Internal code can keep "daemon" terminology; this is UI-only.
  • Updated every user-facing string (settings, modals, placeholders, defaults) to say "host" and spot-checked via targeted searches; no automated tests were run.
  • Context: Remaining "daemon" labels in git diff, file explorer, and agent detail screens now say "host" (updated packages/app/src/app/git-diff.tsx, file-explorer.tsx, agent/[id].tsx, and agent/[serverId]/[agentId].tsx).
  • Review: Confirmed the agent redirect, file explorer, and git diff screens reflect the updated host wording with no lingering user-facing "daemon" strings.
  • Review follow-up: Git Diff screen still showed the selected host as "Server"; updated the meta labels to "Host" to keep UI text consistent (packages/app/src/app/git-diff.tsx).
  • Review follow-up (current): Found that the Git Diff header still surfaced the internal host ID instead of the friendly label; updated GitDiffContent to accept the computed serverLabel and verified via npm run typecheck --workspace=@paseo/app.

2. Remove Active/Primary/Auto-Connect Concepts

• Remove the concept of "active daemon" from the UI and simplify to just "hosts".
  • Summary: Home/footer actions, create/import flows, and agent navigation now route directly via explicit host IDs with analytics/docs/aggregated list updates, verified with npm run typecheck --workspace=@paseo/app.
  • Context: GlobalFooter, the create/import modals, the agent screen, and the agent list previously read/write activeDaemonId, forcing a global active host before routing; they now rely on explicit host IDs instead.
• Remove the concept of "primary daemon"—no default host for actions.
  • Eliminated the persisted activeDaemonId, flattened the session directory, and refactored _layout, realtime, settings, and agent UI to always resolve hosts explicitly so every host gets its own SessionProvider; verified via npm run typecheck --workspace=@paseo/app.
• Remove the "auto-connect" toggle from host settings—hosts always auto-connect when added.
  • Removed the toggle from the host form so entries always auto-connect and verified with npm run typecheck --workspace=@paseo/app.
• Clean up any related state/UI that exposes these concepts to users.
  • Removed the legacy autoConnect state from daemon profiles and session hosts so every host hydrates automatically, refreshed the host-unavailable messaging/docs, and verified via npm run typecheck --workspace=@paseo/app.

Review: No Silent Defaults

• Review the changes to ensure we didn't just replace "active daemon" with "first host" (e.g., hosts[0]}). The goal is explicit user choice, not a hidden default.
  • Create/import modal now requires explicit host selection (no first entry default) and useAggregatedAgents no longer fabricates a host id via connectionStates.keys().next(); verified with npm run typecheck --workspace=@paseo/app.

3. Simplify Settings Screen

• Remove the standalone "Test Connection" form/URL input at the top of settings.
  • Removed the global host selector/Test UI from packages/app/src/app/settings.tsx so configuration happens per-host within their cards/forms, and ran npm run typecheck --workspace=@paseo/app.
• Keep the per-host "Test" button in each host row (already exists).
  • Verified SettingsScreen still renders the per-host Test CTA inside each DaemonCard, confirmed the button invokes handleTestDaemonConnection, and ran npm run typecheck --workspace=@paseo/app.

4. Transparent Connection Management

• When a host is added, the app auto-connects and keeps the connection alive.
  • Added an AppState-aware reconnect path in useWebSocket so every background session automatically reconnects when the app becomes active again, keeping newly added hosts online without manual intervention; verified with npm run typecheck --workspace=@paseo/app.
• Users should never need to manually "connect" to a host—the app handles it.
  • Reworded realtime, settings restart, and agent creation/import flows so they explain hosts reconnect automatically instead of asking users to connect manually; verified with npm run typecheck --workspace=@paseo/app.
• Remove any UI that asks users to "connect" before performing actions.

5. Remove Host Status from Home Screen

• Remove connection status banners/indicators from the home screen—settings is the place to check host health.

6. Fix Error Philosophy

• A stopped/disconnected host is NOT an error—don't show error states on home screen just because a host is offline.
• Only show errors when the user tries to interact with an agent whose host is stopped.
• Update connection banners/indicators to show neutral "offline" state instead of error styling.
• Make the Git Diff offline/unavailable state neutral and stop instructing users to "connect" manually.
  • Context (update): SessionUnavailableState in packages/app/src/app/git-diff.tsx now uses neutral copy/styling that reassures users we auto-reconnect; verified with npm run typecheck --workspace=@paseo/app.
• Update the File Explorer offline state to match the new philosophy (neutral messaging, no manual connect CTA).
  • Context (update): FileExplorerSessionUnavailable now shows the passive offline message with auto-reconnect guidance instead of destructive styles (packages/app/src/app/file-explorer.tsx).
• Audit the agent detail flows for the same issue (offline agent screen + delete sheet) and replace the "connect this host" requirement with passive/offline messaging.
  • Context (update): AgentSessionUnavailableState and the delete sheet subtitle in packages/app/src/components/agent-list.tsx now explain that offline hosts reconnect automatically, removing the manual "connect" instruction.

6. Agent Creation Flow

• Remove reliance on "primary" or "active" daemon for agent creation.
• Require explicit host selection when creating an agent—user must choose where to deploy.
• Fix the contradictory error message "Daemon is online, connect to it before creating"—this should never appear.

7. Home Screen Agent List

• Show a loading indicator while hosts are connecting instead of the empty state.
• Remove grouping of agents by host—show a single flat list.
  • Each agent row displays its host name as metadata (badge, subtitle, etc.).
  • Sort agents by recent activity or alphabetically (not by host).

Review: Git Diff Metadata Cleanup

• Remove the now-unused routeServerId prop from GitDiffContent (packages/app/src/app/git-diff.tsx:84-104) so we aren't plumbing dead state through the component after switching to serverLabel.
  • Context: Deleted the redundant prop/const and updated GitDiffContent to rely solely on serverLabel, removing the final host-id plumbing that was no longer used anywhere in the component (packages/app/src/app/git-diff.tsx).