Skip to content

feat: add global command palette with keyboard shortcuts (NSOC'26)#117

Merged
Shriii19 merged 1 commit into
Shriii19:masterfrom
SrashtiChauhan:enhancement/global-command-palette
May 26, 2026
Merged

feat: add global command palette with keyboard shortcuts (NSOC'26)#117
Shriii19 merged 1 commit into
Shriii19:masterfrom
SrashtiChauhan:enhancement/global-command-palette

Conversation

@SrashtiChauhan
Copy link
Copy Markdown
Contributor

@SrashtiChauhan SrashtiChauhan commented May 25, 2026

NSOC'26

Overview

Implemented a modern global command palette across the FlowForge dashboard to improve keyboard-driven navigation, accessibility, and overall user experience.

Users can now quickly navigate between major sections using keyboard shortcuts similar to modern SaaS platforms like Linear, Notion, and Vercel.


Features Added

Global Command Palette

  • Added global command palette modal

  • Open using:

    • Ctrl + K (Windows/Linux)
    • Cmd + K (Mac)
  • Added responsive centered modal layout

  • Added backdrop blur effect

  • Added smooth open animations

Search & Navigation

  • Search across:

    • Dashboard
    • Projects
    • Insights Analytics
    • Insights Tasks
    • Insights Feed
  • Instant filtering while typing

  • Keyboard navigation support using arrow keys

Keyboard Accessibility

  • ESC closes palette
  • Arrow Up / Down navigates commands
  • Enter selects active command
  • Added keyboard shortcut hint pills

UX Improvements

  • Added section labels

    • Recent
    • Navigation
  • Added empty state UI

  • Added recent command persistence using localStorage

  • Added active selection highlighting

  • Added smooth hover and transition states

  • Improved modern SaaS-style visual consistency


Tech Stack

  • Next.js
  • React
  • Tailwind CSS

Screenshot

Screenshot from 2026-05-25 22-51-43

Closes #98

@vercel
Copy link
Copy Markdown

vercel Bot commented May 25, 2026

@SrashtiChauhan is attempting to deploy a commit to the shreemp194-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Copy Markdown

👋 Thank you for opening this pull request! I will review your changes and assist you soon.

@SrashtiChauhan
Copy link
Copy Markdown
Contributor Author

Hi @Shriii19 ,
Kindly review my pr
NSOC'26
Thankyou

@vercel
Copy link
Copy Markdown

vercel Bot commented May 25, 2026

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

Project Deployment Actions Updated (UTC)
flow-forge Ready Ready Preview, Comment May 25, 2026 6:54pm

@SrashtiChauhan
Copy link
Copy Markdown
Contributor Author

Hi @Shriii19 , Kindly review my pr NSOC'26 Thankyou

@Shriii19

@Shriii19 Shriii19 merged commit 1f38305 into Shriii19:master May 26, 2026
8 checks passed
@Shriii19
Copy link
Copy Markdown
Owner

@SrashtiChauhan good job.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

## Enhancement: Add Global Command Palette & Keyboard Shortcuts Across Dashboard (NSOC'26)

2 participants