[Bug]: Mobile sidebar trigger is not rendered below 768px #431

Component/Page

Responsive Design/Mobile

Environment

Both

Severity

Medium (Feature partially broken)

Browser

Chrome 149

Operating System

Ubuntu 24.04

Environment Information

Node.js: v22.18.0
pnpm: 11.5.3
Next.js: 15.5.18
Local Development Mode (mock authentication enabled)

Description

On mobile viewports (<768px), navigation becomes inaccessible because no visible control is available to open the sidebar.

The mobile sidebar implementation already exists and uses a Sheet controlled by openMobile state. However, the only toggle control is rendered inside AppSidebar, which is hidden when the mobile sidebar is closed.

Testing showed that rendering SidebarTrigger in the shared app/(main)/layout.tsx restores access to the mobile sidebar across routes such as New Chat, Integrations, Workflows, and Chat pages.

Expected Behavior

Mobile users can access sidebar navigation.

Actual Behavior

Sidebar becomes inaccessible below 768px.

Steps to Reproduce

1. Open the application on a viewport below 768px width.
2. Observe that the desktop sidebar is hidden.
3. Try to access navigation.

Browser Console Errors

No response

Network Errors

No response

Additional Context

No response