Skip to content

feat(frontend): add command palette & S+F keybind - #793

Open
lajczi wants to merge 23 commits into
Hack4Krak:masterfrom
lajczi:issue/616
Open

feat(frontend): add command palette & S+F keybind#793
lajczi wants to merge 23 commits into
Hack4Krak:masterfrom
lajczi:issue/616

Conversation

@lajczi

@lajczi lajczi commented Feb 28, 2026

Copy link
Copy Markdown
Collaborator

@lajczi
lajczi requested a review from a team as a code owner February 28, 2026 12:52
@hack4krak-frontend-dokploy

hack4krak-frontend-dokploy Bot commented Feb 28, 2026

Copy link
Copy Markdown

Dokploy Preview Deployment

Name Status Preview Updated (UTC)
Frontend ❌ Failed Preview URL 2026-07-15T18:41:45.056Z

@Sanielia Sanielia left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How is user supposed to know that we have such feature? Maybe add something like github Type / to search?
image

I get

Warning: `DialogContent` requires a `DialogTitle` for the component to be accessible for screen reader users.

If you want to hide the `DialogTitle`, you can wrap it with our VisuallyHidden component.

For more information, see https://www.reka-ui.com/docs/components/dialog.html#title [utils.ts:35:15](http://localhost:3000/_nuxt/@fs/home/kubaryt/Documents/Gits/Hack4KrakSite/node_modules/reka-ui/src/Dialog/utils.ts)
Warning: Missing `Description` or `aria-describedby="undefined"` for DialogContent.

when opening the command palette

Comment thread frontend/app/app.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/composables/useKeyboardShortcuts.ts Outdated
@lajczi
lajczi marked this pull request as draft February 28, 2026 15:46
@lajczi
lajczi marked this pull request as ready for review February 28, 2026 16:04
@lajczi
lajczi requested a review from Sanielia February 28, 2026 16:04

@Norbiros Norbiros left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This needs to optimized and tested. If I'm not mistaken, with your code if you open https://hack4krak.pl you are always fetching tasks. I think a very small percentage of users is going to use this feature, so we don't need to prefetch.

Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/app.vue Outdated
Comment thread frontend/app/app.vue Outdated
Comment thread frontend/app/app.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/app.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated
@lajczi
lajczi marked this pull request as draft March 2, 2026 16:02
@lajczi
lajczi marked this pull request as ready for review March 3, 2026 17:43
@lajczi
lajczi requested a review from Norbiros March 3, 2026 17:43
Comment thread frontend/app/composables/useKeyboardShortcuts.ts Outdated
@lajczi

lajczi commented Mar 4, 2026

Copy link
Copy Markdown
Collaborator Author

I also switched icons to pixelart

Sanielia
Sanielia previously approved these changes Mar 5, 2026
@lajczi lajczi changed the title feat(frontend): add command palette feat(frontend): add command palette & S + F keybind Mar 7, 2026
Comment thread frontend/app/app.vue Outdated
Comment thread frontend/app/components/FlagSubmitModal.vue
@lajczi
lajczi requested review from Norbiros and Sanielia March 8, 2026 16:16
@lajczi lajczi changed the title feat(frontend): add command palette & S + F keybind feat(frontend): add command palette & S+F keybind Mar 13, 2026
@lajczi
lajczi force-pushed the issue/616 branch 2 times, most recently from 3de0353 to dca47dd Compare March 21, 2026 18:58

@Sanielia Sanielia left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. this form looks ugly, mainly padding is too big
Image
  1. I think there should be an option to collapse cateogry in command pallette, like i don't wanna scroll all tasks each team
  2. when you open and then close command pallette you seem to be focused on search field so clicking / or s+f doesn't do anything and you need to click somewhere where this focus will change

Comment thread frontend/app/components/CommandPalette.vue Outdated
Comment thread frontend/app/components/CommandPalette.vue Outdated

@Sanielia Sanielia left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All categories should be collapsable

Comment thread frontend/app/composables/useCommandPaletteUtils.ts
Comment thread frontend/app/components/CommandPalette.vue Outdated
lajczi added 7 commits May 21, 2026 22:38
Signed-off-by: lajczi <lajczi@disroot.org>
Signed-off-by: lajczi <lajczi@disroot.org>
Signed-off-by: lajczi <lajczi@disroot.org>
Signed-off-by: lajczi <lajczi@disroot.org>
Signed-off-by: lajczi <lajczi@disroot.org>
Signed-off-by: lajczi <lajczi@disroot.org>
Signed-off-by: lajczi <lajczi@disroot.org>
@lajczi

lajczi commented May 21, 2026

Copy link
Copy Markdown
Collaborator Author

i guess this pr is ready. Ignore ci errors, they are unrelated

@Sanielia

Copy link
Copy Markdown
Member

for the love of god just rebase this branch on master, ci errors should be fixed by this as well

@Sanielia

Copy link
Copy Markdown
Member

or not, because they are indeed related, those are errors caused by comopnents you introduced

@Sanielia

Sanielia commented May 31, 2026

Copy link
Copy Markdown
Member

it mostly looks good, however i cannot remove the ui without you fixing this import errror because it breaks entire commandpallette

@lajczi
lajczi marked this pull request as draft May 31, 2026 17:31
@lajczi
lajczi marked this pull request as ready for review May 31, 2026 18:05
@lajczi

lajczi commented May 31, 2026

Copy link
Copy Markdown
Collaborator Author

imagine merging this pr with "Create a merge commit" option
image

@Sanielia Sanielia left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image

Currently number of tasks displayed at once is a bit arbitrary, i think we shouldn't cap it, because if you want to find specific task you will search it up, maybe just show only tasks that you didn't complete yet, however don't cap number of displayed tasks. Completed tasks should be still searcheable tho

Comment thread frontend/app/components/CommandPalette.vue Outdated
@lajczi

lajczi commented Jul 15, 2026

Copy link
Copy Markdown
Collaborator Author

btw this pr will also fix CI on master (I mean lint)

@lajczi

lajczi commented Jul 15, 2026

Copy link
Copy Markdown
Collaborator Author

all requested changes done. let's finally get this merged pls

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.

[Feat]: More keybinds

3 participants