feat(web): widget navigation, projects and workspace settings - #59

Builds on the desktop app from #57.

Navigation

• Widgets declare the addresses they open (opens globs, priority band, canOpen veto). A resolver picks one by match, band, specificity, then registration order; kind forces a widget.
• useShell(): open(address, { kind, placement, mode, params }), focus, close. An address is an instance's identity: opening it again focuses it, switching workspace if needed.
• Plain click replaces a replaceable frame the caller opened (unless pinned); Cmd/Ctrl- or middle-click opens a new one beside it.
• useFrame(): setTitle and setIcon. Long titles truncate in the middle. Frames get a close button.

Widgets

• projects lists projects with their sessions; session shows one conversation via codework://session/<id>. Data comes from mock projects.list / sessions.get RPCs.

Workspaces and settings

• Workspaces live in SQLite: a fixed webwm tag bit (reordering never rewrites widget masks), a display order (tabs and Cmd+1–9), name, icon, and their own layout and split.
• Settings (Cmd+, or the title bar gear) uses shadcn/ui mapped onto the --cw-* theme: list, create, rename, change icon, drag to reorder, and delete with a confirm that names the widgets that will close. Search, responsive icon rail, Inter, T3-style dialogs.

Fixes

• Layout jitter in small windows: the desktop reserves its scrollbar gutter, so a scrollbar can no longer resize the layout it overflows. Scrollbars are 6px.

Not yet

• Widget instances are still in memory (no widgets table), so opened widgets reset on restart.

Testing

Verified in the Electron app over the DevTools protocol: navigation (focus, replace, new, close), resize sweeps for jitter, and every workspace action including persistence across restarts. vp check and typecheck pass for apps/server, apps/desktop, apps/web.

🤖 Generated with Claude Code