paperclip/ui/src/pages
Dotta df425fde96
Present ordered sub-issues as a workflow checklist (#4523)
## Thinking Path

> - Paperclip orchestrates AI agents for zero-human companies.
> - Operators use issue detail pages and child issue lists to understand
multi-step execution plans.
> - Ordered sub-issues currently read like a flat table, so dependency
chains and current next steps are harder to scan.
> - The branch work adds a workflow-oriented presentation for child
issues without changing the single-assignee task model.
> - This pull request makes ordered sub-issues read more like a progress
checklist while preserving normal issue list controls.
> - The benefit is that operators can see completed steps, active work,
blocked follow-ups, and dependency order at a glance.

## What Changed

- Added workflow sorting utilities and tests for dependency-aware child
issue ordering.
- Added sub-issue progress summary, checklist numbering, current-step
affordances, blocker context, and done-state de-emphasis in the issue
list UI.
- Wired issue detail sub-issue panels to use the workflow sort/progress
checklist presentation.
- Updated issue service behavior/tests for child issue ordering inputs
used by the UI.
- Added a Storybook visual review fixture and screenshot helper for the
sub-issue workflow checklist surface.

## Verification

- `pnpm run preflight:workspace-links && pnpm exec vitest run
server/src/__tests__/issues-service.test.ts
ui/src/components/IssueRow.test.tsx
ui/src/components/IssuesList.test.tsx ui/src/pages/IssueDetail.test.tsx
ui/src/lib/issue-detail-subissues.test.ts
ui/src/lib/workflow-sort.test.ts`
- Result: 6 test files passed, 55 tests passed, 34 embedded Postgres
issue-service tests skipped because `@embedded-postgres/darwin-x64` is
unavailable on this host.
- Visual review: generated Storybook screenshots from the existing local
Storybook server on port 6006 with `node
scripts/screenshot-subissues.mjs /tmp/pap-2189-subissues-screens
http://localhost:6006`.
- Screenshot artifacts:
- Desktop dark: ![Desktop
dark](doc/assets/pap-2189/desktop-1440x900-dark.png)
- Desktop light: ![Desktop
light](doc/assets/pap-2189/desktop-1440x900-light.png)
- Mobile dark: ![Mobile
dark](doc/assets/pap-2189/mobile-390x844-dark.png)
- Mobile light: ![Mobile
light](doc/assets/pap-2189/mobile-390x844-light.png)
- Local Storybook note: starting a second Storybook process selected
port 6008 because 6006 was occupied, then Vite failed with an esbuild
host/binary version mismatch (`0.25.12` host vs `0.27.3` binary). The
already-running Storybook server on 6006 served the fixture successfully
for screenshots.

## Risks

- Medium UI risk: the issue list now has additional sub-issue-specific
visual states, so dense lists should be checked for spacing and
scanability.
- Low ordering risk: workflow sorting is covered by focused unit tests,
but unusual dependency topologies may still need reviewer attention.
- No migration risk: this PR does not add database migrations or touch
`pnpm-lock.yaml`.

> For core feature work, check [`ROADMAP.md`](ROADMAP.md) first and
discuss it in `#dev` before opening the PR. Feature PRs that overlap
with planned core work may need to be redirected — check the roadmap
first. See `CONTRIBUTING.md`.

## Model Used

- OpenAI Codex, GPT-5 coding agent, tool-enabled shell/git/GitHub
workflow. Context window is runtime-provided and not exposed in this
environment.

## Checklist

- [x] I have included a thinking path that traces from project context
to this change
- [x] I have specified the model used (with version and capability
details)
- [x] I have checked ROADMAP.md and confirmed this PR does not duplicate
planned core work
- [x] I have run tests locally and they pass
- [x] I have added or updated tests where applicable
- [x] If this change affects the UI, I have included before/after
screenshots
- [x] I have updated relevant documentation to reflect my changes
- [x] I have considered and documented any risks above
- [x] I will address all Greptile and reviewer comments before
requesting merge

---------

Co-authored-by: Paperclip <noreply@paperclip.ing>
2026-04-26 07:36:49 -05:00
..
Activity.tsx [codex] Harden heartbeat scheduling and runtime controls (#4223) 2026-04-21 12:24:11 -05:00
AdapterManager.tsx feat(adapters): add capability flags to ServerAdapterModule (#3540) 2026-04-15 07:10:52 -05:00
AgentDetail.tsx [codex] Add runtime lifecycle recovery and live issue visibility (#4419) 2026-04-24 15:50:32 -05:00
Agents.tsx [codex] Polish issue board workflows (#4224) 2026-04-21 12:25:34 -05:00
ApprovalDetail.tsx fix: keep runtime UI changes self-contained 2026-04-10 22:36:45 -05:00
Approvals.tsx Add generic issue-linked board approvals 2026-04-06 21:24:38 -05:00
Auth.tsx feat: implement multi-user access and invite flows (#3784) 2026-04-17 09:44:19 -05:00
BoardClaim.tsx feat(ui): reconcile backup UI changes with current routing and interaction features 2026-03-02 16:44:03 -06:00
CliAuth.tsx Add browser-based board CLI auth flow 2026-03-23 08:46:05 -05:00
Companies.tsx ui: apply interface polish from design article review 2026-03-11 08:20:24 -05:00
CompanyAccess.test.tsx [codex] Add access cleanup and user profile page (#4088) 2026-04-20 06:10:20 -05:00
CompanyAccess.tsx Add SSH environment support (#4358) 2026-04-23 19:15:22 -07:00
CompanyExport.tsx Harden API route authorization boundaries (#4122) 2026-04-20 10:56:48 -05:00
CompanyImport.tsx [codex] Harden execution reliability and heartbeat tooling (#3679) 2026-04-14 13:34:52 -05:00
CompanyInvites.test.tsx feat: implement multi-user access and invite flows (#3784) 2026-04-17 09:44:19 -05:00
CompanyInvites.tsx feat: implement multi-user access and invite flows (#3784) 2026-04-17 09:44:19 -05:00
CompanySettings.test.tsx Generalize sandbox provider core for plugin-only providers (#4449) 2026-04-24 18:03:41 -07:00
CompanySettings.tsx Generalize sandbox provider core for plugin-only providers (#4449) 2026-04-24 18:03:41 -07:00
CompanySkills.tsx [codex] Harden execution reliability and heartbeat tooling (#3679) 2026-04-14 13:34:52 -05:00
Costs.tsx feat(costs): add billing, quota, and budget control plane 2026-03-16 15:11:01 -05:00
Dashboard.tsx [codex] Add runtime lifecycle recovery and live issue visibility (#4419) 2026-04-24 15:50:32 -05:00
DashboardLive.tsx [codex] Add runtime lifecycle recovery and live issue visibility (#4419) 2026-04-24 15:50:32 -05:00
DesignGuide.tsx Add first-class issue references (#4214) 2026-04-21 10:02:52 -05:00
ExecutionWorkspaceDetail.tsx [codex] Add runtime lifecycle recovery and live issue visibility (#4419) 2026-04-24 15:50:32 -05:00
GoalDetail.test.tsx fix goal view properties toggle 2026-03-30 12:49:22 +05:30
GoalDetail.tsx fix goal view properties toggle 2026-03-30 12:49:22 +05:30
Goals.tsx feat(ui): reconcile backup UI changes with current routing and interaction features 2026-03-02 16:44:03 -06:00
Inbox.test.tsx [codex] Add runtime lifecycle recovery and live issue visibility (#4419) 2026-04-24 15:50:32 -05:00
Inbox.tsx Polish markdown external link wrapping (#4447) 2026-04-24 19:26:13 -05:00
InstanceAccess.tsx [codex] Add access cleanup and user profile page (#4088) 2026-04-20 06:10:20 -05:00
InstanceExperimentalSettings.tsx [codex] Add runtime lifecycle recovery and live issue visibility (#4419) 2026-04-24 15:50:32 -05:00
InstanceGeneralSettings.tsx [codex] Polish issue board workflows (#4224) 2026-04-21 12:25:34 -05:00
InstanceSettings.tsx Address Greptile review on agent runtime PR 2026-03-23 17:18:17 -05:00
InviteLanding.test.tsx feat: implement multi-user access and invite flows (#3784) 2026-04-17 09:44:19 -05:00
InviteLanding.tsx feat: implement multi-user access and invite flows (#3784) 2026-04-17 09:44:19 -05:00
InviteUxLab.test.tsx feat: implement multi-user access and invite flows (#3784) 2026-04-17 09:44:19 -05:00
InviteUxLab.tsx feat: implement multi-user access and invite flows (#3784) 2026-04-17 09:44:19 -05:00
IssueChatUxLab.tsx Refine issue workflow surfaces and live updates 2026-04-09 10:26:17 -05:00
IssueDetail.test.tsx Present ordered sub-issues as a workflow checklist (#4523) 2026-04-26 07:36:49 -05:00
IssueDetail.tsx Present ordered sub-issues as a workflow checklist (#4523) 2026-04-26 07:36:49 -05:00
Issues.test.tsx [codex] improve issue and routine UI responsiveness (#3744) 2026-04-15 15:54:05 -05:00
Issues.tsx [codex] Polish issue board workflows (#4224) 2026-04-21 12:25:34 -05:00
JoinRequestQueue.tsx feat: implement multi-user access and invite flows (#3784) 2026-04-17 09:44:19 -05:00
MyIssues.tsx [codex] Add runtime lifecycle recovery and live issue visibility (#4419) 2026-04-24 15:50:32 -05:00
NewAgent.tsx Add SSH environment support (#4358) 2026-04-23 19:15:22 -07:00
NotFound.tsx ui: add company-aware not found handling 2026-03-10 16:38:46 -05:00
Org.tsx feat(ui): reconcile backup UI changes with current routing and interaction features 2026-03-02 16:44:03 -06:00
OrgChart.test.tsx [codex] Polish issue board workflows (#4224) 2026-04-21 12:25:34 -05:00
OrgChart.tsx [codex] Improve mobile org chart navigation (#4127) 2026-04-20 10:35:33 -05:00
PluginManager.tsx [codex] Harden execution reliability and heartbeat tooling (#3679) 2026-04-14 13:34:52 -05:00
PluginPage.tsx Clarify plugin authoring and external dev workflow 2026-03-14 10:40:21 -05:00
PluginSettings.tsx Add plugin framework and settings UI 2026-03-13 16:22:34 -05:00
ProfileSettings.test.tsx feat: implement multi-user access and invite flows (#3784) 2026-04-17 09:44:19 -05:00
ProfileSettings.tsx feat: implement multi-user access and invite flows (#3784) 2026-04-17 09:44:19 -05:00
ProjectDetail.tsx [codex] Add runtime lifecycle recovery and live issue visibility (#4419) 2026-04-24 15:50:32 -05:00
Projects.tsx Add archive project button and filter archived projects from selectors 2026-03-15 14:30:33 -05:00
ProjectWorkspaceDetail.tsx [codex] Respect manual workspace runtime controls (#4125) 2026-04-20 10:39:37 -05:00
RoutineDetail.tsx [codex] Polish issue and operator workflow UI (#4090) 2026-04-20 06:16:41 -05:00
Routines.test.tsx [codex] Harden execution reliability and heartbeat tooling (#3679) 2026-04-14 13:34:52 -05:00
Routines.tsx [codex] Add runtime lifecycle recovery and live issue visibility (#4419) 2026-04-24 15:50:32 -05:00
RunTranscriptUxLab.tsx Tighten command transcript rows and dashboard card 2026-03-11 13:14:08 -05:00
UserProfile.tsx [codex] Polish issue board workflows (#4224) 2026-04-21 12:25:34 -05:00
Workspaces.tsx [codex] Improve workspace navigation and runtime UI (#4089) 2026-04-20 06:14:32 -05:00