Queue tab redesign: meta row, scope segment, accent-rail rows, markdown note composer#3746
Merged
Merged
Conversation
Contributor
There was a problem hiding this comment.
Pull request overview
Implements the Queue tab redesign for the Familiar Work Queue surface, aligning the UI with the Queue.dc.html handoff while preserving the underlying lane model and existing workflows (claim/close/note/inspector).
Changes:
- Replaces the shared compact header with a dedicated meta row, adds an All/Unassigned scope segment, and restyles the triage toolbar (search / priority / sort).
- Redesigns lane groups and queue rows with accent rails, updated metadata/pills, and updated action controls (including a new forward-to-familiar dropdown).
- Reworks the inline note composer into a Write/Preview markdown editor and updates unit + e2e pins/selectors accordingly.
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| tests/familiar-work-queue.spec.ts | Updates e2e to match the new “Save note” action label. |
| src/styles/familiar-work-queue.css | Adds new layout/styling for meta row, segmented controls, lane headers, rows, forward menu, and note composer. |
| src/components/familiar-work-queue-view.tsx | Adds scope filtering and replaces the old header/toolbar styling with the redesigned structure. |
| src/components/familiar-work-queue-view.test.ts | Updates source-pin assertions to match redesigned DOM structure and note composer behavior. |
| src/components/familiar-work-queue-sections.tsx | Introduces per-row accent rail logic, the ForwardMenu dropdown, and a custom markdown preview renderer for the new composer. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+295
to
+304
| const esc = (s: string) => s.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">"); | ||
| const inline = (s: string) => | ||
| esc(s) | ||
| .replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>") | ||
| .replace(/(^|[^*])\*([^*\n]+)\*/g, "$1<em>$2</em>") | ||
| .replace( | ||
| /`([^`]+)`/g, | ||
| '<code style="font-family:var(--font-mono),monospace;font-size:12px;background:var(--bg-elevated);padding:1px 5px;border-radius:6px;">$1</code>', | ||
| ) | ||
| .replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>'); |
| background: var(--popover); | ||
| border: 1px solid var(--border-hairline); | ||
| border-radius: var(--radius-panel, 8px); | ||
| box-shadow: 0 10px 30px -8px rgba(0, 0, 0, 0.55); |
…wn note composer (tasks-list-redesign-refresh) Implements the Queue.dc.html design handoff for the Familiar Work Queue (the Tasks page's Queue tab). Keeps the queue's real lane model, per-familiar rollup, degradation banners, and bead inspector intact — this is a visual/interaction refresh, not a data-model change. - Meta row: actionable · total · "updated Xm ago" + Refresh (was surface-compact). - Scope segment: All / Unassigned (whole-queue split), composes with familiar chips. - Segmented triage toolbar: search + priority bands + sort, matching the mock. - Group headers gain a per-tone left accent border; rows become full-width list rows with a priority/lane accent rail, an assignment pill + sigil, a bead chip, a check-state dot-pill, and a mono priority/updated readout. - Note composer upgraded to the design's inline markdown editor: Write/Preview tabs + a formatting toolbar over a self-contained, HTML-escaping renderer. Keeps the "Handoff note for <id>" AT name and the cleanup Close-gating flow; commit button is now "Save note". - Claim-for-familiar split control becomes the design's "Forward to familiar" dropdown (ForwardMenu), keeping the "Claim for familiar…" trigger name and menuitemradio items so the a11y + e2e contract is unchanged. Tests: unit source-pins rewritten for the redesign; e2e updated (Add note → Save note). tsc/eslint/design-codemod/tests-wired/build all green. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
BunsDev
force-pushed
the
feat/queue-list-redesign-refresh
branch
from
July 24, 2026 05:05
a76b9e4 to
953fbc1
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Implements the Queue.dc.html design handoff (
tasks-list-redesign-refresh) for the Familiar Work Queue — the Queue tab of the Tasks page. This is a visual/interaction refresh: the queue's real lane model, per-familiar rollup, degradation banners, Attention/Asana strips, and bead inspector are all preserved.What changed
N actionable · N total · updated Xm ago+ Refresh, replacing the shared surface-compact header.All/Unassigned(whole-queue split); composes with the existing per-familiar filter chips rather than replacing them.All/P0/P1/P2+) + sort, restyled to the mock.Handoff note for <id>AT name and the post-merge-cleanup Close-gating flow; commit button is now Save note.ForwardMenu) — replaces the splitStandardSelect, keeping theClaim for familiar…trigger name andmenuitemradioitems so the a11y + e2e contract is unchanged.Scope notes
Tasks.dc.html(the Tasks table/board/gantt tab) is a separate design and is not touched.Validation
tsc --noEmit— 0 errorspnpm lint(design codemod + eslint--max-warnings=0) — clean, 0 driftcheck:tests-wired— ✓familiar-work-queue-view.test.ts) — rewritten for the redesign, passingpnpm build— exit 0familiar-work-queue.spec.ts) — updated (Add note→Save note); preserved region labels,.fwq-lane, Claim/Close/Refresh/note-gating/claim-for selectors🤖 Generated with Claude Code