diff --git a/apps/web/components/media-studio.tsx b/apps/web/components/media-studio.tsx index 1720bb5..61b99f4 100644 --- a/apps/web/components/media-studio.tsx +++ b/apps/web/components/media-studio.tsx @@ -1236,6 +1236,9 @@ export function MediaStudio({ seedanceReferenceImages={seedanceReferenceImages} seedanceReferenceVideos={seedanceReferenceVideos} seedanceReferenceAudios={seedanceReferenceAudios} + maxImageReferences={maxImageInputs} + maxVideoReferences={maxVideoInputs} + maxAudioReferences={maxAudioInputs} standardComposerSectionTitle={standardComposerSectionTitle} standardComposerSummaryLabel={standardComposerLayout.summaryLabel} standardComposerSlots={standardComposerSlots} diff --git a/apps/web/components/studio/studio-input-rails.test.tsx b/apps/web/components/studio/studio-input-rails.test.tsx index 8bf3089..0ced847 100644 --- a/apps/web/components/studio/studio-input-rails.test.tsx +++ b/apps/web/components/studio/studio-input-rails.test.tsx @@ -22,6 +22,9 @@ function inputProps() { seedanceReferenceImages: [], seedanceReferenceVideos: [], seedanceReferenceAudios: [], + maxImageReferences: 9, + maxVideoReferences: 3, + maxAudioReferences: 3, standardComposerSectionTitle: "Inputs", standardComposerSummaryLabel: null, standardComposerSlots: [], diff --git a/apps/web/components/studio/studio-mobile-inputs-content.tsx b/apps/web/components/studio/studio-mobile-inputs-content.tsx index a5e3f54..f04c4a9 100644 --- a/apps/web/components/studio/studio-mobile-inputs-content.tsx +++ b/apps/web/components/studio/studio-mobile-inputs-content.tsx @@ -43,6 +43,9 @@ type StudioMobileInputsContentProps = { seedanceReferenceImages: AttachmentRecord[]; seedanceReferenceVideos: AttachmentRecord[]; seedanceReferenceAudios: AttachmentRecord[]; + maxImageReferences: number; + maxVideoReferences: number; + maxAudioReferences: number; standardComposerSectionTitle: string; standardComposerSummaryLabel: string | null; standardComposerSlots: StudioComposerSlot[]; @@ -87,6 +90,9 @@ export function StudioMobileInputsContent({ seedanceReferenceImages, seedanceReferenceVideos, seedanceReferenceAudios, + maxImageReferences, + maxVideoReferences, + maxAudioReferences, standardComposerSectionTitle, standardComposerSummaryLabel, standardComposerSlots, @@ -163,7 +169,7 @@ export function StudioMobileInputsContent({ tokenHint: "image@", attachments: seedanceReferenceImages, accept: "image/*", - maxLabel: "9", + maxLabel: maxImageReferences, tileClassName: MOBILE_INPUT_TILE_CLASS, addTileClassName: mobileAddTileClassName, plusIconClassName: mobileAddTilePlusIconClassName, @@ -175,7 +181,7 @@ export function StudioMobileInputsContent({ tokenHint: "video@", attachments: seedanceReferenceVideos, accept: "video/*", - maxLabel: "3", + maxLabel: maxVideoReferences, tileClassName: MOBILE_INPUT_TILE_CLASS, addTileClassName: mobileAddTileClassName, plusIconClassName: mobileAddTilePlusIconClassName, @@ -187,7 +193,7 @@ export function StudioMobileInputsContent({ tokenHint: "audio@", attachments: seedanceReferenceAudios, accept: "audio/*", - maxLabel: "3", + maxLabel: maxAudioReferences, tileClassName: MOBILE_INPUT_TILE_CLASS, addTileClassName: mobileAddTileClassName, plusIconClassName: mobileAddTilePlusIconClassName, @@ -320,7 +326,7 @@ export function StudioMobileInputsContent({ testId={`studio-mobile-seedance-group-tile-${group.key}-${attachment.id}`} /> ))} - {group.attachments.length < Number(group.maxLabel) ? ( + {group.attachments.length < group.maxLabel ? (