sync: update from private repo (63a6e76)

ui/src/components/userfolder/SaveAsScriptDialog.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { listBrowserSessionProfiles } from '../../api';
+import { useBackdropClose } from '../../lib/useBackdropClose';
 
 export interface ParamHint {
   name: string;
@@ -56,6 +57,7 @@ export function SaveAsScriptDialog({ recordingName, onClose, onSuccess }: SaveAs
   const [overwrite, setOverwrite] = useState(false);
   const [validationError, setValidationError] = useState<string | null>(null);
   const [conflictError, setConflictError] = useState<string | null>(null);
+  const backdrop = useBackdropClose(onClose);
 
   const { data: sessionProfiles = [], isLoading: profilesLoading } = useQuery({
     queryKey: ['browser-session-profiles'],
@@ -141,7 +143,7 @@ export function SaveAsScriptDialog({ recordingName, onClose, onSuccess }: SaveAs
     /* Backdrop */
     <div
       className="fixed inset-0 z-50 flex items-center justify-center bg-black/40"
-      onClick={e => { if (e.target === e.currentTarget) onClose(); }}
+      {...backdrop}
     >
       <div className="bg-surface rounded-xl shadow-xl w-full max-w-lg mx-4 overflow-hidden flex flex-col max-h-[90vh]">
         {/* Header */}

ui/src/components/userfolder/SubscriptionsPanel.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { MarkdownText } from '../../lib/markdown-text';
+import { useBackdropClose } from '../../lib/useBackdropClose';
 
 interface Subscription {
   consumer_user_id: string;
@@ -110,11 +111,12 @@ function NoteContentModal({
   });
 
   const title = (note.data?.fm.title as string | undefined) || fileName;
+  const backdrop = useBackdropClose(onClose);
 
   return (
     <div
       className="fixed inset-0 z-50 flex items-center justify-center bg-black/30 p-4"
-      onClick={onClose}
+      {...backdrop}
     >
       <div
         className="bg-surface rounded-md shadow-lg w-full max-w-3xl max-h-[85vh] flex flex-col overflow-hidden"