@ai-matrx/capture 0.5.0 → 0.5.2

package/dist/react.d.cts

@@ -34,8 +34,8 @@ type CaptureAspect = "full" | "4:3" | "1:1" | "16:9";
  */
 interface CaptureCloudPort {
     /** Content of the bottom-left recents thumbnail (latest cloud/session
-     *  media). Null renders the placeholder — the button still opens the
-     *  library. */
+     *  media). Null renders the placeholder. Non-interactive thumbnail space
+     *  opens the library; any injected remedy control owns its own action. */
     recentsThumb: React.ReactNode;
     /** Opens the host's cloud media library (tiled gallery). */
     onOpenLibrary: () => void;

package/dist/react.d.ts

@@ -34,8 +34,8 @@ type CaptureAspect = "full" | "4:3" | "1:1" | "16:9";
  */
 interface CaptureCloudPort {
     /** Content of the bottom-left recents thumbnail (latest cloud/session
-     *  media). Null renders the placeholder — the button still opens the
-     *  library. */
+     *  media). Null renders the placeholder. Non-interactive thumbnail space
+     *  opens the library; any injected remedy control owns its own action. */
     recentsThumb: React.ReactNode;
     /** Opens the host's cloud media library (tiled gallery). */
     onOpenLibrary: () => void;

package/dist/react.js

@@ -1498,6 +1498,18 @@ function CameraCapture({
   const [timerSetting, setTimerSetting] = useState5(0);
   const [aspect, setAspect] = useState5("full");
   const [exposureOpen, setExposureOpen] = useState5(false);
+  const openLibraryFromRecents = useCallback4(
+    (event) => {
+      const target = event.target;
+      if (target instanceof Element && target.closest(
+        "button, a, input, select, textarea, [role='button'], [role='link']"
+      )) {
+        return;
+      }
+      cloud.onOpenLibrary();
+    },
+    [cloud]
+  );
   const [countdown, setCountdown] = useState5(null);
   const [blockedDismissed, setBlockedDismissed] = useState5(false);
   const countdownRef = useRef3(null);
@@ -1745,16 +1757,26 @@ function CameraCapture({
               slots.modeRowTrailing && /* @__PURE__ */ jsx12("div", { className: "shrink-0", children: slots.modeRowTrailing })
             ] }),
             /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between px-2 pb-1.5 pt-0.5", children: [
-              /* @__PURE__ */ jsx12("div", { className: "flex w-14 justify-start", children: /* @__PURE__ */ jsx12(
-                "button",
-                {
-                  type: "button",
-                  onClick: cloud.onOpenLibrary,
-                  "aria-label": "Open your media library",
-                  className: "h-11 w-11 touch-manipulation overflow-hidden rounded-xl bg-white/10 ring-1 ring-white/25 transition-transform active:scale-95",
-                  children: cloud.recentsThumb ?? /* @__PURE__ */ jsx12("span", { className: "block h-full w-full bg-white/5" })
-                }
-              ) }),
+              /* @__PURE__ */ jsxs10("div", { className: "flex w-14 justify-start", children: [
+                /* @__PURE__ */ jsx12(
+                  "div",
+                  {
+                    onClick: openLibraryFromRecents,
+                    className: "h-11 w-11 touch-manipulation overflow-hidden rounded-xl bg-white/10 ring-1 ring-white/25 transition-transform active:scale-95",
+                    children: cloud.recentsThumb ?? /* @__PURE__ */ jsx12("span", { className: "block h-full w-full bg-white/5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx12(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: cloud.onOpenLibrary,
+                    "aria-label": "Open your media library",
+                    className: "sr-only",
+                    children: "Open your media library"
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsx12(
                 ShutterButton,
                 {