Skip to content

Break the AI Mode overlay into a shell, a sidebar and the panes - #1121

Open
yattias wants to merge 1 commit into
ai-mode-workspace/notebook-prepfrom
ai-mode-workspace/overlay-shell
Open

yattias wants to merge 1 commit into
ai-mode-workspace/notebook-prepfrom
ai-mode-workspace/overlay-shell

Conversation

@yattias

@yattias yattias commented Sep 22, 2026 •

Copy link
Copy Markdown
Member

AIModeOverlay.tsx is composition only now. What it did itself moves to
named modules: shell/useModalOverlayBehavior (focus, inert siblings,
scroll lock, Esc), shell/AIModeHeader, and shell/WorkspacePanes, which
lays out sidebar, chat and document. The chat and the document keep
fixed places in the tree and swap on screen with flex order, so the
layout can change without remounting the editor or the transcript.

The sidebar is its own set of pieces — WorkspaceSidebar, a
ConversationsSection that shows the most recent conversations and a
"Show all" for the rest, and a SidebarRow and SidebarGroupHeading the
documents section will share. The rest of the folder is grouped by
concern: chat/, document/, start/, sidebar/, shell/.

Verified with type-check, eslint and prettier only.

Stack

Part of turning the AI Mode overlay into a funding workspace (plan and mock decisions in the first PR's thread). Stacked on #1120; merge that first, then this one.

  1. Wrapping AIMode and notebook with publishing provider #1116
  2. Replace the AI Mode document tabs with detail blocks and header publish controls #1118
  3. Share one chat session between the AI Mode overlay and the notebook panel #1117
  4. Start a workspace conversation by saying whether you fund or need funding #1119
  5. Lift the notebook's note listing into a hook and name a note's kind #1120
  6. Break the AI Mode overlay into a shell, a sidebar and the panes #1121
  7. Open documents in the workspace, with a chat on each that is kept once used #1122
  8. Give phones a full-screen view of conversations and documents #1123
  9. Workspace review fixes: one-line sidebar rows, no layout toggle, no notebook link #1124

🤖 Generated with Claude Code

AIModeOverlay.tsx is composition only now. What it did itself moves to
named modules: shell/useModalOverlayBehavior (focus, inert siblings,
scroll lock, Esc), shell/AIModeHeader, and shell/WorkspacePanes, which
lays out sidebar, chat and document. The chat and the document keep
fixed places in the tree and swap on screen with flex order, so the
layout can change without remounting the editor or the transcript.

The sidebar is its own set of pieces — WorkspaceSidebar, a
ConversationsSection that shows the most recent conversations and a
"Show all" for the rest, and a SidebarRow and SidebarGroupHeading the
documents section will share. The rest of the folder is grouped by
concern: chat/, document/, start/, sidebar/, shell/.

Verified with type-check, eslint and prettier only.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@yattias
yattias requested a review from a team as a code owner September 22, 2026 09:07
@chatgpt-codex-connector

Copy link
Copy Markdown

Codex usage limits have been reached for code reviews. Please check with the admins of this repo to increase the limits by adding credits.
Credits must be used to enable repository wide code reviews.

@vercel

vercel Bot commented Sep 22, 2026

Copy link
Copy Markdown
Contributor

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

Project Deployment Actions Updated
web Ready Ready Preview Sep 22, 2026 9:07am UTC

Request Review

@sonarqubecloud

Copy link
Copy Markdown

This branch was successfully deployed

1 active deployment
Preview — 0dda9369 Deployed Sep 22, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant