Skip to content

feat(code): canvas — Home space with channels, gen-UI dashboards (WIP)#2492

Closed
adamleithp wants to merge 24 commits into
mainfrom
feat/canvas
Closed

feat(code): canvas — Home space with channels, gen-UI dashboards (WIP)#2492
adamleithp wants to merge 24 commits into
mainfrom
feat/canvas

Conversation

@adamleithp
Copy link
Copy Markdown
Contributor

@adamleithp adamleithp commented Jun 4, 2026

Draft / WIP. This is the full canvas feature branch. The polished, minimal top-level nav rail has been split out into #2491 for a clean first landing — this branch builds the rest on top of that idea.

Dev-only

Everything is gated behind the project-bluebird feature flag (default-on in dev, off for all prod users). Flag off ⇒ the app is today's code-only shell. Not enabled for real users.

What's here

A Slack-like app nav rail (Home / Inbox / Code) plus a full Home space built around channels:

  • Channels — server-backed (desktop file-system folders): create (Slack-style modal) / delete, listed in the Home sidebar.
  • Per-channel dashboards — file-backed, channel-scoped, with a preview-card grid index, create/delete, and an orphan-dashboard migration into the first channel.
  • Generative-UI dashboards — a PostHog data agent builds a @json-render spec from chat; edit mode swaps to the canvas + chat, Save/fork persists.
  • Per-channel tasks & settings — tasks created in a channel live under /website/$channelId/...; settings is a per-channel placeholder.
  • Inbox — promoted to a top-level space.

Status / open questions

  • Channels require auth (server desktop_file_system); logged-out shows an empty state.
  • Channel↔task membership is local-only (no backend binding yet).
  • Overlaps feat(code): top-level app nav rail (Home / Inbox / Code) #2491 (the nav-rail extraction) — expect to rebase once that lands.
  • Not run end-to-end in the Electron app from this environment; typecheck + biome are green.

Testing

  • pnpm --filter code typecheck — clean.
  • Biome — clean (pre-commit hooks).

Created with PostHog Code

adamleithp and others added 24 commits June 4, 2026 13:59
@adamleithp @claude
feat(code): add Slack-like canvas nav rail with Home and Code spaces
cd97a1f 
Wrap the app in a left app rail (square Quill icon-lg buttons) switching
between a new Home space (/ hello-world scene + its own sidenav) and the
existing Code app (/code). Rail reserves macOS traffic-light space and is a
titlebar drag region.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): add Home space canvas nav and blank /website canvas
93969b4 
Give the Home sidenav Quill folder collapsibles with a placeholder nav
(Features, Resources). The Features > Website item opens a new blank /website
canvas route. Centralize Home-space detection in canvas/spaces.ts so the whole
space shares its chrome.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): generative UI canvas with PostHog data agent on /website
8044626 
Add @json-render/core + @json-render/react. The /website canvas now renders an
agent-built, data-driven UI on the left with a chat panel hugging the right.

- Main CanvasGenService reuses AgentService (PostHog MCP auto-enabled) to run an
  ephemeral __preview__ session per thread with a json-render system prompt and
  bypassPermissions, forwards ACP session updates through @json-render/core's
  mixed-stream parser to assemble the Spec, and streams typed events over tRPC.
- AgentService gains systemPromptOverride to replace the coding-agent prompt for
  non-coding surfaces (keeps only project scoping).
- Renderer: shared json-render catalog (Page/Grid/Card/Stat/Table/BarList/…) +
  Radix registry, a thin canvasChatStore, a scoped subscription registrar, and
  the chat/composer UI.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
fix(code): harden canvas rendering against mid-stream crashes
fe4a7e6 
The renderer could OOM/crash while streaming a generated spec: partial or
malformed mid-stream frames were rendered and could recurse infinitely.

- Main only emits a spec once its root element actually exists (no partial
  frames).
- Wrap CanvasRenderer in an ErrorBoundary keyed on the spec, so a bad frame is
  caught and rendering recovers on the next valid frame.
- Only render when isNonEmptySpec(spec).
- Make the canvas subscription idempotent per thread (guards StrictMode
  double-mounts from stacking IPC listeners).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): add top-level Inbox space in canvas nav
471d5eb 
Add an Inbox rail item (above Code) that opens a full-screen /inbox route
reusing InboxView, without the code app chrome (header/sidebar/space-switcher).
The existing /code/inbox route is unchanged.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): show inbox count badge on canvas nav Inbox item
13db7e6 
Add a numeric Quill destructive badge to the Inbox rail button, mirroring the
code sidebar's actionable-report count. Extract the count into a shared
useInboxSignalCount hook that reuses the sidebar's query cache (no extra
polling).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): add Website space sub-nav, new task, and task views
5d55e0b 
Expand the Website space with a breadcrumb topbar and sub-navigation:
- /website is now a layout (breadcrumb topbar: Website > <page>) with children:
  index (canvas), new (TaskInput reused via onTaskCreated), settings
  (placeholder), and tasks/$taskId (TaskDetail reused).
- New tasks created from /website/new route into the Website space at
  /website/tasks/$id (not /code) and are tracked in a persisted websiteTasksStore.
- HomeSidebar gains a Website section: Canvas, New task, Settings, plus the
  list of created tasks to return to.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
