Nicholai/.agents
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
.agents/memory/2026-03-03-dashboard-navigation-refactor-planning.md

2.0 KiB
Raw Blame History

2026-03-03 Session Notes

Dashboard Navigation Refactor Planning

Nicholai approved a plan to consolidate the Signet dashboard sidebar from 10 overwhelming top-level navigation items to 6 grouped items, improving information hierarchy without removing features.

New Navigation Structure

The dashboard navigation will be reorganized as follows:

  • Config (Pencil icon) — config tab
  • Memory (Brain icon) — with sub-tabs: Index (list view) and Constellation (embeddings visualization)
  • Secrets (ShieldCheck icon) — secrets tab
  • Marketplace (Store icon) — skills marketplace tab
  • Tasks (ListChecks icon) — tasks tab
  • Engine (Cog icon) — with sub-tabs: Settings, Pipeline, Connectors, Logs

Icon Refresh Strategy

All icons are Lucide-based. Changes include:

  • Config: FileText → Pencil (emphasizes editing, not viewing)
  • Memory: Database → Brain (cognitive focus, not storage)
  • Secrets: KeyRound → ShieldCheck (security vault)
  • Marketplace: Zap → Store (clearer commerce concept)
  • Tasks: CalendarClock → ListChecks (todo/checklist metaphor)
  • Engine: (new) Cog (mechanical internals)

Implementation Approach

Keeps existing TabId type and URL routing unchanged to preserve deep links. Sidebar becomes a display-layer grouping mechanism. Sub-tabs are rendered as a pill-bar in the page header for Memory and Engine groups. Last-visited sub-tab state is tracked to maintain user context when navigating back to a group.

Files to Modify

  1. packages/cli/dashboard/src/lib/components/app-sidebar.svelte — restructure with grouped nav items and new icons
  2. packages/cli/dashboard/src/routes/+page.svelte — add sub-tab bar in header, override title for groups
  3. packages/cli/dashboard/src/lib/stores/navigation.svelte.ts — track last-visited Engine/Memory sub-tabs
  4. packages/cli/dashboard/src/lib/components/layout/page-headers.ts — possibly add group-level headers

No changes needed to tab components, memory/pipeline/task stores, or lazy imports. All existing functionality is preserved.