feat: redesign kanban board interface

[JAYATIAHUJA]

Summary

This PR redesigns the Kanban board with a modern UI, improves responsiveness across different screen sizes, and fixes hover details being clipped on task cards.

Key Changes

• Redesigned the Kanban board with matte columns, glassmorphism cards, gradients, and subtle animations.
• Added animated column headers and an interactive notification bell.
• Enhanced session cards to reveal branch, PR, review, and check details on hover.
• Improved responsiveness:
  • 4 columns on desktop
  • 2 columns on medium screens
  • 1 column on small screens
• Reduced Electron's minimum window size for better support on lower-resolution displays.
• Updated the Dashboard subhead layout and hid sidebar scrollbars.
• Fixed hover overlay clipping by adjusting overflow and z-index.

Files Changed

File	Description
frontend/src/main.ts	Reduced Electron minimum window size.
frontend/src/renderer/components/DashboardSubhead.tsx	Added board layout variant and responsive actions.
frontend/src/renderer/components/NotificationCenter.tsx	Added notification bell animations.
frontend/src/renderer/components/SessionsBoard.tsx	Implemented redesigned Kanban board and hover details.
frontend/src/renderer/styles.css	Added responsive layouts, animations, and styling updates.
frontend/src/renderer/components/Sidebar.tsx	Hid sidebar scrollbar.
frontend/src/renderer/routeTree.gen.ts	Regenerated router tree.
frontend/package-lock.json	Updated lockfile.

Verification

Automated

cd frontend
npm run typecheck
npm run build

Manual

• Verify the board displays:
  • 4 columns on desktop.
  • 2 columns below 1180px.
  • 1 column below 820px.
• Confirm card hover details expand without being clipped.
• Verify the notification bell animation triggers on hover.

[i-trytoohard]

From the NotesBot call on 2026-07-06, this existing pr appears to be relevant.
Match confidence: 0.65 (fuzzy).

Relevant discussion excerpts:

• [13:51] prateek: Yeah, we're building an agent IDE. [13:54] prateek: You might have got picked up some things from the call. [13:58] prateek: Yeah, it's basically an agent ID that enables developers to manage fleets of coding agents that they are already manually running and managing, but in a unified interface [...]
• [13:58] prateek: Yeah, it's basically an agent ID that enables developers to manage fleets of coding agents that they are already manually running and managing, but in a unified interface with a lot of things on top, with like auto-setup loops, with orchestrator worker agent model, and a Kanban board view of all [...]
• [13:54] prateek: You might have got picked up some things from the call. [13:58] prateek: Yeah, it's basically an agent ID that enables developers to manage fleets of coding agents that they are already manually running and managing, but in a unified interface with a lot of things on top, with like auto-setup [...]

Source thread: https://discord.com/channels/1476302178913357958/1523752772896555300/1523752772896555300

Generated by AO Bot based on the transcript from NotesBot.