feat(ui): redesign workspace views and filters for v0.2.0

Author: MilosMosovsky

.gitignore

@@ -2,3 +2,5 @@ bin/
 dist/
 .DS_Store
 /agentyard
+# CocoIndex Code (ccc)
+/.cocoindex_code/

CHANGELOG.md

@@ -6,6 +6,30 @@ All notable changes are documented here. The format follows
 
 ## [Unreleased]
 
+## [0.2.0] - 2026-10-07
+
+### Added
+
+- Interactive storage treemap with proportional worktree and repository views, verdict colors,
+  and details that link to the corresponding worktree.
+- Shared multi-select filters with searchable options, contextual counts, removable selections,
+  and browser-session persistence across Worktrees, Pull requests, and Sessions.
+- Sorting by recent or oldest activity and name, plus largest-first sorting for worktrees and sessions.
+- Claude and Codex agent marks, icon-only agent quick views, and colored session-source labels.
+
+### Changed
+
+- More compact navigation, page headers, summaries, and tables in both light and dark themes.
+- Pull request status quick views and combined organization/repository filters.
+- Mobile filter panels with scrollable options and compact pull request cards.
+- Updated README, design documentation, and nine desktop/mobile screenshots using synthetic data.
+
+### Fixed
+
+- Charts, totals, cleanup commands, and rows now follow the same filter selection.
+- Mobile filter panels stay within the viewport; sticky table borders render continuously.
+- Improved light-theme label contrast and wrapping of pull request diff counts.
+
 ## [0.1.0] - 2026-10-07
 
 First public release.
@@ -31,5 +55,6 @@ First public release.
 - Single zero-dependency Go binary (around 20 MB RAM); Homebrew cask, release archives for macOS and
   Linux, and `scripts/install.sh`.
 
-[Unreleased]: https://github.com/MilosMosovsky/agentyard/compare/v0.1.0...HEAD
+[Unreleased]: https://github.com/MilosMosovsky/agentyard/compare/v0.2.0...HEAD
+[0.2.0]: https://github.com/MilosMosovsky/agentyard/releases/tag/v0.2.0
 [0.1.0]: https://github.com/MilosMosovsky/agentyard/releases/tag/v0.1.0

README.md

@@ -31,7 +31,7 @@ One Go binary. No dependencies. Runs quietly in the background on your Mac.
 
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="docs/screenshots/worktrees-dark.png">
-  <img alt="The agentyard Worktrees page: totals for worktrees, disk use and safe-to-delete size, then each repository's worktrees with a verdict such as Keep, Open PR, Safe to delete or Prunable." src="docs/screenshots/worktrees-light.png" width="100%">
+  <img alt="The agentyard Worktrees page with totals, a colored storage treemap, repository breakdown, and cleanup filters." src="docs/screenshots/worktrees-light.png" width="100%">
 </picture>
 
 <sub>Every screenshot here is <code>agentyard demo</code>: synthetic data, nothing from a real machine.</sub>
@@ -68,6 +68,8 @@ fetches it, looks up each branch's pull request, and gives every worktree one ve
 | **Open PR** | The branch has a PR in review. |
 | **Keep** | Uncommitted changes, or commits that exist only on this machine. |
 
+An interactive treemap shows measured disk usage by worktree or repository. Select a tile for its verdict and path, or jump to its row. Search, verdict, and repository filters update the chart, totals, and list together. Choose several values in the Filter menu; remove any selection individually.
+
 Totals are grouped by repository and by folder, with ready-to-copy `git worktree remove` commands for
 the safe-to-delete rows. Rows and repositories are sorted by last activity: the newest of the last
 commit, the worktree's index and any uncommitted file. Sizes are `du` logical sizes, refreshed every
