paperclip/ui/storybook/stories
Dotta 4142559c37
[codex] Add blocked inbox attention view (#5603)
## Thinking Path

> - Paperclip orchestrates AI agents for zero-human companies through
company-scoped issues, comments, approvals, and execution workspaces.
> - Operators need the Inbox to show not only active work, but also
blocked work that may need human or agent attention.
> - The existing inbox experience did not have a dedicated blocked-work
surface, so blocked tasks were harder to triage and resume deliberately.
> - Backend consumers also needed a compact attention signal that
distinguishes actionable blockers from covered or waiting blocker
states.
> - This pull request adds a Blocked Inbox tab backed by issue
blocker-attention metadata, shared validators, and UI helpers.
> - The benefit is a clearer triage path for stalled or blocked
Paperclip work without exposing external wait internals in the
operator-facing UI.

## What Changed

- Added shared issue blocker-attention types, validators, and exports
for the API/UI contract.
- Added backend blocker-attention computation and issue route support
for blocked inbox data.
- Added the Blocked Inbox tab, blocked reason chips, filtering/search
UI, responsive layouts, and Storybook stories.
- Updated inbox helpers and page behavior so toolbar controls only
appear where they apply.
- Added coverage for shared validators, server blocker-attention
behavior, blocked inbox UI helpers/components, and the Inbox page.
- Added a screenshot helper script for the blocked inbox Storybook
stories.
- Addressed Greptile feedback by making urgency sorting deterministic
for null stop times, avoiding full blocked-inbox list enrichment for
counts, and hardening the screenshot helper.

## Verification

- Rebased the branch cleanly onto `public-gh/master`.
- Confirmed the diff does not include `pnpm-lock.yaml`.
- Confirmed the diff does not include database migration files.
- Ran `pnpm exec vitest run packages/shared/src/validators/issue.test.ts
server/src/__tests__/issue-blocker-attention.test.ts
ui/src/components/BlockedInboxView.test.tsx
ui/src/components/BlockedReasonChip.test.tsx
ui/src/lib/blockedInbox.test.ts ui/src/lib/inbox.test.ts
ui/src/pages/Inbox.test.tsx`.
- Ran `pnpm --filter @paperclipai/shared typecheck && pnpm --filter
@paperclipai/server typecheck && pnpm --filter @paperclipai/ui
typecheck`.
- Checked `ROADMAP.md`; this is scoped inbox/operator triage work and
does not duplicate a listed roadmap feature.
- Greptile Review is green on the latest head and all four Greptile
review threads are resolved.
- GitHub PR checks are green on the latest head: policy, security/snyk,
e2e, verify, Canary Dry Run, Greptile Review, and serialized server
suites 1/4 through 4/4.

## Risks

- Medium review surface because this touches the shared issue contract,
server issue services, and the Inbox UI together.
- Blocker-attention classification may need product tuning after
operators use it on real blocked queues.
- UI screenshots were not attached in this PR-opening pass; the branch
includes `scripts/screenshot-blocked-inbox.mjs` and Storybook stories
for visual capture.

> 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-based coding agent with shell, git, GitHub CLI,
GitHub connector, and Paperclip API tool use. Reasoning mode: medium.
Context window: not exposed by the runtime.

## 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
- [ ] 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-05-13 16:41:36 -05:00
..
acpx-local.stories.tsx Improve ACPX adapter configuration (#5290) 2026-05-06 06:06:47 -05:00
agent-management.stories.tsx Add secrets provider vaults and remote import (#5429) 2026-05-09 18:22:17 -05:00
assigned-backlog-safeguards.stories.tsx Guard assigned backlog liveness (#5428) 2026-05-07 12:25:26 -05:00
blocked-inbox.stories.tsx [codex] Add blocked inbox attention view (#5603) 2026-05-13 16:41:36 -05:00
budget-finance.stories.tsx [codex] add comprehensive UI Storybook coverage (#4132) 2026-04-20 12:13:23 -05:00
chat-comments.stories.tsx Show workspace changes and stale notices in issue threads (#5356) 2026-05-06 09:00:54 -05:00
control-plane-surfaces.stories.tsx [codex] add comprehensive UI Storybook coverage (#4132) 2026-04-20 12:13:23 -05:00
data-viz-misc.stories.tsx [codex] Add runtime lifecycle recovery and live issue visibility (#4419) 2026-04-24 15:50:32 -05:00
dialogs-modals.stories.tsx Add cheap model profiles for local adapters (#4881) 2026-04-30 15:32:04 -05:00
forms-editors.stories.tsx Add secrets provider vaults and remote import (#5429) 2026-05-09 18:22:17 -05:00
foundations.stories.tsx [codex] add comprehensive UI Storybook coverage (#4132) 2026-04-20 12:13:23 -05:00
issue-management.stories.tsx Add cheap model profiles for local adapters (#4881) 2026-04-30 15:32:04 -05:00
issue-thread-interactions.stories.tsx [codex] Add structured issue-thread interactions (#4244) 2026-04-21 20:15:11 -05:00
monitor-surfaces.stories.tsx [codex] Add issue monitor liveness controls (#4988) 2026-05-03 08:58:53 -05:00
navigation-layout.stories.tsx Polish operator sidebar and issue property controls (#5355) 2026-05-06 08:59:39 -05:00
overview.stories.tsx [codex] add comprehensive UI Storybook coverage (#4132) 2026-04-20 12:13:23 -05:00
projects-goals-workspaces.stories.tsx Add cheap model profiles for local adapters (#4881) 2026-04-30 15:32:04 -05:00
scheduled-retry.stories.tsx Add issue controls and retry-now recovery (#5426) 2026-05-07 12:23:13 -05:00
search.stories.tsx Add full company search page (#5293) 2026-05-06 06:32:37 -05:00
secrets.stories.tsx Add secrets provider vaults and remote import (#5429) 2026-05-09 18:22:17 -05:00
source-issue-recovery.stories.tsx [codex] Add source-scoped recovery actions (#5599) 2026-05-12 09:37:15 -05:00
status-language.stories.tsx [codex] Split PR #4692 UI/QoL updates (#4701) 2026-04-28 17:18:58 -05:00
sub-issues-workflow.stories.tsx Add cheap model profiles for local adapters (#4881) 2026-04-30 15:32:04 -05:00
successful-run-handoff.stories.tsx Add recovery handoff system notices (#5289) 2026-05-06 06:05:58 -05:00
ux-labs.stories.tsx Add recovery handoff system notices (#5289) 2026-05-06 06:05:58 -05:00