Storyboard Feature

components/shoot-log/TakeEditorPanel.tsx

@@ -498,6 +498,7 @@ interface Props {
   onNewTake: () => void;
   onDelete: () => void;
   onAttachmentsChange: () => void;
+  onBack?: (() => void) | null;
 }
 
 export function TakeEditorPanel({
@@ -509,6 +510,7 @@ export function TakeEditorPanel({
   onNewTake,
   onDelete,
   onAttachmentsChange,
+  onBack,
 }: Props) {
   const { status, queue } = useAutosave(take.id);
 
@@ -550,6 +552,13 @@ export function TakeEditorPanel({
     <div className="flex flex-col h-full overflow-hidden">
       {/* ── Nav bar ── */}
       <div className="flex items-center gap-2 px-4 py-3 border-b border-zinc-800 shrink-0 flex-wrap">
+        {/* Back to list — mobile only */}
+        {onBack && (
+          <Button size="sm" variant="ghost" className="md:hidden -ml-2 text-zinc-400 shrink-0" onClick={onBack}>
+            <ChevronLeft className="h-4 w-4" />
+            List
+          </Button>
+        )}
         <div className="flex items-center gap-1">
           <Button size="icon-sm" variant="ghost" disabled={!onPrev} onClick={onPrev ?? undefined} title="Previous take (←)">
             <ChevronLeft className="h-4 w-4" />