Skip to content

feat(tui): reduce visual noise and simplify navigation#289

Merged
christso merged 4 commits into
mainfrom
feat/288-reduce-tui-visual-noise
Mar 20, 2026
Merged

feat(tui): reduce visual noise and simplify navigation#289
christso merged 4 commits into
mainfrom
feat/288-reduce-tui-visual-noise

Conversation

@christso
Copy link
Copy Markdown
Contributor

@christso christso commented Mar 20, 2026

Summary

Addresses the three highest-priority proposals from #288:

  • Compact workspace summary on re-loop: First menu entry shows the full p.note() workspace box; subsequent loops show a compact one-liner (Workspace: 0 project, 2 user, 6 marketplaces) to reduce visual clutter from repeated navigation
  • Combined sequential spinners: Replaced double-spinner patterns (action spinner → sync spinner) with a single spinner that updates its message via .message(). Applied across all TUI flows: sync, skill toggle, plugin install/update/remove
  • Compact skills browse: Each plugin entry now shows skill count and truncated preview in the hint field (17 skills: algorithmic-art, brand-guidelines, canvas-design +14 more) instead of repeating the full skill inventory on every entry

Test Plan

  • bun test — 1053 pass, 0 fail
  • bun run build — succeeds
  • E2E: Launch ./dist/index.js, verify first menu shows full workspace note box
  • E2E: Navigate into Plugins → Back, verify compact one-liner on second loop
  • E2E: Skills → Browse marketplace skills, verify truncated skill lists with +N more
  • E2E: Install a plugin, verify single spinner with changing message (no double spinner)
  • E2E: Run sync, verify single spinner transitions from "project" to "user" message

Closes #288

First entry shows full workspace note box. Subsequent loops show a
compact one-liner to reduce visual noise from repeated navigation.
Replace double-spinner patterns (action + sync) with single spinner
that updates its message via .message() method. Applies to sync,
skill toggle, plugin install/update/remove flows.
Each plugin entry now shows skill count and truncated preview in hint
field instead of repeating the full skill inventory on every entry.
@cloudflare-workers-and-pages
Copy link
Copy Markdown

Deploying allagents with  Cloudflare Pages  Cloudflare Pages

Latest commit: f873c97
Status: ✅  Deploy successful!
Preview URL: https://a3bed6de.allagents.pages.dev
Branch Preview URL: https://feat-288-reduce-tui-visual-n.allagents.pages.dev

View logs

@christso
Copy link
Copy Markdown
Contributor Author

E2E Validation Steps

Build and launch the TUI:

git checkout feat/288-reduce-tui-visual-noise
bun run build
./dist/index.js

1. Compact workspace summary

  1. Observe the full workspace note box on first entry
  2. Select PluginsBack
  3. Verify the menu now shows a compact one-liner like Workspace: 0 project, 2 user, 6 marketplaces instead of the full box

2. Single spinner

  1. Select Plugins+ Add plugin → pick any plugin → choose scope
  2. Verify a single spinner animates, changing message from "Installing plugin..." → "Syncing..." → "Installed and synced"
  3. No second spinner should appear

3. Compact skills browse

  1. Select SkillsBrowse marketplace skills...
  2. Verify each plugin entry shows a compact label with hint like (17 skills: algorithmic-art, brand-guidelines, canvas-design +14 more)
  3. Verify NO multi-line Skills: ... list appears in the label

@christso christso merged commit a6904ec into main Mar 20, 2026
1 check passed
@christso christso deleted the feat/288-reduce-tui-visual-noise branch March 20, 2026 10:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Reduce TUI visual noise and simplify navigation

1 participant