0 Fork 0

mirror of https://github.com/paperclipai/paperclip.git synced 2026-11-11 21:59:38 +01:00

Files

T

DottaandClaude Opus 4.8 e666173395 feat(ui): collapsed-rail presentations for sidebar contents (PAP-10646)

Task 3 of the collapsible sidebar plan (PAP-10638, §6/§9). Each sidebar
content component now renders an icon-only form in the collapsed rail
(collapsed && !peeking) and restores full content in peek/expanded.

- SidebarNavItem: label becomes `sr-only` (kept in the a11y tree, not
  display:none); item is wrapped in a right-side, zero-delay Tooltip; the
  numeric badge / live count collapse to a dot on the icon (reusing the
  alert-dot styling) with an accessible text equivalent via aria-label
  (e.g. "Inbox, 28 unread"). The icon markup/padding is untouched so it
  stays pixel-aligned across states.
- SidebarSection: the clipped WORK/AGENTS/COMPANY header is replaced by a
  thin divider in the rail (label preserved sr-only); carets/menus drop and
  items always render so their icons stay reachable.
- SidebarCompanyMenu → logo only; SidebarAccountMenu → avatar only.
- SidebarAgents / SidebarProjects: icon/avatar-only rows with right-side
  tooltips; row action menus and trailing indicators hidden in the rail.
- Sidebar "New Task" button + Inbox badgeLabel wired for the rail.

Tests: rail rendering + a11y-tree assertions for SidebarNavItem,
SidebarSection, SidebarAgents, SidebarProjects (vitest, NODE_ENV=test);
existing Sidebar tests wrapped in TooltipProvider. 60 sidebar tests pass.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

2026-06-08 17:12:14 +00:00

public

[codex] Polish board UI mobile flows (#6550 )

2026-05-22 10:13:47 -05:00

src

feat(ui): collapsed-rail presentations for sidebar contents (PAP-10646)

2026-06-08 17:12:14 +00:00

storybook

[codex] Move instance settings under company settings (#7680 )

2026-06-07 17:23:53 -05:00

components.json

Overhaul UI with shadcn components and new pages

2026-02-17 09:07:32 -06:00

index.html

[codex] Polish board UI mobile flows (#6550 )

2026-05-22 10:13:47 -05:00

package.json

build(deps-dev): bump tailwindcss from 4.1.18 to 4.3.0 (#7574 )

2026-06-06 23:33:37 -07:00

README.md

[codex] add comprehensive UI Storybook coverage (#4132 )

2026-04-20 12:13:23 -05:00

tsconfig.json

[codex] add comprehensive UI Storybook coverage (#4132 )

2026-04-20 12:13:23 -05:00

vite.config.ts

[codex] fix worktree dev dependency ergonomics (#3743 )

2026-04-15 09:47:29 -05:00

vitest.config.ts

Add sandbox environment support (#4415 )

2026-04-24 12:15:53 -07:00

vitest.setup.ts

Add sandbox environment support (#4415 )

2026-04-24 12:15:53 -07:00

README.md

@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.