Skip to content

feat(web): mobile top bar with tabs, chat toggle, and home sidebar sheet#3317

Merged
rafavalls merged 1 commit intomainfrom
rafavalls/mobile-topbar-nav
May 8, 2026
Merged

feat(web): mobile top bar with tabs, chat toggle, and home sidebar sheet#3317
rafavalls merged 1 commit intomainfrom
rafavalls/mobile-topbar-nav

Conversation

@rafavalls
Copy link
Copy Markdown
Collaborator

@rafavalls rafavalls commented May 8, 2026

What is this contribution about?

Adds a mobile top bar to the agent shell that surfaces the main-panel tabs bar plus chat-toggle and new-task buttons alongside the existing menu button, and conditionally renders MainPanelContent (wrapped in ErrorBoundary + Suspense) when mainOpen is true on mobile so users can switch between chat and main panel views. Adds a mobile home toolbar to org-shell-layout with a sidebar sheet that mounts StudioSidebarMobile + TasksPanel, and removes outer padding/border-radius from org-home on mobile for a full-bleed layout. Drops a no-op ml-auto from MainPanelTabsBar so it composes correctly inside the new mobile container.

How to Test

  1. Open the app on a mobile viewport (or narrow window) and navigate to an org route — confirm the new mobile home toolbar shows a menu button that opens the sidebar + tasks panel sheet.
  2. Open a task — confirm the mobile top bar shows the menu, scrollable tabs bar, chat toggle, and new-task button; toggling chat swaps between chat and main panel content; tapping a tab switches to the corresponding main-panel view.
  3. On desktop, confirm the toolbar tabs and home layout are unchanged.

🤖 Generated with Claude Code


Summary by cubic

Adds a mobile top bar with tabs, a chat toggle, and a new-task button in the agent view, plus a mobile home toolbar that opens a sidebar sheet for navigation and tasks. Mobile users can switch between chat and main-panel views; desktop is unchanged.

  • New Features

    • Agent mobile top bar: menu, scrollable tabs, chat toggle that swaps content, and new-task action; main panel loads via Suspense with error and loading states.
    • Mobile home toolbar: menu opens a left sheet with StudioSidebarMobile and TasksPanel.
    • Org home on mobile: full-bleed layout.
  • Refactors

    • Removed ml-auto from MainPanelTabsBar for correct layout in the new mobile container.

Written for commit 6b74cf3. Summary will update on new commits.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 8, 2026

Release Options

Suggested: Minor (2.311.0) — based on feat: prefix

React with an emoji to override the release type:

Reaction Type Next Version
👍 Prerelease 2.310.13-alpha.1
🎉 Patch 2.310.13
❤️ Minor 2.311.0
🚀 Major 3.0.0

Current version: 2.310.12

Note: If multiple reactions exist, the smallest bump wins. If no reactions, the suggested bump is used (default: patch).

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 8, 2026

🧪 Benchmark

Should we run the Virtual MCP strategy benchmark for this PR?

React with 👍 to run the benchmark.

Reaction Action
👍 Run quick benchmark (10 & 128 tools)

Benchmark will run on the next push after you react.

@rafavalls rafavalls merged commit 8f03f10 into main May 8, 2026
16 checks passed
@rafavalls rafavalls deleted the rafavalls/mobile-topbar-nav branch May 8, 2026 19:04
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