feat: implement NodeLibrarySidebarTabV2 with Reka UI components

- Add three-tab structure (Essential, All, Custom) using Reka UI Tabs
- Implement TreeExplorerV2 with virtualized tree using TreeRoot/TreeVirtualizer
- Add node hover preview with teleport to show NodePreview component
- Implement context menu for toggling favorites on nodes
- Add search functionality that auto-expands matching folders
- Create panel components: EssentialNodesPanel, AllNodesPanel, CustomNodesPanel
- Add 'Open Manager' button in CustomNodesPanel
- Use custom icons: comfy--node for nodes, ph--folder-fill for folders

Co-authored-by: Amp <amp@ampcode.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019c1ee5-bb3c-70fb-8c24-33966d8dbef8
This commit is contained in:
Yourz
2026-02-02 23:43:21 +08:00
parent 4e9e3a0c26
commit 34136a4915
2 changed files with 9 additions and 1 deletions

View File

@@ -94,7 +94,7 @@
</template>
<script setup lang="ts">
import { cn } from '@comfyorg/tailwind-utils'
import { cn } from '@/utils/tailwindUtil'
import { useLocalStorage } from '@vueuse/core'
import {
DropdownMenuContent,

View File

@@ -124,6 +124,14 @@ export const getNodeSource = (
displayText: displayName,
badgeText: displayName
}
} else if (modules[0] === 'essential') {
const moduleName = modules[1]
return {
type: NodeSourceType.Essentials,
className: 'comfy-essentials',
displayText: moduleName,
badgeText: moduleName
}
} else {
return UNKNOWN_NODE_SOURCE
}