refactor(code): use Quill buttons for Home sidebar nav items
64a8c12 
Render HomeSidebar nav items as Quill Button (variant default, size sm,
full-width left-aligned), expressing active via data-selected. Active logic
unchanged.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): website dashboards with breadcrumb dashboard picker
94168b8 
Replace the Website "Canvas" entry with "Dashboards": /website redirects to the
default dashboard at /website/dashboards/$dashboardId, which renders mock
website-data dashboards (traffic, acquisition, engagement, conversion,
performance). The breadcrumb second crumb is a Quill combobox to switch the
active dashboard by name (Website > [dashboard]).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): per-dashboard edit mode with gen-UI chat
9a1813b 
Add an Edit toggle (Quill outline button, ml-auto, data-selected) to the
dashboards breadcrumb bar. When active, the dashboard swaps its tiles for the
gen-UI canvas + side chat input for that dashboard. Make the canvas chat store
multi-thread (one thread per dashboard) so each dashboard keeps its own chat and
generated canvas.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
style(code): indent Website sub-nav items
b942bc2 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
fix(code): always show all dashboards in the picker
8b9a8a6 
Disable base-ui combobox filtering (filter={null}) so the dashboard dropdown
always lists every dashboard instead of collapsing to the selected one.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): show dashboard count badge on Dashboards nav item
2b34d6d 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): file-backed json-render dashboards with save/fork
bb08d78 
Replace the mock dashboards with real, file-backed ones: a main DashboardsService
stores each dashboard as JSON (a json-render spec) under <appData>/dashboards.

- Dashboards list, combobox, and sidebar count now come from the saved files.
- A dashboard renders its saved spec read-only; Edit drops into the gen-UI
  canvas + chat for that dashboard's thread.
- Topbar Save (enabled when the generated spec differs from saved) persists it;
  Save as fork copies the current spec into a new dashboard.
- Empty state + sidebar "New dashboard" create a blank dashboard and open it in
  edit mode. Saved dashboards survive a refresh.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
fix(code): surface dashboard creation errors instead of silent no-op
ba0a838 
Wrap create+navigate in try/catch with a toast + log so a failed New dashboard
action (e.g. backend not reachable) no longer silently does nothing.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): name dashboards via save dialog or inline rename
40fdc4a 
Clicking Save now opens a Quill dialog to confirm/enter the dashboard name
before persisting. The dashboard name in the breadcrumb (edit mode) is also
inline-editable: hovering shows a faint border, clicking swaps to a Quill input
sized to match the text (no layout shift), committing on Enter/blur. Save is
disabled while renaming and re-enabled on blur.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
revert(code): drop dashboard name dialog + inline rename
ee36f4e 
Revert to the dropdown switcher in edit mode and a direct Save (no name dialog,
no click-to-rename input).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): dashboard refresh + polling control
4f49ff0 
Add a Quill button group (refresh | gear) to the dashboard topbar. Refresh
refetches the dashboard data; the gear dropdown selects Static (manual refresh)
or a Polling interval (10s, 10min). While polling, the main button counts down
("Refreshing in XX"). Polling pauses in edit mode so the data stays put.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
fix(code): valid menu group for polling label + spin refresh while fe…
32de67d 
…tching

Wrap the Polling label and interval items in DropdownMenuGroup so the
Menu.GroupLabel has its required Menu.Group context (fixes the
MenuGroupRootContext error). Spin the refresh icon (motion-safe:animate-spin)
while the dashboard data is fetching.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
docs(code): add canvas/dashboards progress + MVP gaps
8e63626 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@adamleithp @claude
feat(code): gate canvas feature behind project-bluebird flag
209207f 
The canvas nav rail and Home/Website/Inbox spaces mount in one place
(__root.tsx). Gate that mount on a new project-bluebird flag: when off, the
app is the pre-canvas code-only shell. Stranded users on a canvas-only path
(cold-boot restore, stale deep link) are sent to /code once flags resolve, so
flagged users aren't bounced off /website during the load window.

- New PROJECT_BLUEBIRD_FLAG constant; defaults on in dev so local canvas work
  isn't hidden behind a flag PostHog doesn't serve locally.
- New useFeatureFlagsLoaded hook to defer the redirect until a flag value is
  trustworthy rather than acting on the false-before-load default.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@adamleithp @claude
feat(code): dashboard grid index with previews, delete, and nav polish
8fb2664 
- /website index is now a 3-wide card grid of live dashboard previews
  (CanvasRenderer scaled to a thumbnail) instead of redirecting to the first
  dashboard. Clicking a card opens the full dashboard.
- Each card has a hover-revealed "..." menu (outline) with a destructive
  Delete, rendered as a sibling of the card link so it never navigates.
- New dashboards.delete endpoint + deleteDashboard mutation (ENOENT treated as
  success).
- HomeSidebar nav items now actually highlight the active route: Quill's Button
  doesn't style data-selected, so consume it via a Tailwind utility (mirrors
  SidebarItem) and gate the attr on `active || undefined`.
- Dashboard breadcrumbs are now Website > Dashboards [> {name}], with the
  middle crumb linking back to the index.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@adamleithp @claude
fix(code): seed canvas thread with saved spec on edit
18389ce 
Editing a saved dashboard rendered WebsiteCanvas, which only shows the chat
thread's spec. A freshly opened board has no thread yet, so the canvas fell
back to EMPTY_THREAD (spec: null) and looked wiped. Seed the thread from the
saved dashboard spec when entering edit, via a new ensureSpec action that only
hydrates an empty thread (never clobbers a live stream or in-session edits).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@adamleithp @claude
feat(code): channel-scoped Home space (channels, dashboards, tasks, s…
a60a364 
…ettings)

Replace the placeholder Website/Features/Resources nav with server-backed
channels (desktop file-system folders). Each channel gets its own dashboards
(channel-scoped, file-backed), tasks, and settings, routed under
/website/$channelId. Adds channel create/delete, a Slack-style create modal,
orphan-dashboard migration into the first channel, and breadcrumb/nav polish.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@adamleithp adamleithp closed this Jun 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@adamleithp