feat(web): add node search with highlight/dim to Graph tab#102
Open
jigangz wants to merge 1 commit intoCrawlith:mainfrom
Open
feat(web): add node search with highlight/dim to Graph tab#102jigangz wants to merge 1 commit intoCrawlith:mainfrom
jigangz wants to merge 1 commit intoCrawlith:mainfrom
Conversation
Closes Crawlith#2 - Add GraphSearch component: search input with clear button (lucide icons) - Integrate search into GraphTab visualization column header - Matching nodes stay fully visible and grow slightly with glow effect - Non-matching nodes fade to 15% opacity in real-time as user types - Node lists below the SVG also filter to matching results only - No external dependencies added
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
1 participant
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.
Summary
Closes #2
Implements real-time node search in the Graph tab dashboard, letting users instantly find specific pages by URL or title without scrolling through large crawls.
Changes
New file:
packages/web/src/components/GraphSearch.tsxlucide-reacticons (Search, X) — already a project dependencyonSearchcallback on every keystrokeModified:
packages/web/src/components/Tabs/GraphTab.tsxGraphSearchinto the visualization column headerBehaviour
No new dependencies
Only uses existing project deps: React hooks + lucide-react.