Give the toolbox page a more polished layout

[Commanderx-code]

📝 Change

Brings the Toolbox page in line with the refreshed Settings (#22), Dashboard (#23), and Repositories (#24) pages. The change is visual and CSS-only: no markup or behavior changes.

• Intro card: "Shared with your Toolbox" becomes an accent-tinted card (the same treatment as the Settings header) with an accent eyebrow.
• Toolbox Updates and Quick setup: matching collapsible headers.
  • 13px bold title, a tinted chevron that rotates when open, and a hover highlight. The native disclosure marker is hidden.
  • The body text inside Updates is muted 12px (it was the large default size).
  • "Run updates in" is tidied, and the empty catalog command box stays hidden until it has content.
• Filters: category buttons are pills with hover states; the active category and Favorites get a tinted fill.
• Tool rows:
  • Hover highlights the row and nudges its chevron.
  • The selected row gets an inset accent bar, and icons sit in larger tinted tiles.
  • In the light theme, folder icons use the darker warning tone.
• Detail panel: it stays in view (sticky) while you scroll the tool list.
• Personal tools: muted description, a divider above the folder bar, and the search field styled like the other inputs (it was a native unstyled input). There's also spacing between the tool list and this panel.
• Focus rings on the search fields and select menus.

The CSS is one block at the end of src/styles.css, scoped to #toolbox-view, using existing theme variables. Motion is disabled under prefers-reduced-motion.

✅ Validation

• npm run check
• npm test: 78/78 pass.
• npm run test:rust: not run; there are no Rust changes.
• Checked in the browser preview in the dark and light themes, before and after. The preview has no tool catalog, so I injected three sample rows using the app's real row markup (a folder, the selected tool, and an unavailable tool) to check row styling.

🔎 Review notes

No new dependencies. Worth a look in the desktop app with the real catalog.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BUhabxL4SPejg19jgbSyYN

---

Generated by Claude Code