mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-03-07 14:09:59 +00:00

Files

Jin Yi 1feee48284 [feat] Add search functionality to Media Asset Panel (#6691 )

## Summary

Add search functionality to the Media Asset Panel, allowing users to
search for assets by filename.

## Changes

### 1. Search Feature
- Added SearchBox component to AssetsSidebarTab header
- Implemented fuzzy search using Fuse.js
- Works in both Imported and Generated tabs
- Search also available in folder view

### 2. New Composable: `useMediaAssetFiltering`
- Location: `src/platform/assets/composables/useMediaAssetFiltering.ts`
- Encapsulates search logic in a reusable composable
- Extensible structure for future filter and sort features
- Debounced search (50ms)

### 3. UX Improvements
- Search query automatically clears when switching tabs
- Search query automatically clears when exiting folder view

## Testing

- ✅ TypeScript type check passed
- ✅ ESLint/Oxlint passed
- ✅ Lint-staged pre-commit hooks passed

## Modified Files

- `src/components/sidebar/tabs/AssetsSidebarTab.vue` - Added SearchBox
- `src/platform/assets/composables/useMediaAssetFiltering.ts` - New file
- `src/locales/en/main.json` - Added i18n key
(`sideToolbar.searchAssets`)

## Future Plans

- Add filter functionality (file type, date, etc.)
- Add sort functionality
- Switch to server-side search for OSS/Cloud (after Asset API and Job
API release)

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6691-feat-Add-search-functionality-to-Media-Asset-Panel-2ab6d73d3650817b8b95f3450179524f)
by [Unito](https://www.unito.io)

---------

Co-authored-by: Claude <noreply@anthropic.com>

2025-11-13 20:00:46 -07:00

1.32.5 (#6666 )

2025-11-12 21:08:42 -07:00

[feat] Add search functionality to Media Asset Panel (#6691 )

2025-11-13 20:00:46 -07:00

1.32.5 (#6666 )

2025-11-12 21:08:42 -07:00

1.32.5 (#6666 )

2025-11-12 21:08:42 -07:00

1.32.5 (#6666 )

2025-11-12 21:08:42 -07:00

1.32.5 (#6666 )

2025-11-12 21:08:42 -07:00

1.32.5 (#6666 )

2025-11-12 21:08:42 -07:00

1.32.5 (#6666 )

2025-11-12 21:08:42 -07:00

1.32.5 (#6666 )

2025-11-12 21:08:42 -07:00

zh-TW

1.32.5 (#6666 )

2025-11-12 21:08:42 -07:00

CONTRIBUTING.md

feat: Add Turkish language support (#5438 )

2025-09-18 19:43:53 -07:00

README.md

feat: Add Turkish language support (#5438 )

2025-09-18 19:43:53 -07:00

README.md

Internationalization (i18n)

Our project supports multiple languages using vue-i18n. This allows users around the world to use the application in their preferred language.

Supported Languages

en (English)
zh (中文)
ru (Русский)
ja (日本語)
ko (한국어)
fr (Français)
es (Español)
tr (Türkçe)

How to Add a New Language

Want to add a new language to ComfyUI? See our detailed Contributing Guide with step-by-step instructions and confirmed working process.

Quick Start

Open an issue or reach out on Discord to request a new language
Follow the technical process or ask for help
Our CI will automatically generate translations using OpenAI
Become a maintainer for your language

File Structure

Each language has 4 translation files in src/locales/[language-code]/:

main.json - Main UI text
commands.json - Command descriptions
settings.json - Settings panel
nodeDefs.json - Node definitions