Developer
c8db6ce933
- Change mobile terminal CSS to use touch-action: none and overscroll-behavior: none so the custom touch handler owns swipes - Archive completed/partial OpenSpec specs to openspec/changes/archive/2026-06-14-completed-specs-archive/ - Regenerate project maps Quality gates: npm run typecheck, npm run lint (apps/web)
2.1 KiB
2.1 KiB
2026-06-12-completed-changes-archive/tool-session-progress-and-updates
dir: 2026-06-12-completed-changes-archive/tool-session-progress-and-updates
index: 2026-06-12-completed-changes-archive/tool-session-progress-and-updates/.pi-map.index.md
role
Archives documentation for a completed frontend refactoring that added real-time session progress tracking via SSE events and shared React state.
files
- .openspec.yaml | Defines an OpenAPI specification metadata file with schema type and creation date
- design.md | Design document for frontend-only refactoring of session lifecycle progress tracking and live UI updates using SSE events and shared React context. | dep: React, SSE (useEvents), SessionsContext, SessionOperationsContext, AppShell, DashboardPage, SessionsPage, CreateSessionForm, InstanceList, useInstanceActions, ToolStarter, StartToolFAB, EventToastBridge
- proposal.md | Proposes a frontend architecture change to add real-time session progress tracking via SSE and shared state across the application. | dep: React, SSE events, state management, AppShell, DashboardPage, SessionsPage, use-instance-actions, CreateSessionForm, SessionCard, InstanceCard
- tasks.md | A completed task checklist tracking implementation of shared session state, global progress panel, optimistic UI updates, and removal of legacy progress overlays in a React frontend application. | dep: React, state/sessions.tsx, state/session-operations.tsx, useEvents, hooks/use-instance-actions.ts, AppShell, SessionsPage, DashboardPage, components/features/session/session-progress-panel.tsx, components/features/tool/tool-starter.tsx, components/features/tool/start-tool-fab.tsx, components/features/tool/instance-list.tsx, components/features/session/create-session-form.tsx, components/features/session/session-card.tsx
arch
Event-driven frontend architecture using Server-Sent Events (SSE) for live updates, shared React context for global session state, optimistic UI patterns, and a centralized progress panel replacing legacy overlay components.
tags
session, tsx, components, features, progress, react, tool, state