mirror of
https://github.com/paperclipai/paperclip.git
synced 2026-10-27 11:20:42 +01:00
Two consecutive comments can each carry a delivery obligation. A full-thread -width banner under a right-aligned human bubble left ownership ambiguous, so the notice now tracks the message body edge on desktop while keeping the full thread width on mobile, and the thread's hash handling recognizes the feedback-delivery anchor so an attention deep link scrolls it into view. Browser-verified at 1440x900 and 390x844, light and dark: - no horizontal scroll at either width (scrollWidth == clientWidth) - mobile actions 308x44, desktop inline 36px - deep link focuses the banner heading inside the banner at both widths - spinner animation resolves to none under prefers-reduced-motion - contrast AA: light 4.70-4.74, dark 7.66-9.68 (baseline comment timestamp 4.74) - retry button focus-visible ring matches the app-wide 3px ring Co-Authored-By: Paperclip <noreply@paperclip.ing>
@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.