opensource/Open-Generative-AI
3
0
Fork 0
mirror of https://github.com/Anil-matcha/Open-Generative-AI.git synced 2026-08-31 01:40:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(studio): hide unavailable video models

Browse Source
This commit is contained in:
antilya
2026-08-21 22:28:09 +04:00
parent adbac2898c
commit 28dddeeade
2 changed files with 36 additions and 312 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/studio/src/components/VideoStudio.jsx
+36 -15
View File
@@ -51,6 +51,11 @@ function getQualitiesForModel(modelList, modelId) {
return model?.inputs?.quality?.enum || [];
}
function getVideoModelsForMode(imageMode, v2vMode) {
if (v2vMode) return v2vModels;
return imageMode ? i2vModels : t2vModels;
}
async function downloadFile(url, filename) {
try {
const response = await fetch(url);
@@ -561,8 +566,7 @@ export default function VideoStudio({
}, [historyItems, onDeleteHistoryItem]);
const getCurrentModels = useCallback(() => {
if (v2vMode) return v2vModels;
return imageMode ? i2vModels : t2vModels;
return getVideoModelsForMode(imageMode, v2vMode);
}, [imageMode, v2vMode]);
const getCurrentAspectRatios = useCallback(
@@ -683,16 +687,33 @@ export default function VideoStudio({
const stored = localStorage.getItem(PERSIST_KEY);
if (stored) {
const data = JSON.parse(stored);
if (data.imageMode !== undefined) setImageMode(data.imageMode);
if (data.v2vMode !== undefined) setV2vMode(data.v2vMode);
if (data.selectedModel) setSelectedModel(data.selectedModel);
if (data.selectedModelName) setSelectedModelName(data.selectedModelName);
if (data.selectedAr) setSelectedAr(data.selectedAr);
if (data.selectedDuration) setSelectedDuration(data.selectedDuration);
if (data.selectedResolution) setSelectedResolution(data.selectedResolution);
if (data.selectedQuality) setSelectedQuality(data.selectedQuality);
if (data.selectedMode) setSelectedMode(data.selectedMode);
if (data.selectedEffect) setSelectedEffect(data.selectedEffect);
const restoredImageMode = !!data.imageMode;
const restoredV2vMode = !!data.v2vMode;
const availableModels = getVideoModelsForMode(
restoredImageMode,
restoredV2vMode,
);
const persistedModel = availableModels.find(
(model) => model.id === data.selectedModel,
);
const restoredModel =
persistedModel || availableModels[0] || defaultModel;
setImageMode(restoredImageMode);
setV2vMode(restoredV2vMode);
setSelectedModel(restoredModel.id);
setSelectedModelName(restoredModel.name);
if (persistedModel) {
if (data.selectedAr) setSelectedAr(data.selectedAr);
if (data.selectedDuration) setSelectedDuration(data.selectedDuration);
if (data.selectedResolution) {
setSelectedResolution(data.selectedResolution);
}
if (data.selectedQuality) setSelectedQuality(data.selectedQuality);
if (data.selectedMode) setSelectedMode(data.selectedMode);
if (data.selectedEffect) setSelectedEffect(data.selectedEffect);
}
if (data.uploadedImageUrl) setUploadedImageUrl(data.uploadedImageUrl);
if (data.uploadedImageUrls) {
setUploadedImageUrls(data.uploadedImageUrls);
@@ -706,9 +727,9 @@ export default function VideoStudio({
// Update control visibility based on restored model/mode
applyControlsForModel(
data.selectedModel || defaultModel.id,
!!data.imageMode,
!!data.v2vMode
restoredModel.id,
restoredImageMode,
restoredV2vMode,
);
}
} catch (err) {
packages/studio/src/models.js
-297
View File
@@ -4790,44 +4790,6 @@ export const t2vModels = [
"provider": "minimax",
"provider_name": "Minimax"
},
{
"id": "openai-sora",
"name": "Sora",
"inputs": {
"prompt": {
"type": "string",
"title": "Prompt",
"name": "prompt",
"description": "Text prompt describing the video."
},
"aspect_ratio": {
"enum": [
"16:9",
"9:16",
"1:1"
],
"title": "Aspect Ratio",
"name": "aspect_ratio",
"type": "string",
"description": "Aspect ratio of the output video.",
"default": "16:9"
},
"resolution": {
"enum": [
"480p",
"720p",
"1080p"
],
"title": "Resolution",
"name": "resolution",
"type": "string",
"description": "The resolution of the generated video.",
"default": "480p"
}
},
"provider": "openai",
"provider_name": "OpenAI"
},
{
"id": "openai-sora-2-text-to-video",
"name": "Sora 2",
@@ -6018,46 +5980,6 @@ export const t2vModels = [
"provider": "happy-horse",
"provider_name": "Happy Horse"
},
{
"id": "veo-4-text-to-video",
"name": "Veo 4",
"endpoint": "veo-4-text-to-video",
"inputs": {
"prompt": {
"type": "string",
"title": "Prompt",
"name": "prompt",
"description": "Text description of the desired video content.",
"examples": [
"A cinematic aerial shot of a city at dusk, golden hour lighting, slow dolly forward."
]
},
"aspect_ratio": {
"enum": [
"16:9",
"9:16",
"1:1"
],
"type": "string",
"title": "Aspect Ratio",
"name": "aspect_ratio",
"description": "Output video aspect ratio.",
"default": "16:9"
},
"duration": {
"type": "int",
"title": "Duration (seconds)",
"name": "duration",
"description": "Video duration in seconds.",
"default": 8,
"minValue": 5,
"maxValue": 30,
"step": 1
}
},
"provider": "google",
"provider_name": "Google"
},
{
"id": "seedance-2-vip-text-to-video-1080p",
"name": "Seedance 2 VIP Text to Video 1080P",
@@ -6992,75 +6914,6 @@ export const t2vModels = [
"provider": "kling",
"provider_name": "Kling AI"
},
{
"id": "seedance-2.1-text-to-video",
"name": "Seedance 2.1",
"endpoint": "seedance-2.1-text-to-video",
"inputs": {
"prompt": {
"examples": [
"A colossal floating city drifts above luminous clouds at dusk, golden energy streams flowing between its towers, cinematic wide shot with subtle camera push, epic atmospheric lighting."
],
"description": "Text prompt describing the video scene and motion.",
"type": "string",
"title": "Prompt",
"name": "prompt"
},
"aspect_ratio": {
"enum": [
"16:9",
"9:16",
"1:1",
"3:4",
"4:3",
"21:9"
],
"title": "Aspect Ratio",
"name": "aspect_ratio",
"type": "string",
"description": "Aspect ratio of the output video.",
"default": "16:9"
},
"resolution": {
"enum": [
"480p",
"720p",
"1080p"
],
"title": "Resolution",
"name": "resolution",
"type": "string",
"description": "Output video resolution.",
"default": "720p"
},
"duration": {
"title": "Duration",
"name": "duration",
"type": "int",
"description": "The duration of the generated video in seconds.",
"default": 5,
"minValue": 4,
"maxValue": 12,
"step": 1
},
"generate_audio": {
"type": "boolean",
"title": "Generate Audio",
"name": "generate_audio",
"description": "Whether to generate audio for the video.",
"default": true
},
"camera_fixed": {
"type": "boolean",
"title": "Camera Fixed",
"name": "camera_fixed",
"description": "Whether to fix the camera position.",
"default": false
}
},
"provider": "bytedance",
"provider_name": "ByteDance"
},
{
"id": "seedance-2.5-text-to-video",
"name": "Seedance 2.5",
@@ -16406,63 +16259,6 @@ export const i2vModels = [
"provider": "happy-horse",
"provider_name": "Happy Horse"
},
{
"id": "veo-4-image-to-video",
"name": "Veo 4",
"endpoint": "veo-4-image-to-video",
"family": "veo-4",
"imageField": "images_list",
"hasPrompt": true,
"inputs": {
"images_list": {
"examples": [
"https://d3adwkbyhxyrtq.cloudfront.net/ai-images/186/712345784292/4a8c5c70-abcc-4920-873e-b0e219986453.jpg"
],
"description": "Upload or provide the image to animate.",
"field": "images_list",
"type": "array",
"items": {
"type": "string"
},
"title": "Image",
"name": "images_list",
"maxItems": 1
},
"prompt": {
"type": "string",
"title": "Prompt",
"name": "prompt",
"description": "Optional text description guiding the motion and camera movement.",
"examples": [
"Camera slowly pans left, parallax depth, cinematic lighting."
]
},
"aspect_ratio": {
"enum": [
"16:9",
"9:16",
"1:1"
],
"type": "string",
"title": "Aspect Ratio",
"name": "aspect_ratio",
"description": "Output video aspect ratio.",
"default": "16:9"
},
"duration": {
"type": "int",
"title": "Duration (seconds)",
"name": "duration",
"description": "Video duration in seconds.",
"default": 8,
"minValue": 5,
"maxValue": 30,
"step": 1
}
},
"provider": "google",
"provider_name": "Google"
},
{
"id": "seedance-2-vip-image-to-video-1080p",
"name": "Seedance 2 VIP Image to Video 1080P",
@@ -17756,99 +17552,6 @@ export const i2vModels = [
"provider": "kling",
"provider_name": "Kling AI"
},
{
"id": "seedance-2.1-image-to-video",
"name": "Seedance 2.1",
"endpoint": "seedance-2.1-image-to-video",
"family": "seedance-2.1",
"imageField": "image_url",
"lastImageField": "last_image",
"hasPrompt": true,
"inputs": {
"prompt": {
"examples": [
"Add a slow cinematic orbit around the subject, gentle parallax depth, fog drifting naturally, sky colors shifting while preserving original lighting and mood."
],
"description": "Text prompt describing the video motion and style.",
"type": "string",
"title": "Prompt",
"name": "prompt"
},
"image_url": {
"examples": [
"https://d3adwkbyhxyrtq.cloudfront.net/webassets/videomodels/seedance-v1.5-pro-i2v.jpg"
],
"description": "URL of the input image to animate into video.",
"field": "image",
"type": "string",
"title": "Image URL",
"name": "image_url"
},
"last_image": {
"examples": [
null
],
"description": "Optional URL of the last frame image for first-last frame control.",
"field": "image",
"type": "string",
"title": "Last Image",
"name": "last_image"
},
"aspect_ratio": {
"enum": [
"16:9",
"9:16",
"1:1",
"3:4",
"4:3",
"21:9"
],
"title": "Aspect Ratio",
"name": "aspect_ratio",
"type": "string",
"description": "Aspect ratio of the output video.",
"default": "16:9"
},
"resolution": {
"enum": [
"480p",
"720p",
"1080p"
],
"title": "Resolution",
"name": "resolution",
"type": "string",
"description": "Output video resolution.",
"default": "720p"
},
"duration": {
"title": "Duration",
"name": "duration",
"type": "int",
"description": "The duration of the generated video in seconds.",
"default": 5,
"minValue": 4,
"maxValue": 12,
"step": 1
},
"generate_audio": {
"type": "boolean",
"title": "Generate Audio",
"name": "generate_audio",
"description": "Whether to generate audio for the video.",
"default": true
},
"camera_fixed": {
"type": "boolean",
"title": "Camera Fixed",
"name": "camera_fixed",
"description": "Whether to fix the camera position.",
"default": false
}
},
"provider": "bytedance",
"provider_name": "ByteDance"
},
{
"id": "seedance-2.5-image-to-video",
"name": "Seedance 2.5",