0 Fork 0

mirror of https://github.com/paperclipai/paperclip.git synced 2026-10-24 01:41:42 +02:00

Files

T

Evyatar Bluzer c5d73844a5 fix(a11y): add tooltips and aria attributes to agent view toggle (#1937 )

## Problem

On the Agents page, there are two small icon buttons for switching
between list view and org chart view. But these buttons had:
- No title attribute, so hovering show nothing
- No aria-label, so screen readers just say "button"
- No aria-pressed, so no way to know which view is active
- No role="group" on the container

I was confused the first time I see these buttons because one is a list
icon and the other is a git-branch icon, and without hovering or
clicking I had no idea what they do. Specially the git-branch icon - is
it for branches? Repos? No, it's for org chart view.

## What I changed

- Added `title` to each button: "List view" and "Org chart view"
- Added `aria-label` matching the title for screen readers
- Added `aria-pressed` to indicate which view is currently selected
- Added `role="group"` with `aria-label="View mode"` on the container
div

## How to test

1. Go to Agents page (must have more than 1 agent for toggle to appear)
2. Hover over the list icon - should see "List view" tooltip
3. Hover over the branch icon - should see "Org chart view" tooltip
4. Use screen reader - should announce "List view, pressed" or "Org
chart view, not pressed"

1 file, 7 lines added.

2026-07-06 16:03:10 -07:00

public

[codex] Bundle UI webfonts with the app (#9020 )

2026-07-06 11:02:45 -05:00

src

fix(a11y): add tooltips and aria attributes to agent view toggle (#1937 )

2026-07-06 16:03:10 -07:00

storybook

[codex] Polish operator issue workflow UI (#9091 )

2026-07-06 16:34:57 -05:00

components.json

Overhaul UI with shadcn components and new pages

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

index.html

feat(ui): default to system prefers-color-scheme for first-time visitors (supersedes part of #3732 ) (#5873 )

2026-06-12 14:03:54 -07:00

package.json

Add browser SSH terminal for custom image setup (#8911 )

2026-07-03 16:44:21 -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

feat(ui): NUX rework behind enableConferenceRoomChat experimental flag — capsule onboarding, conference-room chat, unified composer (#8000 )

2026-06-11 16:32:55 -05: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.