#{history.length - idx}
diff --git a/packages/studio/src/components/CinemaStudio.jsx b/packages/studio/src/components/CinemaStudio.jsx
index c872018..074aa07 100644
--- a/packages/studio/src/components/CinemaStudio.jsx
+++ b/packages/studio/src/components/CinemaStudio.jsx
@@ -3,6 +3,7 @@
import { useState, useEffect, useRef, useCallback } from "react";
import { generateImage, uploadFile } from "../muapi.js";
import { scopedPersistKey, migrateLegacyPersistKey } from "../persistKey.js";
+import MobileGenerationActions from "./MobileGenerationActions.jsx";
import {
PromptAspectRatioIcon,
PromptAction,
@@ -724,24 +725,6 @@ export default function CinemaStudio({
[onGenerationError],
);
- // ── Load history item ──
- const loadHistoryItem = (entry, idx) => {
- if (entry.settings) {
- setSettings((prev) => ({
- ...prev,
- camera: entry.settings.camera ?? prev.camera,
- lens: entry.settings.lens ?? prev.lens,
- focal: entry.settings.focal ?? prev.focal,
- aperture: entry.settings.aperture ?? prev.aperture,
- aspect_ratio: entry.settings.aspect_ratio ?? prev.aspect_ratio,
- prompt: entry.settings.prompt ?? prev.prompt,
- }));
- if (entry.settings.resolution) setResolution(entry.settings.resolution);
-
- }
- setCanvasUrl(entry.url);
- };
-
const resetToPrompt = () => {
setCanvasUrl(null);
setSettings((prev) => ({ ...prev, prompt: "" }));
@@ -762,7 +745,7 @@ export default function CinemaStudio({
loadHistoryItem(entry, idx)}
+ onClick={() => setFullscreenUrl(entry.url)}
>
{/* Overlay actions */}
-
-
+
+ {
+ try {
+ const response = await fetch(entry.url);
+ const blob = await response.blob();
+ const blobUrl = URL.createObjectURL(blob);
+ const anchor = document.createElement("a");
+ anchor.href = blobUrl;
+ anchor.download = `cinema-shot-${entry.id || idx}.jpg`;
+ document.body.appendChild(anchor);
+ anchor.click();
+ document.body.removeChild(anchor);
+ URL.revokeObjectURL(blobUrl);
+ } catch {
+ window.open(entry.url, "_blank");
+ }
+ },
+ },
+ {
+ kind: "delete",
+ label: "Delete",
+ danger: true,
+ onSelect: () => {
+ if (confirm("Are you sure you want to delete this generated item?")) {
+ setInternalHistory((prev) => prev.filter((_, i) => i !== idx));
+ }
+ },
+ },
+ ]}
+ />
{/* Details */}
diff --git a/packages/studio/src/components/ClippingStudio.jsx b/packages/studio/src/components/ClippingStudio.jsx
index a2c15ff..507a67c 100644
--- a/packages/studio/src/components/ClippingStudio.jsx
+++ b/packages/studio/src/components/ClippingStudio.jsx
@@ -5,6 +5,7 @@ import toast, { Toaster } from "react-hot-toast";
import { runClipping, uploadFile } from "../muapi.js";
import { formatErrorMessage } from "../utils/formatError.js";
import { scopedPersistKey, migrateLegacyPersistKey } from "../persistKey.js";
+import MobileGenerationActions from "./MobileGenerationActions.jsx";
import {
PROMPT_CONTROL_LABEL_CLASS,
PROMPT_MEDIA_PREVIEW_CLASS,
@@ -592,17 +593,17 @@ export default function ClippingStudio({
{history.map((entry, idx) => (
handleSelectHistory(entry)}
+ className="relative group rounded-lg overflow-hidden border border-white/10 bg-[#0a0a0a] shadow-xl hover:border-primary/50 transition-all duration-300 flex flex-col cursor-pointer"
>