Add custom named groups to Code view

[braedonsaunders]

Leftover ask from closed #82: Code view already auto-groups cards by directory. This adds user-defined named parent hulls on top, without a second product or new dependencies.

How to use

1. Analyze a repo, switch the visualization to Code, and open a few file cards.
2. In the Code prefs (same toolbar as Expand All, Wrap Text, and Load Files), click New Group. An in-app modal asks for the name — no browser prompt().
3. The new group is placed at the current canvas / minimap focus so it is visible immediately (empty groups get a dashed placeholder hull). If an open card is selected and already in view, it is added in place; if that card is off-screen, it is moved into the viewport.
4. Use the No group menu on any card header to add or remove membership.
5. The named hull wraps its members with the custom title (dashed stroke). Directory hulls keep leftover cards that are not in a named group.
6. Drag the named hull to move members together. Drag a card clearly outside the remaining members to drop it from the group (or set the card menu back to No group).
7. Click the group name in prefs (or click the hull without dragging) to rename in the same in-app modal. Click ×, then Confirm? to delete. Cards stay open.
8. Groups persist in localStorage for the current analysis session (sourceType:sourceKey), including the group origin so empty hulls stay findable.

Named membership wins for hull parenting so directory auto-groups and user groups do not fight. Hulls still rebuild on release / ticks, not on every pointermove. No new npm packages.

Tests

Extends tests/code-canvas.test.mjs for create/rename/delete, exclusive membership, hull parenting, drag-out, session persistence, the in-app name dialog (no window.prompt), and viewport placement of new / empty groups. npm test is green.

  

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
codeflow	Ready	Preview	Sep 5, 2026 12:11am UTC

[braedonsaunders]

@codex review

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, add credits to your account and enable them for code reviews in your settings.

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, add credits to your account and enable them for code reviews in your settings.

[cursor]

Retest fixes on this branch (no merge):

• New Group and Rename no longer use the browser prompt(). Both open the existing Codeflow modal (name field, Cancel / Create or Rename, Esc / overlay to dismiss).
• New groups are created at the current canvas / minimap focus. Empty groups get a dashed placeholder hull there; if the selected open card is off-screen it is moved into view so the hull is visible immediately.

npm test is green (216). Scoped to named-groups UX only.

[cursor]

Drag-out membership fix (same branch, no merge):

• Dragging a card far outside the named hull now removes it from the group, including the last / only member (that case used to stay stuck because drop-out required leftover members).
• Only dragging the dashed group hull moves all members together. A single-card drag no longer rebuilds Code-view layout / “repaints” the group on every membership tick.
• In-app New Group / Rename, viewport placement, No group menu, and delete-with-confirm are unchanged.

npm test is green. How to verify: Code view → New Group → drag the dashed hull (members move together) → drag one card well outside the hull (card header goes back to No group; remaining members and hull stay).