{/* Screen group context menu */}
- {groupContextMenu && (
+ {groupContextMenu && (() => {
+ const ctxScreen = screens.find((s) => s.id === groupContextMenu.screenId);
+ const selectedScreenIds = canvasSelection.filter((i) => i.type === "screen").map((i) => i.id);
+ const isInSelection = selectedScreenIds.includes(groupContextMenu.screenId);
+ const copyTargetIds = isInSelection && selectedScreenIds.length > 1
+ ? selectedScreenIds
+ : [groupContextMenu.screenId];
+ const copyTargetScreens = copyTargetIds.map((id) => screens.find((s) => s.id === id)).filter(Boolean);
+ const figmaExportCount = copyTargetScreens.filter((s) => s.svgContent || s.wireframe).length;
+ const hasFigmaExport = figmaExportCount > 0;
+ const hasSourceHtml = copyTargetScreens.some((s) => s.sourceHtml);
+ return (
setGroupContextMenu(null)}
@@ -350,6 +369,111 @@ export function CanvasArea({
? "Duplicate Selection"
: "Duplicate Screen"}
+ {ctxScreen?.wireframe && (
+
+ )}
+
+
+ )}
+ {hasFigmaExport && (
+ <>
+
+ {hasSourceHtml && (
+
+ )}
+
)}
@@ -430,7 +554,8 @@ export function CanvasArea({
Remove from group
- )}
+ );
+ })()}
{/* Tool switcher */}