diodiogod
42fdfd6e07
Complete Multiline TTS Tag Editor redesign
...
Technical details:
- add functional History, Presets, and Library tab views
- expand inline tag and restore guidance with in-editor documentation
- refine sidebar controls, slider fills, syntax highlights, and restore tooltips
- align the node palette and interaction polish across the redesigned editor
2026-03-27 14:23:20 -03:00
diodiogod
d9d9164382
Add tabbed Inline Edit interface to Multiline TTS Tag Editor
...
Implements comprehensive inline edit tag UI for Step Audio EditX post-processing with trapezoid tab design and full persistence.
New Features:
- Tabbed interface: "Character/Parameters" and "Inline Edit" tabs
- Trapezoid tab design with cyan active indicator
- Tab text never wraps (nowrap + ellipsis overflow)
- Inline edit tag sections for all tag types:
* Paralinguistic (Laughter, Breathing, Sigh, etc.) - 10 types
* Emotion (happy, sad, angry, etc.) - 14 emotions
* Style (whisper, serious, child, etc.) - 32 styles
* Speed (faster, slower, more_faster, more_slower)
* Voice Restoration (with VC passes and reference iteration)
Intelligent Tag Insertion:
- Pipe-separator support for combining multiple tags (e.g., <Laughter:2|emotion:happy>)
- Smart tag detection: cursor inside/after existing tag adds with pipe separator
- Tag type replacement: adding same type replaces existing (e.g., emotion:sad replaces emotion:happy)
- Iteration control via sliders (1-5 iterations)
- Toast notifications for insertion feedback
Full Persistence:
- All dropdown selections saved to localStorage
- All iteration slider positions saved to localStorage
- Values restored on ComfyUI restart/browser reload
- Fixed parameter section to restore saved values (was only saving, not restoring)
Syntax Highlighting:
- Inline edit tags highlighted in magenta (#ff66ff)
- Distinguishes from character tags (cyan)
Files Added:
- web/widget-inline-edit-section.js - Inline edit UI builder
- web/widget-tabs.js - Tabbed interface system
Files Modified:
- web/string_multiline_tag_editor.js - Integrated tabs and inline edit section
- web/widget-event-handlers.js - Tag insertion logic with pipe-separator support
- web/widget-parameter-section.js - Fixed parameter value restoration
2025-12-09 15:38:42 -03:00
diodiogod