Skip to content

MWPW-192828: add image-to-video widget with dropzone, model/aspect-ratio selectors, and generate flow#743

Open
sanjayms01 wants to merge 1 commit intostagefrom
ado/MWPW-192828
Open

MWPW-192828: add image-to-video widget with dropzone, model/aspect-ratio selectors, and generate flow#743
sanjayms01 wants to merge 1 commit intostagefrom
ado/MWPW-192828

Conversation

@sanjayms01
Copy link
Copy Markdown
Collaborator

Summary

Adds a new image-to-video Unity widget for the Firefly image-to-video AI feature page. The widget is injected into the upload-marquee block and provides a dropzone for image upload, a text prompt field, model/aspect-ratio selectors (spreadsheet-authorable), a "More" filters button, and a Generate CTA that submits to the Firefly backend and redirects on success.

Changes

  • unitylibs/core/widgets/image-to-video/image-to-video.js — new widget class with dropzone, prompt field, model selector, aspect ratio selector (dynamically tied to model), more button, and generate CTA
  • unitylibs/core/widgets/image-to-video/image-to-video.css — scoped dark-theme styles matching Figma specs (rgb(27,27,27) panel, rgb(50,50,50) model tag, rgb(44,44,44) aspect tag, responsive at 599px)
  • unitylibs/core/workflow/workflow.js — registered image-to-video in getWidgetRegistry()
  • unitylibs/core/workflow/workflow-firefly/target-config.json — updated upload-marquee entry with renderWidget: true and new actionMap for generate-itv and moreFilters
  • unitylibs/core/workflow/workflow-firefly/action-binder.js — added generateItvContent(), navigateToMoreFilters(), extended handleAction(), updated error toast fallback for .itv-panel
  • test/core/workflow/image-to-video.test.js — 15 unit tests covering rendering, state, interactions, and ActionBinder integration
  • test/core/workflow/mocks/itv-body.html — HTML fixture for tests

Testing

15 new tests added covering: DOM rendering (panel, dropzone, prompt, model/aspect selectors, more button, generate CTA), widget state initialization (model ID, aspect ratio, moreFiltersUrl), file selection behavior, dynamic aspect ratio updates on model change, and ActionBinder action dispatch. Full suite: 743 passed, 0 failed.

Jira: MWPW-192828

@aem-code-sync
Copy link
Copy Markdown

aem-code-sync Bot commented Apr 16, 2026

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant