Files
PaperClipAI/ui
DottaandClaude Opus 4.8 c295c19985 Make DocumentRow responsive on mobile (PAP-10572)
Fixes the PAP-10569 mobile regression where DocumentRow collapsed at
390px: the mono doc key overlapped the title, the summary line vanished,
and the status pill / owner / count chips / relative time clipped at the
right edge.

EntityRow's single horizontal flex row gave meta + trailing `shrink-0`
priority, so at narrow widths only the title cell shrank — squeezing it
to ~120px while trailing chips ran off the edge. Add an opt-in
`responsive` prop that stacks the row below `sm` (title → meta →
trailing on their own lines, title keeps full width) and reflows to the
unchanged single-row desktop layout at `sm`+. DocumentRow opts in;
issues/projects lists are untouched.

Also:
- Storybook inline-card fixture rendered a raw "## Goal" markdown literal
  even though production renders via MarkdownBody; use plain prose so
  sign-off screenshots reflect what users actually see.
- IssueDocumentsTab empty state now passes action/onAction so the
  "Add document" affordance sits at the empty state too.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-07 02:18:11 +00:00
..

@paperclipai/ui

Published static assets for the Paperclip board UI.

What gets published

The npm package contains the production build under dist/. It does not ship the UI source tree or workspace-only dependencies.

Storybook

Storybook config, stories, and fixtures live under ui/storybook/.

pnpm --filter @paperclipai/ui storybook
pnpm --filter @paperclipai/ui build-storybook

Typical use

Install the package, then serve or copy the built files from node_modules/@paperclipai/ui/dist.