feat(sidebar): Unified sidebar panels with 1-column grid layout

- Create LibraryGridCard component for consistent card design
- Refactor LibrarySidebar with multi-select checkbox filters
- Create AssetsSidebar with same styling as LibrarySidebar
- Create TemplatesSidebar with category filters
- Add expand icon to all sidebar panels (Library, Assets, Templates)
- Add thumbnails to mock data for workflows, models, nodepacks
- Remove categorization in favor of filter dropdowns
- Add Library Hub view to workspace with route

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
orkhanart
2025-11-29 12:51:44 -08:00
parent bb49cca003
commit 42fb8ff04b
29 changed files with 1822 additions and 468 deletions

View File

@@ -313,6 +313,10 @@ body {
.p-tooltip {
--p-tooltip-padding: 0.25rem 0.5rem;
--p-tooltip-border-radius: 4px;
--p-tooltip-background: #000000;
--p-tooltip-color: #fafafa;
--p-tooltip-show-delay: 100ms;
--p-tooltip-hide-delay: 0ms;
}
.p-tooltip .p-tooltip-text {
@@ -323,18 +327,14 @@ body {
letter-spacing: 0.05em;
padding: 0.25rem 0.5rem;
white-space: nowrap;
border: 1px solid #52525b;
border-radius: 4px;
}
/* Dark mode tooltip - for canvas/editor */
.dark .p-tooltip,
.dark-theme .p-tooltip {
--p-tooltip-background: #27272a;
--p-tooltip-color: #e4e4e7;
}
/* Light mode tooltip - for workspace */
.p-tooltip {
--p-tooltip-background: #18181b;
--p-tooltip-background: #000000;
--p-tooltip-color: #fafafa;
}