Skip to content

feat(epics): overlay left menu labels with persistent icon rail#2222

Open
webguru-hypha wants to merge 5 commits into
mainfrom
feat/ai-left-panel-menu-overlay
Open

feat(epics): overlay left menu labels with persistent icon rail#2222
webguru-hypha wants to merge 5 commits into
mainfrom
feat/ai-left-panel-menu-overlay

Conversation

@webguru-hypha

Copy link
Copy Markdown
Contributor

Summary

  • Update the space left menu to use a two-layer navigation: a persistent icon rail plus a slide-over label menu.
  • Keep Signals/Proposals/Members/Treasury icons always visible so users maintain context even when labels are hidden.
  • Match the requested v0 interaction style while preserving existing routing and active-state behavior.

Test plan

  • Open a space route and verify the left AI panel shows icons at all times.
  • Toggle the menu to expanded state and confirm labels slide in as an overlay.
  • Toggle back to icon mode and confirm only the icon rail remains interactive.
  • Navigate through Signals, Proposals, Members, and Treasury from both rail and overlay.
  • Verify keyboard focus and aria labels on toggle/buttons still work.

Made with Cursor

Alex Prate added 5 commits April 28, 2026 19:26
Capture the left-panel navigation redesign, mode-toggle recommendation, and a staged rollout plan that starts with existing tabs and expands to the full target menu IA.

Made-with: Cursor
Replace tab-first navigation with a left sidebar menu for the existing four space sections, add menu/icon density state, and switch the sparkles trigger to toggle menu vs AI content in the same resizable container.

Made-with: Cursor
Use the space lead image with priority/type overlays and reorganize top metadata into clearer tag-based rows so signal cards match the app's existing proposal card language.

Made-with: Cursor
Fix nullable typing in coherence signal card and block props, and apply Prettier formatting to files flagged by the main/check-types workflows.

Made-with: Cursor
Adopt a v0-style slide-over menu in the AI left panel while keeping the
section icon rail always visible, so users retain orientation when labels
collapse.

Made-with: Cursor
@coderabbitai

coderabbitai Bot commented Apr 28, 2026

Copy link
Copy Markdown
Contributor

Warning

Rate limit exceeded

@webguru-hypha has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 43 minutes and 36 seconds before requesting another review.

To keep reviews running without waiting, you can enable usage-based add-on for your organization. This allows additional reviews beyond the hourly cap. Account admins can enable it under billing.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: 4f728731-f0c4-4a26-9aeb-2ea5d67c40df

📥 Commits

Reviewing files that changed from the base of the PR and between 2e7b2b4 and 4116e32.

📒 Files selected for processing (16)
  • apps/web/src/app/[lang]/dho/[id]/@tab/layout.tsx
  • apps/web/src/app/layout.tsx
  • docs/requirements/ai-left-panel-spec.md
  • packages/epics/src/coherence/components/coherence-block.tsx
  • packages/epics/src/coherence/components/signal-card.tsx
  • packages/epics/src/coherence/components/signal-grid.container.tsx
  • packages/epics/src/coherence/components/signal-grid.tsx
  • packages/epics/src/coherence/components/signal-section.tsx
  • packages/epics/src/common/ai-panel/ai-panel-header.tsx
  • packages/epics/src/common/human-chat-panel-context.tsx
  • packages/epics/src/common/index.ts
  • packages/epics/src/common/panel-wrap-layout.tsx
  • packages/epics/src/common/space-left-menu-panel.tsx
  • packages/epics/src/common/space-left-panel.tsx
  • packages/i18n/src/messages/de.json
  • packages/i18n/src/messages/en.json
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/ai-left-panel-menu-overlay

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions

Copy link
Copy Markdown

🔗 Custom preview URL: https://pr-2222.preview-app.hypha.earth

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