Commit Graph
82 Commits
Author SHA1 Message Date
AEmotionStudio 8954d2d44d perf: disable sourcemaps, remove build artifacts, and adjust default glass Y offset 2026-01-18 18:24:00 -08:00
AEmotionStudio 2927c140dc feat: sync popout widget edits and improve inspector parameter visibility
- Implemented 'onWidgetEdit' listener in 'InfoPanel' to force refresh when popout widgets change.
- Refactored 'NodeDataExtractor' to display all widgets in the inspector (matching popout behavior) and removed aggressive deduplication.
- Fixed theme update logic in 'UIManager' to correctly handle hyphenated theme names.
- Enhanced combo box editing in 'popout-viewer.html' with better selection and blur handling.
2026-01-18 11:51:41 -08:00
AEmotionStudio 8bdfbedf46 feat: add new themes and enhance popout viewer interaction
- Added 'Obsidian', 'Obsidian Dark', and 'Milk White' themes to Info Panel and PopOut viewer.
- Improved theme detection in 'StateManager' to support new themes.
- Implemented button widget support in PopOut viewer with 'button-click' event handling.
- Enhanced widget options handling in 'PopOutManager' for combo widgets.
- Updated dropdown accessibility tests.
2026-01-18 11:02:06 -08:00
AEmotionStudio 8213a086ab feat: add inline action buttons to inspector and improve widget handling
- Added support for inline action buttons in the inspector panel.
- Implemented `InlineControlFactory.createInlineButton` to execute widget callbacks.
- Enhanced `WidgetSyncManager` to detect 'button' widgets via type or heuristics.
- Updated `UIManager` and `NodeDataExtractor` to process actionable widgets.
- Added styles for inline action buttons.
- Added `Escape` key handler to slider widget editor.
- Refactored canvas coordinate calculations in `MagnifyGlass` for better accuracy.
2026-01-18 00:21:06 -08:00
AEmotionStudio 45bc6a4d35 feat(ui): add node navigation hotkeys and update documentation
- Added '*' hotkey to focus the currently inspected node
- Added 'ArrowLeft' and 'ArrowRight' hotkeys to navigate nodes by execution order
- Updated README.md and CHANGELOG.md with the new hotkeys and navigation features
2026-01-17 19:43:07 -08:00
AEmotionStudio da7c8b17f9 feat(ui): enhance keyboard navigation and hotkeys
- Added full keyboard support (Arrows, Enter, Esc) for all dropdown types
- Implemented global '*' hotkey to center canvas on currently inspected node
- Improved event handling to reliably intercept keys before ComfyUI canvas
- Fixed memory leaks in dropdown event listeners
2026-01-17 18:46:55 -08:00
AEmotionStudio f8784432f5 Improve widget editing UX and dropdown behavior
- Allow precise value input by removing automatic step rounding in sync manager
- Standardize stepper button increment to 1 for finer control
- Ensure dropdowns close when clicking the canvas
2026-01-17 18:13:32 -08:00
AEmotionStudio 1a4b6b8a23 fix(widget-editors): update DragValueController logic and build 2026-01-17 17:59:00 -08:00
AEmotionStudio 61a0b9aca6 chore(build): update production build artifacts 2026-01-17 17:51:20 -08:00
AEmotionStudio 09ce2fb78a WIP: My local changes 2026-01-17 17:38:06 -08:00
AEmotionStudio 6ff4f2712c feat(ui): Implement custom dropdown system and High Contrast mode
- Replaced native select elements with a viewport-aware 'CustomDropdown' for better reliability and positioning.
- Added 'High Contrast Text' mode for improved legibility in inputs and values.
- Implemented parameter value deduplication in 'NodeDataExtractor' to reduce panel clutter.
- Expanded Google Font selection with 10+ new styles.
- Switched UI dimensions to relative units (em) for consistent scaling.
- Fixed layout 'bouncing' in sticky mode by removing hover transforms.
2026-01-16 16:13:35 -08:00
AEmotionStudio 1a5d7eab43 feat(ui): Add copy-to-clipboard functionality and improve dropdown stability
- Added a copy-to-clipboard button for 'Category' and 'Path' node details in the Inspector panel.
- Enhanced dropdown interaction stability by using 'mousedown' capture phase and broad event propagation prevention in 'InlineControlFactory'.
- Updated 'build' script to ensure CSS files are correctly synchronized from 'css/' to 'web/'.
- Standardized copy icon and styling, including a subtle checkmark feedback on success.
- Fixed an issue where the Inspector panel would 'bounce' due to hover transforms while in sticky mode.
- Improved dropdown closure logic to handle clicks both outside and within the panel content area.
2026-01-16 15:01:36 -08:00
AEmotionStudio dd6b787ad6 style(ui): Refine sticky mode layout and inline control interactions
- Optimized 'persist-active' mode to use viewport-based height limits and proper flex scrolling.
- Enhanced event propagation handling in 'InlineControlFactory' for better dropdown stability.
- Standardized panel font sizes and updated inline dropdowns to match the green theme.
- Added theme-specific CSS overrides for Light and GitHub themes in widget editors.
- Simplified copy-to-clipboard UI feedback.
2026-01-16 12:41:33 -08:00
AEmotionStudio d2ea6d965f feat(ui): Implement inline widget controls and drag value adjustments
- Added 'InlineControlFactory' to create inline toggle switches and combo boxes for supported widget types, replacing the click-to-edit modal for these types.
- Added 'DragValueController' to enable adjusting numeric values by dragging on the value display.
- Updated 'UIManager' to integrate these new controls, manage their lifecycle, and properly clean them up.
- Enhanced 'WidgetEditorFactory' to handle Enter key for confirming edits.
- Removed the copy button from string values to reduce clutter.
- Updated 'index.ts' to export the new components.
2026-01-16 04:19:29 -08:00
AEmotionStudio 51ad38bfb6 feat: Add video playback support and settings validation
- Implemented a continuous animation loop in 'MagnifyGlass' that activates automatically when video widgets are detected, ensuring smooth playback for standard videos and VHS previews.
- Added robust validation to 'StateManager' for loading settings, including bounds checking for dimensions/opacity and format verification for colors and enums.
- Updated widget detection logic to correctly identify and handle 'videopreview' and 'audiopreview' widgets.
- Ensured animation loops are properly stopped when the glass is hidden or destroyed to preserve resources.
2026-01-16 02:05:42 -08:00
AEmotionStudio 0cf992d528 fix: address final PR review issues 2026-01-15 17:38:38 -08:00
AEmotionStudio 837fe7da87 fix: address additional PR review issues 2026-01-15 17:24:05 -08:00
AEmotionStudio 3c17fc34ff fix: address PR review - add constraints to data attrs and fix boolean coercion 2026-01-15 17:12:48 -08:00
AEmotionStudio 1434e703e0 feat: add Inspector Value Editing - inline widget editing from Inspector Panel 2026-01-15 17:01:58 -08:00
AEmotionStudio 978b3d0521 fix: resolve cloned video play abort errors and other console noise 2026-01-14 13:19:48 -08:00
AEmotionStudio 83de031400 build: update artifacts after pr/11 merge 2026-01-13 22:14:46 -08:00
AEmotionStudio 9f16a72420 Merge PR #9: Accessibility improvements and rebuild artifacts 2026-01-13 21:32:37 -08:00
AEmotionStudio 608904d1a7 refactor: improve component visibility management and styling 2026-01-13 21:23:10 -08:00
google-labs-jules[bot] 11062e4748 fix: ensure aria-expanded is correct on init
- Updated `UIManager.createPanel` to call `updateMinimizedState()` if the panel is initialized in a minimized state.
- This ensures the `aria-expanded` attribute on the minimize button correctly reflects the initial state (false) instead of defaulting to true.
2026-01-14 04:47:35 +00:00
google-labs-jules[bot] fe8df50f48 feat: add aria labels and state attributes to icon buttons
- Added `aria-label` to all icon-only buttons in the Info Panel and Magnify Glass toggle.
- Implemented dynamic `aria-pressed` state updates for toggle buttons (pin, lock, persist, etc.).
- Added `aria-expanded` state for the minimize/maximize button.
- Added `aria-label` to the copy-to-clipboard button.
- Ensures better screen reader compatibility and accessibility compliance.
2026-01-14 04:37:02 +00:00
AEmotionStudio 4de67e52a9 fix: Clear blue node highlight when magnifying glass is disabled 2026-01-13 20:33:52 -08:00
AEmotionStudio 2a10f9392f Remove CSS transition from node highlight for better responsiveness 2026-01-10 20:43:40 -08:00
AEmotionStudio c8b0290193 Refactor node highlighter to use DOM-based element for better precision and performance 2026-01-10 20:33:30 -08:00
AEmotionStudio 1cd6bf9f29 Fix node highlighter to include title bar height 2026-01-10 16:47:18 -08:00
AEmotionStudio fe48d7ec05 feat: add keyboard shortcut indicators to info panel persist and hold button tooltips 2026-01-06 01:24:25 -08:00
AEmotionStudio c21d1c731b refactor: Group glass settings, add new appearance and behavior options 2026-01-06 01:09:47 -08:00
AEmotionStudio ee45d627f1 feat: replace hover clipboard icon with interactive copy button and clipboard functionality for info panel values 2026-01-06 00:09:42 -08:00
AEmotionStudio 88a04b117e feat: Add 'Focus Node' button to info panel and popout to center canvas on the selected node. 2026-01-05 17:57:41 -08:00
AEmotionStudio c8ac92e7d3 feat: improve canvas highlight hook robustness and update node highlight style to a thicker blue border. 2026-01-05 17:34:42 -08:00
AEmotionStudio 444614f574 fix: Remove node type display from info panel 2026-01-05 17:27:03 -08:00
AEmotionStudio 56e0277b6c feat: add canvas node highlighting for the info panel and refine its update logic to manage highlights. 2026-01-05 17:22:24 -08:00
AEmotionStudio a02efd032d feat: Add node sorting by ID to the info panel and pop-out viewer. 2026-01-05 16:44:37 -08:00
AEmotionStudio e2feb5739a fix: explicitly set selected node in state manager when onNodeSelected is invoked. 2026-01-05 16:26:56 -08:00
AEmotionStudio e2e19f83e1 feat: enable node list display and selection in the pop-out viewer and update version. 2026-01-05 16:22:52 -08:00
AEmotionStudio ac8bda31ac feat: Introduce NodeSelector for fetching, sorting, and searching ComfyUI nodes. 2026-01-05 15:50:52 -08:00
AEmotionStudio 6af63e9db4 feat: disable info panel persist setting when panel is hidden via toggle button 2026-01-05 14:55:53 -08:00
AEmotionStudio f1acd5ef38 feat: Dynamically update pop-out button's active state and tooltip based on viewer status. 2026-01-05 14:34:02 -08:00
AEmotionStudio 2127ffb583 feat: allow info panel to update even when glass preview is hidden 2026-01-05 13:05:12 -08:00
AEmotionStudio 3804d41ef1 feat: Add ability to hide magnify glass preview and refine info panel visibility based on glass state. 2026-01-05 12:19:46 -08:00
AEmotionStudio 1996fff06e feat: Introduce info panel hold state and toggle functionality. 2026-01-05 01:43:07 -08:00
AEmotionStudio 46206a6a08 feat: Update cursor preview button visibility based on info panel pinned state and fix a minor typo in ConfigManager. 2026-01-04 23:33:12 -08:00
AEmotionStudio 4145d3e0d9 feat: Add button to toggle cursor preview in the magnify glass. 2026-01-04 23:25:18 -08:00
AEmotionStudio 6f7ce3ab90 feat: Add hotkey indicator to drag glass button title 2026-01-03 12:05:31 -08:00
AEmotionStudio e2965f7a38 feat: Extend theme detection to include dracula, gruvbox, and monokai, and synchronize themes with the popout viewer. 2026-01-03 04:03:51 -08:00
AEmotionStudio 44423cd6bd feat: Add reset position icon and update UI manager. 2026-01-03 03:50:57 -08:00