feat(web): add command palette fuzzy search#702
Open
gitmotion wants to merge 1 commit intoanomalyco:devfrom
Open
feat(web): add command palette fuzzy search#702gitmotion wants to merge 1 commit intoanomalyco:devfrom
gitmotion wants to merge 1 commit intoanomalyco:devfrom
Conversation
gitmotion
force-pushed
the
feat/add-command-palette-fuzzy-search
branch
4 times, most recently
from
99c588b to
a473dcb
Compare
gitmotion
changed the title
gitmotion
force-pushed
the
feat/add-command-palette-fuzzy-search
branch
2 times, most recently
from
5c8f3c5 to
91e9ea7
Compare
Author
|
hey! @rekram1-node sorry to bother, just wondering if you had any thoughts on this and/or any plans on including this feature? no worries at all if not 👍🏻 just thought i'd check in to see if i should keep the branch up-to-date with |
gitmotion
force-pushed
the
feat/add-command-palette-fuzzy-search
branch
2 times, most recently
from
f82a6e6 to
1dda394
Compare
Update command palette search to only show results based on parent update command palette selection hover color to brand color Update command palette scrollbar to be theme aware Update static actions update command palatte search to wordbased scores and minor refactors Fix command-palette view to adjust on mobile portrait/landscape add kbd styles to footer and update home/root name of command palette hide command palette footer on small width screens reorg command palette files to separate dir update model fetching to get from table rows with caching reorg models and providers as parents and list items by parent, refactor icons, add external link icon, etc rename view actions from view to Browse revert bun.lock Refactor sort by menu to pull dynamically remove unused code cleanup github logo usage Adjust mobile search icon and command palette chevron alignment
gitmotion
force-pushed
the
feat/add-command-palette-fuzzy-search
branch
from
1dda394 to
1e2f938
Compare
Contributor
|
I'm soo busy rn and rn im mostly just trying to keep these models up to date and fix bugs |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Hey there! awesome repo, just hopped on opencode and stumbled across this 🙌🏻
Noticed there was a search models functionality and thought it could use some enhancements by adding a command palette with search, actions, grouping, etc to help with navigating through the list of models and providers
Previews:
(Grouping & Search by model in parent/child directories)
- Tap/Click & Responsive
- Fixed Search Icon Alignment in later commit
(Github External link & How to Use)
(Works with current theme handling)
Command Palette Features:
- Shortcut:
cmd+k/ctrl+k- Navigate into Browse Models/Providers to drill down
- Click/tap responsive
- Dark mode support
- Dynamically adjusts to displays
- Current section highlighted
- Click/tap to navigate
- Backspace to go back
- Enter to select/go forward
- esc/click off screen to close
- Browse Providers: Independent grouping of providers
- Models.Dev section: (external link to GitHub & how to use)
- Actions Section:
- Clear search: clears search query/param
- Clear sort: clears sort and order
- Reset Search: clears both search and sort
- Sort by: menu for sorting by columns on table with options for ascending/descending based on column
- Does not interfere with existing functionality
- No hardcoded values for models, providers, columns (for grouping and sorting menus)
- Dynamically adjusts to codebase changes
- Sort menu updates dynamically as columns are added/removed
Changes (5 files):
-
command-palette.ts-
command-palette-element.ts- Search icon for mobile added
- Relevant file(s):
index.css- Only displays search icon based on device width
- Relevant file(s):
render.tsx,index.ts,index.css- No new package dependencies
- Reuses existing styles and sort functionalities
- Reuses provider data/SVGs for logos in command palette
- Relevant Icon SVGs added for command palette (no tree-shaking icon packages used)
Thanks! 🙏🏻