@ai-matrx/meet 0.7.78 → 0.7.79

package/dist/react.cjs

@@ -83,6 +83,7 @@ __export(react_exports, {
   LockIcon: () => LockIcon,
   MEETING_INVITE_KIND: () => MEETING_INVITE_KIND,
   MEETING_INVITE_VERSION: () => MEETING_INVITE_VERSION,
+  MEETING_RECORD_GRACE_MS: () => MEETING_RECORD_GRACE_MS,
   MEET_ANSWER_CONTEXT_EVENT: () => MEET_ANSWER_CONTEXT_EVENT,
   MEET_ANSWER_EVENTS: () => MEET_ANSWER_EVENTS,
   MEET_EVENTS: () => MEET_EVENTS,
@@ -160,6 +161,7 @@ __export(react_exports, {
   asParticipantIdentity: () => asParticipantIdentity,
   asRoomName: () => asRoomName,
   asUserId: () => asUserId,
+  assembleMeetingRecord: () => assembleMeetingRecord,
   assignedRoom: () => assignedRoom,
   attendanceCsv: () => attendanceCsv,
   attendanceReport: () => attendanceReport,
@@ -189,6 +191,7 @@ __export(react_exports, {
   createMeetRepository: () => createMeetRepository,
   createMeetStore: () => createMeetStore,
   createMeetingInviteHandler: () => createMeetingInviteHandler,
+  createMeetingRecordCache: () => createMeetingRecordCache,
   createMeetingSession: () => createMeetingSession,
   createMemoryDeviceStorage: () => createMemoryDeviceStorage,
   createRecordingController: () => createRecordingController,
@@ -223,12 +226,14 @@ __export(react_exports, {
   loadMeetingActivities: () => loadMeetingActivities,
   loadMeetingChat: () => loadMeetingChat,
   loadMeetingRecord: () => loadMeetingRecord,
+  loadMeetingRecordParts: () => loadMeetingRecordParts,
   mapConnectionState: () => mapConnectionState,
   mapQuality: () => mapQuality,
   meetingInviteAction: () => meetingInviteAction,
   meetingLength: () => meetingLength,
   meetingLink: () => meetingLink,
   meetingPath: () => meetingPath,
+  meetingRecordCache: () => meetingRecordCache,
   meetingSlug: () => meetingSlug,
   meetingTopic: () => meetingTopic,
   meetingWhen: () => meetingWhen,
@@ -2205,13 +2210,13 @@ function mergeCaption(list, caption) {
   return list.map((entry, position) => position === index ? caption : entry);
 }
 function mergeRecord(list, record) {
-  const byId = list.findIndex((entry) => entry.source === "record" && entry.id === record.id);
-  if (byId !== -1) {
-    const existing = list[byId];
+  const byId2 = list.findIndex((entry) => entry.source === "record" && entry.id === record.id);
+  if (byId2 !== -1) {
+    const existing = list[byId2];
     if (existing !== void 0 && existing.text === record.text && existing.final === record.final) {
       return list;
     }
-    return list.map((entry, position) => position === byId ? record : entry);
+    return list.map((entry, position) => position === byId2 ? record : entry);
   }
   const captionIndex = list.findIndex((entry) => supersedes(record, entry));
   if (captionIndex === -1) return [...list, record];
@@ -5786,49 +5791,7 @@ function useLocalUserId() {
 
 // src/react/hooks.ts
 var import_react3 = require("react");
-
-// src/core/layout.ts
-var DEFAULT_PAGE_SIZE = 12;
-function orderParticipants(participants, activeSpeakers) {
-  const speakerRank = /* @__PURE__ */ new Map();
-  activeSpeakers.forEach((identity, index) => speakerRank.set(identity, index));
-  return [...participants].sort((a, b) => {
-    const speakerA = speakerRank.get(a.identity) ?? Number.MAX_SAFE_INTEGER;
-    const speakerB = speakerRank.get(b.identity) ?? Number.MAX_SAFE_INTEGER;
-    if (speakerA !== speakerB) return speakerA - speakerB;
-    if (a.handRaised !== b.handRaised) return a.handRaised ? -1 : 1;
-    if (a.cameraEnabled !== b.cameraEnabled) return a.cameraEnabled ? -1 : 1;
-    if (a.joinedAt !== b.joinedAt) return a.joinedAt < b.joinedAt ? -1 : 1;
-    return a.identity < b.identity ? -1 : 1;
-  });
-}
-function computeStage(args) {
-  const pageSize = Math.max(1, args.pageSize ?? DEFAULT_PAGE_SIZE);
-  const ordered = orderParticipants(args.participants, args.activeSpeakers);
-  const sharer = ordered.find((participant) => participant.screenSharing) ?? null;
-  const pinnedParticipant = args.pinned === null ? null : ordered.find((participant) => participant.identity === args.pinned) ?? null;
-  const spotlit = args.spotlight == null ? null : ordered.find((participant) => participant.identity === args.spotlight) ?? null;
-  const feature = sharer !== null ? sharer : pinnedParticipant !== null && args.layout !== "grid" ? pinnedParticipant : spotlit !== null ? spotlit : args.layout === "grid" ? null : ordered[0] ?? null;
-  const rest = feature === null ? ordered : ordered.filter((participant) => participant.identity !== feature.identity);
-  const pageCount = Math.max(1, Math.ceil(rest.length / pageSize));
-  const page = Math.min(Math.max(0, args.page ?? 0), pageCount - 1);
-  const tiles = rest.slice(page * pageSize, page * pageSize + pageSize);
-  return {
-    feature,
-    tiles,
-    overflow: rest.length - tiles.length,
-    page,
-    pageCount,
-    presenting: sharer !== null
-  };
-}
-function gridColumns(count2) {
-  if (count2 <= 1) return 1;
-  if (count2 <= 4) return 2;
-  if (count2 <= 9) return 3;
-  if (count2 <= 16) return 4;
-  return 5;
-}
+var import_react4 = require("@ai-matrx/realtime/react");
 
 // src/core/record.ts
 var import_format = require("@ai-matrx/kit/format");
@@ -5852,6 +5815,9 @@ function restrictionFor(part, error) {
   };
 }
 async function loadMeetingRecord(repository, meetingId, meeting, reader = { userId: null }) {
+  return assembleMeetingRecord(meeting, await loadMeetingRecordParts(repository, meetingId, reader));
+}
+async function loadMeetingRecordParts(repository, meetingId, reader = { userId: null }) {
   const restrictions = [];
   async function attempt(part, run, empty) {
     if (reader.userId === null) {
@@ -5879,6 +5845,10 @@ async function loadMeetingRecord(repository, meetingId, meeting, reader = { user
       []
     )
   ]);
+  return { attendees, notes, transcript, recordings, restrictions };
+}
+function assembleMeetingRecord(meeting, parts) {
+  const { attendees, notes, transcript, recordings, restrictions } = parts;
   return {
     meeting,
     attendees,
@@ -6224,6 +6194,253 @@ async function setGuestRecordAccess(args) {
 }
 var GUEST_RECORD_NOT_SHARED = NOT_SHARED;
 
+// src/core/record-cache.ts
+var MEETING_RECORD_GRACE_MS = 6e4;
+var INITIAL = { loading: true, record: null, failure: null };
+function upsert2(rows, row, removedId, order) {
+  const id = row?.id ?? removedId;
+  if (id === void 0) return rows;
+  const rest = rows.filter((existing) => existing.id !== id);
+  return row === null ? rest : [...rest, row].sort(order);
+}
+var byId = (a, b) => a.id < b.id ? -1 : a.id > b.id ? 1 : 0;
+var ascending = (a, b) => a === b ? 0 : a === null ? 1 : b === null ? -1 : a < b ? -1 : 1;
+function createMeetingRecordCache(options = {}) {
+  const graceMs = options.graceMs ?? MEETING_RECORD_GRACE_MS;
+  const entries = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  const notify = () => {
+    for (const listener of listeners) listener();
+  };
+  const entryOf = (key) => {
+    let entry = entries.get(key);
+    if (!entry) {
+      entry = {
+        state: INITIAL,
+        meeting: null,
+        parts: null,
+        fresh: false,
+        seq: 0,
+        inflight: null,
+        holders: 0,
+        close: null,
+        owner: null,
+        grace: null
+      };
+      entries.set(key, entry);
+    }
+    return entry;
+  };
+  const assemble = (entry) => {
+    if (entry.meeting === null || entry.parts === null) return;
+    entry.state = { loading: false, failure: null, record: assembleMeetingRecord(entry.meeting, entry.parts) };
+    notify();
+  };
+  return {
+    state: (key) => key === null ? INITIAL : entries.get(key)?.state ?? INITIAL,
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    ensure(key, read, { force = false } = {}) {
+      const entry = entryOf(key);
+      if (!force) {
+        if (entry.inflight !== null) return entry.inflight;
+        if (entry.fresh) return Promise.resolve();
+      }
+      const seq = ++entry.seq;
+      if (entry.state.failure !== null) {
+        entry.state = { ...entry.state, loading: true, failure: null };
+        notify();
+      }
+      const request = read().then(
+        (answer) => {
+          if (seq !== entry.seq) return;
+          entry.fresh = true;
+          if (answer.kind === "parts") {
+            entry.meeting = answer.meeting;
+            entry.parts = answer.parts;
+            assemble(entry);
+          } else {
+            entry.meeting = answer.bundle.meeting;
+            entry.parts = null;
+            entry.state = { loading: false, failure: null, record: answer.bundle };
+            notify();
+          }
+        },
+        (thrown) => {
+          if (seq !== entry.seq) return;
+          entry.fresh = false;
+          entry.state = {
+            loading: false,
+            record: entry.state.record,
+            failure: {
+              message: thrown?.message ?? String(thrown),
+              remedy: thrown?.remedy ?? "The meeting record could not be read. Reload the page; nothing was changed."
+            }
+          };
+          notify();
+        }
+      );
+      const tracked = request.finally(() => {
+        if (entry.inflight === tracked) entry.inflight = null;
+      });
+      entry.inflight = tracked;
+      return tracked;
+    },
+    setMeeting(key, meeting) {
+      const entry = entries.get(key);
+      if (!entry || entry.meeting === meeting) return;
+      if (entry.parts !== null) {
+        entry.meeting = meeting;
+        assemble(entry);
+      } else if (entry.state.record !== null) {
+        entry.meeting = meeting;
+        entry.state = { ...entry.state, record: { ...entry.state.record, meeting } };
+        notify();
+      }
+    },
+    apply(key, change) {
+      const entry = entries.get(key);
+      const parts = entry?.parts;
+      if (!entry || !parts) return;
+      const refused = parts.restrictions.some((r) => r.part === change.part);
+      if (refused) return;
+      switch (change.part) {
+        case "transcript":
+          entry.parts = {
+            ...parts,
+            transcript: upsert2(
+              parts.transcript,
+              change.row,
+              change.removedId,
+              (a, b) => ascending(a.startedAt, b.startedAt) || byId(a, b)
+            )
+          };
+          break;
+        case "notes":
+          entry.parts = {
+            ...parts,
+            notes: upsert2(
+              parts.notes,
+              change.row,
+              change.removedId,
+              (a, b) => ascending(a.createdAt, b.createdAt) || byId(a, b)
+            )
+          };
+          break;
+        case "attendance":
+          entry.parts = {
+            ...parts,
+            attendees: upsert2(
+              parts.attendees,
+              change.row,
+              change.removedId,
+              (a, b) => ascending(a.joinedAt, b.joinedAt) || byId(a, b)
+            )
+          };
+          break;
+        case "recording":
+          entry.parts = {
+            ...parts,
+            // Newest first, as the read orders them.
+            recordings: upsert2(
+              parts.recordings,
+              change.row,
+              change.removedId,
+              (a, b) => ascending(b.startedAt, a.startedAt) || byId(a, b)
+            )
+          };
+          break;
+      }
+      assemble(entry);
+    },
+    hold(key, open, owner = null) {
+      const entry = entryOf(key);
+      if (entry.grace !== null) {
+        clearTimeout(entry.grace);
+        entry.grace = null;
+      }
+      if (entry.close !== null && entry.owner !== owner) {
+        entry.close();
+        entry.close = null;
+      }
+      if (entry.close === null) {
+        entry.close = open();
+        entry.owner = owner;
+      }
+      entry.holders += 1;
+      let released = false;
+      return () => {
+        if (released) return;
+        released = true;
+        entry.holders -= 1;
+        if (entry.holders > 0) return;
+        entry.grace = setTimeout(() => {
+          entry.grace = null;
+          if (entry.holders > 0) return;
+          entry.close?.();
+          entry.close = null;
+          entry.fresh = false;
+        }, graceMs);
+      };
+    },
+    reset() {
+      for (const entry of entries.values()) {
+        if (entry.grace !== null) clearTimeout(entry.grace);
+        entry.close?.();
+      }
+      entries.clear();
+      notify();
+    }
+  };
+}
+
+// src/core/layout.ts
+var DEFAULT_PAGE_SIZE = 12;
+function orderParticipants(participants, activeSpeakers) {
+  const speakerRank = /* @__PURE__ */ new Map();
+  activeSpeakers.forEach((identity, index) => speakerRank.set(identity, index));
+  return [...participants].sort((a, b) => {
+    const speakerA = speakerRank.get(a.identity) ?? Number.MAX_SAFE_INTEGER;
+    const speakerB = speakerRank.get(b.identity) ?? Number.MAX_SAFE_INTEGER;
+    if (speakerA !== speakerB) return speakerA - speakerB;
+    if (a.handRaised !== b.handRaised) return a.handRaised ? -1 : 1;
+    if (a.cameraEnabled !== b.cameraEnabled) return a.cameraEnabled ? -1 : 1;
+    if (a.joinedAt !== b.joinedAt) return a.joinedAt < b.joinedAt ? -1 : 1;
+    return a.identity < b.identity ? -1 : 1;
+  });
+}
+function computeStage(args) {
+  const pageSize = Math.max(1, args.pageSize ?? DEFAULT_PAGE_SIZE);
+  const ordered = orderParticipants(args.participants, args.activeSpeakers);
+  const sharer = ordered.find((participant) => participant.screenSharing) ?? null;
+  const pinnedParticipant = args.pinned === null ? null : ordered.find((participant) => participant.identity === args.pinned) ?? null;
+  const spotlit = args.spotlight == null ? null : ordered.find((participant) => participant.identity === args.spotlight) ?? null;
+  const feature = sharer !== null ? sharer : pinnedParticipant !== null && args.layout !== "grid" ? pinnedParticipant : spotlit !== null ? spotlit : args.layout === "grid" ? null : ordered[0] ?? null;
+  const rest = feature === null ? ordered : ordered.filter((participant) => participant.identity !== feature.identity);
+  const pageCount = Math.max(1, Math.ceil(rest.length / pageSize));
+  const page = Math.min(Math.max(0, args.page ?? 0), pageCount - 1);
+  const tiles = rest.slice(page * pageSize, page * pageSize + pageSize);
+  return {
+    feature,
+    tiles,
+    overflow: rest.length - tiles.length,
+    page,
+    pageCount,
+    presenting: sharer !== null
+  };
+}
+function gridColumns(count2) {
+  if (count2 <= 1) return 1;
+  if (count2 <= 4) return 2;
+  if (count2 <= 9) return 3;
+  if (count2 <= 16) return 4;
+  return 5;
+}
+
 // src/react/hooks.ts
 var EMPTY_NAMES = {};
 var NO_RUNTIME_REMEDY = "Render this inside a <MeetProvider> that has a Supabase client, an organization id and an identity (userId or guestName). The provider stays inert until all three are real, and while it is inert this package's components render nothing rather than a dead control.";
@@ -6809,16 +7026,22 @@ function useMeeting() {
 function useMeetingId() {
   return useMeetSnapshot()?.meeting?.id ?? null;
 }
+var RECORD_CACHE_KEY = /* @__PURE__ */ Symbol.for("@ai-matrx/meet/meeting-record-cache");
+function meetingRecordCache() {
+  const holder = globalThis;
+  let cache = holder[RECORD_CACHE_KEY];
+  if (cache === void 0) {
+    cache = createMeetingRecordCache();
+    holder[RECORD_CACHE_KEY] = cache;
+  }
+  return cache;
+}
+var rowIdOf = (row) => typeof row["id"] === "string" ? row["id"] : void 0;
 function useMeetingRecord(meeting) {
   const host = useMeetHost();
   const repository = host?.repository ?? null;
   const ai = host?.ai ?? null;
   const readerId = host?.identity.userId ?? null;
-  const [recordReaderId, setRecordReaderId] = (0, import_react3.useState)(readerId);
-  const [record, setRecord] = (0, import_react3.useState)(null);
-  const [loading, setLoading] = (0, import_react3.useState)(true);
-  const [failure, setFailure] = (0, import_react3.useState)(null);
-  const [nonce, setNonce] = (0, import_react3.useState)(0);
   const [asking, setAsking] = (0, import_react3.useState)(false);
   const [answer, setAnswer] = (0, import_react3.useState)(null);
   const [coverage, setCoverage] = (0, import_react3.useState)(null);
@@ -6827,57 +7050,107 @@ function useMeetingRecord(meeting) {
   const api = host?.api ?? null;
   const tokens = host?.tokens ?? null;
   const roomName = meeting?.roomName ?? null;
-  (0, import_react3.useEffect)(() => {
-    if (repository === null || meeting === null || meetingId === null) return void 0;
-    let live = true;
-    setLoading(true);
-    setFailure(null);
-    setRecord(null);
-    const load = readerId === null && api !== null && tokens !== null && roomName !== null ? loadGuestMeetingRecord({
-      api,
-      repository,
-      meetingId,
-      meeting,
-      roomToken: tokens.remembered(roomName)
-    }) : loadMeetingRecord(repository, meetingId, meeting, { userId: readerId }).then(
-      (direct) => (
-        // A SIGNED-IN OUTSIDER IS NOT A STRANGER (2026-10-01). The database
-        // answers members and invitees; a person from another organization
-        // the host admitted — or a guest who later made an account — reads
-        // the guest share through the server, with their session as the pass.
-        api !== null && direct.restrictions.some((part) => part.part === "notes") ? loadGuestMeetingRecord({
+  const manager = (0, import_react4.useRealtimeManager)();
+  const cache = meetingRecordCache();
+  const key = repository !== null && meetingId !== null ? `${readerId ?? `guest:${roomName ?? "-"}`}|${meetingId}` : null;
+  const state = (0, import_react3.useSyncExternalStore)(
+    cache.subscribe,
+    () => cache.state(key),
+    () => cache.state(null)
+  );
+  const readRef = (0, import_react3.useRef)(() => Promise.reject(new Error("not ready")));
+  readRef.current = async () => {
+    if (repository === null || meeting === null || meetingId === null) throw new Error("No meeting to read.");
+    if (readerId === null && api !== null && tokens !== null && roomName !== null) {
+      return {
+        kind: "bundle",
+        bundle: await loadGuestMeetingRecord({
           api,
           repository,
           meetingId,
           meeting,
-          roomToken: null,
-          session: true
-        }).then(
-          (viaServer) => viaServer.restrictions.length < direct.restrictions.length ? viaServer : direct
-        ) : direct
-      )
-    );
-    void load.then((bundle) => {
-      if (!live) return;
-      setRecordReaderId(readerId);
-      setRecord(bundle);
-      setLoading(false);
-    }).catch((thrown) => {
-      if (!live) return;
-      setFailure({
-        message: thrown.message,
-        remedy: thrown.remedy ?? "The meeting record could not be read. Reload the page; nothing was changed."
+          roomToken: tokens.remembered(roomName)
+        })
+      };
+    }
+    const parts = await loadMeetingRecordParts(repository, meetingId, { userId: readerId });
+    if (api !== null && parts.restrictions.some((part) => part.part === "notes")) {
+      const viaServer = await loadGuestMeetingRecord({
+        api,
+        repository,
+        meetingId,
+        meeting,
+        roomToken: null,
+        session: true
       });
-      setLoading(false);
+      if (viaServer.restrictions.length < parts.restrictions.length) return { kind: "bundle", bundle: viaServer };
+    }
+    return { kind: "parts", meeting, parts };
+  };
+  (0, import_react3.useEffect)(() => {
+    if (key === null) return;
+    void cache.ensure(key, () => readRef.current());
+  }, [cache, key]);
+  (0, import_react3.useEffect)(() => {
+    if (key !== null && meeting !== null) cache.setMeeting(key, meeting);
+  }, [cache, key, meeting]);
+  (0, import_react3.useEffect)(() => {
+    if (key === null || manager === null || repository === null || meetingId === null || readerId === null) {
+      return void 0;
+    }
+    const repo = repository;
+    const binding = (table, apply) => ({
+      event: "*",
+      schema: repo.schema,
+      table,
+      filter: `meeting_id=eq.${meetingId}`,
+      rowId: rowIdOf,
+      onChange: ({ row, payload }) => {
+        if (row === null) return;
+        const gone = payload.eventType === "DELETE";
+        apply(gone ? null : row, gone ? rowIdOf(row) : void 0);
+      }
     });
-    return () => {
-      live = false;
-    };
-  }, [repository, meeting, meetingId, readerId, api, tokens, roomName, nonce]);
+    return cache.hold(
+      key,
+      () => {
+        const handle = manager.open({
+          topic: meetingTopic(meetingId),
+          postgresChanges: [
+            binding(
+              repo.tables.notes,
+              (row, removedId) => cache.apply(key, { part: "notes", row: row && repo.projectNote(row), removedId })
+            ),
+            binding(
+              repo.tables.transcripts,
+              (row, removedId) => cache.apply(key, { part: "transcript", row: row && repo.projectSegment(row), removedId })
+            ),
+            binding(
+              repo.tables.participants,
+              (row, removedId) => cache.apply(key, { part: "attendance", row: row && repo.projectAttendee(row), removedId })
+            ),
+            binding(
+              repo.tables.recordings,
+              (row, removedId) => (
+                // An archived recording is off the record (the read filters it the same way).
+                row !== null && row["deleted_at"] != null ? cache.apply(key, { part: "recording", row: null, removedId: rowIdOf(row) }) : cache.apply(key, { part: "recording", row: row && repo.projectRecording(row), removedId })
+              )
+            )
+          ],
+          // Realtime has no replay: a socket that blipped reads the record again.
+          onBackfill: async () => {
+            await cache.ensure(key, () => readRef.current(), { force: true });
+          }
+        });
+        return () => handle.close();
+      },
+      manager
+    );
+  }, [cache, key, manager, repository, meetingId, readerId]);
   return {
-    loading: loading && failure === null,
-    record: recordReaderId === readerId ? record : null,
-    failure,
+    loading: state.loading && state.failure === null,
+    record: state.record,
+    failure: state.failure,
     asking,
     answer,
     coverage,
@@ -6908,7 +7181,9 @@ function useMeetingRecord(meeting) {
       },
       [ai, meetingId]
     ),
-    reload: (0, import_react3.useCallback)(() => setNonce((value) => value + 1), [])
+    reload: (0, import_react3.useCallback)(() => {
+      if (key !== null) void cache.ensure(key, () => readRef.current(), { force: true });
+    }, [cache, key])
   };
 }
 function useMeetings(limit = 25, organizationFilter = null) {
@@ -6995,7 +7270,7 @@ function useGuestRecordAccess(meeting) {
 }
 
 // src/react/components.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_design_system = require("@ai-matrx/design-system");
 var import_format4 = require("@ai-matrx/kit/format");
 
@@ -7440,7 +7715,7 @@ function countLabel(count2, singular, plural = `${singular}s`) {
 }
 
 // src/react/collab.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_format3 = require("@ai-matrx/kit/format");
 
 // src/react/icons.tsx
@@ -7717,8 +7992,8 @@ function useCollab() {
   };
 }
 function useNotice() {
-  const [notice, setNotice] = (0, import_react4.useState)(null);
-  (0, import_react4.useEffect)(() => {
+  const [notice, setNotice] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
     if (notice === null) return void 0;
     const timer = setTimeout(() => setNotice(null), notice.failed ? 7e3 : 3e3);
     return () => clearTimeout(timer);
@@ -7764,7 +8039,7 @@ function ActivitiesControl({
   active,
   onOpen
 }) {
-  const [open, setOpen] = (0, import_react4.useState)(false);
+  const [open, setOpen] = (0, import_react5.useState)(false);
   const available = useAvailableActivities();
   const attention = useActivityAttention();
   if (available.length === 0) return null;
@@ -7792,11 +8067,11 @@ function ActivitiesControl({
 }
 function PollComposer({ maxOptions, onDone }) {
   const { act } = useCollab();
-  const [question, setQuestion] = (0, import_react4.useState)("");
-  const [options, setOptions] = (0, import_react4.useState)(["", ""]);
-  const [multiple, setMultiple] = (0, import_react4.useState)(false);
-  const [anonymous, setAnonymous] = (0, import_react4.useState)(false);
-  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [question, setQuestion] = (0, import_react5.useState)("");
+  const [options, setOptions] = (0, import_react5.useState)(["", ""]);
+  const [multiple, setMultiple] = (0, import_react5.useState)(false);
+  const [anonymous, setAnonymous] = (0, import_react5.useState)(false);
+  const [busy, setBusy] = (0, import_react5.useState)(false);
   const [notice, show] = useNotice();
   const filled = options.map((o) => o.trim()).filter(Boolean);
   const ready = question.trim().length > 0 && filled.length >= 2;
@@ -7877,9 +8152,9 @@ function PollComposer({ maxOptions, onDone }) {
 }
 function PollCard({ poll }) {
   const { act, isHost } = useCollab();
-  const [picked, setPicked] = (0, import_react4.useState)(poll.myVote.slice());
+  const [picked, setPicked] = (0, import_react5.useState)(poll.myVote.slice());
   const [notice, show] = useNotice();
-  (0, import_react4.useEffect)(() => setPicked(poll.myVote.slice()), [poll.myVote]);
+  (0, import_react5.useEffect)(() => setPicked(poll.myVote.slice()), [poll.myVote]);
   const counts = poll.options.some((o) => o.votes !== void 0);
   const total = poll.options.reduce((sum, o) => sum + (o.votes ?? 0), 0);
   const canVote = poll.state === "live";
@@ -7948,7 +8223,7 @@ function PollCard({ poll }) {
 }
 function PollsPanel({ onClose }) {
   const { collab, isHost } = useCollab();
-  const [composing, setComposing] = (0, import_react4.useState)(false);
+  const [composing, setComposing] = (0, import_react5.useState)(false);
   const polls = collab?.polls ?? [];
   const maxOptions = collab?.settings?.pollMaxOptions ?? 10;
   const ordered = [...polls].reverse();
@@ -7962,8 +8237,8 @@ function PollsPanel({ onClose }) {
 }
 function QuestionCard({ question }) {
   const { act, isHost } = useCollab();
-  const [answering, setAnswering] = (0, import_react4.useState)(false);
-  const [reply, setReply] = (0, import_react4.useState)("");
+  const [answering, setAnswering] = (0, import_react5.useState)(false);
+  const [reply, setReply] = (0, import_react5.useState)("");
   const [notice, show] = useNotice();
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { className: `mx-meet__collab-card mx-meet__question mx-meet__question--${question.state}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mx-meet__question-row", children: [
@@ -8041,9 +8316,9 @@ function QuestionCard({ question }) {
 }
 function QaPanel({ onClose }) {
   const { collab, act } = useCollab();
-  const [draft, setDraft] = (0, import_react4.useState)("");
-  const [anonymous, setAnonymous] = (0, import_react4.useState)(false);
-  const [order, setOrder] = (0, import_react4.useState)("popular");
+  const [draft, setDraft] = (0, import_react5.useState)("");
+  const [anonymous, setAnonymous] = (0, import_react5.useState)(false);
+  const [order, setOrder] = (0, import_react5.useState)("popular");
   const [notice, show] = useNotice();
   const allowAnonymous = collab?.settings?.qaAnonymousAllowed === true;
   const questions = [...collab?.questions ?? []];
@@ -8132,12 +8407,12 @@ function StrokeView({ stroke, onPick }) {
 }
 function WhiteboardPanel({ onClose }) {
   const { collab, act, isHost, localIdentity } = useCollab();
-  const [tool, setTool] = (0, import_react4.useState)("pen");
-  const [color, setColor] = (0, import_react4.useState)(INK[0]);
-  const [drawing, setDrawing] = (0, import_react4.useState)(null);
-  const [pending, setPending] = (0, import_react4.useState)([]);
+  const [tool, setTool] = (0, import_react5.useState)("pen");
+  const [color, setColor] = (0, import_react5.useState)(INK[0]);
+  const [drawing, setDrawing] = (0, import_react5.useState)(null);
+  const [pending, setPending] = (0, import_react5.useState)([]);
   const [notice, show] = useNotice();
-  const svgRef = (0, import_react4.useRef)(null);
+  const svgRef = (0, import_react5.useRef)(null);
   const strokes = collab?.strokes ?? [];
   const mine = strokes.filter((s) => s.by === localIdentity);
   const point = (event) => {
@@ -8278,8 +8553,8 @@ function clock(ms2) {
 }
 var BREAKOUT_EXPIRE_RETRY_MS = 5e3;
 function useNow(active) {
-  const [now, setNow] = (0, import_react4.useState)(() => Date.now());
-  (0, import_react4.useEffect)(() => {
+  const [now, setNow] = (0, import_react5.useState)(() => Date.now());
+  (0, import_react5.useEffect)(() => {
     if (!active) return void 0;
     const timer = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(timer);
@@ -8293,11 +8568,11 @@ function BreakoutSetup() {
   const people = (snapshot?.participants ?? []).filter(
     (p) => !p.isAgent && p.role !== "host" && p.role !== "cohost"
   );
-  const [count2, setCount] = (0, import_react4.useState)(Math.min(Math.max(2, Math.ceil(people.length / 4)), settings?.breakoutMaxRooms ?? 20));
-  const [mode, setMode] = (0, import_react4.useState)("auto");
-  const [minutes, setMinutes] = (0, import_react4.useState)(settings?.breakoutDefaultMinutes ?? 15);
-  const [manual, setManual] = (0, import_react4.useState)({});
-  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [count2, setCount] = (0, import_react5.useState)(Math.min(Math.max(2, Math.ceil(people.length / 4)), settings?.breakoutMaxRooms ?? 20));
+  const [mode, setMode] = (0, import_react5.useState)("auto");
+  const [minutes, setMinutes] = (0, import_react5.useState)(settings?.breakoutDefaultMinutes ?? 15);
+  const [manual, setManual] = (0, import_react5.useState)({});
+  const [busy, setBusy] = (0, import_react5.useState)(false);
   const [notice, show] = useNotice();
   const max = settings?.breakoutMaxRooms ?? 20;
   const rooms = Math.min(Math.max(1, count2), max);
@@ -8413,7 +8688,7 @@ function BreakoutRun({ plan }) {
   const snapshot = useMeetSnapshot();
   const now = useNow(plan.endsAt !== null);
   const remaining = breakoutRemainingMs(plan, now);
-  const [broadcast, setBroadcast] = (0, import_react4.useState)("");
+  const [broadcast, setBroadcast] = (0, import_react5.useState)("");
   const [notice, show] = useNotice();
   const nameOf = (identity) => displayNameFor(snapshot?.names ?? {}, identity, snapshot?.participants.find((p) => p.identity === identity)?.displayName);
   const mine = assignedRoom(plan, localIdentity);
@@ -8523,11 +8798,11 @@ function BreakoutBanner() {
   const now = useNow(open?.endsAt != null);
   const remaining = breakoutRemainingMs(open, now);
   const assigned = assignedRoom(open, localIdentity);
-  const [dismissedBroadcast, setDismissedBroadcast] = (0, import_react4.useState)(null);
-  const [failure, setFailure] = (0, import_react4.useState)(null);
-  const expireAsked = (0, import_react4.useRef)(null);
+  const [dismissedBroadcast, setDismissedBroadcast] = (0, import_react5.useState)(null);
+  const [failure, setFailure] = (0, import_react5.useState)(null);
+  const expireAsked = (0, import_react5.useRef)(null);
   const moveAt = collab?.moveRequest?.at ?? null;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const request = host?.store.snapshot().collab.moveRequest ?? null;
     if (request === null || host === null) return;
     host.store.patch({ collab: { ...host.store.snapshot().collab, moveRequest: null } });
@@ -8535,7 +8810,7 @@ function BreakoutBanner() {
     if ((here ?? null) === request.roomId) return;
     void moveTo(request.roomId).then((result) => setFailure(result.ok ? null : result.message));
   }, [moveAt, host, moveTo]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (open === null || remaining === null || remaining > 0) return;
     const asked = expireAsked.current;
     if (asked !== null && asked.id === open.id && now - asked.at < BREAKOUT_EXPIRE_RETRY_MS) return;
@@ -8585,13 +8860,13 @@ function useCaptionTranslation(lines) {
   const snapshot = useMeetSnapshot();
   const collab = snapshot?.collab ?? null;
   const language = collab?.captionLanguage ?? null;
-  const asked = (0, import_react4.useRef)(/* @__PURE__ */ new Set());
+  const asked = (0, import_react5.useRef)(/* @__PURE__ */ new Set());
   const translations = collab?.captionTranslations ?? {};
   const missing = lines.filter((line) => line.final && translations[line.id] === void 0).map(({ id, text: text3 }) => ({ id, text: text3 }));
   const key = `${language ?? ""}|${missing.map((l) => l.id).join(",")}`;
-  const pending = (0, import_react4.useRef)(missing);
+  const pending = (0, import_react5.useRef)(missing);
   pending.current = missing;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (host === null || language === null) return;
     const batch = pending.current.filter((line) => !asked.current.has(`${language}:${line.id}`)).slice(-20);
     if (batch.length === 0) return;
@@ -8646,9 +8921,9 @@ function CaptionLanguageSettings() {
 function useCollabPanelRequest(onRequest) {
   const host = useMeetHost();
   const at = useMeetSnapshot()?.collab.panelRequest?.at ?? null;
-  const callback = (0, import_react4.useRef)(onRequest);
+  const callback = (0, import_react5.useRef)(onRequest);
   callback.current = onRequest;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const request = host?.store.snapshot().collab.panelRequest ?? null;
     if (request === null || host === null) return;
     host.store.patch({ collab: { ...host.store.snapshot().collab, panelRequest: null } });
@@ -8757,7 +9032,7 @@ function ParticipantTile({
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
   const queue = useHandQueue();
-  const [menu, setMenu] = (0, import_react5.useState)(false);
+  const [menu, setMenu] = (0, import_react6.useState)(false);
   const videoRef = useTrack(
     participant.identity,
     participant.screenSharing ? "screen" : "camera"
@@ -8871,17 +9146,17 @@ var MEET_REACTIONS = ["\u{1F496}", "\u{1F44D}", "\u{1F389}", "\u{1F44F}", "\u{1F
 function ControlBar({ onLeave }) {
   const room = useRoom();
   const recording = useRecording();
-  const [panel, setPanel] = (0, import_react5.useState)("none");
-  const [chatTo, setChatTo] = (0, import_react5.useState)(null);
-  const [popover, setPopover] = (0, import_react5.useState)("none");
-  const [shortcuts, setShortcuts] = (0, import_react5.useState)(false);
+  const [panel, setPanel] = (0, import_react6.useState)("none");
+  const [chatTo, setChatTo] = (0, import_react6.useState)(null);
+  const [popover, setPopover] = (0, import_react6.useState)("none");
+  const [shortcuts, setShortcuts] = (0, import_react6.useState)(false);
   const snapshot = useMeetSnapshot();
   const lobby = useLobby();
   const controls = useHostControls();
   const queue = useHandQueue();
   const micUnavailable = useLocalMedia().microphone.unavailable;
   const unread = useUnreadChat(panel === "chat");
-  const [whiteboard, setWhiteboard] = (0, import_react5.useState)(false);
+  const [whiteboard, setWhiteboard] = (0, import_react6.useState)(false);
   const toggle = (next) => setPanel(panel === next ? "none" : next);
   const openActivity = (activity) => {
     if (activity === "whiteboard") setWhiteboard(true);
@@ -8892,7 +9167,7 @@ function ControlBar({ onLeave }) {
   });
   const privateChatAt = snapshot?.privateChatRequest?.at ?? null;
   const meetStore = useMeetHost()?.store ?? null;
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const request = meetStore?.snapshot().privateChatRequest ?? null;
     if (request === null) return;
     setChatTo(request.to);
@@ -9130,13 +9405,13 @@ function useUnreadChat(open) {
   const snapshot = useMeetSnapshot();
   const chat = snapshot?.chat ?? [];
   const local = snapshot?.localIdentity ?? null;
-  const [seen, setSeen] = (0, import_react5.useState)(0);
-  (0, import_react5.useEffect)(() => {
+  const [seen, setSeen] = (0, import_react6.useState)(0);
+  (0, import_react6.useEffect)(() => {
     if (open) setSeen(chat.length);
   }, [open, chat.length]);
   const loaded = snapshot?.chatLoaded === true;
-  const [baseline, setBaseline] = (0, import_react5.useState)(null);
-  (0, import_react5.useEffect)(() => {
+  const [baseline, setBaseline] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
     if (loaded && baseline === null) setBaseline(chat.length);
   }, [loaded, baseline, chat.length]);
   if (open) return 0;
@@ -9149,14 +9424,14 @@ function Popover({
   children,
   placement = "up"
 }) {
-  const ref = (0, import_react5.useRef)(null);
-  const [style, setStyle] = (0, import_react5.useState)({
+  const ref = (0, import_react6.useRef)(null);
+  const [style, setStyle] = (0, import_react6.useState)({
     position: "fixed",
     top: 0,
     left: 0,
     visibility: "hidden"
   });
-  (0, import_react5.useLayoutEffect)(() => {
+  (0, import_react6.useLayoutEffect)(() => {
     const element = ref.current;
     const anchor = element?.parentElement ?? null;
     if (element === null || anchor === null) return;
@@ -9201,7 +9476,7 @@ function Popover({
       window.removeEventListener("scroll", place, true);
     };
   }, [placement]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const onKey = (event) => {
       if (event.key === "Escape") onClose();
     };
@@ -9235,7 +9510,7 @@ function MenuItem({
   );
 }
 function Toast({ text: text3, failed, onDone }) {
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const timer = setTimeout(onDone, failed ? 7e3 : 4e3);
     return () => clearTimeout(timer);
   }, [text3, failed, onDone]);
@@ -9274,7 +9549,7 @@ function MeetingOverlays() {
   ] });
 }
 function ShortcutsSheet({ onClose }) {
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const onKey = (event) => {
       if (event.key === "Escape") onClose();
     };
@@ -9312,8 +9587,8 @@ function PanelShell({
   onClose,
   children
 }) {
-  const ref = (0, import_react5.useRef)(null);
-  (0, import_react5.useLayoutEffect)(() => {
+  const ref = (0, import_react6.useRef)(null);
+  (0, import_react6.useLayoutEffect)(() => {
     const panel = ref.current;
     const root = panel?.closest(".mx-meet");
     const header = root?.querySelector(":scope > .mx-meet__header") ?? null;
@@ -9340,17 +9615,17 @@ function ChatPanel({
 }) {
   const snapshot = useMeetSnapshot();
   const room = useRoom();
-  const [draft, setDraft] = (0, import_react5.useState)("");
-  const [recipient, setRecipient] = (0, import_react5.useState)(to);
-  const listRef = (0, import_react5.useRef)(null);
+  const [draft, setDraft] = (0, import_react6.useState)("");
+  const [recipient, setRecipient] = (0, import_react6.useState)(to);
+  const listRef = (0, import_react6.useRef)(null);
   const messages = snapshot?.chat ?? [];
   const local = snapshot?.localIdentity ?? null;
   const people = (snapshot?.participants ?? []).filter(
     (participant) => !participant.isLocal && !participant.isAgent
   );
   const recipientName = recipient === null ? null : people.find((p) => p.identity === recipient)?.displayName ?? null;
-  (0, import_react5.useEffect)(() => setRecipient(to), [to]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => setRecipient(to), [to]);
+  (0, import_react6.useEffect)(() => {
     const list = listRef.current;
     if (list !== null) list.scrollTop = list.scrollHeight;
   }, [messages.length]);
@@ -9456,8 +9731,8 @@ function PeoplePanel({
   const snapshot = useMeetSnapshot();
   const controls = useHostControls();
   const queue = useHandQueue();
-  const [query, setQuery] = (0, import_react5.useState)("");
-  const [menuFor, setMenuFor] = (0, import_react5.useState)(null);
+  const [query, setQuery] = (0, import_react6.useState)("");
+  const [menuFor, setMenuFor] = (0, import_react6.useState)(null);
   const myRole = useRole();
   const local = snapshot?.localIdentity ?? null;
   const everyone = snapshot?.participants ?? [];
@@ -9582,14 +9857,14 @@ function PersonMenu({
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
   const controls = useHostControls();
-  const [mode, setMode] = (0, import_react5.useState)("menu");
-  const [text3, setText] = (0, import_react5.useState)("");
+  const [mode, setMode] = (0, import_react6.useState)("menu");
+  const [text3, setText] = (0, import_react6.useState)("");
   const self = participant.identity === snapshot?.localIdentity;
   const moderate = controls.canModerate(participant);
   const pinned = snapshot?.pinned === participant.identity;
   const spotlit = snapshot?.spotlight === participant.identity;
   const hasAccount = participant.userId !== null;
-  const [refused, setRefused] = (0, import_react5.useState)(false);
+  const [refused, setRefused] = (0, import_react6.useState)(false);
   const act = (request) => {
     setRefused(false);
     void controls.run(request).then((result) => {
@@ -9805,8 +10080,8 @@ function DeviceSettings({
   const speaker = devices?.selected.audiooutput ?? host.devices.resolve("audiooutput");
   const stream = useMicrophoneStream(microphone);
   const level = useAudioLevel(stream);
-  const [testing, setTesting] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const [testing, setTesting] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
     void host.devices.refresh();
   }, [host]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mx-meet__section", "aria-label": "Devices", children: [
@@ -9835,8 +10110,8 @@ function DeviceSettings({
 }
 function EffectsSettings({ preview }) {
   const effects = useMediaEffects();
-  const [error, setError] = (0, import_react5.useState)(null);
-  const fileRef = (0, import_react5.useRef)(null);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const fileRef = (0, import_react6.useRef)(null);
   const supported = effects.backgroundsSupported || preview != null || videoEffectsSupported();
   const apply = (next) => {
     setError(null);
@@ -9958,8 +10233,8 @@ async function playTestSound(sinkId) {
   await context.close();
 }
 function useMicrophoneStream(deviceId2) {
-  const [stream, setStream] = (0, import_react5.useState)(null);
-  (0, import_react5.useEffect)(() => {
+  const [stream, setStream] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
     if (deviceId2 === "off") return void 0;
     let live = true;
     let opened = null;
@@ -10060,7 +10335,7 @@ function NoteList({
 }
 function AiPanel({ onClose }) {
   const ai = useMeetAi();
-  const [question, setQuestion] = (0, import_react5.useState)("");
+  const [question, setQuestion] = (0, import_react6.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(PanelShell, { title: "Meeting assistant", onClose, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NoteTakerRow, {}),
     ai.summary !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mx-meet__note-group", "aria-label": "Summary", children: [
@@ -10216,16 +10491,16 @@ function PreJoinBody({
   const recording = useRecording();
   const effects = useMediaEffects();
   const { notice } = useModerationNotice();
-  const [mode, setMode] = (0, import_react5.useState)("video");
-  const [microphone, setMicrophone] = (0, import_react5.useState)(true);
-  const [joining, setJoining] = (0, import_react5.useState)(false);
+  const [mode, setMode] = (0, import_react6.useState)("video");
+  const [microphone, setMicrophone] = (0, import_react6.useState)(true);
+  const [joining, setJoining] = (0, import_react6.useState)(false);
   const camera = devices?.selected.videoinput ?? host.devices.resolve("videoinput");
   const mic = devices?.selected.audioinput ?? host.devices.resolve("audioinput");
   const preview = useCameraPreview(mode === "video" ? camera : void 0, effects.effects);
   const micStream = useMicrophoneStream(microphone ? mic : "off");
   const level = useAudioLevel(micStream);
-  const [speakerTesting, setSpeakerTesting] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const [speakerTesting, setSpeakerTesting] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
     void host.devices.refresh();
   }, [host]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mx-meet__prejoin", children: [
@@ -10341,12 +10616,12 @@ function PreJoinBody({
   ] });
 }
 function useCameraPreview(deviceId2, effects) {
-  const [preview, setPreview] = (0, import_react5.useState)(null);
-  const [error, setError] = (0, import_react5.useState)(null);
-  const current = (0, import_react5.useRef)(null);
-  const initialEffect = (0, import_react5.useRef)(toVideoEffect(effects));
+  const [preview, setPreview] = (0, import_react6.useState)(null);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const current = (0, import_react6.useRef)(null);
+  const initialEffect = (0, import_react6.useRef)(toVideoEffect(effects));
   initialEffect.current = toVideoEffect(effects);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (deviceId2 === void 0) return void 0;
     let live = true;
     setError(null);
@@ -10432,16 +10707,16 @@ function MeetingRoomBody({
   const isHost = useIsHost();
   const elapsed = useElapsed(snapshot?.meeting?.startedAt ?? null);
   const phase = snapshot?.phase ?? "idle";
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     host.meetings.watch(roomName);
   }, [host, roomName]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (given === void 0) return;
     if (host.store.snapshot().meeting !== null) return;
     host.store.patch({ meeting: given, locked: given.locked });
   }, [host, given]);
   const watchedId = meetingId ?? snapshot?.meeting?.id ?? null;
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (watchedId === null) return;
     host.meetings.watchMeeting(asMeetingId(watchedId));
   }, [host, watchedId]);
@@ -10486,8 +10761,8 @@ function MeetingRoomBody({
   ] });
 }
 function WaitingRoom({ roomName, host }) {
-  const knocked = (0, import_react5.useRef)(false);
-  (0, import_react5.useEffect)(() => {
+  const knocked = (0, import_react6.useRef)(false);
+  (0, import_react6.useEffect)(() => {
     if (knocked.current) return;
     knocked.current = true;
     host.meetings.knock(roomName);
@@ -10506,7 +10781,7 @@ function HostMenu() {
   const host = useRequiredMeetHost();
   const snapshot = useMeetSnapshot();
   const end = useEndMeeting();
-  const [confirmingEnd, setConfirmingEnd] = (0, import_react5.useState)(false);
+  const [confirmingEnd, setConfirmingEnd] = (0, import_react6.useState)(false);
   const locked = snapshot?.locked === true;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mx-meet__host-menu", children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -10612,13 +10887,13 @@ function ScheduleMeetingBody({
   onScheduled,
   host
 }) {
-  const [title, setTitle] = (0, import_react5.useState)("");
-  const [when2, setWhen] = (0, import_react5.useState)("");
-  const [kind, setKind] = (0, import_react5.useState)("scheduled");
-  const [busy, setBusy] = (0, import_react5.useState)(false);
-  const [link, setLink] = (0, import_react5.useState)(null);
-  const [error, setError] = (0, import_react5.useState)(null);
-  const disabled = (0, import_react5.useMemo)(() => title.trim().length === 0 || busy, [title, busy]);
+  const [title, setTitle] = (0, import_react6.useState)("");
+  const [when2, setWhen] = (0, import_react6.useState)("");
+  const [kind, setKind] = (0, import_react6.useState)("scheduled");
+  const [busy, setBusy] = (0, import_react6.useState)(false);
+  const [link, setLink] = (0, import_react6.useState)(null);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const disabled = (0, import_react6.useMemo)(() => title.trim().length === 0 || busy, [title, busy]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "form",
     {
@@ -10755,8 +11030,8 @@ function MeetingRecordBody({
 }) {
   const host = useRequiredMeetHost();
   const record = useMeetingRecord(meeting);
-  const [question, setQuestion] = (0, import_react5.useState)("");
-  const [tab, setTab] = (0, import_react5.useState)("summary");
+  const [question, setQuestion] = (0, import_react6.useState)("");
+  const [tab, setTab] = (0, import_react6.useState)("summary");
   if (record.failure !== null) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system.ErrorBox, { as: "div", className: "mx-meet__empty", error: record.failure, operation: "Open this meeting record", origin: "meet/components", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mx-meet__empty-title", children: "This meeting record could not be opened" }),
@@ -11011,10 +11286,10 @@ function RecordingPlayer(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RecordingPlayerBody, { ...props, host });
 }
 function RecordingPlayerBody({ fileId, host }) {
-  const [media, setMedia] = (0, import_react5.useState)(null);
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const [error, setError] = (0, import_react5.useState)(null);
-  (0, import_react5.useEffect)(() => {
+  const [media, setMedia] = (0, import_react6.useState)(null);
+  const [loading, setLoading] = (0, import_react6.useState)(false);
+  const [error, setError] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
     if (media === null || media.kind !== "bytes") return void 0;
     const url = media.url;
     return () => URL.revokeObjectURL(url);