From 5338e1efa7d33fe77db8f214f5eafdc982ea7120 Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Fri, 17 Apr 2026 11:18:38 +1200
Subject: [PATCH] fix: video tile a11y and complete removeMedia deps

- OutputGalleryNode: add aria-label to gallery tile buttons so screen
  readers can identify video tiles (images already had alt via
  AdaptiveGalleryThumbnail)
- OutputGalleryNode: add nodeData.imageRefs and nodeData.videoRefs to
  removeMedia dependency array so splice operates on current refs

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/nodes/OutputGalleryNode.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/nodes/OutputGalleryNode.tsx b/src/components/nodes/OutputGalleryNode.tsx
index da61d74c..f69db66f 100644
--- a/src/components/nodes/OutputGalleryNode.tsx
+++ b/src/components/nodes/OutputGalleryNode.tsx
@@ -106,7 +106,7 @@ export function OutputGalleryNode({ id, data, selected }: NodeProps<OutputGaller
         setLightboxIndex(newLength - 1);
       }
     }
-  }, [displayMedia, nodeData.images, nodeData.videos, updateNodeData, id, lightboxIndex]);
+  }, [displayMedia, nodeData.images, nodeData.imageRefs, nodeData.videos, nodeData.videoRefs, updateNodeData, id, lightboxIndex]);
 
   const handleExtractToInputNodes = useCallback(() => {
     const galleryNode = getNodes().find((n) => n.id === id);
@@ -237,6 +237,7 @@ export function OutputGalleryNode({ id, data, selected }: NodeProps<OutputGaller
                 <button
                   key={idx}
                   onClick={() => openLightbox(idx)}
+                  aria-label={item.type === "video" ? `Open video ${idx + 1}` : `Open image ${idx + 1}`}
                   className="aspect-square rounded border border-neutral-700 hover:border-neutral-500 overflow-hidden transition-colors relative"
                 >
                   {item.type === "video" ? (