feat(sidebar): Add More tab, customization and click tracking

[charlesvien]

Problem

The sidebar nav keeps growing and every item competes for attention, with no way to tune it per user. We also have no data on which nav items people actually use. (so I added event tracking as well)

BTW- we can make certain items like the Inbox non-customizable/fixed so they are always there. I'm open to feedback here or throwing this out entirely if this is not it.

Changes

• A collapsible More row now sits at the bottom of the nav. Search lives under it by default; Inbox, Agents, Skills, MCP servers, Command Center, Contexts and Activity start at the top level. While More is collapsed and one of its items is the active page, that item takes over the More row so the current page stays visible.
• A "Customize sidebar" entry inside More opens a dialog where all eight of those items can be promoted or demoted. Choices persist as per-item overrides in the sidebar store, so items we add later keep their intended default even for users with saved preferences, and corrupt persisted state degrades to defaults instead of crashing rehydration.
• Every nav row fires a typed "Sidebar nav item clicked" event with an item property (and in_more for clicks inside the expanded section), and customize toggles fire "Sidebar customized", so per-item usage is measurable.

Default	More expanded

Customize dialog	Search promoted, Inbox demoted

How did you test this?

• Drove the real desktop app (dev build) end to end: More expand and collapse, the customize dialog, promoting and demoting items and persistence across reload. Screenshots above are from that session.
• Unit tests for the per-item visibility overrides, defaults and corrupt-storage rehydration, plus component tests for the nav section (hidden items moving under More, active-item takeover, click tracking, contexts toggle) and the customize dialog. Typecheck and biome clean.

Automatic notifications

• Publish to changelog?
• Alert Sales and Marketing teams?

[github-actions]

React Doctor found 3 issues in 3 files · 3 warnings.

3 warnings

src/features/sidebar/components/CustomizeSidebarDialog.tsx

• ⚠️ src/features/sidebar/components/CustomizeSidebarDialog.tsx:65 Chained array iterations js-combine-iterations

src/features/sidebar/components/SidebarItem.tsx

• ⚠️ src/features/sidebar/components/SidebarItem.tsx:14 Non-component export in component file only-export-components

src/features/sidebar/components/SidebarNavSection.tsx

• ⚠️ src/features/sidebar/components/SidebarNavSection.tsx:160 Pure function rebuilt every render prefer-module-scope-pure-function

_{Reviewed by React Doctor for commit 9010fc4.}

[greptile-apps]

_{Reviews (1): Last reviewed commit: "add sidebar more tab, customize and trac..." | Re-trigger Greptile}

[trunk-io]

😎 This pull request was merged.

[github-actions]

---

New commits pushed (delta classified non_trivial_delta) — stamphog approval dismissed; re-review running automatically.

[stamphog]

---

[stamphog]

The review agent couldn't reach its LLM backend — an infrastructure or credentials issue, not a problem with this PR. The Stamphog label has been kept; the review retries automatically on the next push, or re-apply the label once the backend recovers.

[stamphog]

The review agent couldn't reach its LLM backend — an infrastructure or credentials issue, not a problem with this PR. The Stamphog label has been kept; the review retries automatically on the next push, or re-apply the label once the backend recovers.

[charlesvien]

• feat(sidebar): Drag to reorder nav items in customize dialog #3670
• feat(sidebar): Add More tab, customization and click tracking #3412 👈 (View in Graphite)
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.