RenderPipeline2

app/(dashboard)/projects/[id]/shots/[shotId]/page.tsx

@@ -89,7 +89,7 @@ export default function ShotDetailPage() {
   const [isDuplicating, setIsDuplicating] = useState(false);
   const [isActioning, setIsActioning] = useState(false);
   const [highResDialogOpen, setHighResDialogOpen] = useState(false);
-  const [activeTab, setActiveTab] = useState<"tasks" | "reviews" | "footage" | "settings">("tasks");
+  const [activeTab, setActiveTab] = useState<"tasks" | "reviews" | "footage" | "settings" | "exports">("tasks");
   const [editingVersion, setEditingVersion] = useState(false);
   const [versionInput, setVersionInput] = useState("");
   const [savingVersion, setSavingVersion] = useState(false);
@@ -531,6 +531,18 @@ export default function ShotDetailPage() {
             <MessageSquare className="h-4 w-4" />
             Reviews
           </button>
+          <button
+            onClick={() => setActiveTab("exports")}
+            className={cn(
+              "flex items-center gap-2 px-4 py-2.5 text-sm font-medium border-b-2 transition-colors -mb-px",
+              activeTab === "exports"
+                ? "border-amber-500 text-amber-400"
+                : "border-transparent text-zinc-500 hover:text-zinc-300"
+            )}
+          >
+            <ListTodo className="h-4 w-4" />
+            Exports
+          </button>
           <button
             onClick={() => setActiveTab("footage")}
             className={cn(
@@ -658,6 +670,16 @@ export default function ShotDetailPage() {
           />
         )}
 
+        {activeTab === "exports" && (
+          <div className="rounded-lg border border-border p-4 space-y-3">
+            <div className="flex items-center justify-between">
+              <h3 className="font-medium">Export history</h3>
+              <span className="text-xs text-muted-foreground">Queue API-backed entries</span>
+            </div>
+            <p className="text-sm text-muted-foreground">Exports submitted for this shot will appear here once they are queued through the new pipeline API.</p>
+          </div>
+        )}
+
         {activeTab === "settings" && canManage && (
           <ShotSettingsTab shot={shot} artists={artists} onSaved={fetchShot} />
         )}