@@ -80,7 +82,7 @@ commit, the worktree's index and any uncommitted file. Sizes are `du` logical si
 
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="docs/screenshots/prs-dark.png">
-  <img alt="The Pull requests page: counts of open, ready, needs-action, waiting and draft PRs, org filter chips, and a table where each PR shows the one thing blocking it." src="docs/screenshots/prs-light.png" width="100%">
+  <img alt="The Pull requests page: colored status quick views, searchable multi-select filters, and a table where each PR shows the one thing blocking it." src="docs/screenshots/prs-light.png" width="100%">
 </picture>
 
 Every open PR you authored (`is:pr is:open author:@me archived:false`, as whoever `gh` is logged in
@@ -101,13 +103,13 @@ this order:
 | **Ready to merge** | none of the above | who approved it |
 
 Next to the state: check counts, review state, last commit, diff size, and the local worktree that has
-the branch checked out. Org chips filter the list, and your selection is remembered per browser.
+the branch checked out. Status quick views give one-click access to needs-action, ready, waiting, draft, and queued PRs. The Filter menu combines multiple statuses, organizations, and repositories with search. Active selections can be removed individually; filters and sort order are remembered for the browser session.
 
 ### Sessions
 
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="docs/screenshots/sessions-dark.png">
-  <img alt="The Sessions page with a session open in a side drawer: its resume command with a Copy resume button, folder, branch, linked PR, and the latest messages." src="docs/screenshots/sessions-light.png" width="100%">
+  <img alt="The Sessions page with Claude and Codex icons, agent and session-type filters, prompt previews, branches, and Copy resume actions." src="docs/screenshots/sessions-light.png" width="100%">
 </picture>
 
 Every Claude Code (`~/.claude/projects`) and Codex (`~/.codex/sessions`) session on disk, newest
@@ -118,7 +120,7 @@ session under, which is the only place `--resume` finds it. A session whose fold
 removed worktree) is flagged.
 
 Sub-agents are left out (Codex reviewer and sub-agent rollouts, Claude agent-team workers).
-Scheduled-task runs have their own chip.
+Agent icons identify Claude Code and Codex. Use the agent icons for quick filtering, then narrow by source or folder in the Filter menu. Sort by activity, name, or size.
 
 > [!IMPORTANT]
 > Only the Mac running agentyard can open the Sessions tab. Transcripts include tool output, which can
@@ -133,7 +135,7 @@ every target is thumb-sized.
 <p align="center">
   <img alt="The Worktrees page on a phone: totals as a two-by-two grid and repositories as cards." src="docs/screenshots/phone-worktrees.png" width="260">
   &nbsp;&nbsp;
-  <img alt="The Pull requests page on a phone: org chips and one card per PR with its blocker, checks and review." src="docs/screenshots/phone-prs.png" width="260">
+  <img alt="The Pull requests page on a phone: status quick views, a mobile filter panel, and one card per PR with its blocker, checks and review." src="docs/screenshots/phone-prs.png" width="260">
 </p>
 
 **Sync now** (top right) re-runs the worktree scan, the PR poll and the session index right away and

docs/design/assets.md

@@ -1,6 +1,6 @@
 # Brand assets
 
-All files live in `assets/`. Geometry comes from the canonical three-track mark in `brief.md` section 1. Text is converted to outlines (Helvetica Neue Bold, no embedded fonts), so every file renders identically everywhere. Demo labels only (`yard-demo`, `agent/parser`, PR #42); no real data.
+All files live in `assets/`. Geometry comes from the canonical three-track mark in `assets/logo-mark.svg`. Text is converted to outlines (Helvetica Neue Bold, no embedded fonts), so every file renders identically everywhere. Demo labels only (`yard-demo`, `agent/parser`, PR #42); no real data.
 
 | File | Use |
 | --- | --- |
@@ -22,3 +22,11 @@ README snippet:
 ```
 
 Regenerating: the files are produced by a deterministic script (fontTools outlines, rsvg-convert), following the brief's rule that generated art is draft-only and exact paths and type are composited afterward. Codex image generation was not used, to keep the mark exact.
+
+## Session agent marks
+
+The inline `page.html` SVG sprite includes the Claude and OpenAI marks from
+[Simple Icons 13.21.0](https://github.com/simple-icons/simple-icons/tree/13.21.0/icons),
+licensed under [CC0-1.0](https://github.com/simple-icons/simple-icons/blob/13.21.0/LICENSE.md).
+Claude uses `claude.svg`; Codex uses `openai.svg`. The shared `tool-icon` template owns
+all instances. Brand marks remain the property of their respective owners.