-
-
- {videoStyles.map((s) => (
-
- ))}
+
+
+
+
+
+
+
setStyleSearch(e.target.value)}
+ className="w-full pl-8 pr-3 py-1.5 bg-[var(--color-bg-surface)] border border-[var(--color-border-faint)] rounded-md text-xs text-[var(--color-text-primary)] placeholder:text-[var(--color-text-ghost)] focus:outline-none focus:border-violet-500/50"
+ />
+
+
+
+
+ {Object.entries(groupedStyles).map(([category, items]) => {
+ const isExpanded = styleSearch ? true : expandedCategory === category;
+ return (
+
+
+
+
+ {isExpanded && (
+
+
+ {items.map((s) => (
+
+ ))}
+
+
+ )}
+
+
+ );
+ })}
+ {Object.keys(groupedStyles).length === 0 && (
+
+ "{styleSearch}" için sonuç bulunamadı.
+
+ )}
diff --git a/src/app/[locale]/(dashboard)/dashboard/x-to-video/page.tsx b/src/app/[locale]/(dashboard)/dashboard/x-to-video/page.tsx
index ec0cd41..6e400f1 100644
--- a/src/app/[locale]/(dashboard)/dashboard/x-to-video/page.tsx
+++ b/src/app/[locale]/(dashboard)/dashboard/x-to-video/page.tsx
@@ -90,11 +90,6 @@ export default function XToVideoPage() {
toast.success("Tweet → Video projesi oluşturuldu!");
const projectId = result?.id;
if (projectId) {
- // Otomatik senaryo üretimini tetikle
- const { projectsApi } = await import("@/lib/api/api-service");
- projectsApi.generateScript(projectId).catch((err) => {
- console.error("Tweet→Video senaryo üretimi başlatılamadı:", err);
- });
router.push(`/dashboard/projects/${projectId}`);
} else {
router.push("/dashboard/projects");
diff --git a/src/components/project/scene-card.tsx b/src/components/project/scene-card.tsx
index 7945b1d..a855f55 100644
--- a/src/components/project/scene-card.tsx
+++ b/src/components/project/scene-card.tsx
@@ -2,7 +2,7 @@
import { useState } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
-import { Pencil, Check, X, RefreshCw, Clock, ArrowRight, Wand2, Image, Mic } from 'lucide-react';
+import { Pencil, Check, X, RefreshCw, Clock, ArrowRight, Wand2, Image as ImageIcon, Mic, Maximize2 } from 'lucide-react';
interface SceneCardProps {
scene: {
@@ -19,13 +19,28 @@ interface SceneCardProps {
isEditable: boolean;
onUpdate?: (sceneId: string, data: { narrationText?: string; visualPrompt?: string; subtitleText?: string }) => void;
onRegenerate?: (sceneId: string) => void;
+ onGenerateImage?: (sceneId: string, customPrompt?: string) => void;
+ onUpscaleImage?: (sceneId: string) => void;
isRegenerating?: boolean;
+ isGeneratingImage?: boolean;
+ isUpscalingImage?: boolean;
}
-export function SceneCard({ scene, isEditable, onUpdate, onRegenerate, isRegenerating }: SceneCardProps) {
+export function SceneCard({
+ scene,
+ isEditable,
+ onUpdate,
+ onRegenerate,
+ onGenerateImage,
+ onUpscaleImage,
+ isRegenerating,
+ isGeneratingImage,
+ isUpscalingImage,
+}: SceneCardProps) {
const [isEditing, setIsEditing] = useState(false);
const [editNarration, setEditNarration] = useState(scene.narrationText);
const [editVisual, setEditVisual] = useState(scene.visualPrompt);
+ const [lightboxOpen, setLightboxOpen] = useState(false);
const handleSave = () => {
onUpdate?.(scene.id, {
@@ -33,6 +48,7 @@ export function SceneCard({ scene, isEditable, onUpdate, onRegenerate, isRegener
visualPrompt: editVisual,
subtitleText: editNarration,
});
+ // If user edited visual prompt, and maybe wants to generate, they can click generate visual later.
setIsEditing(false);
};
@@ -42,6 +58,8 @@ export function SceneCard({ scene, isEditable, onUpdate, onRegenerate, isRegener
setIsEditing(false);
};
+ const thumbnailAsset = scene.mediaAssets?.find(a => a.type === 'THUMBNAIL');
+
return (