Skip to content

UI polish: adopt shadcn/ui + a ⌘K command palette #23

Description

@krishpinto

Goal

Level up the UI from custom CSS to a polished, consistent component system — without switching frameworks. We stay on React + Vite; shadcn/ui is built for exactly that stack and is adopted incrementally (copy components in, own and theme them).

Explicitly not switching to Svelte — that's a full rewrite for no product gain.

Tasks

  • Add Tailwind + shadcn/ui to the React app; port the existing Obsidian dark theme into the shadcn theme tokens so the look is preserved, just cleaner.
  • Replace ad-hoc components with shadcn equivalents incrementally: buttons, dialogs, cards (Archive), tooltips, scroll areas.
  • Headline feature: a ⌘K command palette (shadcn Command) for fast keyboard-driven memory search and project switching — makes the app feel instantly pro.
  • Keep the 3D graph as-is; this is chrome around it.
  • Apply animation/craft guidance (ease-out curves, <300ms, press feedback) consistently.

Acceptance

  • ⌘K opens a search palette; results jump to the memory/graph.
  • Core screens use a consistent component system; dark Obsidian look intact.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions