@ai-matrx/meet 0.7.83 → 0.7.85

package/dist/react.js

@@ -1,6 +1,18 @@
 "use client";
 "use client";
 
+// src/core/slot.ts
+var NAMESPACE = "ai-matrx.meet";
+function globalSlot(name, create) {
+  const key = /* @__PURE__ */ Symbol.for(`${NAMESPACE}.${name}`);
+  const host = globalThis;
+  const existing = host[key];
+  if (existing !== void 0) return existing;
+  const created = create();
+  host[key] = created;
+  return created;
+}
+
 // src/react/provider.tsx
 import {
   createContext,
@@ -901,20 +913,6 @@ function fileDownloadPath(fileId) {
 
 // src/core/channels.ts
 import { defineChannelNamespace } from "@ai-matrx/realtime";
-
-// src/core/slot.ts
-var NAMESPACE = "ai-matrx.meet";
-function globalSlot(name, create) {
-  const key = /* @__PURE__ */ Symbol.for(`${NAMESPACE}.${name}`);
-  const host = globalThis;
-  const existing = host[key];
-  if (existing !== void 0) return existing;
-  const created = create();
-  host[key] = created;
-  return created;
-}
-
-// src/core/channels.ts
 function namespaces() {
   return globalSlot("channel-namespaces", () => ({
     user: defineChannelNamespace({
@@ -5223,7 +5221,7 @@ async function createCameraPreview(deviceId2, effect) {
 
 // src/react/provider.tsx
 import { jsx } from "react/jsx-runtime";
-var MeetContext = createContext(null);
+var MeetContext = globalSlot("react.context", () => createContext(null));
 function defaultDiagnostics(event) {
   const line = `[@ai-matrx/meet] ${event.message}${event.remedy !== void 0 ? `
   \u2192 ${event.remedy}` : ""}`;
@@ -5545,8 +5543,183 @@ function useLocalUserId() {
   return useMeetHost()?.identity.userId ?? null;
 }
 
+// src/react/root.tsx
+import { useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2 } from "react";
+
+// src/core/observation.ts
+function observedDevice(track) {
+  if (track.enabled) return "on";
+  const refused = track.unavailable;
+  if (refused === null) return "muted_by_me";
+  switch (refused.code) {
+    case "permission-denied":
+      return "unavailable:denied";
+    case "device-not-found":
+      return "unavailable:none";
+    case "device-in-use":
+      return "unavailable:busy";
+    case "insecure-context":
+      return "unavailable:blocked_site";
+    default:
+      return "unavailable:failed";
+  }
+}
+function endedRecord(snapshot, given) {
+  const record = snapshot?.meeting ?? given;
+  return record !== null && record.endedAt !== null;
+}
+function observedPhase(input) {
+  const { snapshot } = input;
+  if (snapshot === null) return "resolving";
+  const raw = snapshot.phase;
+  const live = raw === "connected" || raw === "reconnecting";
+  if (endedRecord(snapshot, input.meeting ?? null) && !live) return "ended";
+  switch (raw) {
+    case "idle":
+    case "failed":
+    case "left":
+      return "prejoin";
+    case "lobby":
+      return "waiting:knocking";
+    case "requesting-token":
+    case "connecting":
+      return "joining";
+    case "connected":
+    case "reconnecting":
+      return "in_call";
+  }
+}
+var ADMITTER_ROLES = /* @__PURE__ */ new Set(["host", "cohost"]);
+function observe(input) {
+  const { snapshot } = input;
+  const phase = observedPhase(input);
+  const inCall = phase === "in_call";
+  const role = inCall && snapshot !== null ? effectiveRole(snapshot) : "none";
+  const canAdmit = role !== "none" && ADMITTER_ROLES.has(role);
+  const deviceInPlay = phase === "joining" || inCall;
+  return {
+    phase,
+    reason: null,
+    role,
+    connection: snapshot?.phase === "reconnecting" ? "reconnecting" : "stable",
+    hostPresent: inCall && snapshot !== null ? snapshot.participants.some((p) => ADMITTER_ROLES.has(p.role)) : null,
+    lobbyCount: canAdmit && snapshot !== null ? snapshot.lobby.filter((entry) => entry.state === "knocking").length : 0,
+    recording: snapshot?.recording === "recording" || snapshot?.recording === "stopping",
+    audioBlocked: null,
+    camera: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.camera) : null,
+    microphone: deviceInPlay && snapshot !== null ? observedDevice(snapshot.media.microphone) : null
+  };
+}
+function staticObservation(phase, reason = null) {
+  return {
+    phase,
+    reason,
+    role: "none",
+    connection: phase === "disconnected" ? "server_unreachable" : "stable",
+    hostPresent: null,
+    lobbyCount: 0,
+    recording: false,
+    audioBlocked: null,
+    camera: null,
+    microphone: null
+  };
+}
+function rootAttributes(o) {
+  const attrs = {
+    "data-meet-root": "",
+    "data-meet-phase": o.phase,
+    "data-meet-role": o.role,
+    "data-meet-connection": o.connection,
+    "data-meet-lobby-count": String(o.lobbyCount),
+    "data-meet-recording": String(o.recording)
+  };
+  if (o.reason !== null) attrs["data-meet-reason"] = o.reason;
+  if (o.hostPresent !== null) attrs["data-meet-host-present"] = String(o.hostPresent);
+  if (o.audioBlocked !== null) attrs["data-meet-audio-blocked"] = String(o.audioBlocked);
+  if (o.camera !== null) attrs["data-meet-camera"] = o.camera;
+  if (o.microphone !== null) attrs["data-meet-microphone"] = o.microphone;
+  attrs["data-meet-regions"] = JSON.stringify({
+    connection: o.connection,
+    camera: o.camera,
+    mic: o.microphone,
+    audio_output: o.audioBlocked === null ? null : o.audioBlocked ? "blocked" : "playing",
+    recording: o.recording
+  });
+  return attrs;
+}
+function observedQuality(quality) {
+  switch (quality) {
+    case "excellent":
+    case "good":
+      return "good";
+    case "poor":
+      return "poor";
+    case "lost":
+      return "lost";
+    default:
+      return null;
+  }
+}
+function participantAttributes(p) {
+  const attrs = {
+    "data-meet-participant": "",
+    "data-meet-participant-identity": p.identity,
+    "data-meet-participant-name": p.displayName,
+    "data-meet-participant-role": p.role,
+    "data-meet-participant-self": String(p.isLocal)
+  };
+  const quality = observedQuality(p.quality);
+  if (quality !== null) attrs["data-meet-participant-connection"] = quality;
+  return attrs;
+}
+function microphoneNoticeCode(track) {
+  const refused = track.unavailable;
+  if (refused === null) return null;
+  return refused.code === "permission-denied" || refused.code === "insecure-context" ? "mic-blocked" : "device-lost";
+}
+
+// src/react/root.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function useCoreObservation(options = {}) {
+  const snapshot = useMeetSnapshot();
+  const { meeting, phase, reason } = options;
+  return useMemo2(
+    () => phase !== void 0 ? staticObservation(phase, reason ?? null) : observe({ snapshot, meeting: meeting ?? null }),
+    [snapshot, meeting, phase, reason]
+  );
+}
+function useCoreRootProps(options = {}) {
+  const observation = useCoreObservation(options);
+  return useMemo2(() => rootAttributes(observation), [observation]);
+}
+function MeetRoot({
+  children,
+  ...options
+}) {
+  const snapshot = useMeetSnapshot();
+  const observation = useCoreObservation(options);
+  const attrs = useMemo2(() => rootAttributes(observation), [observation]);
+  const latest = useRef2({ observation, storePhase: snapshot?.phase ?? null });
+  latest.current = { observation, storePhase: snapshot?.phase ?? null };
+  useEffect2(() => {
+    if (typeof window === "undefined") return void 0;
+    const diagnostics = {
+      contract: "HARNESS-CONTRACT",
+      snapshot: () => latest.current,
+      activeCatalogStates: [],
+      activeCatalogStatesDerived: false
+    };
+    const target = window;
+    target.__matrxMeet = diagnostics;
+    return () => {
+      if (target.__matrxMeet === diagnostics) delete target.__matrxMeet;
+    };
+  }, []);
+  return /* @__PURE__ */ jsx2("div", { ...attrs, style: { display: "contents" }, children });
+}
+
 // src/react/hooks.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef3, useState as useState2, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { useRealtimeManager as useRealtimeManager2 } from "@ai-matrx/realtime/react";
 
 // src/core/record.ts
@@ -6285,7 +6458,7 @@ function useRoom() {
 function useStage(pageSize = DEFAULT_PAGE_SIZE) {
   const snapshot = useMeetSnapshot();
   const [page, setPage] = useState2(0);
-  const stage = useMemo2(
+  const stage = useMemo3(
     () => computeStage({
       participants: snapshot?.participants ?? [],
       layout: snapshot?.layout ?? "grid",
@@ -6297,14 +6470,14 @@ function useStage(pageSize = DEFAULT_PAGE_SIZE) {
     }),
     [snapshot, pageSize, page]
   );
-  useEffect2(() => {
+  useEffect3(() => {
     if (page > stage.pageCount - 1) setPage(Math.max(0, stage.pageCount - 1));
   }, [page, stage.pageCount]);
   return stage;
 }
 function useTrack(identity, kind) {
   const host = useMeetHost();
-  const detachRef = useRef2(null);
+  const detachRef = useRef3(null);
   return useCallback2(
     (element) => {
       detachRef.current?.();
@@ -6319,7 +6492,7 @@ function useCalls() {
   const host = useMeetHost();
   const center = host?.calls ?? null;
   const [, force] = useState2(0);
-  useEffect2(() => {
+  useEffect3(() => {
     if (center === null) return void 0;
     const timer = setInterval(() => force((value) => value + 1), 1e3);
     return () => clearInterval(timer);
@@ -6440,7 +6613,7 @@ function useMeetAi() {
   const participants = snapshot?.participants ?? [];
   const notes = snapshot?.notes ?? [];
   const wrapUp = snapshot?.wrapUp ?? null;
-  const status = useMemo2(
+  const status = useMemo3(
     () => noteTakerStatus({
       meeting,
       participants,
@@ -6449,7 +6622,7 @@ function useMeetAi() {
     [meeting, participants, snapshot?.noteTakerRefusal]
   );
   const names = snapshot?.names ?? EMPTY_NAMES;
-  const transcript = useMemo2(
+  const transcript = useMemo3(
     () => readableTranscript(snapshot?.transcript ?? []).map((line) => ({
       id: line.id,
       identity: line.identity,
@@ -6594,7 +6767,7 @@ function useReactions() {
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
   const store = host?.store ?? null;
-  useEffect2(() => {
+  useEffect3(() => {
     if (store === null) return void 0;
     const timer = setInterval(() => store.expireReactions(Date.now()), REACTION_TTL_MS / 2);
     return () => clearInterval(timer);
@@ -6603,7 +6776,7 @@ function useReactions() {
 }
 function useElapsed(startedAt) {
   const [now, setNow] = useState2(() => Date.now());
-  useEffect2(() => {
+  useEffect3(() => {
     if (startedAt === null) return void 0;
     const timer = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(timer);
@@ -6683,7 +6856,7 @@ function useHostControls() {
 }
 function useHandQueue() {
   const snapshot = useMeetSnapshot();
-  return useMemo2(
+  return useMemo3(
     () => (snapshot?.participants ?? []).filter((participant) => participant.handRaised).sort((a, b) => (a.handRaisedAt ?? 0) - (b.handRaisedAt ?? 0)),
     [snapshot?.participants]
   );
@@ -6711,7 +6884,7 @@ function useModerationNotice() {
 }
 function useAudioLevel(stream) {
   const [level, setLevel] = useState2(0);
-  useEffect2(() => {
+  useEffect3(() => {
     if (stream === null || stream.getAudioTracks().length === 0) {
       setLevel(0);
       return void 0;
@@ -6750,9 +6923,9 @@ var MEET_SHORTCUTS = [
   { id: "help", keys: "Shift + ?", label: "Show keyboard shortcuts" }
 ];
 function useMeetShortcuts(handlers) {
-  const ref = useRef2(handlers);
+  const ref = useRef3(handlers);
   ref.current = handlers;
-  useEffect2(() => {
+  useEffect3(() => {
     const target = globalThis.window;
     if (target === void 0) return void 0;
     const onKey = (event) => {
@@ -6815,7 +6988,7 @@ function useMeetingRecord(meeting) {
     () => cache.state(key),
     () => cache.state(null)
   );
-  const readRef = useRef2(() => Promise.reject(new Error("not ready")));
+  const readRef = useRef3(() => 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) {
@@ -6844,14 +7017,14 @@ function useMeetingRecord(meeting) {
     }
     return { kind: "parts", meeting, parts };
   };
-  useEffect2(() => {
+  useEffect3(() => {
     if (key === null) return;
     void cache.ensure(key, () => readRef.current());
   }, [cache, key]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (key !== null && meeting !== null) cache.setMeeting(key, meeting);
   }, [cache, key, meeting]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (key === null || manager === null || repository === null || meetingId === null || readerId === null) {
       return void 0;
     }
@@ -6952,7 +7125,7 @@ function useMeetings(limit = 25, organizationFilter = null) {
   const [loading, setLoading] = useState2(true);
   const [failure, setFailure] = useState2(null);
   const [nonce, setNonce] = useState2(0);
-  useEffect2(() => {
+  useEffect3(() => {
     if (repository === null) return void 0;
     let live = true;
     setLoading(true);
@@ -6990,7 +7163,7 @@ function useGuestRecordAccess(meeting) {
   const [effective, setEffective] = useState2(null);
   const [saving, setSaving] = useState2(false);
   const [error, setError] = useState2(null);
-  useEffect2(() => {
+  useEffect3(() => {
     setChosen(null);
   }, [stored, meeting?.id]);
   return {
@@ -7026,23 +7199,15 @@ function useGuestRecordAccess(meeting) {
   };
 }
 
-// src/react/components.tsx
-import { useEffect as useEffect4, useLayoutEffect, useMemo as useMemo3, useRef as useRef4, useState as useState4 } from "react";
-import {
-  Alert,
-  AlertDescription,
-  Button,
-  Checkbox,
-  ErrorBox,
-  Label,
-  SegmentedControl,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "@ai-matrx/design-system";
-import { avatarPaletteIndex, formatDurationMs as formatDurationMs4, getInitials } from "@ai-matrx/kit/format";
+// src/react/skin-root.tsx
+import { useEffect as useEffect8 } from "react";
+
+// src/skins/meet/components.tsx
+import { useEffect as useEffect6, useLayoutEffect, useRef as useRef6, useState as useState4 } from "react";
+
+// src/react/facade.ts
+import { useMemo as useMemo4 } from "react";
+import { avatarPaletteIndex, formatDurationMs as formatDurationMs3, getInitials } from "@ai-matrx/kit/format";
 
 // src/core/after.ts
 import { toDelimited } from "@ai-matrx/kit/delimited";
@@ -7479,14 +7644,154 @@ function countLabel(count2, singular, plural = `${singular}s`) {
   return `${count2} ${count2 === 1 ? singular : plural}`;
 }
 
-// src/react/collab.tsx
-import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
-import { formatDurationMs as formatDurationMs3 } from "@ai-matrx/kit/format";
+// src/core/collab-state.ts
+function availableActivities(collab, isHost) {
+  const settings = collab?.settings ?? null;
+  if (settings === null) return [];
+  const out = [];
+  if (settings.whiteboardEnabled) out.push("whiteboard");
+  if (settings.pollsEnabled && (isHost || (collab?.polls.length ?? 0) > 0)) out.push("polls");
+  if (settings.qaEnabled) out.push("qa");
+  if (settings.breakoutsEnabled && (isHost || collab?.breakout?.state === "open")) out.push("breakouts");
+  return out;
+}
+function activityAttention(collab, isHost) {
+  if (collab === null) return false;
+  if (collab.polls.some((poll) => poll.state === "live" && poll.myVote.length === 0 && !isHost)) return true;
+  if (isHost && collab.questions.some((q) => q.state === "open")) return true;
+  return false;
+}
+async function performCollab(runtime, request) {
+  if (runtime === null) return { ok: false, message: "This meeting is not connected." };
+  try {
+    const result = await runtime.inRoom.collab(request);
+    return { ok: true, message: result.message, itemId: result.itemId };
+  } catch (error) {
+    return { ok: false, message: error.message ?? "That did not work." };
+  }
+}
+async function moveToRoom(runtime, roomId) {
+  if (runtime === null) return { ok: false, message: "This meeting is not connected." };
+  try {
+    await runtime.engine.moveToBreakout(roomId);
+    return { ok: true, message: roomId === null ? "Back in the main room." : "Joined the breakout room." };
+  } catch (error) {
+    return { ok: false, message: error.message ?? "That room could not be joined." };
+  }
+}
+function untranslatedLines(lines, translations) {
+  return lines.filter((line) => line.final && translations[line.id] === void 0).map(({ id, text: text3 }) => ({ id, text: text3 }));
+}
+function nextTranslationBatch(pending, language, asked) {
+  const batch = pending.filter((line) => !asked.has(`${language}:${line.id}`)).slice(-20);
+  for (const line of batch) asked.add(`${language}:${line.id}`);
+  return batch;
+}
+function setCaptionLanguage(store, next) {
+  store.patch({
+    collab: {
+      ...store.snapshot().collab,
+      captionLanguage: next,
+      captionTranslations: {},
+      captionTranslationError: null
+    }
+  });
+}
+function takePanelRequest(store) {
+  const request = store.snapshot().collab.panelRequest;
+  if (request === null) return null;
+  store.patch({ collab: { ...store.snapshot().collab, panelRequest: null } });
+  return request.panel;
+}
+function takeMoveRequest(store) {
+  const request = store.snapshot().collab.moveRequest;
+  if (request === null) return null;
+  store.patch({ collab: { ...store.snapshot().collab, moveRequest: null } });
+  return { roomId: request.roomId };
+}
+
+// src/react/collab-hooks.ts
+import { useEffect as useEffect4, useRef as useRef4 } from "react";
+function useCollab() {
+  const host = useMeetHost();
+  const snapshot = useMeetSnapshot();
+  const isHost = useIsHost();
+  return {
+    collab: snapshot?.collab ?? null,
+    isHost,
+    localIdentity: snapshot?.localIdentity ?? null,
+    breakoutRoomId: snapshot?.breakoutRoomId ?? null,
+    act: (request) => performCollab(host, request),
+    moveTo: (roomId) => moveToRoom(host, roomId)
+  };
+}
+function useAvailableActivities() {
+  const { collab, isHost } = useCollab();
+  return availableActivities(collab, isHost);
+}
+function useActivityAttention() {
+  const { collab, isHost } = useCollab();
+  return activityAttention(collab, isHost);
+}
+function useCaptionTranslation(lines) {
+  const host = useMeetHost();
+  const snapshot = useMeetSnapshot();
+  const collab = snapshot?.collab ?? null;
+  const language = collab?.captionLanguage ?? null;
+  const asked = useRef4(/* @__PURE__ */ new Set());
+  const translations = collab?.captionTranslations ?? {};
+  const missing = untranslatedLines(lines, translations);
+  const key = `${language ?? ""}|${missing.map((l) => l.id).join(",")}`;
+  const pending = useRef4(missing);
+  pending.current = missing;
+  useEffect4(() => {
+    if (host === null || language === null) return;
+    const batch = nextTranslationBatch(pending.current, language, asked.current);
+    if (batch.length === 0) return;
+    void host.inRoom.translateCaptions(language, batch).catch(() => void 0);
+  }, [host, language, key]);
+  return { language, translations, error: collab?.captionTranslationError ?? null };
+}
+function useCollabPanelRequest(onRequest) {
+  const host = useMeetHost();
+  const at = useMeetSnapshot()?.collab.panelRequest?.at ?? null;
+  const callback = useRef4(onRequest);
+  callback.current = onRequest;
+  useEffect4(() => {
+    if (host === null) return;
+    const panel = takePanelRequest(host.store);
+    if (panel === null) return;
+    callback.current(panel);
+  }, [at, host]);
+}
+
+// src/core/reactions.ts
+var MEET_REACTIONS = ["\u{1F496}", "\u{1F44D}", "\u{1F389}", "\u{1F44F}", "\u{1F602}", "\u{1F62E}", "\u{1F622}", "\u{1F914}", "\u{1F44E}"];
+
+// src/react/facade.ts
+function useMeetCore() {
+  const host = useMeetHost();
+  const snapshot = useMeetSnapshot();
+  const devices = useDeviceSnapshot();
+  const role = useRole();
+  const isHost = useIsHost();
+  const observation = useCoreObservation();
+  return useMemo4(
+    () => ({ host, snapshot, devices, role, isHost, observation }),
+    [host, snapshot, devices, role, isHost, observation]
+  );
+}
+
+// src/skins/meet/components.tsx
+import { Alert, AlertDescription, Button, Checkbox, ErrorBox, Label, SegmentedControl, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@ai-matrx/design-system";
+
+// src/skins/meet/collab.tsx
+import { useEffect as useEffect5, useRef as useRef5, useState as useState3 } from "react";
 
-// src/react/icons.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+// src/skins/meet/icons.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 function Icon({ children, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "svg",
     {
       width: "20",
@@ -7506,255 +7811,214 @@ function Icon({ children, ...props }) {
 }
 function MicIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
-    /* @__PURE__ */ jsx2("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 19v3" })
+    /* @__PURE__ */ jsx3("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ jsx3("path", { d: "M12 19v3" })
   ] });
 }
 function MicOffIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M2 2l20 20" }),
-    /* @__PURE__ */ jsx2("path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12" }),
-    /* @__PURE__ */ jsx2("path", { d: "M15 9.34V5a3 3 0 0 0-5.94-.6" }),
-    /* @__PURE__ */ jsx2("path", { d: "M19 10v2a7 7 0 0 1-.11 1.23M5 10v2a7 7 0 0 0 11 5.66" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 19v3" })
+    /* @__PURE__ */ jsx3("path", { d: "M2 2l20 20" }),
+    /* @__PURE__ */ jsx3("path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12" }),
+    /* @__PURE__ */ jsx3("path", { d: "M15 9.34V5a3 3 0 0 0-5.94-.6" }),
+    /* @__PURE__ */ jsx3("path", { d: "M19 10v2a7 7 0 0 1-.11 1.23M5 10v2a7 7 0 0 0 11 5.66" }),
+    /* @__PURE__ */ jsx3("path", { d: "M12 19v3" })
   ] });
 }
 function CameraIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "m23 7-7 5 7 5V7Z" }),
-    /* @__PURE__ */ jsx2("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
+    /* @__PURE__ */ jsx3("path", { d: "m23 7-7 5 7 5V7Z" }),
+    /* @__PURE__ */ jsx3("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
   ] });
 }
 function CameraOffIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M2 2l20 20" }),
-    /* @__PURE__ */ jsx2("path", { d: "M10.66 5H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10" }),
-    /* @__PURE__ */ jsx2("path", { d: "M16 16a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2" })
+    /* @__PURE__ */ jsx3("path", { d: "M2 2l20 20" }),
+    /* @__PURE__ */ jsx3("path", { d: "M10.66 5H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10" }),
+    /* @__PURE__ */ jsx3("path", { d: "M16 16a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2" })
   ] });
 }
 function ScreenShareIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M8 21h8M12 17v4" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 13V8m0 0-2.5 2.5M12 8l2.5 2.5" })
+    /* @__PURE__ */ jsx3("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsx3("path", { d: "M8 21h8M12 17v4" }),
+    /* @__PURE__ */ jsx3("path", { d: "M12 13V8m0 0-2.5 2.5M12 8l2.5 2.5" })
   ] });
 }
 function PhoneIcon(props) {
-  return /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z" }) });
+  return /* @__PURE__ */ jsx3(Icon, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z" }) });
 }
 function PhoneOffIcon(props) {
-  return /* @__PURE__ */ jsx2(Icon, { fill: "currentColor", stroke: "none", ...props, children: /* @__PURE__ */ jsx2("path", { d: "M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.99.99 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9Z" }) });
+  return /* @__PURE__ */ jsx3(Icon, { fill: "currentColor", stroke: "none", ...props, children: /* @__PURE__ */ jsx3("path", { d: "M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.99.99 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9Z" }) });
 }
 function HandIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M18 11V6a2 2 0 0 0-4 0v5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M14 10V4a2 2 0 0 0-4 0v7" }),
-    /* @__PURE__ */ jsx2("path", { d: "M10 10.5V6a2 2 0 0 0-4 0v8" }),
-    /* @__PURE__ */ jsx2("path", { d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2a8 8 0 0 1-8-8v-1a2 2 0 1 1 4 0" })
+    /* @__PURE__ */ jsx3("path", { d: "M18 11V6a2 2 0 0 0-4 0v5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M14 10V4a2 2 0 0 0-4 0v7" }),
+    /* @__PURE__ */ jsx3("path", { d: "M10 10.5V6a2 2 0 0 0-4 0v8" }),
+    /* @__PURE__ */ jsx3("path", { d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2a8 8 0 0 1-8-8v-1a2 2 0 1 1 4 0" })
   ] });
 }
 function ChatIcon(props) {
-  return /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z" }) });
+  return /* @__PURE__ */ jsx3(Icon, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z" }) });
 }
 function PeopleIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "9", cy: "7", r: "4" }),
-    /* @__PURE__ */ jsx2("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" })
+    /* @__PURE__ */ jsx3("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsx3("circle", { cx: "9", cy: "7", r: "4" }),
+    /* @__PURE__ */ jsx3("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" })
   ] });
 }
 function RecordIcon(props) {
-  return /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "8", fill: "currentColor", stroke: "none" }) });
+  return /* @__PURE__ */ jsx3(Icon, { ...props, children: /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "8", fill: "currentColor", stroke: "none" }) });
 }
 function SparklesIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M12 3l1.9 4.6L18.5 9.5l-4.6 1.9L12 16l-1.9-4.6L5.5 9.5l4.6-1.9L12 3Z" }),
-    /* @__PURE__ */ jsx2("path", { d: "M19 15l.9 2.1 2.1.9-2.1.9-.9 2.1-.9-2.1-2.1-.9 2.1-.9L19 15Z" })
+    /* @__PURE__ */ jsx3("path", { d: "M12 3l1.9 4.6L18.5 9.5l-4.6 1.9L12 16l-1.9-4.6L5.5 9.5l4.6-1.9L12 3Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "M19 15l.9 2.1 2.1.9-2.1.9-.9 2.1-.9-2.1-2.1-.9 2.1-.9L19 15Z" })
   ] });
 }
 function LockIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })
-  ] });
-}
-function LayoutIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M3 9h18M9 21V9" })
+    /* @__PURE__ */ jsx3("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2" }),
+    /* @__PURE__ */ jsx3("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })
   ] });
 }
 function SettingsIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "3" }),
-    /* @__PURE__ */ jsx2("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
+    /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx3("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
   ] });
 }
 function CheckIcon(props) {
-  return /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ jsx3(Icon, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M20 6 9 17l-5-5" }) });
 }
 function CloseIcon(props) {
-  return /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M18 6 6 18M6 6l12 12" }) });
+  return /* @__PURE__ */ jsx3(Icon, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M18 6 6 18M6 6l12 12" }) });
 }
 function PinIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M12 17v5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M9 2h6l-1 6 3.5 3.5V14H6.5v-2.5L10 8 9 2Z" })
-  ] });
-}
-function WifiLowIcon(props) {
-  return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M12 20h.01" }),
-    /* @__PURE__ */ jsx2("path", { d: "M8.5 16.5a5 5 0 0 1 7 0" })
+    /* @__PURE__ */ jsx3("path", { d: "M12 17v5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M9 2h6l-1 6 3.5 3.5V14H6.5v-2.5L10 8 9 2Z" })
   ] });
 }
 function SmileIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx2("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
-    /* @__PURE__ */ jsx2("line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }),
-    /* @__PURE__ */ jsx2("line", { x1: "15", x2: "15.01", y1: "9", y2: "9" })
+    /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx3("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+    /* @__PURE__ */ jsx3("line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }),
+    /* @__PURE__ */ jsx3("line", { x1: "15", x2: "15.01", y1: "9", y2: "9" })
   ] });
 }
 function MoreIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "1" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "19", cy: "12", r: "1" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "5", cy: "12", r: "1" })
+    /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx3("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx3("circle", { cx: "5", cy: "12", r: "1" })
   ] });
 }
 function SearchIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ jsx2("path", { d: "m21 21-4.3-4.3" })
+    /* @__PURE__ */ jsx3("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx3("path", { d: "m21 21-4.3-4.3" })
   ] });
 }
 function KeyboardIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M10 8h.01M12 12h.01M14 8h.01M16 12h.01M18 8h.01M6 8h.01M7 16h10M8 12h.01" }),
-    /* @__PURE__ */ jsx2("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" })
+    /* @__PURE__ */ jsx3("path", { d: "M10 8h.01M12 12h.01M14 8h.01M16 12h.01M18 8h.01M6 8h.01M7 16h10M8 12h.01" }),
+    /* @__PURE__ */ jsx3("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" })
   ] });
 }
 function SpotlightIcon(props) {
-  return /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M12 2 15 8.5 22 9.3 17 14 18.2 21 12 17.6 5.8 21 7 14 2 9.3 9 8.5Z" }) });
+  return /* @__PURE__ */ jsx3(Icon, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M12 2 15 8.5 22 9.3 17 14 18.2 21 12 17.6 5.8 21 7 14 2 9.3 9 8.5Z" }) });
 }
 function SignalIcon({ bars, ...props }) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M4 20v-2", opacity: bars >= 1 ? 1 : 0.3 }),
-    /* @__PURE__ */ jsx2("path", { d: "M10 20v-6", opacity: bars >= 2 ? 1 : 0.3 }),
-    /* @__PURE__ */ jsx2("path", { d: "M16 20V9", opacity: bars >= 3 ? 1 : 0.3 }),
-    /* @__PURE__ */ jsx2("path", { d: "M22 20V4", opacity: bars >= 3 ? 1 : 0.3 })
+    /* @__PURE__ */ jsx3("path", { d: "M4 20v-2", opacity: bars >= 1 ? 1 : 0.3 }),
+    /* @__PURE__ */ jsx3("path", { d: "M10 20v-6", opacity: bars >= 2 ? 1 : 0.3 }),
+    /* @__PURE__ */ jsx3("path", { d: "M16 20V9", opacity: bars >= 3 ? 1 : 0.3 }),
+    /* @__PURE__ */ jsx3("path", { d: "M22 20V4", opacity: bars >= 3 ? 1 : 0.3 })
   ] });
 }
 function SpeakerIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M11 5 6 9H2v6h4l5 4V5Z" }),
-    /* @__PURE__ */ jsx2("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
-    /* @__PURE__ */ jsx2("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+    /* @__PURE__ */ jsx3("path", { d: "M11 5 6 9H2v6h4l5 4V5Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+    /* @__PURE__ */ jsx3("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
   ] });
 }
 function FlagIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
-    /* @__PURE__ */ jsx2("line", { x1: "4", x2: "4", y1: "22", y2: "15" })
+    /* @__PURE__ */ jsx3("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
+    /* @__PURE__ */ jsx3("line", { x1: "4", x2: "4", y1: "22", y2: "15" })
   ] });
 }
 function PencilIcon(props) {
-  return /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }) });
+  return /* @__PURE__ */ jsx3(Icon, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }) });
 }
 function ActivitiesIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z" }),
-    /* @__PURE__ */ jsx2("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "17.5", cy: "17.5", r: "3.5" })
+    /* @__PURE__ */ jsx3("path", { d: "M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z" }),
+    /* @__PURE__ */ jsx3("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }),
+    /* @__PURE__ */ jsx3("circle", { cx: "17.5", cy: "17.5", r: "3.5" })
   ] });
 }
 function PollIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("line", { x1: "18", x2: "18", y1: "20", y2: "10" }),
-    /* @__PURE__ */ jsx2("line", { x1: "12", x2: "12", y1: "20", y2: "4" }),
-    /* @__PURE__ */ jsx2("line", { x1: "6", x2: "6", y1: "20", y2: "14" })
+    /* @__PURE__ */ jsx3("line", { x1: "18", x2: "18", y1: "20", y2: "10" }),
+    /* @__PURE__ */ jsx3("line", { x1: "12", x2: "12", y1: "20", y2: "4" }),
+    /* @__PURE__ */ jsx3("line", { x1: "6", x2: "6", y1: "20", y2: "14" })
   ] });
 }
 function QuestionIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }),
-    /* @__PURE__ */ jsx2("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 17h.01" })
+    /* @__PURE__ */ jsx3("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ jsx3("path", { d: "M12 17h.01" })
   ] });
 }
 function WhiteboardIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M2 3h20" }),
-    /* @__PURE__ */ jsx2("path", { d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3" }),
-    /* @__PURE__ */ jsx2("path", { d: "m7 21 5-5 5 5" })
+    /* @__PURE__ */ jsx3("path", { d: "M2 3h20" }),
+    /* @__PURE__ */ jsx3("path", { d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3" }),
+    /* @__PURE__ */ jsx3("path", { d: "m7 21 5-5 5 5" })
   ] });
 }
 function BreakoutIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("rect", { width: "7", height: "18", x: "3", y: "3", rx: "1" }),
-    /* @__PURE__ */ jsx2("rect", { width: "7", height: "7", x: "14", y: "3", rx: "1" }),
-    /* @__PURE__ */ jsx2("rect", { width: "7", height: "7", x: "14", y: "14", rx: "1" })
+    /* @__PURE__ */ jsx3("rect", { width: "7", height: "18", x: "3", y: "3", rx: "1" }),
+    /* @__PURE__ */ jsx3("rect", { width: "7", height: "7", x: "14", y: "3", rx: "1" }),
+    /* @__PURE__ */ jsx3("rect", { width: "7", height: "7", x: "14", y: "14", rx: "1" })
   ] });
 }
 function UpvoteIcon(props) {
-  return /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M9 18v-6H5l7-7 7 7h-4v6H9z" }) });
+  return /* @__PURE__ */ jsx3(Icon, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M9 18v-6H5l7-7 7 7h-4v6H9z" }) });
 }
 function EraserIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }),
-    /* @__PURE__ */ jsx2("path", { d: "M22 21H7" }),
-    /* @__PURE__ */ jsx2("path", { d: "m5 11 9 9" })
+    /* @__PURE__ */ jsx3("path", { d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }),
+    /* @__PURE__ */ jsx3("path", { d: "M22 21H7" }),
+    /* @__PURE__ */ jsx3("path", { d: "m5 11 9 9" })
   ] });
 }
 function HighlighterIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "m9 11-6 6v3h9l3-3" }),
-    /* @__PURE__ */ jsx2("path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4" })
+    /* @__PURE__ */ jsx3("path", { d: "m9 11-6 6v3h9l3-3" }),
+    /* @__PURE__ */ jsx3("path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4" })
   ] });
 }
 function UndoIcon(props) {
   return /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M9 14 4 9l5-5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" })
+    /* @__PURE__ */ jsx3("path", { d: "M9 14 4 9l5-5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" })
   ] });
 }
 
-// src/react/collab.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function useCollab() {
-  const host = useMeetHost();
-  const snapshot = useMeetSnapshot();
-  const isHost = useIsHost();
-  return {
-    collab: snapshot?.collab ?? null,
-    isHost,
-    localIdentity: snapshot?.localIdentity ?? null,
-    breakoutRoomId: snapshot?.breakoutRoomId ?? null,
-    async act(request) {
-      if (host === null) return { ok: false, message: "This meeting is not connected." };
-      try {
-        const result = await host.inRoom.collab(request);
-        return { ok: true, message: result.message, itemId: result.itemId };
-      } catch (error) {
-        return { ok: false, message: error.message ?? "That did not work." };
-      }
-    },
-    async moveTo(roomId) {
-      if (host === null) return { ok: false, message: "This meeting is not connected." };
-      try {
-        await host.engine.moveToBreakout(roomId);
-        return { ok: true, message: roomId === null ? "Back in the main room." : "Joined the breakout room." };
-      } catch (error) {
-        return { ok: false, message: error.message ?? "That room could not be joined." };
-      }
-    }
-  };
-}
+// src/skins/meet/collab.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function useNotice() {
   const [notice, setNotice] = useState3(null);
-  useEffect3(() => {
+  useEffect5(() => {
     if (notice === null) return void 0;
     const timer = setTimeout(() => setNotice(null), notice.failed ? 7e3 : 3e3);
     return () => clearTimeout(timer);
@@ -7763,7 +8027,7 @@ function useNotice() {
 }
 function Notice({ notice }) {
   if (notice === null) return null;
-  return /* @__PURE__ */ jsx3("p", { className: notice.failed ? "mx-meet__panel-note mx-meet__collab-error" : "mx-meet__panel-note", role: "status", children: notice.text });
+  return /* @__PURE__ */ jsx4("p", { className: notice.failed ? "mx-meet__panel-note mx-meet__collab-error" : "mx-meet__panel-note", role: "status", children: notice.text });
 }
 var ACTIVITY_LABELS = {
   polls: "Polls",
@@ -7773,28 +8037,10 @@ var ACTIVITY_LABELS = {
 };
 function ActivityIcon({ panel }) {
   const props = { width: 16, height: 16 };
-  if (panel === "polls") return /* @__PURE__ */ jsx3(PollIcon, { ...props });
-  if (panel === "qa") return /* @__PURE__ */ jsx3(QuestionIcon, { ...props });
-  if (panel === "whiteboard") return /* @__PURE__ */ jsx3(WhiteboardIcon, { ...props });
-  return /* @__PURE__ */ jsx3(BreakoutIcon, { ...props });
-}
-function useAvailableActivities() {
-  const { collab, isHost } = useCollab();
-  const settings = collab?.settings ?? null;
-  if (settings === null) return [];
-  const out = [];
-  if (settings.whiteboardEnabled) out.push("whiteboard");
-  if (settings.pollsEnabled && (isHost || (collab?.polls.length ?? 0) > 0)) out.push("polls");
-  if (settings.qaEnabled) out.push("qa");
-  if (settings.breakoutsEnabled && (isHost || collab?.breakout?.state === "open")) out.push("breakouts");
-  return out;
-}
-function useActivityAttention() {
-  const { collab, isHost } = useCollab();
-  if (collab === null) return false;
-  if (collab.polls.some((poll) => poll.state === "live" && poll.myVote.length === 0 && !isHost)) return true;
-  if (isHost && collab.questions.some((q) => q.state === "open")) return true;
-  return false;
+  if (panel === "polls") return /* @__PURE__ */ jsx4(PollIcon, { ...props });
+  if (panel === "qa") return /* @__PURE__ */ jsx4(QuestionIcon, { ...props });
+  if (panel === "whiteboard") return /* @__PURE__ */ jsx4(WhiteboardIcon, { ...props });
+  return /* @__PURE__ */ jsx4(BreakoutIcon, { ...props });
 }
 function ActivitiesControl({
   active,
@@ -7806,10 +8052,10 @@ function ActivitiesControl({
   if (available.length === 0) return null;
   return /* @__PURE__ */ jsxs2("span", { className: "mx-meet__anchor", children: [
     /* @__PURE__ */ jsxs2(ControlButton, { label: "Activities", active: open || active !== null, onClick: () => setOpen(!open), children: [
-      /* @__PURE__ */ jsx3(ActivitiesIcon, {}),
-      attention ? /* @__PURE__ */ jsx3("span", { className: "mx-meet__dot", "aria-hidden": "true" }) : null
+      /* @__PURE__ */ jsx4(ActivitiesIcon, {}),
+      attention ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__dot", "aria-hidden": "true" }) : null
     ] }),
-    open ? /* @__PURE__ */ jsx3(Popover, { label: "Activities", onClose: () => setOpen(false), children: /* @__PURE__ */ jsx3("div", { className: "mx-meet__menu", role: "menu", children: available.map((panel) => /* @__PURE__ */ jsxs2(
+    open ? /* @__PURE__ */ jsx4(Popover, { label: "Activities", onClose: () => setOpen(false), children: /* @__PURE__ */ jsx4("div", { className: "mx-meet__menu", role: "menu", children: available.map((panel) => /* @__PURE__ */ jsxs2(
       MenuItem,
       {
         onSelect: () => {
@@ -7817,7 +8063,7 @@ function ActivitiesControl({
           onOpen(panel);
         },
         children: [
-          /* @__PURE__ */ jsx3(ActivityIcon, { panel }),
+          /* @__PURE__ */ jsx4(ActivityIcon, { panel }),
           " ",
           ACTIVITY_LABELS[panel]
         ]
@@ -7865,8 +8111,8 @@ function PollComposer({ maxOptions, onDone }) {
       },
       children: [
         /* @__PURE__ */ jsxs2("label", { className: "mx-meet__field", children: [
-          /* @__PURE__ */ jsx3("span", { className: "mx-meet__field-label", children: "Question" }),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: "Question" }),
+          /* @__PURE__ */ jsx4(
             "input",
             {
               className: "mx-meet__input",
@@ -7879,7 +8125,7 @@ function PollComposer({ maxOptions, onDone }) {
           )
         ] }),
         options.map((option, index) => /* @__PURE__ */ jsxs2("div", { className: "mx-meet__composer-row", children: [
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             "input",
             {
               className: "mx-meet__input",
@@ -7890,22 +8136,22 @@ function PollComposer({ maxOptions, onDone }) {
               onChange: (event) => setOptions(options.map((o, i) => i === index ? event.target.value : o))
             }
           ),
-          options.length > 2 ? /* @__PURE__ */ jsx3(ControlButton, { label: `Remove answer ${index + 1}`, onClick: () => setOptions(options.filter((_, i) => i !== index)), children: /* @__PURE__ */ jsx3(CloseIcon, { width: 14, height: 14 }) }) : null
+          options.length > 2 ? /* @__PURE__ */ jsx4(ControlButton, { label: `Remove answer ${index + 1}`, onClick: () => setOptions(options.filter((_, i) => i !== index)), children: /* @__PURE__ */ jsx4(CloseIcon, { width: 14, height: 14 }) }) : null
         ] }, index)),
-        options.length < maxOptions ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__link", onClick: () => setOptions([...options, ""]), children: "Add an answer" }) : null,
+        options.length < maxOptions ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: () => setOptions([...options, ""]), children: "Add an answer" }) : null,
         /* @__PURE__ */ jsxs2("label", { className: "mx-meet__toggle", children: [
-          /* @__PURE__ */ jsx3("input", { type: "checkbox", checked: multiple, onChange: (event) => setMultiple(event.target.checked) }),
+          /* @__PURE__ */ jsx4("input", { type: "checkbox", checked: multiple, onChange: (event) => setMultiple(event.target.checked) }),
           "People can pick more than one"
         ] }),
         /* @__PURE__ */ jsxs2("label", { className: "mx-meet__toggle", children: [
-          /* @__PURE__ */ jsx3("input", { type: "checkbox", checked: anonymous, onChange: (event) => setAnonymous(event.target.checked) }),
+          /* @__PURE__ */ jsx4("input", { type: "checkbox", checked: anonymous, onChange: (event) => setAnonymous(event.target.checked) }),
           "Anonymous \u2014 nobody sees who picked what"
         ] }),
-        /* @__PURE__ */ jsx3(Notice, { notice }),
+        /* @__PURE__ */ jsx4(Notice, { notice }),
         /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-actions", children: [
-          /* @__PURE__ */ jsx3("button", { type: "submit", className: "mx-meet__primary mx-meet__primary--small", disabled: !ready || busy, children: "Launch" }),
-          /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__chip", disabled: !ready || busy, onClick: () => void save(false), children: "Save draft" }),
-          /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__link", onClick: onDone, children: "Cancel" })
+          /* @__PURE__ */ jsx4("button", { type: "submit", className: "mx-meet__primary mx-meet__primary--small", disabled: !ready || busy, children: "Launch" }),
+          /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__chip", disabled: !ready || busy, onClick: () => void save(false), children: "Save draft" }),
+          /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: onDone, children: "Cancel" })
         ] })
       ]
     }
@@ -7915,7 +8161,7 @@ function PollCard({ poll }) {
   const { act, isHost } = useCollab();
   const [picked, setPicked] = useState3(poll.myVote.slice());
   const [notice, show] = useNotice();
-  useEffect3(() => setPicked(poll.myVote.slice()), [poll.myVote]);
+  useEffect5(() => 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";
@@ -7927,8 +8173,8 @@ function PollCard({ poll }) {
   };
   return /* @__PURE__ */ jsxs2("article", { className: "mx-meet__collab-card", "aria-label": poll.question, children: [
     /* @__PURE__ */ jsxs2("header", { className: "mx-meet__collab-head", children: [
-      /* @__PURE__ */ jsx3("strong", { className: "mx-meet__collab-title", children: poll.question }),
-      /* @__PURE__ */ jsx3("span", { className: "mx-meet__collab-state", children: stateWord })
+      /* @__PURE__ */ jsx4("strong", { className: "mx-meet__collab-title", children: poll.question }),
+      /* @__PURE__ */ jsx4("span", { className: "mx-meet__collab-state", children: stateWord })
     ] }),
     /* @__PURE__ */ jsxs2("p", { className: "mx-meet__panel-note", children: [
       poll.multiple ? "Pick any." : "Pick one.",
@@ -7936,7 +8182,7 @@ function PollCard({ poll }) {
       counts && poll.voterCount !== null ? ` ${poll.voterCount} voted.` : "",
       isHost && poll.state !== "draft" && !poll.resultsShared ? " Results are visible only to hosts." : ""
     ] }),
-    /* @__PURE__ */ jsx3("ul", { className: "mx-meet__poll-options", children: poll.options.map((option) => {
+    /* @__PURE__ */ jsx4("ul", { className: "mx-meet__poll-options", children: poll.options.map((option) => {
       const share = counts && total > 0 ? Math.round((option.votes ?? 0) / total * 100) : 0;
       const chosen = picked.includes(option.id);
       return /* @__PURE__ */ jsxs2("li", { children: [
@@ -7949,8 +8195,8 @@ function PollCard({ poll }) {
             disabled: !canVote,
             onClick: () => toggle(option.id),
             children: [
-              counts ? /* @__PURE__ */ jsx3("span", { className: "mx-meet__poll-bar", style: { width: `${share}%` }, "aria-hidden": "true" }) : null,
-              /* @__PURE__ */ jsx3("span", { className: "mx-meet__poll-text", children: option.text }),
+              counts ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__poll-bar", style: { width: `${share}%` }, "aria-hidden": "true" }) : null,
+              /* @__PURE__ */ jsx4("span", { className: "mx-meet__poll-text", children: option.text }),
               counts ? /* @__PURE__ */ jsxs2("span", { className: "mx-meet__poll-count", children: [
                 option.votes ?? 0,
                 " \xB7 ",
@@ -7960,12 +8206,12 @@ function PollCard({ poll }) {
             ]
           }
         ),
-        option.voters !== void 0 && option.voters.length > 0 ? /* @__PURE__ */ jsx3("span", { className: "mx-meet__poll-voters", children: option.voters.join(", ") }) : null
+        option.voters !== void 0 && option.voters.length > 0 ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__poll-voters", children: option.voters.join(", ") }) : null
       ] }, option.id);
     }) }),
-    /* @__PURE__ */ jsx3(Notice, { notice }),
+    /* @__PURE__ */ jsx4(Notice, { notice }),
     /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-actions", children: [
-      canVote ? /* @__PURE__ */ jsx3(
+      canVote ? /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -7975,10 +8221,10 @@ function PollCard({ poll }) {
           children: voted ? "Change vote" : "Vote"
         }
       ) : null,
-      isHost && poll.state === "draft" ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__primary mx-meet__primary--small", onClick: () => void act({ action: "poll_launch", itemId: poll.id }).then(show), children: "Launch" }) : null,
-      isHost && poll.state === "live" ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "poll_close", itemId: poll.id }).then(show), children: "End poll" }) : null,
-      isHost && poll.state !== "draft" ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "poll_share", itemId: poll.id }).then(show), children: poll.resultsShared ? "Hide results" : "Share results" }) : null,
-      isHost && poll.state === "live" ? null : isHost ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__link", onClick: () => void act({ action: "poll_delete", itemId: poll.id }).then(show), children: "Delete" }) : null
+      isHost && poll.state === "draft" ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__primary mx-meet__primary--small", onClick: () => void act({ action: "poll_launch", itemId: poll.id }).then(show), children: "Launch" }) : null,
+      isHost && poll.state === "live" ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "poll_close", itemId: poll.id }).then(show), children: "End poll" }) : null,
+      isHost && poll.state !== "draft" ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "poll_share", itemId: poll.id }).then(show), children: poll.resultsShared ? "Hide results" : "Share results" }) : null,
+      isHost && poll.state === "live" ? null : isHost ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: () => void act({ action: "poll_delete", itemId: poll.id }).then(show), children: "Delete" }) : null
     ] })
   ] });
 }
@@ -7989,11 +8235,11 @@ function PollsPanel({ onClose }) {
   const maxOptions = collab?.settings?.pollMaxOptions ?? 10;
   const ordered = [...polls].reverse();
   return /* @__PURE__ */ jsxs2(PanelShell, { title: "Polls", onClose, children: [
-    collab?.error != null ? /* @__PURE__ */ jsx3("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.error }) : null,
-    isHost && !composing ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__primary mx-meet__primary--small", onClick: () => setComposing(true), children: "New poll" }) : null,
-    isHost && composing ? /* @__PURE__ */ jsx3(PollComposer, { maxOptions, onDone: () => setComposing(false) }) : null,
-    ordered.length === 0 && !composing ? /* @__PURE__ */ jsx3("p", { className: "mx-meet__panel-note", children: isHost ? "No polls yet. Polls and their results are kept with the meeting." : "No polls yet." }) : null,
-    ordered.map((poll) => /* @__PURE__ */ jsx3(PollCard, { poll }, poll.id))
+    collab?.error != null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.error }) : null,
+    isHost && !composing ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__primary mx-meet__primary--small", onClick: () => setComposing(true), children: "New poll" }) : null,
+    isHost && composing ? /* @__PURE__ */ jsx4(PollComposer, { maxOptions, onDone: () => setComposing(false) }) : null,
+    ordered.length === 0 && !composing ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: isHost ? "No polls yet. Polls and their results are kept with the meeting." : "No polls yet." }) : null,
+    ordered.map((poll) => /* @__PURE__ */ jsx4(PollCard, { poll }, poll.id))
   ] });
 }
 function QuestionCard({ question }) {
@@ -8013,18 +8259,18 @@ function QuestionCard({ question }) {
           disabled: question.state === "dismissed",
           onClick: () => void act({ action: "question_upvote", itemId: question.id }).then((r) => r.ok ? void 0 : show(r)),
           children: [
-            /* @__PURE__ */ jsx3(UpvoteIcon, { width: 16, height: 16 }),
-            /* @__PURE__ */ jsx3("span", { children: question.upvotes })
+            /* @__PURE__ */ jsx4(UpvoteIcon, { width: 16, height: 16 }),
+            /* @__PURE__ */ jsx4("span", { children: question.upvotes })
           ]
         }
       ),
       /* @__PURE__ */ jsxs2("div", { className: "mx-meet__question-body", children: [
         /* @__PURE__ */ jsxs2("span", { className: "mx-meet__chat-meta", children: [
-          /* @__PURE__ */ jsx3("strong", { children: question.mine ? "You" : question.askerName }),
-          question.mine && question.anonymous ? /* @__PURE__ */ jsx3("span", { className: "mx-meet__chat-private", children: "anonymous" }) : null,
-          question.state !== "open" ? /* @__PURE__ */ jsx3("span", { className: "mx-meet__collab-state", children: question.state === "answered" ? "Answered" : "Dismissed" }) : null
+          /* @__PURE__ */ jsx4("strong", { children: question.mine ? "You" : question.askerName }),
+          question.mine && question.anonymous ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__chat-private", children: "anonymous" }) : null,
+          question.state !== "open" ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__collab-state", children: question.state === "answered" ? "Answered" : "Dismissed" }) : null
         ] }),
-        /* @__PURE__ */ jsx3("span", { className: "mx-meet__chat-text", children: question.text }),
+        /* @__PURE__ */ jsx4("span", { className: "mx-meet__chat-text", children: question.text }),
         question.answer !== null ? /* @__PURE__ */ jsxs2("span", { className: "mx-meet__question-answer", children: [
           /* @__PURE__ */ jsxs2("strong", { children: [
             question.answeredByName ?? "Host",
@@ -8050,7 +8296,7 @@ function QuestionCard({ question }) {
           });
         },
         children: [
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             "input",
             {
               className: "mx-meet__input",
@@ -8062,16 +8308,16 @@ function QuestionCard({ question }) {
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ jsx3("button", { type: "submit", className: "mx-meet__send", children: "Done" })
+          /* @__PURE__ */ jsx4("button", { type: "submit", className: "mx-meet__send", children: "Done" })
         ]
       }
     ) : null,
-    /* @__PURE__ */ jsx3(Notice, { notice }),
+    /* @__PURE__ */ jsx4(Notice, { notice }),
     isHost || question.mine ? /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-actions", children: [
-      isHost && question.state === "open" && !answering ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__chip", onClick: () => setAnswering(true), children: "Answer" }) : null,
-      isHost && question.state === "open" ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "question_dismiss", itemId: question.id }).then(show), children: "Dismiss" }) : null,
-      isHost && question.state !== "open" ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "question_reopen", itemId: question.id }).then(show), children: "Reopen" }) : null,
-      question.mine || isHost ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__link", onClick: () => void act({ action: "question_delete", itemId: question.id }).then(show), children: "Delete" }) : null
+      isHost && question.state === "open" && !answering ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__chip", onClick: () => setAnswering(true), children: "Answer" }) : null,
+      isHost && question.state === "open" ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "question_dismiss", itemId: question.id }).then(show), children: "Dismiss" }) : null,
+      isHost && question.state !== "open" ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "question_reopen", itemId: question.id }).then(show), children: "Reopen" }) : null,
+      question.mine || isHost ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: () => void act({ action: "question_delete", itemId: question.id }).then(show), children: "Delete" }) : null
     ] }) : null
   ] });
 }
@@ -8088,7 +8334,7 @@ function QaPanel({ onClose }) {
     (a, b) => rank(a) !== rank(b) ? rank(a) - rank(b) : order === "popular" ? b.upvotes - a.upvotes || (b.createdAt ?? "").localeCompare(a.createdAt ?? "") : (b.createdAt ?? "").localeCompare(a.createdAt ?? "")
   );
   return /* @__PURE__ */ jsxs2(PanelShell, { title: "Q&A", onClose, children: [
-    collab?.error != null ? /* @__PURE__ */ jsx3("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.error }) : null,
+    collab?.error != null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.error }) : null,
     /* @__PURE__ */ jsxs2(
       "form",
       {
@@ -8104,7 +8350,7 @@ function QaPanel({ onClose }) {
         },
         children: [
           /* @__PURE__ */ jsxs2("div", { className: "mx-meet__composer-row", children: [
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               "input",
               {
                 className: "mx-meet__input",
@@ -8115,17 +8361,17 @@ function QaPanel({ onClose }) {
                 "aria-label": "Ask the host a question"
               }
             ),
-            /* @__PURE__ */ jsx3("button", { type: "submit", className: "mx-meet__send", disabled: draft.trim().length === 0, children: "Ask" })
+            /* @__PURE__ */ jsx4("button", { type: "submit", className: "mx-meet__send", disabled: draft.trim().length === 0, children: "Ask" })
           ] }),
           allowAnonymous ? /* @__PURE__ */ jsxs2("label", { className: "mx-meet__toggle", children: [
-            /* @__PURE__ */ jsx3("input", { type: "checkbox", checked: anonymous, onChange: (event) => setAnonymous(event.target.checked) }),
+            /* @__PURE__ */ jsx4("input", { type: "checkbox", checked: anonymous, onChange: (event) => setAnonymous(event.target.checked) }),
             "Ask anonymously"
           ] }) : null
         ]
       }
     ),
-    /* @__PURE__ */ jsx3(Notice, { notice }),
-    questions.length > 1 ? /* @__PURE__ */ jsx3("div", { className: "mx-meet__pills", role: "group", "aria-label": "Order questions", children: ["popular", "recent"].map((value) => /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(Notice, { notice }),
+    questions.length > 1 ? /* @__PURE__ */ jsx4("div", { className: "mx-meet__pills", role: "group", "aria-label": "Order questions", children: ["popular", "recent"].map((value) => /* @__PURE__ */ jsx4(
       "button",
       {
         type: "button",
@@ -8136,7 +8382,7 @@ function QaPanel({ onClose }) {
       },
       value
     )) }) : null,
-    questions.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "mx-meet__panel-note", children: "No questions yet. Questions are kept with the meeting." }) : /* @__PURE__ */ jsx3("ul", { className: "mx-meet__chat", children: questions.map((question) => /* @__PURE__ */ jsx3(QuestionCard, { question }, question.id)) })
+    questions.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: "No questions yet. Questions are kept with the meeting." }) : /* @__PURE__ */ jsx4("ul", { className: "mx-meet__chat", children: questions.map((question) => /* @__PURE__ */ jsx4(QuestionCard, { question }, question.id)) })
   ] });
 }
 var BOARD_W = 1600;
@@ -8150,7 +8396,7 @@ function strokePath(points) {
   return `${move} ${rest.map(([x, y]) => `L${(x * BOARD_W).toFixed(1)} ${(y * BOARD_H).toFixed(1)}`).join(" ")}`;
 }
 function StrokeView({ stroke, onPick }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     "path",
     {
       d: strokePath(stroke.points),
@@ -8162,7 +8408,7 @@ function StrokeView({ stroke, onPick }) {
       strokeLinejoin: "round",
       onPointerDown: onPick,
       style: onPick !== void 0 ? { cursor: "pointer" } : void 0,
-      children: /* @__PURE__ */ jsx3("title", { children: stroke.byName })
+      children: /* @__PURE__ */ jsx4("title", { children: stroke.byName })
     }
   );
 }
@@ -8173,7 +8419,7 @@ function WhiteboardPanel({ onClose }) {
   const [drawing, setDrawing] = useState3(null);
   const [pending, setPending] = useState3([]);
   const [notice, show] = useNotice();
-  const svgRef = useRef3(null);
+  const svgRef = useRef5(null);
   const strokes = collab?.strokes ?? [];
   const mine = strokes.filter((s) => s.by === localIdentity);
   const point = (event) => {
@@ -8207,12 +8453,12 @@ function WhiteboardPanel({ onClose }) {
   };
   return /* @__PURE__ */ jsxs2("section", { className: "mx-meet__whiteboard", "aria-label": "Whiteboard", children: [
     /* @__PURE__ */ jsxs2("header", { className: "mx-meet__whiteboard-bar", children: [
-      /* @__PURE__ */ jsx3("strong", { className: "mx-meet__panel-title", children: "Whiteboard" }),
-      /* @__PURE__ */ jsx3("div", { className: "mx-meet__pills", role: "group", "aria-label": "Tool", children: [
-        ["pen", "Pen", /* @__PURE__ */ jsx3(PencilIcon, { width: 16, height: 16 }, "p")],
-        ["highlighter", "Highlighter", /* @__PURE__ */ jsx3(HighlighterIcon, { width: 16, height: 16 }, "h")],
-        ["eraser", "Eraser \u2014 click a stroke", /* @__PURE__ */ jsx3(EraserIcon, { width: 16, height: 16 }, "e")]
-      ].map(([value, label, icon]) => /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4("strong", { className: "mx-meet__panel-title", children: "Whiteboard" }),
+      /* @__PURE__ */ jsx4("div", { className: "mx-meet__pills", role: "group", "aria-label": "Tool", children: [
+        ["pen", "Pen", /* @__PURE__ */ jsx4(PencilIcon, { width: 16, height: 16 }, "p")],
+        ["highlighter", "Highlighter", /* @__PURE__ */ jsx4(HighlighterIcon, { width: 16, height: 16 }, "h")],
+        ["eraser", "Eraser \u2014 click a stroke", /* @__PURE__ */ jsx4(EraserIcon, { width: 16, height: 16 }, "e")]
+      ].map(([value, label, icon]) => /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -8225,7 +8471,7 @@ function WhiteboardPanel({ onClose }) {
         },
         value
       )) }),
-      /* @__PURE__ */ jsx3("div", { className: "mx-meet__swatches", role: "group", "aria-label": "Color", children: INK.map((ink) => /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4("div", { className: "mx-meet__swatches", role: "group", "aria-label": "Color", children: INK.map((ink) => /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -8240,7 +8486,7 @@ function WhiteboardPanel({ onClose }) {
         },
         ink
       )) }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         ControlButton,
         {
           label: "Undo my last stroke",
@@ -8248,14 +8494,14 @@ function WhiteboardPanel({ onClose }) {
             const last = mine[mine.length - 1];
             if (last !== void 0) void act({ action: "stroke_erase", itemId: last.id }).then((r) => r.ok ? void 0 : show(r));
           },
-          children: /* @__PURE__ */ jsx3(UndoIcon, { width: 16, height: 16 })
+          children: /* @__PURE__ */ jsx4(UndoIcon, { width: 16, height: 16 })
         }
       ),
-      isHost && strokes.length > 0 ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "whiteboard_clear" }).then(show), children: "Clear board" }) : null,
-      /* @__PURE__ */ jsx3("span", { className: "mx-meet__whiteboard-note", children: "Saved with the meeting" }),
-      /* @__PURE__ */ jsx3(ControlButton, { label: "Close whiteboard", onClick: onClose, children: /* @__PURE__ */ jsx3(CloseIcon, { width: 16, height: 16 }) })
+      isHost && strokes.length > 0 ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__chip", onClick: () => void act({ action: "whiteboard_clear" }).then(show), children: "Clear board" }) : null,
+      /* @__PURE__ */ jsx4("span", { className: "mx-meet__whiteboard-note", children: "Saved with the meeting" }),
+      /* @__PURE__ */ jsx4(ControlButton, { label: "Close whiteboard", onClick: onClose, children: /* @__PURE__ */ jsx4(CloseIcon, { width: 16, height: 16 }) })
     ] }),
-    /* @__PURE__ */ jsx3(Notice, { notice }),
+    /* @__PURE__ */ jsx4(Notice, { notice }),
     /* @__PURE__ */ jsxs2(
       "svg",
       {
@@ -8280,8 +8526,8 @@ function WhiteboardPanel({ onClose }) {
         onPointerUp: finish,
         onPointerCancel: finish,
         children: [
-          /* @__PURE__ */ jsx3("rect", { x: 0, y: 0, width: BOARD_W, height: BOARD_H, className: "mx-meet__board-paper" }),
-          strokes.map((stroke) => /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4("rect", { x: 0, y: 0, width: BOARD_W, height: BOARD_H, className: "mx-meet__board-paper" }),
+          strokes.map((stroke) => /* @__PURE__ */ jsx4(
             StrokeView,
             {
               stroke,
@@ -8289,8 +8535,8 @@ function WhiteboardPanel({ onClose }) {
             },
             stroke.id
           )),
-          pending.map((stroke) => /* @__PURE__ */ jsx3(StrokeView, { stroke }, stroke.id)),
-          drawing !== null ? /* @__PURE__ */ jsx3(
+          pending.map((stroke) => /* @__PURE__ */ jsx4(StrokeView, { stroke }, stroke.id)),
+          drawing !== null ? /* @__PURE__ */ jsx4(
             StrokeView,
             {
               stroke: {
@@ -8315,7 +8561,7 @@ function clock(ms2) {
 var BREAKOUT_EXPIRE_RETRY_MS = 5e3;
 function useNow(active) {
   const [now, setNow] = useState3(() => Date.now());
-  useEffect3(() => {
+  useEffect5(() => {
     if (!active) return void 0;
     const timer = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(timer);
@@ -8347,8 +8593,8 @@ function BreakoutSetup() {
   const nameOf = (identity) => people.find((p) => p.identity === identity)?.displayName ?? identity;
   return /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-card", children: [
     /* @__PURE__ */ jsxs2("label", { className: "mx-meet__field", children: [
-      /* @__PURE__ */ jsx3("span", { className: "mx-meet__field-label", children: "Rooms" }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: "Rooms" }),
+      /* @__PURE__ */ jsx4(
         "input",
         {
           className: "mx-meet__input",
@@ -8360,11 +8606,11 @@ function BreakoutSetup() {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx3("div", { className: "mx-meet__pills", role: "group", "aria-label": "How people are placed", children: [
+    /* @__PURE__ */ jsx4("div", { className: "mx-meet__pills", role: "group", "aria-label": "How people are placed", children: [
       ["auto", "Automatically"],
       ["manual", "Manually"],
       ["choose", "Let people choose"]
-    ].map(([value, label]) => /* @__PURE__ */ jsx3(
+    ].map(([value, label]) => /* @__PURE__ */ jsx4(
       "button",
       {
         type: "button",
@@ -8376,8 +8622,8 @@ function BreakoutSetup() {
       value
     )) }),
     /* @__PURE__ */ jsxs2("label", { className: "mx-meet__field", children: [
-      /* @__PURE__ */ jsx3("span", { className: "mx-meet__field-label", children: "Timer (minutes, 0 for none)" }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: "Timer (minutes, 0 for none)" }),
+      /* @__PURE__ */ jsx4(
         "input",
         {
           className: "mx-meet__input",
@@ -8389,8 +8635,8 @@ function BreakoutSetup() {
         }
       )
     ] }),
-    mode === "manual" ? people.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "mx-meet__panel-note", children: "Nobody else is in the meeting yet." }) : /* @__PURE__ */ jsx3("ul", { className: "mx-meet__people", children: people.map((person) => /* @__PURE__ */ jsxs2("li", { className: "mx-meet__person", children: [
-      /* @__PURE__ */ jsx3("span", { className: "mx-meet__person-name", children: person.displayName }),
+    mode === "manual" ? people.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: "Nobody else is in the meeting yet." }) : /* @__PURE__ */ jsx4("ul", { className: "mx-meet__people", children: people.map((person) => /* @__PURE__ */ jsxs2("li", { className: "mx-meet__person", children: [
+      /* @__PURE__ */ jsx4("span", { className: "mx-meet__person-name", children: person.displayName }),
       /* @__PURE__ */ jsxs2(
         "select",
         {
@@ -8399,7 +8645,7 @@ function BreakoutSetup() {
           value: manual[person.identity] ?? -1,
           onChange: (event) => setManual({ ...manual, [person.identity]: Number(event.target.value) }),
           children: [
-            /* @__PURE__ */ jsx3("option", { value: -1, children: "Main room" }),
+            /* @__PURE__ */ jsx4("option", { value: -1, children: "Main room" }),
             Array.from({ length: rooms }, (_, index) => /* @__PURE__ */ jsxs2("option", { value: index, children: [
               "Room ",
               index + 1
@@ -8407,15 +8653,15 @@ function BreakoutSetup() {
           ]
         }
       )
-    ] }, person.identity)) }) : mode === "auto" ? /* @__PURE__ */ jsx3("ul", { className: "mx-meet__breakout-rooms", children: assignment.map((members, index) => /* @__PURE__ */ jsxs2("li", { children: [
+    ] }, person.identity)) }) : mode === "auto" ? /* @__PURE__ */ jsx4("ul", { className: "mx-meet__breakout-rooms", children: assignment.map((members, index) => /* @__PURE__ */ jsxs2("li", { children: [
       /* @__PURE__ */ jsxs2("strong", { children: [
         "Room ",
         index + 1
       ] }),
       " ",
-      /* @__PURE__ */ jsx3("span", { className: "mx-meet__panel-note", children: members.length === 0 ? "empty" : members.map(nameOf).join(", ") })
-    ] }, index)) }) : /* @__PURE__ */ jsx3("p", { className: "mx-meet__panel-note", children: "Everyone picks a room from their own screen." }),
-    /* @__PURE__ */ jsx3(Notice, { notice }),
+      /* @__PURE__ */ jsx4("span", { className: "mx-meet__panel-note", children: members.length === 0 ? "empty" : members.map(nameOf).join(", ") })
+    ] }, index)) }) : /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: "Everyone picks a room from their own screen." }),
+    /* @__PURE__ */ jsx4(Notice, { notice }),
     /* @__PURE__ */ jsxs2(
       "button",
       {
@@ -8470,17 +8716,17 @@ function BreakoutRun({ plan }) {
       remaining !== null ? ` \xB7 ${clock(remaining)} left` : "",
       plan.allowChoose ? " \xB7 people choose their room" : ""
     ] }),
-    /* @__PURE__ */ jsx3("ul", { className: "mx-meet__breakout-rooms", children: plan.rooms.map((room) => {
+    /* @__PURE__ */ jsx4("ul", { className: "mx-meet__breakout-rooms", children: plan.rooms.map((room) => {
       const here = breakoutRoomId === room.id;
       const mayJoin = isHost || plan.allowChoose || mine?.id === room.id;
       return /* @__PURE__ */ jsxs2("li", { className: here ? "mx-meet__breakout-room mx-meet__breakout-room--here" : "mx-meet__breakout-room", children: [
         /* @__PURE__ */ jsxs2("div", { className: "mx-meet__collab-head", children: [
-          /* @__PURE__ */ jsx3("strong", { children: room.name }),
-          here ? /* @__PURE__ */ jsx3("span", { className: "mx-meet__collab-state", children: "You are here" }) : mayJoin ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__chip", onClick: () => void join(room.id), children: "Join" }) : null
+          /* @__PURE__ */ jsx4("strong", { children: room.name }),
+          here ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__collab-state", children: "You are here" }) : mayJoin ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__chip", onClick: () => void join(room.id), children: "Join" }) : null
         ] }),
-        /* @__PURE__ */ jsx3("span", { className: "mx-meet__panel-note", children: room.identities.length === 0 ? "Nobody assigned" : room.identities.map(nameOf).join(", ") }),
-        isHost && room.identities.length > 0 ? /* @__PURE__ */ jsx3("ul", { className: "mx-meet__people", children: room.identities.map((identity) => /* @__PURE__ */ jsxs2("li", { className: "mx-meet__person", children: [
-          /* @__PURE__ */ jsx3("span", { className: "mx-meet__person-name", children: nameOf(identity) }),
+        /* @__PURE__ */ jsx4("span", { className: "mx-meet__panel-note", children: room.identities.length === 0 ? "Nobody assigned" : room.identities.map(nameOf).join(", ") }),
+        isHost && room.identities.length > 0 ? /* @__PURE__ */ jsx4("ul", { className: "mx-meet__people", children: room.identities.map((identity) => /* @__PURE__ */ jsxs2("li", { className: "mx-meet__person", children: [
+          /* @__PURE__ */ jsx4("span", { className: "mx-meet__person-name", children: nameOf(identity) }),
           /* @__PURE__ */ jsxs2(
             "select",
             {
@@ -8493,15 +8739,15 @@ function BreakoutRun({ plan }) {
                 roomId: event.target.value === "" ? null : event.target.value
               }).then(show),
               children: [
-                /* @__PURE__ */ jsx3("option", { value: "", children: "Main room" }),
-                plan.rooms.map((option) => /* @__PURE__ */ jsx3("option", { value: option.id, children: option.name }, option.id))
+                /* @__PURE__ */ jsx4("option", { value: "", children: "Main room" }),
+                plan.rooms.map((option) => /* @__PURE__ */ jsx4("option", { value: option.id, children: option.name }, option.id))
               ]
             }
           )
         ] }, identity)) }) : null
       ] }, room.id);
     }) }),
-    breakoutRoomId !== null ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__chip", onClick: () => void join(null), children: "Return to the main room" }) : null,
+    breakoutRoomId !== null ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__chip", onClick: () => void join(null), children: "Return to the main room" }) : null,
     isHost ? /* @__PURE__ */ jsxs2(
       "form",
       {
@@ -8516,7 +8762,7 @@ function BreakoutRun({ plan }) {
           });
         },
         children: [
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             "input",
             {
               className: "mx-meet__input",
@@ -8527,12 +8773,12 @@ function BreakoutRun({ plan }) {
               "aria-label": "Message every room"
             }
           ),
-          /* @__PURE__ */ jsx3("button", { type: "submit", className: "mx-meet__send", disabled: broadcast.trim().length === 0, children: "Send" })
+          /* @__PURE__ */ jsx4("button", { type: "submit", className: "mx-meet__send", disabled: broadcast.trim().length === 0, children: "Send" })
         ]
       }
     ) : null,
-    /* @__PURE__ */ jsx3(Notice, { notice }),
-    isHost ? /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(Notice, { notice }),
+    isHost ? /* @__PURE__ */ jsx4(
       "button",
       {
         type: "button",
@@ -8547,8 +8793,8 @@ function BreakoutsPanel({ onClose }) {
   const { collab, isHost } = useCollab();
   const plan = collab?.breakout?.state === "open" ? collab.breakout : null;
   return /* @__PURE__ */ jsxs2(PanelShell, { title: "Breakout rooms", onClose, children: [
-    collab?.error != null ? /* @__PURE__ */ jsx3("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.error }) : null,
-    plan !== null ? /* @__PURE__ */ jsx3(BreakoutRun, { plan }) : isHost ? /* @__PURE__ */ jsx3(BreakoutSetup, {}) : /* @__PURE__ */ jsx3("p", { className: "mx-meet__panel-note", children: "Breakout rooms are closed." })
+    collab?.error != null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.error }) : null,
+    plan !== null ? /* @__PURE__ */ jsx4(BreakoutRun, { plan }) : isHost ? /* @__PURE__ */ jsx4(BreakoutSetup, {}) : /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: "Breakout rooms are closed." })
   ] });
 }
 function BreakoutBanner() {
@@ -8561,17 +8807,17 @@ function BreakoutBanner() {
   const assigned = assignedRoom(open, localIdentity);
   const [dismissedBroadcast, setDismissedBroadcast] = useState3(null);
   const [failure, setFailure] = useState3(null);
-  const expireAsked = useRef3(null);
+  const expireAsked = useRef5(null);
   const moveAt = collab?.moveRequest?.at ?? null;
-  useEffect3(() => {
-    const request = host?.store.snapshot().collab.moveRequest ?? null;
-    if (request === null || host === null) return;
-    host.store.patch({ collab: { ...host.store.snapshot().collab, moveRequest: null } });
+  useEffect5(() => {
+    if (host === null) return;
+    const request = takeMoveRequest(host.store);
+    if (request === null) return;
     const here = host.store.snapshot().breakoutRoomId;
     if ((here ?? null) === request.roomId) return;
     void moveTo(request.roomId).then((result) => setFailure(result.ok ? null : result.message));
   }, [moveAt, host, moveTo]);
-  useEffect3(() => {
+  useEffect5(() => {
     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;
@@ -8583,16 +8829,16 @@ function BreakoutBanner() {
   const room = open?.rooms.find((r) => r.id === breakoutRoomId) ?? null;
   if (open === null && failure === null) return null;
   return /* @__PURE__ */ jsxs2("div", { className: "mx-meet__breakout-banner", role: "status", children: [
-    failure !== null ? /* @__PURE__ */ jsx3("span", { className: "mx-meet__collab-error", children: failure }) : null,
+    failure !== null ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__collab-error", children: failure }) : null,
     room !== null ? /* @__PURE__ */ jsxs2("span", { children: [
-      /* @__PURE__ */ jsx3("strong", { children: room.name }),
+      /* @__PURE__ */ jsx4("strong", { children: room.name }),
       remaining !== null ? ` \xB7 ${clock(remaining)} left` : "",
-      /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__chip", onClick: () => void moveTo(null), children: "Return to main room" })
+      /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__chip", onClick: () => void moveTo(null), children: "Return to main room" })
     ] }) : assigned !== null ? /* @__PURE__ */ jsxs2("span", { children: [
       "You are assigned to ",
-      /* @__PURE__ */ jsx3("strong", { children: assigned.name }),
+      /* @__PURE__ */ jsx4("strong", { children: assigned.name }),
       remaining !== null ? ` \xB7 ${clock(remaining)} left` : "",
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -8604,7 +8850,7 @@ function BreakoutBanner() {
           children: "Join"
         }
       )
-    ] }) : open?.allowChoose ? /* @__PURE__ */ jsx3("span", { children: "Breakout rooms are open \u2014 pick one under Activities." }) : null,
+    ] }) : open?.allowChoose ? /* @__PURE__ */ jsx4("span", { children: "Breakout rooms are open \u2014 pick one under Activities." }) : null,
     showBroadcast ? /* @__PURE__ */ jsxs2("span", { className: "mx-meet__breakout-broadcast", children: [
       /* @__PURE__ */ jsxs2("strong", { children: [
         broadcast.by,
@@ -8612,30 +8858,10 @@ function BreakoutBanner() {
       ] }),
       " ",
       broadcast.text,
-      /* @__PURE__ */ jsx3("button", { type: "button", className: "mx-meet__link", onClick: () => setDismissedBroadcast(broadcast.at), children: "Dismiss" })
+      /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: () => setDismissedBroadcast(broadcast.at), children: "Dismiss" })
     ] }) : null
   ] });
 }
-function useCaptionTranslation(lines) {
-  const host = useMeetHost();
-  const snapshot = useMeetSnapshot();
-  const collab = snapshot?.collab ?? null;
-  const language = collab?.captionLanguage ?? null;
-  const asked = useRef3(/* @__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 = useRef3(missing);
-  pending.current = missing;
-  useEffect3(() => {
-    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;
-    for (const line of batch) asked.current.add(`${language}:${line.id}`);
-    void host.inRoom.translateCaptions(language, batch).catch(() => void 0);
-  }, [host, language, key]);
-  return { language, translations, error: collab?.captionTranslationError ?? null };
-}
 function CaptionLanguageSettings() {
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
@@ -8648,7 +8874,7 @@ function CaptionLanguageSettings() {
   const choices = CAPTION_LANGUAGES.some((l) => l.tag === preferred) ? CAPTION_LANGUAGES : [{ tag: preferred, name: preferred }, ...CAPTION_LANGUAGES];
   return /* @__PURE__ */ jsxs2("section", { className: "mx-meet__section", "aria-label": "Captions", children: [
     /* @__PURE__ */ jsxs2("label", { className: "mx-meet__field", children: [
-      /* @__PURE__ */ jsx3("span", { className: "mx-meet__field-label", children: "Translate captions to" }),
+      /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: "Translate captions to" }),
       /* @__PURE__ */ jsxs2(
         "select",
         {
@@ -8656,51 +8882,32 @@ function CaptionLanguageSettings() {
           value: current,
           onChange: (event) => {
             const next = event.target.value === "" ? null : event.target.value;
-            host.store.patch({
-              collab: {
-                ...host.store.snapshot().collab,
-                captionLanguage: next,
-                captionTranslations: {},
-                captionTranslationError: null
-              }
-            });
+            setCaptionLanguage(host.store, next);
           },
           children: [
-            /* @__PURE__ */ jsx3("option", { value: "", children: "Off \u2014 as spoken" }),
+            /* @__PURE__ */ jsx4("option", { value: "", children: "Off \u2014 as spoken" }),
             current === "" ? /* @__PURE__ */ jsxs2("option", { value: preferred, children: [
               choices.find((c) => c.tag === preferred)?.name ?? preferred,
               " (yours)"
             ] }) : null,
-            choices.filter((choice) => current !== "" || choice.tag !== preferred).map((choice) => /* @__PURE__ */ jsx3("option", { value: choice.tag, children: choice.name }, choice.tag))
+            choices.filter((choice) => current !== "" || choice.tag !== preferred).map((choice) => /* @__PURE__ */ jsx4("option", { value: choice.tag, children: choice.name }, choice.tag))
           ]
         }
       )
     ] }),
-    collab?.captionTranslationError != null ? /* @__PURE__ */ jsx3("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.captionTranslationError }) : null
+    collab?.captionTranslationError != null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note mx-meet__collab-error", children: collab.captionTranslationError }) : null
   ] });
 }
-function useCollabPanelRequest(onRequest) {
-  const host = useMeetHost();
-  const at = useMeetSnapshot()?.collab.panelRequest?.at ?? null;
-  const callback = useRef3(onRequest);
-  callback.current = onRequest;
-  useEffect3(() => {
-    const request = host?.store.snapshot().collab.panelRequest ?? null;
-    if (request === null || host === null) return;
-    host.store.patch({ collab: { ...host.store.snapshot().collab, panelRequest: null } });
-    callback.current(request.panel);
-  }, [at, host]);
-}
 
-// src/react/components.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+// src/skins/meet/components.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function InertNotice({ what }) {
   return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__empty", role: "status", children: [
     /* @__PURE__ */ jsxs3("p", { className: "mx-meet__empty-title", children: [
       what,
       " is not ready yet"
     ] }),
-    /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-body", children: "Calls and meetings need a signed-in identity and an active organization. This will appear as soon as they resolve." })
+    /* @__PURE__ */ jsx5("p", { className: "mx-meet__empty-body", children: "Calls and meetings need a signed-in identity and an active organization. This will appear as soon as they resolve." })
   ] });
 }
 function Avatar({
@@ -8710,7 +8917,7 @@ function Avatar({
 }) {
   const tint = avatarPaletteIndex(name);
   if (url != null && url.length > 0) {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(
       "img",
       {
         className: "mx-meet__avatar",
@@ -8722,7 +8929,7 @@ function Avatar({
       }
     );
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "span",
     {
       className: "mx-meet__avatar mx-meet__avatar--initials",
@@ -8744,7 +8951,7 @@ function ControlButton({
   onClick,
   children
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "button",
     {
       type: "button",
@@ -8770,20 +8977,16 @@ function RecordingIndicator() {
       role: "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ jsx4(RecordIcon, { width: 10, height: 10 }),
+        /* @__PURE__ */ jsx5(RecordIcon, { width: 10, height: 10 }),
         label
       ]
     }
   );
 }
-function ConnectionDot({ quality }) {
-  if (quality === "excellent" || quality === "good" || quality === "unknown") return null;
-  return /* @__PURE__ */ jsx4("span", { className: `mx-meet__quality mx-meet__quality--${quality}`, title: `Connection ${quality}`, children: /* @__PURE__ */ jsx4(WifiLowIcon, { width: 14, height: 14 }) });
-}
 function RoleBadge({ role }) {
-  if (role === "host") return /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "Host" });
-  if (role === "cohost") return /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "Co-host" });
-  if (role === "guest") return /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "Guest" });
+  if (role === "host") return /* @__PURE__ */ jsx5("span", { className: "mx-meet__badge", children: "Host" });
+  if (role === "cohost") return /* @__PURE__ */ jsx5("span", { className: "mx-meet__badge", children: "Co-host" });
+  if (role === "guest") return /* @__PURE__ */ jsx5("span", { className: "mx-meet__badge", children: "Guest" });
   return null;
 }
 function ParticipantTile({
@@ -8811,8 +9014,9 @@ function ParticipantTile({
         participant.speaking ? "mx-meet__tile--speaking" : ""
       ].filter(Boolean).join(" "),
       "data-identity": participant.identity,
+      ...participantAttributes(participant),
       children: [
-        showVideo ? /* @__PURE__ */ jsx4(
+        showVideo ? /* @__PURE__ */ jsx5(
           "video",
           {
             ref: videoRef,
@@ -8821,43 +9025,43 @@ function ParticipantTile({
             playsInline: true,
             muted: participant.isLocal
           }
-        ) : /* @__PURE__ */ jsx4("div", { className: "mx-meet__tile-placeholder", children: /* @__PURE__ */ jsx4(Avatar, { name: participant.displayName, url: participant.avatarUrl, size: featured ? 96 : 56 }) }),
+        ) : /* @__PURE__ */ jsx5("div", { className: "mx-meet__tile-placeholder", children: /* @__PURE__ */ jsx5(Avatar, { name: participant.displayName, url: participant.avatarUrl, size: featured ? 96 : 56 }) }),
         participant.handRaised ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__tile-hand", title: `Hand raised \xB7 ${ordinal(handPosition)} in line`, children: [
-          /* @__PURE__ */ jsx4(HandIcon, { width: 14, height: 14 }),
+          /* @__PURE__ */ jsx5(HandIcon, { width: 14, height: 14 }),
           handPosition > 0 ? handPosition : null
         ] }) : null,
         /* @__PURE__ */ jsxs3("div", { className: "mx-meet__tile-bar", children: [
           /* @__PURE__ */ jsxs3("span", { className: "mx-meet__tile-name", children: [
-            spotlit ? /* @__PURE__ */ jsx4("span", { title: "Spotlighted for everyone", className: "mx-meet__tile-flag", children: /* @__PURE__ */ jsx4(SpotlightIcon, { width: 12, height: 12 }) }) : null,
+            spotlit ? /* @__PURE__ */ jsx5("span", { title: "Spotlighted for everyone", className: "mx-meet__tile-flag", children: /* @__PURE__ */ jsx5(SpotlightIcon, { width: 12, height: 12 }) }) : null,
             participant.displayName,
             participant.isLocal ? " (you)" : "",
-            participant.isAgent ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "AI" }) : null,
-            /* @__PURE__ */ jsx4(RoleBadge, { role: participant.role })
+            participant.isAgent ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__badge", children: "AI" }) : null,
+            /* @__PURE__ */ jsx5(RoleBadge, { role: participant.role })
           ] }),
-          !participant.micEnabled ? /* @__PURE__ */ jsx4(MicOffIcon, { width: 14, height: 14 }) : null,
-          /* @__PURE__ */ jsx4(QualityBars, { quality: participant.quality })
+          !participant.micEnabled ? /* @__PURE__ */ jsx5(MicOffIcon, { width: 14, height: 14 }) : null,
+          /* @__PURE__ */ jsx5(QualityBars, { quality: participant.quality })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: menu ? "mx-meet__tile-actions mx-meet__tile-actions--open" : "mx-meet__tile-actions", children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             ControlButton,
             {
               label: pinnedHere ? "Unpin" : `Pin ${participant.displayName} for me`,
               active: pinnedHere,
               onClick: () => host?.engine.pin(pinnedHere ? null : participant.identity),
-              children: /* @__PURE__ */ jsx4(PinIcon, { width: 16, height: 16 })
+              children: /* @__PURE__ */ jsx5(PinIcon, { width: 16, height: 16 })
             }
           ),
           /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5(
               ControlButton,
               {
                 label: `More for ${participant.displayName}`,
                 active: menu,
                 onClick: () => setMenu(!menu),
-                children: /* @__PURE__ */ jsx4(MoreIcon, { width: 16, height: 16 })
+                children: /* @__PURE__ */ jsx5(MoreIcon, { width: 16, height: 16 })
               }
             ),
-            menu ? /* @__PURE__ */ jsx4(PersonMenu, { participant, onClose: () => setMenu(false), placement: "down" }) : null
+            menu ? /* @__PURE__ */ jsx5(PersonMenu, { participant, onClose: () => setMenu(false), placement: "down" }) : null
           ] })
         ] })
       ]
@@ -8873,25 +9077,25 @@ function QualityBars({ quality }) {
   if (quality === "unknown") return null;
   const bars = quality === "excellent" ? 3 : quality === "good" ? 2 : quality === "poor" ? 1 : 0;
   const label = quality === "lost" ? "Connection lost" : quality === "poor" ? "Poor connection" : `Connection ${quality}`;
-  return /* @__PURE__ */ jsx4("span", { className: `mx-meet__signal mx-meet__signal--${quality}`, title: label, "aria-label": label, role: "img", children: /* @__PURE__ */ jsx4(SignalIcon, { bars, width: 14, height: 14 }) });
+  return /* @__PURE__ */ jsx5("span", { className: `mx-meet__signal mx-meet__signal--${quality}`, title: label, "aria-label": label, role: "img", children: /* @__PURE__ */ jsx5(SignalIcon, { bars, width: 14, height: 14 }) });
 }
 function Stage({ pageSize }) {
   const stage = useStage(pageSize);
   const columns = gridColumns(stage.tiles.length);
   if (stage.feature === null && stage.tiles.length === 0) {
     return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__stage mx-meet__stage--empty", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-title", children: "Waiting for others to join" }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-body", children: "Share the meeting link and people can join from anywhere \u2014 no account needed." })
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__empty-title", children: "Waiting for others to join" }),
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__empty-body", children: "Share the meeting link and people can join from anywhere \u2014 no account needed." })
     ] });
   }
   return /* @__PURE__ */ jsxs3("div", { className: `mx-meet__stage${stage.feature !== null ? " mx-meet__stage--speaker" : ""}`, children: [
-    stage.feature !== null ? /* @__PURE__ */ jsx4(ParticipantTile, { participant: stage.feature, featured: true }) : null,
-    /* @__PURE__ */ jsx4(
+    stage.feature !== null ? /* @__PURE__ */ jsx5(ParticipantTile, { participant: stage.feature, featured: true }) : null,
+    /* @__PURE__ */ jsx5(
       "div",
       {
         className: "mx-meet__grid",
         style: { "--mx-meet-columns": columns },
-        children: stage.tiles.map((participant) => /* @__PURE__ */ jsx4(ParticipantTile, { participant }, participant.identity))
+        children: stage.tiles.map((participant) => /* @__PURE__ */ jsx5(ParticipantTile, { participant }, participant.identity))
       }
     ),
     stage.overflow > 0 ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__overflow", children: [
@@ -8903,7 +9107,6 @@ function Stage({ pageSize }) {
     ] }) : null
   ] });
 }
-var MEET_REACTIONS = ["\u{1F496}", "\u{1F44D}", "\u{1F389}", "\u{1F44F}", "\u{1F602}", "\u{1F62E}", "\u{1F622}", "\u{1F914}", "\u{1F44E}"];
 function ControlBar({ onLeave }) {
   const room = useRoom();
   const recording = useRecording();
@@ -8928,7 +9131,7 @@ function ControlBar({ onLeave }) {
   });
   const privateChatAt = snapshot?.privateChatRequest?.at ?? null;
   const meetStore = useMeetHost()?.store ?? null;
-  useEffect4(() => {
+  useEffect6(() => {
     const request = meetStore?.snapshot().privateChatRequest ?? null;
     if (request === null) return;
     setChatTo(request.to);
@@ -8945,10 +9148,10 @@ function ControlBar({ onLeave }) {
   });
   const hasSpotlight = snapshot?.spotlight !== null && snapshot?.spotlight !== void 0;
   return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx4(MeetingOverlays, {}),
-    shortcuts ? /* @__PURE__ */ jsx4(ShortcutsSheet, { onClose: () => setShortcuts(false) }) : null,
-    panel === "chat" ? /* @__PURE__ */ jsx4(ChatPanel, { onClose: () => setPanel("none"), to: chatTo, onTo: setChatTo }) : null,
-    panel === "people" ? /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(MeetingOverlays, {}),
+    shortcuts ? /* @__PURE__ */ jsx5(ShortcutsSheet, { onClose: () => setShortcuts(false) }) : null,
+    panel === "chat" ? /* @__PURE__ */ jsx5(ChatPanel, { onClose: () => setPanel("none"), to: chatTo, onTo: setChatTo }) : null,
+    panel === "people" ? /* @__PURE__ */ jsx5(
       PeoplePanel,
       {
         onClose: () => setPanel("none"),
@@ -8958,53 +9161,53 @@ function ControlBar({ onLeave }) {
         }
       }
     ) : null,
-    panel === "ai" ? /* @__PURE__ */ jsx4(AiPanel, { onClose: () => setPanel("none") }) : null,
-    panel === "settings" ? /* @__PURE__ */ jsx4(SettingsPanel, { onClose: () => setPanel("none") }) : null,
-    panel === "polls" ? /* @__PURE__ */ jsx4(PollsPanel, { onClose: () => setPanel("none") }) : null,
-    panel === "qa" ? /* @__PURE__ */ jsx4(QaPanel, { onClose: () => setPanel("none") }) : null,
-    panel === "breakouts" ? /* @__PURE__ */ jsx4(BreakoutsPanel, { onClose: () => setPanel("none") }) : null,
-    whiteboard ? /* @__PURE__ */ jsx4(WhiteboardPanel, { onClose: () => setWhiteboard(false) }) : null,
-    /* @__PURE__ */ jsx4(BreakoutBanner, {}),
-    controls.notice !== null && panel !== "people" ? /* @__PURE__ */ jsx4(Toast, { text: controls.notice.text, failed: controls.notice.failed, onDone: controls.clearNotice }) : null,
+    panel === "ai" ? /* @__PURE__ */ jsx5(AiPanel, { onClose: () => setPanel("none") }) : null,
+    panel === "settings" ? /* @__PURE__ */ jsx5(SettingsPanel, { onClose: () => setPanel("none") }) : null,
+    panel === "polls" ? /* @__PURE__ */ jsx5(PollsPanel, { onClose: () => setPanel("none") }) : null,
+    panel === "qa" ? /* @__PURE__ */ jsx5(QaPanel, { onClose: () => setPanel("none") }) : null,
+    panel === "breakouts" ? /* @__PURE__ */ jsx5(BreakoutsPanel, { onClose: () => setPanel("none") }) : null,
+    whiteboard ? /* @__PURE__ */ jsx5(WhiteboardPanel, { onClose: () => setWhiteboard(false) }) : null,
+    /* @__PURE__ */ jsx5(BreakoutBanner, {}),
+    controls.notice !== null && panel !== "people" ? /* @__PURE__ */ jsx5(Toast, { text: controls.notice.text, failed: controls.notice.failed, onDone: controls.clearNotice }) : null,
     /* @__PURE__ */ jsxs3("div", { className: "mx-meet__controls", children: [
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         ControlButton,
         {
           label: micUnavailable !== null ? `Unmute \u2014 ${micUnavailable.remedy}` : room.local?.micEnabled === true ? "Mute (\u2318D)" : "Unmute (\u2318D)",
           active: room.local?.micEnabled === true,
           onClick: () => void room.toggleMicrophone(),
-          children: room.local?.micEnabled === true ? /* @__PURE__ */ jsx4(MicIcon, {}) : /* @__PURE__ */ jsx4(MicOffIcon, {})
+          children: room.local?.micEnabled === true ? /* @__PURE__ */ jsx5(MicIcon, {}) : /* @__PURE__ */ jsx5(MicOffIcon, {})
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         ControlButton,
         {
           label: room.local?.cameraEnabled === true ? "Stop video (\u2318E)" : "Start video (\u2318E)",
           active: room.local?.cameraEnabled === true,
           onClick: () => void room.toggleCamera(),
-          children: room.local?.cameraEnabled === true ? /* @__PURE__ */ jsx4(CameraIcon, {}) : /* @__PURE__ */ jsx4(CameraOffIcon, {})
+          children: room.local?.cameraEnabled === true ? /* @__PURE__ */ jsx5(CameraIcon, {}) : /* @__PURE__ */ jsx5(CameraOffIcon, {})
         }
       ),
-      room.canShareScreen || room.local?.screenSharing === true ? /* @__PURE__ */ jsx4(
+      room.canShareScreen || room.local?.screenSharing === true ? /* @__PURE__ */ jsx5(
         ControlButton,
         {
           label: room.local?.screenSharing === true ? "Stop sharing" : "Share screen",
           active: room.local?.screenSharing === true,
           onClick: () => void room.toggleScreenShare(),
-          children: /* @__PURE__ */ jsx4(ScreenShareIcon, {})
+          children: /* @__PURE__ */ jsx5(ScreenShareIcon, {})
         }
       ) : null,
       /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           ControlButton,
           {
             label: "Send a reaction",
             active: popover === "reactions",
             onClick: () => setPopover(popover === "reactions" ? "none" : "reactions"),
-            children: /* @__PURE__ */ jsx4(SmileIcon, {})
+            children: /* @__PURE__ */ jsx5(SmileIcon, {})
           }
         ),
-        popover === "reactions" ? /* @__PURE__ */ jsx4(Popover, { label: "Reactions", onClose: () => setPopover("none"), children: /* @__PURE__ */ jsx4("div", { className: "mx-meet__emoji-bar", children: MEET_REACTIONS.map((emoji) => /* @__PURE__ */ jsx4(
+        popover === "reactions" ? /* @__PURE__ */ jsx5(Popover, { label: "Reactions", onClose: () => setPopover("none"), children: /* @__PURE__ */ jsx5("div", { className: "mx-meet__emoji-bar", children: MEET_REACTIONS.map((emoji) => /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -9016,18 +9219,18 @@ function ControlBar({ onLeave }) {
           emoji
         )) }) }) : null
       ] }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         ControlButton,
         {
           label: room.local?.handRaised === true ? "Lower hand (\u2318\u2325H)" : "Raise hand (\u2318\u2325H)",
           active: room.local?.handRaised === true,
           onClick: () => void room.toggleHand(),
-          children: /* @__PURE__ */ jsx4(HandIcon, {})
+          children: /* @__PURE__ */ jsx5(HandIcon, {})
         }
       ),
       /* @__PURE__ */ jsxs3(ControlButton, { label: "Chat (\u2318\u2325C)", active: panel === "chat", onClick: () => toggle("chat"), children: [
-        /* @__PURE__ */ jsx4(ChatIcon, {}),
-        unread > 0 ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__dot", "aria-hidden": "true" }) : null
+        /* @__PURE__ */ jsx5(ChatIcon, {}),
+        unread > 0 ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__dot", "aria-hidden": "true" }) : null
       ] }),
       /* @__PURE__ */ jsxs3(
         ControlButton,
@@ -9036,32 +9239,32 @@ function ControlBar({ onLeave }) {
           active: panel === "people",
           onClick: () => toggle("people"),
           children: [
-            /* @__PURE__ */ jsx4(PeopleIcon, {}),
-            lobby.waiting.length > 0 || controls.isHost && queue.length > 0 ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__dot", "aria-hidden": "true" }) : null
+            /* @__PURE__ */ jsx5(PeopleIcon, {}),
+            lobby.waiting.length > 0 || controls.isHost && queue.length > 0 ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__dot", "aria-hidden": "true" }) : null
           ]
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         ActivitiesControl,
         {
           active: whiteboard ? "whiteboard" : panel === "polls" || panel === "qa" || panel === "breakouts" ? panel : null,
           onOpen: openActivity
         }
       ),
-      /* @__PURE__ */ jsx4(AiControl, { active: panel === "ai", onToggle: () => toggle("ai") }),
-      recording.canStart ? /* @__PURE__ */ jsx4(ControlButton, { label: "Start recording", onClick: () => void recording.start(), children: /* @__PURE__ */ jsx4(RecordIcon, {}) }) : null,
-      recording.canStop ? /* @__PURE__ */ jsx4(ControlButton, { label: "Stop recording", active: true, onClick: () => void recording.stop(), children: /* @__PURE__ */ jsx4(RecordIcon, {}) }) : null,
+      /* @__PURE__ */ jsx5(AiControl, { active: panel === "ai", onToggle: () => toggle("ai") }),
+      recording.canStart ? /* @__PURE__ */ jsx5(ControlButton, { label: "Start recording", onClick: () => void recording.start(), children: /* @__PURE__ */ jsx5(RecordIcon, {}) }) : null,
+      recording.canStop ? /* @__PURE__ */ jsx5(ControlButton, { label: "Stop recording", active: true, onClick: () => void recording.stop(), children: /* @__PURE__ */ jsx5(RecordIcon, {}) }) : null,
       /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           ControlButton,
           {
             label: "More options",
             active: popover === "more" || panel === "settings",
             onClick: () => setPopover(popover === "more" ? "none" : "more"),
-            children: /* @__PURE__ */ jsx4(MoreIcon, {})
+            children: /* @__PURE__ */ jsx5(MoreIcon, {})
           }
         ),
-        popover === "more" ? /* @__PURE__ */ jsx4(Popover, { label: "More options", onClose: () => setPopover("none"), children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu", role: "menu", children: [
+        popover === "more" ? /* @__PURE__ */ jsx5(Popover, { label: "More options", onClose: () => setPopover("none"), children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu", role: "menu", children: [
           /* @__PURE__ */ jsxs3(
             MenuItem,
             {
@@ -9070,7 +9273,7 @@ function ControlBar({ onLeave }) {
                 setPanel("settings");
               },
               children: [
-                /* @__PURE__ */ jsx4(SettingsIcon, { width: 16, height: 16 }),
+                /* @__PURE__ */ jsx5(SettingsIcon, { width: 16, height: 16 }),
                 " Settings"
               ]
             }
@@ -9083,13 +9286,13 @@ function ControlBar({ onLeave }) {
                 setShortcuts(true);
               },
               children: [
-                /* @__PURE__ */ jsx4(KeyboardIcon, { width: 16, height: 16 }),
+                /* @__PURE__ */ jsx5(KeyboardIcon, { width: 16, height: 16 }),
                 " Keyboard shortcuts"
               ]
             }
           ),
           controls.isHost ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-            /* @__PURE__ */ jsx4("div", { className: "mx-meet__menu-sep", role: "separator" }),
+            /* @__PURE__ */ jsx5("div", { className: "mx-meet__menu-sep", role: "separator" }),
             /* @__PURE__ */ jsxs3(
               MenuItem,
               {
@@ -9098,7 +9301,7 @@ function ControlBar({ onLeave }) {
                   void controls.run({ action: "mute_all" });
                 },
                 children: [
-                  /* @__PURE__ */ jsx4(MicOffIcon, { width: 16, height: 16 }),
+                  /* @__PURE__ */ jsx5(MicOffIcon, { width: 16, height: 16 }),
                   " Mute everyone"
                 ]
               }
@@ -9111,7 +9314,7 @@ function ControlBar({ onLeave }) {
                   void controls.run({ action: "ask_all_unmute" });
                 },
                 children: [
-                  /* @__PURE__ */ jsx4(MicIcon, { width: 16, height: 16 }),
+                  /* @__PURE__ */ jsx5(MicIcon, { width: 16, height: 16 }),
                   " Ask everyone to unmute"
                 ]
               }
@@ -9124,7 +9327,7 @@ function ControlBar({ onLeave }) {
                   void controls.run({ action: "lower_all_hands" });
                 },
                 children: [
-                  /* @__PURE__ */ jsx4(HandIcon, { width: 16, height: 16 }),
+                  /* @__PURE__ */ jsx5(HandIcon, { width: 16, height: 16 }),
                   " Lower all hands (",
                   queue.length,
                   ")"
@@ -9139,7 +9342,7 @@ function ControlBar({ onLeave }) {
                   void controls.run({ action: "spotlight", identity: null });
                 },
                 children: [
-                  /* @__PURE__ */ jsx4(SpotlightIcon, { width: 16, height: 16 }),
+                  /* @__PURE__ */ jsx5(SpotlightIcon, { width: 16, height: 16 }),
                   " Remove spotlight"
                 ]
               }
@@ -9147,7 +9350,7 @@ function ControlBar({ onLeave }) {
           ] }) : null
         ] }) }) : null
       ] }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         ControlButton,
         {
           label: "Leave",
@@ -9156,7 +9359,7 @@ function ControlBar({ onLeave }) {
             void room.leave();
             onLeave?.();
           },
-          children: /* @__PURE__ */ jsx4(PhoneOffIcon, {})
+          children: /* @__PURE__ */ jsx5(PhoneOffIcon, {})
         }
       )
     ] })
@@ -9167,12 +9370,12 @@ function useUnreadChat(open) {
   const chat = snapshot?.chat ?? [];
   const local = snapshot?.localIdentity ?? null;
   const [seen, setSeen] = useState4(0);
-  useEffect4(() => {
+  useEffect6(() => {
     if (open) setSeen(chat.length);
   }, [open, chat.length]);
   const loaded = snapshot?.chatLoaded === true;
   const [baseline, setBaseline] = useState4(null);
-  useEffect4(() => {
+  useEffect6(() => {
     if (loaded && baseline === null) setBaseline(chat.length);
   }, [loaded, baseline, chat.length]);
   if (open) return 0;
@@ -9185,7 +9388,7 @@ function Popover({
   children,
   placement = "up"
 }) {
-  const ref = useRef4(null);
+  const ref = useRef6(null);
   const [style, setStyle] = useState4({
     position: "fixed",
     top: 0,
@@ -9237,7 +9440,7 @@ function Popover({
       window.removeEventListener("scroll", place, true);
     };
   }, [placement]);
-  useEffect4(() => {
+  useEffect6(() => {
     const onKey = (event) => {
       if (event.key === "Escape") onClose();
     };
@@ -9252,14 +9455,14 @@ function Popover({
       window.removeEventListener("pointerdown", onPointer);
     };
   }, [onClose]);
-  return /* @__PURE__ */ jsx4("div", { ref, className: "mx-meet__popover", style, role: "dialog", "aria-label": label, children });
+  return /* @__PURE__ */ jsx5("div", { ref, className: "mx-meet__popover", style, role: "dialog", "aria-label": label, children });
 }
 function MenuItem({
   onSelect,
   danger = false,
   children
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "button",
     {
       type: "button",
@@ -9271,13 +9474,13 @@ function MenuItem({
   );
 }
 function Toast({ text: text3, failed, onDone }) {
-  useEffect4(() => {
+  useEffect6(() => {
     const timer = setTimeout(onDone, failed ? 7e3 : 4e3);
     return () => clearTimeout(timer);
   }, [text3, failed, onDone]);
   return /* @__PURE__ */ jsxs3("div", { className: failed ? "mx-meet__toast mx-meet__toast--failed" : "mx-meet__toast", role: "status", children: [
-    /* @__PURE__ */ jsx4("span", { children: text3 }),
-    /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__toast-close", "aria-label": "Dismiss", onClick: onDone, children: /* @__PURE__ */ jsx4(CloseIcon, { width: 14, height: 14 }) })
+    /* @__PURE__ */ jsx5("span", { children: text3 }),
+    /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__toast-close", "aria-label": "Dismiss", onClick: onDone, children: /* @__PURE__ */ jsx5(CloseIcon, { width: 14, height: 14 }) })
   ] });
 }
 function MeetingOverlays() {
@@ -9285,14 +9488,14 @@ function MeetingOverlays() {
   const { notice, dismiss } = useModerationNotice();
   const room = useRoom();
   return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx4(ReactionOverlay, { reactions }),
+    /* @__PURE__ */ jsx5(ReactionOverlay, { reactions }),
     notice !== null && notice.kind !== "removed" ? (
       // A host's request ("the host is asking you to unmute"), not an error:
       // an assertive status, so it is announced at once without being filed
       // as a failure (design-system error-box census).
       /* @__PURE__ */ jsxs3("div", { className: "mx-meet__notice-bar", role: "status", "aria-live": "assertive", children: [
-        /* @__PURE__ */ jsx4("span", { children: notice.text }),
-        notice.kind === "ask-unmute" && room.local?.micEnabled !== true ? /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5("span", { children: notice.text }),
+        notice.kind === "ask-unmute" && room.local?.micEnabled !== true ? /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -9304,20 +9507,20 @@ function MeetingOverlays() {
             children: "Unmute"
           }
         ) : null,
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__toast-close", "aria-label": "Dismiss", onClick: dismiss, children: /* @__PURE__ */ jsx4(CloseIcon, { width: 14, height: 14 }) })
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__toast-close", "aria-label": "Dismiss", onClick: dismiss, children: /* @__PURE__ */ jsx5(CloseIcon, { width: 14, height: 14 }) })
       ] })
     ) : null
   ] });
 }
 function ShortcutsSheet({ onClose }) {
-  useEffect4(() => {
+  useEffect6(() => {
     const onKey = (event) => {
       if (event.key === "Escape") onClose();
     };
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [onClose]);
-  return /* @__PURE__ */ jsx4("div", { className: "mx-meet__sheet-backdrop", onClick: onClose, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx5("div", { className: "mx-meet__sheet-backdrop", onClick: onClose, children: /* @__PURE__ */ jsxs3(
     "div",
     {
       className: "mx-meet__sheet",
@@ -9326,12 +9529,12 @@ function ShortcutsSheet({ onClose }) {
       onClick: (event) => event.stopPropagation(),
       children: [
         /* @__PURE__ */ jsxs3("header", { className: "mx-meet__panel-head", children: [
-          /* @__PURE__ */ jsx4("h2", { className: "mx-meet__panel-title", children: "Keyboard shortcuts" }),
-          /* @__PURE__ */ jsx4(ControlButton, { label: "Close", onClick: onClose, children: /* @__PURE__ */ jsx4(CloseIcon, { width: 16, height: 16 }) })
+          /* @__PURE__ */ jsx5("h2", { className: "mx-meet__panel-title", children: "Keyboard shortcuts" }),
+          /* @__PURE__ */ jsx5(ControlButton, { label: "Close", onClick: onClose, children: /* @__PURE__ */ jsx5(CloseIcon, { width: 16, height: 16 }) })
         ] }),
-        /* @__PURE__ */ jsx4("dl", { className: "mx-meet__shortcuts", children: MEET_SHORTCUTS.map((shortcut) => /* @__PURE__ */ jsxs3("div", { className: "mx-meet__shortcut", children: [
-          /* @__PURE__ */ jsx4("dt", { children: shortcut.label }),
-          /* @__PURE__ */ jsx4("dd", { children: /* @__PURE__ */ jsx4("kbd", { className: "mx-meet__kbd", children: shortcut.keys }) })
+        /* @__PURE__ */ jsx5("dl", { className: "mx-meet__shortcuts", children: MEET_SHORTCUTS.map((shortcut) => /* @__PURE__ */ jsxs3("div", { className: "mx-meet__shortcut", children: [
+          /* @__PURE__ */ jsx5("dt", { children: shortcut.label }),
+          /* @__PURE__ */ jsx5("dd", { children: /* @__PURE__ */ jsx5("kbd", { className: "mx-meet__kbd", children: shortcut.keys }) })
         ] }, shortcut.id)) })
       ]
     }
@@ -9341,14 +9544,14 @@ function AiControl({ active, onToggle }) {
   const snapshot = useMeetSnapshot();
   const meeting = snapshot?.meeting ?? null;
   if (meeting === null || !meeting.aiEnabled) return null;
-  return /* @__PURE__ */ jsx4(ControlButton, { label: "Meeting assistant", active, onClick: onToggle, children: /* @__PURE__ */ jsx4(SparklesIcon, {}) });
+  return /* @__PURE__ */ jsx5(ControlButton, { label: "Meeting assistant", active, onClick: onToggle, children: /* @__PURE__ */ jsx5(SparklesIcon, {}) });
 }
 function PanelShell({
   title,
   onClose,
   children
 }) {
-  const ref = useRef4(null);
+  const ref = useRef6(null);
   useLayoutEffect(() => {
     const panel = ref.current;
     const root = panel?.closest(".mx-meet");
@@ -9363,10 +9566,10 @@ function PanelShell({
   }, []);
   return /* @__PURE__ */ jsxs3("aside", { ref, className: "mx-meet__panel", "aria-label": title, children: [
     /* @__PURE__ */ jsxs3("header", { className: "mx-meet__panel-head", children: [
-      /* @__PURE__ */ jsx4("h2", { className: "mx-meet__panel-title", children: title }),
-      /* @__PURE__ */ jsx4(ControlButton, { label: "Close panel", onClick: onClose, children: /* @__PURE__ */ jsx4(CloseIcon, { width: 16, height: 16 }) })
+      /* @__PURE__ */ jsx5("h2", { className: "mx-meet__panel-title", children: title }),
+      /* @__PURE__ */ jsx5(ControlButton, { label: "Close panel", onClick: onClose, children: /* @__PURE__ */ jsx5(CloseIcon, { width: 16, height: 16 }) })
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: "mx-meet__panel-body", children })
+    /* @__PURE__ */ jsx5("div", { className: "mx-meet__panel-body", children })
   ] });
 }
 function ChatPanel({
@@ -9378,15 +9581,15 @@ function ChatPanel({
   const room = useRoom();
   const [draft, setDraft] = useState4("");
   const [recipient, setRecipient] = useState4(to);
-  const listRef = useRef4(null);
+  const listRef = useRef6(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;
-  useEffect4(() => setRecipient(to), [to]);
-  useEffect4(() => {
+  useEffect6(() => setRecipient(to), [to]);
+  useEffect6(() => {
     const list = listRef.current;
     if (list !== null) list.scrollTop = list.scrollHeight;
   }, [messages.length]);
@@ -9396,9 +9599,9 @@ function ChatPanel({
   };
   return /* @__PURE__ */ jsxs3(PanelShell, { title: "Chat", onClose, children: [
     /* @__PURE__ */ jsxs3("ul", { className: "mx-meet__chat", ref: listRef, children: [
-      snapshot?.chatHistoryError != null ? /* @__PURE__ */ jsx4("li", { className: "mx-meet__panel-note", children: snapshot.chatHistoryError }) : null,
-      snapshot?.chatLoaded !== true && messages.length === 0 ? /* @__PURE__ */ jsx4("li", { className: "mx-meet__panel-note", children: "Reading earlier messages\u2026" }) : messages.length === 0 && snapshot?.chatHistoryError == null ? /* @__PURE__ */ jsx4("li", { className: "mx-meet__panel-note", children: "No messages yet. Messages to everyone stay with the meeting, so people who join later see them." }) : null,
-      messages.map((message) => /* @__PURE__ */ jsx4(ChatLine, { message, local, people }, message.id))
+      snapshot?.chatHistoryError != null ? /* @__PURE__ */ jsx5("li", { className: "mx-meet__panel-note", children: snapshot.chatHistoryError }) : null,
+      snapshot?.chatLoaded !== true && messages.length === 0 ? /* @__PURE__ */ jsx5("li", { className: "mx-meet__panel-note", children: "Reading earlier messages\u2026" }) : messages.length === 0 && snapshot?.chatHistoryError == null ? /* @__PURE__ */ jsx5("li", { className: "mx-meet__panel-note", children: "No messages yet. Messages to everyone stay with the meeting, so people who join later see them." }) : null,
+      messages.map((message) => /* @__PURE__ */ jsx5(ChatLine, { message, local, people }, message.id))
     ] }),
     /* @__PURE__ */ jsxs3(
       "form",
@@ -9421,7 +9624,7 @@ function ChatPanel({
               value: recipient ?? "",
               onChange: (event) => choose(event.target.value === "" ? null : event.target.value),
               children: [
-                /* @__PURE__ */ jsx4("option", { value: "", children: "Everyone" }),
+                /* @__PURE__ */ jsx5("option", { value: "", children: "Everyone" }),
                 people.map((participant) => /* @__PURE__ */ jsxs3("option", { value: participant.identity, children: [
                   participant.displayName,
                   " (private)"
@@ -9430,7 +9633,7 @@ function ChatPanel({
             }
           ) : null,
           /* @__PURE__ */ jsxs3("div", { className: "mx-meet__composer-row", children: [
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5(
               "input",
               {
                 className: "mx-meet__input",
@@ -9441,7 +9644,7 @@ function ChatPanel({
                 maxLength: 4e3
               }
             ),
-            /* @__PURE__ */ jsx4("button", { type: "submit", className: "mx-meet__send", disabled: draft.trim().length === 0, children: "Send" })
+            /* @__PURE__ */ jsx5("button", { type: "submit", className: "mx-meet__send", disabled: draft.trim().length === 0, children: "Send" })
           ] }),
           recipientName !== null ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__panel-note", children: [
             "Only ",
@@ -9471,16 +9674,16 @@ function ChatLine({
       ].filter(Boolean).join(" "),
       children: [
         /* @__PURE__ */ jsxs3("span", { className: "mx-meet__chat-meta", children: [
-          /* @__PURE__ */ jsx4("strong", { children: mine ? "You" : message.displayName }),
+          /* @__PURE__ */ jsx5("strong", { children: mine ? "You" : message.displayName }),
           counterpart !== null ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__chat-private", children: [
             "to ",
             counterpart,
             " \xB7 private"
           ] }) : null,
-          /* @__PURE__ */ jsx4("time", { dateTime: message.at, children: clockOf(message.at) })
+          /* @__PURE__ */ jsx5("time", { dateTime: message.at, children: clockOf(message.at) })
         ] }),
-        /* @__PURE__ */ jsx4("span", { className: "mx-meet__chat-text", children: message.text }),
-        message.failed !== void 0 ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__chat-failed", children: message.failed }) : privateTo === null && message.saved === false ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__chat-pending", children: message.id.startsWith("pending-") ? "Sending\u2026" : "Not saved \u2014 people who join later will not see this" }) : null
+        /* @__PURE__ */ jsx5("span", { className: "mx-meet__chat-text", children: message.text }),
+        message.failed !== void 0 ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__chat-failed", children: message.failed }) : privateTo === null && message.saved === false ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__chat-pending", children: message.id.startsWith("pending-") ? "Sending\u2026" : "Not saved \u2014 people who join later will not see this" }) : null
       ]
     }
   );
@@ -9500,14 +9703,14 @@ function PeoplePanel({
   const needle = query.trim().toLowerCase();
   const shown = needle.length === 0 ? everyone : everyone.filter((participant) => participant.displayName.toLowerCase().includes(needle));
   return /* @__PURE__ */ jsxs3(PanelShell, { title: `People (${everyone.length})`, onClose, children: [
-    /* @__PURE__ */ jsx4(LobbyPanel, {}),
+    /* @__PURE__ */ jsx5(LobbyPanel, {}),
     queue.length > 0 ? /* @__PURE__ */ jsxs3("section", { className: "mx-meet__section", "aria-label": "Raised hands", children: [
       /* @__PURE__ */ jsxs3("header", { className: "mx-meet__section-head", children: [
         /* @__PURE__ */ jsxs3("h3", { className: "mx-meet__section-title", children: [
           "Raised hands \xB7 ",
           queue.length
         ] }),
-        controls.isHost ? /* @__PURE__ */ jsx4(
+        controls.isHost ? /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -9517,13 +9720,13 @@ function PeoplePanel({
           }
         ) : null
       ] }),
-      /* @__PURE__ */ jsx4("ol", { className: "mx-meet__queue", children: queue.map((participant) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__person", children: [
-        /* @__PURE__ */ jsx4(Avatar, { name: participant.displayName, url: participant.avatarUrl, size: 28 }),
+      /* @__PURE__ */ jsx5("ol", { className: "mx-meet__queue", children: queue.map((participant) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__person", children: [
+        /* @__PURE__ */ jsx5(Avatar, { name: participant.displayName, url: participant.avatarUrl, size: 28 }),
         /* @__PURE__ */ jsxs3("span", { className: "mx-meet__person-name", children: [
           participant.displayName,
-          participant.identity === local ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__you", children: " (you)" }) : null
+          participant.identity === local ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__you", children: " (you)" }) : null
         ] }),
-        controls.isHost || participant.identity === local ? /* @__PURE__ */ jsx4(
+        controls.isHost || participant.identity === local ? /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -9536,7 +9739,7 @@ function PeoplePanel({
     ] }) : null,
     controls.isHost && everyone.length > 1 ? /* @__PURE__ */ jsxs3("div", { className: "mx-meet__bulk", children: [
       /* @__PURE__ */ jsxs3("button", { type: "button", className: "mx-meet__chip", onClick: () => void controls.run({ action: "mute_all" }), children: [
-        /* @__PURE__ */ jsx4(MicOffIcon, { width: 14, height: 14 }),
+        /* @__PURE__ */ jsx5(MicOffIcon, { width: 14, height: 14 }),
         " Mute all"
       ] }),
       /* @__PURE__ */ jsxs3(
@@ -9546,15 +9749,15 @@ function PeoplePanel({
           className: "mx-meet__chip",
           onClick: () => void controls.run({ action: "ask_all_unmute" }),
           children: [
-            /* @__PURE__ */ jsx4(MicIcon, { width: 14, height: 14 }),
+            /* @__PURE__ */ jsx5(MicIcon, { width: 14, height: 14 }),
             " Ask all to unmute"
           ]
         }
       )
     ] }) : null,
     everyone.length > 4 ? /* @__PURE__ */ jsxs3("label", { className: "mx-meet__search", children: [
-      /* @__PURE__ */ jsx4(SearchIcon, { width: 16, height: 16 }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(SearchIcon, { width: 16, height: 16 }),
+      /* @__PURE__ */ jsx5(
         "input",
         {
           className: "mx-meet__input mx-meet__input--bare",
@@ -9565,31 +9768,31 @@ function PeoplePanel({
         }
       )
     ] }) : null,
-    controls.notice !== null ? /* @__PURE__ */ jsx4("p", { className: controls.notice.failed ? "mx-meet__error" : "mx-meet__notice", role: "status", children: controls.notice.text }) : null,
+    controls.notice !== null ? /* @__PURE__ */ jsx5("p", { className: controls.notice.failed ? "mx-meet__error" : "mx-meet__notice", role: "status", children: controls.notice.text }) : null,
     /* @__PURE__ */ jsxs3("ul", { className: "mx-meet__people", children: [
       shown.map((participant) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__person", children: [
-        /* @__PURE__ */ jsx4(Avatar, { name: participant.displayName, url: participant.avatarUrl, size: 32 }),
+        /* @__PURE__ */ jsx5(Avatar, { name: participant.displayName, url: participant.avatarUrl, size: 32 }),
         /* @__PURE__ */ jsxs3("span", { className: "mx-meet__person-name", children: [
           participant.displayName,
-          participant.identity === local ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__you", children: " (you)" }) : null,
-          /* @__PURE__ */ jsx4(RoleBadge, { role: participant.identity === local ? myRole : participant.role }),
-          isNoteTaker(participant) ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "Meeting assistant" }) : null,
-          snapshot?.spotlight === participant.identity ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "Spotlight" }) : null
+          participant.identity === local ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__you", children: " (you)" }) : null,
+          /* @__PURE__ */ jsx5(RoleBadge, { role: participant.identity === local ? myRole : participant.role }),
+          isNoteTaker(participant) ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__badge", children: "Meeting assistant" }) : null,
+          snapshot?.spotlight === participant.identity ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__badge", children: "Spotlight" }) : null
         ] }),
-        participant.handRaised ? /* @__PURE__ */ jsx4(HandIcon, { width: 14, height: 14 }) : null,
-        !participant.micEnabled && !isNoteTaker(participant) ? /* @__PURE__ */ jsx4(MicOffIcon, { width: 14, height: 14 }) : null,
-        /* @__PURE__ */ jsx4(QualityBars, { quality: participant.quality }),
+        participant.handRaised ? /* @__PURE__ */ jsx5(HandIcon, { width: 14, height: 14 }) : null,
+        !participant.micEnabled && !isNoteTaker(participant) ? /* @__PURE__ */ jsx5(MicOffIcon, { width: 14, height: 14 }) : null,
+        /* @__PURE__ */ jsx5(QualityBars, { quality: participant.quality }),
         /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             ControlButton,
             {
               label: `More for ${participant.displayName}`,
               active: menuFor === participant.identity,
               onClick: () => setMenuFor(menuFor === participant.identity ? null : participant.identity),
-              children: /* @__PURE__ */ jsx4(MoreIcon, { width: 16, height: 16 })
+              children: /* @__PURE__ */ jsx5(MoreIcon, { width: 16, height: 16 })
             }
           ),
-          menuFor === participant.identity ? /* @__PURE__ */ jsx4(
+          menuFor === participant.identity ? /* @__PURE__ */ jsx5(
             PersonMenu,
             {
               participant,
@@ -9606,7 +9809,7 @@ function PeoplePanel({
         "\u201D."
       ] }) : null
     ] }),
-    snapshot?.meeting !== null && snapshot?.meeting !== void 0 ? /* @__PURE__ */ jsx4(GuestRecordAccessControl, { meeting: snapshot.meeting }) : null
+    snapshot?.meeting !== null && snapshot?.meeting !== void 0 ? /* @__PURE__ */ jsx5(GuestRecordAccessControl, { meeting: snapshot.meeting }) : null
   ] });
 }
 function PersonMenu({
@@ -9633,10 +9836,10 @@ function PersonMenu({
       else setRefused(true);
     });
   };
-  const refusal2 = refused && controls.notice?.failed === true ? /* @__PURE__ */ jsx4(ErrorBox, { as: "p", className: "mx-meet__error", message: controls.notice.text, operation: "Change this participant", origin: "meet/components", children: controls.notice.text }) : null;
+  const refusal2 = refused && controls.notice?.failed === true ? /* @__PURE__ */ jsx5(ErrorBox, { as: "p", className: "mx-meet__error", message: controls.notice.text, operation: "Change this participant", origin: "meet/components", children: controls.notice.text }) : null;
   if (mode === "rename" || mode === "report") {
     const renaming = mode === "rename";
-    return /* @__PURE__ */ jsx4(Popover, { label: renaming ? "Rename" : "Report", onClose, placement, children: /* @__PURE__ */ jsxs3(
+    return /* @__PURE__ */ jsx5(Popover, { label: renaming ? "Rename" : "Report", onClose, placement, children: /* @__PURE__ */ jsxs3(
       "form",
       {
         className: "mx-meet__menu-form",
@@ -9649,8 +9852,8 @@ function PersonMenu({
         },
         children: [
           /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
-            /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: renaming ? "Name shown in this meeting" : `What did ${participant.displayName} do?` }),
-            renaming ? /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5("span", { className: "mx-meet__field-label", children: renaming ? "Name shown in this meeting" : `What did ${participant.displayName} do?` }),
+            renaming ? /* @__PURE__ */ jsx5(
               "input",
               {
                 className: "mx-meet__input",
@@ -9659,7 +9862,7 @@ function PersonMenu({
                 value: text3,
                 onChange: (event) => setText(event.target.value)
               }
-            ) : /* @__PURE__ */ jsx4(
+            ) : /* @__PURE__ */ jsx5(
               "textarea",
               {
                 className: "mx-meet__input",
@@ -9673,8 +9876,8 @@ function PersonMenu({
           ] }),
           refusal2,
           /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu-actions", children: [
-            /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: () => setMode("menu"), children: "Back" }),
-            /* @__PURE__ */ jsx4("button", { type: "submit", className: "mx-meet__send", disabled: text3.trim().length === 0 || controls.busy, children: renaming ? "Rename" : "Report" })
+            /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__link", onClick: () => setMode("menu"), children: "Back" }),
+            /* @__PURE__ */ jsx5("button", { type: "submit", className: "mx-meet__send", disabled: text3.trim().length === 0 || controls.busy, children: renaming ? "Rename" : "Report" })
           ] })
         ]
       }
@@ -9682,12 +9885,12 @@ function PersonMenu({
   }
   if (mode === "remove" || mode === "transfer") {
     const removing = mode === "remove";
-    return /* @__PURE__ */ jsx4(Popover, { label: removing ? "Remove" : "Make host", onClose, placement, children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu-form", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__confirm-text", children: removing ? `Remove ${participant.displayName}? They leave immediately and cannot rejoin this meeting.` : `Make ${participant.displayName} the host? They get every host control and own this meeting. You stay on as a co-host.` }),
+    return /* @__PURE__ */ jsx5(Popover, { label: removing ? "Remove" : "Make host", onClose, placement, children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu-form", children: [
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__confirm-text", children: removing ? `Remove ${participant.displayName}? They leave immediately and cannot rejoin this meeting.` : `Make ${participant.displayName} the host? They get every host control and own this meeting. You stay on as a co-host.` }),
       refusal2,
       /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu-actions", children: [
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: () => setMode("menu"), children: "Cancel" }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__link", onClick: () => setMode("menu"), children: "Cancel" }),
+        /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -9700,7 +9903,7 @@ function PersonMenu({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx4(Popover, { label: `Options for ${participant.displayName}`, onClose, placement, children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu", role: "menu", children: [
+  return /* @__PURE__ */ jsx5(Popover, { label: `Options for ${participant.displayName}`, onClose, placement, children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__menu", role: "menu", children: [
     /* @__PURE__ */ jsxs3(
       MenuItem,
       {
@@ -9709,7 +9912,7 @@ function PersonMenu({
           onClose();
         },
         children: [
-          /* @__PURE__ */ jsx4(PinIcon, { width: 16, height: 16 }),
+          /* @__PURE__ */ jsx5(PinIcon, { width: 16, height: 16 }),
           " ",
           pinned ? "Unpin" : "Pin for me"
         ]
@@ -9727,39 +9930,39 @@ function PersonMenu({
           onClose();
         },
         children: [
-          /* @__PURE__ */ jsx4(ChatIcon, { width: 16, height: 16 }),
+          /* @__PURE__ */ jsx5(ChatIcon, { width: 16, height: 16 }),
           " Message privately"
         ]
       }
     ) : null,
     controls.isHost ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "spotlight", identity: spotlit ? null : participant.identity }), children: [
-      /* @__PURE__ */ jsx4(SpotlightIcon, { width: 16, height: 16 }),
+      /* @__PURE__ */ jsx5(SpotlightIcon, { width: 16, height: 16 }),
       " ",
       spotlit ? "Remove spotlight" : "Spotlight for everyone"
     ] }) : null,
     moderate ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsx4("div", { className: "mx-meet__menu-sep", role: "separator" }),
+      /* @__PURE__ */ jsx5("div", { className: "mx-meet__menu-sep", role: "separator" }),
       participant.micEnabled ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "mute", identity: participant.identity }), children: [
-        /* @__PURE__ */ jsx4(MicOffIcon, { width: 16, height: 16 }),
+        /* @__PURE__ */ jsx5(MicOffIcon, { width: 16, height: 16 }),
         " Mute"
       ] }) : !participant.isAgent ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "ask_unmute", identity: participant.identity }), children: [
-        /* @__PURE__ */ jsx4(MicIcon, { width: 16, height: 16 }),
+        /* @__PURE__ */ jsx5(MicIcon, { width: 16, height: 16 }),
         " Ask to unmute"
       ] }) : null,
       participant.cameraEnabled ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "stop_video", identity: participant.identity }), children: [
-        /* @__PURE__ */ jsx4(CameraOffIcon, { width: 16, height: 16 }),
+        /* @__PURE__ */ jsx5(CameraOffIcon, { width: 16, height: 16 }),
         " Stop video"
       ] }) : null,
       participant.screenSharing ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "stop_screen", identity: participant.identity }), children: [
-        /* @__PURE__ */ jsx4(ScreenShareIcon, { width: 16, height: 16 }),
+        /* @__PURE__ */ jsx5(ScreenShareIcon, { width: 16, height: 16 }),
         " Stop screen share"
       ] }) : null,
       participant.handRaised ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "lower_hand", identity: participant.identity }), children: [
-        /* @__PURE__ */ jsx4(HandIcon, { width: 16, height: 16 }),
+        /* @__PURE__ */ jsx5(HandIcon, { width: 16, height: 16 }),
         " Lower hand"
       ] }) : null,
       hasAccount && !participant.isAgent && participant.role !== "cohost" ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "make_cohost", identity: participant.identity }), children: [
-        /* @__PURE__ */ jsx4(PeopleIcon, { width: 16, height: 16 }),
+        /* @__PURE__ */ jsx5(PeopleIcon, { width: 16, height: 16 }),
         " Make co-host"
       ] }) : null,
       !participant.isAgent ? /* @__PURE__ */ jsxs3(
@@ -9770,18 +9973,18 @@ function PersonMenu({
             setMode("rename");
           },
           children: [
-            /* @__PURE__ */ jsx4(PencilIcon, { width: 16, height: 16 }),
+            /* @__PURE__ */ jsx5(PencilIcon, { width: 16, height: 16 }),
             " Rename"
           ]
         }
       ) : null
     ] }) : null,
     controls.isOwner && participant.role === "cohost" ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => act({ action: "revoke_cohost", identity: participant.identity }), children: [
-      /* @__PURE__ */ jsx4(PeopleIcon, { width: 16, height: 16 }),
+      /* @__PURE__ */ jsx5(PeopleIcon, { width: 16, height: 16 }),
       " Remove co-host"
     ] }) : null,
     controls.isOwner && !self && hasAccount && !participant.isAgent ? /* @__PURE__ */ jsxs3(MenuItem, { onSelect: () => setMode("transfer"), children: [
-      /* @__PURE__ */ jsx4(SpotlightIcon, { width: 16, height: 16 }),
+      /* @__PURE__ */ jsx5(SpotlightIcon, { width: 16, height: 16 }),
       " Make host"
     ] }) : null,
     self ? /* @__PURE__ */ jsxs3(
@@ -9792,7 +9995,7 @@ function PersonMenu({
           setMode("rename");
         },
         children: [
-          /* @__PURE__ */ jsx4(PencilIcon, { width: 16, height: 16 }),
+          /* @__PURE__ */ jsx5(PencilIcon, { width: 16, height: 16 }),
           " Rename yourself"
         ]
       }
@@ -9805,13 +10008,13 @@ function PersonMenu({
           setMode("report");
         },
         children: [
-          /* @__PURE__ */ jsx4(FlagIcon, { width: 16, height: 16 }),
+          /* @__PURE__ */ jsx5(FlagIcon, { width: 16, height: 16 }),
           " Report"
         ]
       }
     ) : null,
     moderate && !participant.isAgent ? /* @__PURE__ */ jsxs3(MenuItem, { danger: true, onSelect: () => setMode("remove"), children: [
-      /* @__PURE__ */ jsx4(CloseIcon, { width: 16, height: 16 }),
+      /* @__PURE__ */ jsx5(CloseIcon, { width: 16, height: 16 }),
       " Remove from meeting"
     ] }) : null
   ] }) });
@@ -9819,7 +10022,7 @@ function PersonMenu({
 function SettingsPanel({ onClose }) {
   const host = useRequiredMeetHost();
   return /* @__PURE__ */ jsxs3(PanelShell, { title: "Settings", onClose, children: [
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       DeviceSettings,
       {
         onPick: (kind, deviceId2) => {
@@ -9828,8 +10031,8 @@ function SettingsPanel({ onClose }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx4(EffectsSettings, {}),
-    /* @__PURE__ */ jsx4(CaptionLanguageSettings, {})
+    /* @__PURE__ */ jsx5(EffectsSettings, {}),
+    /* @__PURE__ */ jsx5(CaptionLanguageSettings, {})
   ] });
 }
 function DeviceSettings({
@@ -9842,13 +10045,13 @@ function DeviceSettings({
   const stream = useMicrophoneStream(microphone);
   const level = useAudioLevel(stream);
   const [testing, setTesting] = useState4(false);
-  useEffect4(() => {
+  useEffect6(() => {
     void host.devices.refresh();
   }, [host]);
   return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__section", "aria-label": "Devices", children: [
-    /* @__PURE__ */ jsx4(DevicePicker, { kind: "audioinput", label: "Microphone", onPick }),
-    /* @__PURE__ */ jsx4("div", { className: "mx-meet__meter", role: "meter", "aria-label": "Microphone level", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(level * 100), children: /* @__PURE__ */ jsx4("span", { style: { width: `${Math.min(100, Math.round(level * 160))}%` } }) }),
-    /* @__PURE__ */ jsx4(DevicePicker, { kind: "audiooutput", label: "Speaker", onPick }),
+    /* @__PURE__ */ jsx5(DevicePicker, { kind: "audioinput", label: "Microphone", onPick }),
+    /* @__PURE__ */ jsx5("div", { className: "mx-meet__meter", role: "meter", "aria-label": "Microphone level", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(level * 100), children: /* @__PURE__ */ jsx5("span", { style: { width: `${Math.min(100, Math.round(level * 160))}%` } }) }),
+    /* @__PURE__ */ jsx5(DevicePicker, { kind: "audiooutput", label: "Speaker", onPick }),
     /* @__PURE__ */ jsxs3(
       "button",
       {
@@ -9860,19 +10063,19 @@ function DeviceSettings({
           void playTestSound(speaker).finally(() => setTesting(false));
         },
         children: [
-          /* @__PURE__ */ jsx4(SpeakerIcon, { width: 14, height: 14 }),
+          /* @__PURE__ */ jsx5(SpeakerIcon, { width: 14, height: 14 }),
           " ",
           testing ? "Playing\u2026" : "Test speaker"
         ]
       }
     ),
-    /* @__PURE__ */ jsx4(DevicePicker, { kind: "videoinput", label: "Camera", onPick })
+    /* @__PURE__ */ jsx5(DevicePicker, { kind: "videoinput", label: "Camera", onPick })
   ] });
 }
 function EffectsSettings({ preview }) {
   const effects = useMediaEffects();
   const [error, setError] = useState4(null);
-  const fileRef = useRef4(null);
+  const fileRef = useRef6(null);
   const supported = effects.backgroundsSupported || preview != null || videoEffectsSupported();
   const apply = (next) => {
     setError(null);
@@ -9886,7 +10089,7 @@ function EffectsSettings({ preview }) {
   };
   return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__section", "aria-label": "Effects", children: [
     /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check", children: [
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         Checkbox,
         {
           id: "mx-meet-noise",
@@ -9895,13 +10098,13 @@ function EffectsSettings({ preview }) {
         }
       ),
       /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check-text", children: [
-        /* @__PURE__ */ jsx4(Label, { htmlFor: "mx-meet-noise", children: "Noise suppression" }),
-        /* @__PURE__ */ jsx4("span", { className: "mx-meet__hint", children: "Filters keyboards, fans and background chatter." })
+        /* @__PURE__ */ jsx5(Label, { htmlFor: "mx-meet-noise", children: "Noise suppression" }),
+        /* @__PURE__ */ jsx5("span", { className: "mx-meet__hint", children: "Filters keyboards, fans and background chatter." })
       ] })
     ] }),
     supported ? /* @__PURE__ */ jsxs3("div", { className: "mx-meet__field", children: [
-      /* @__PURE__ */ jsx4(Label, { children: "Background" }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(Label, { children: "Background" }),
+      /* @__PURE__ */ jsx5(
         SegmentedControl,
         {
           fullWidth: true,
@@ -9920,7 +10123,7 @@ function EffectsSettings({ preview }) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         "input",
         {
           ref: fileRef,
@@ -9935,7 +10138,7 @@ function EffectsSettings({ preview }) {
           }
         }
       ),
-      error !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__error", children: error }) : null
+      error !== null ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__error", children: error }) : null
     ] }) : null
   ] });
 }
@@ -9995,7 +10198,7 @@ async function playTestSound(sinkId) {
 }
 function useMicrophoneStream(deviceId2) {
   const [stream, setStream] = useState4(null);
-  useEffect4(() => {
+  useEffect6(() => {
     if (deviceId2 === "off") return void 0;
     let live = true;
     let opened = null;
@@ -10022,26 +10225,35 @@ function LobbyPanel() {
   if (!lobby.canAdmit || lobby.waiting.length === 0) return null;
   return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__lobby", "aria-label": "Waiting room", children: [
     /* @__PURE__ */ jsxs3("header", { className: "mx-meet__lobby-head", children: [
-      /* @__PURE__ */ jsx4("h3", { className: "mx-meet__lobby-title", children: lobby.waiting.length === 1 ? "1 person is waiting" : `${lobby.waiting.length} people are waiting` }),
-      /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: () => void lobby.admitAll(), children: "Admit all" })
+      /* @__PURE__ */ jsx5("h3", { className: "mx-meet__lobby-title", children: lobby.waiting.length === 1 ? "1 person is waiting" : `${lobby.waiting.length} people are waiting` }),
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "mx-meet__link", onClick: () => void lobby.admitAll(), children: "Admit all" })
     ] }),
-    /* @__PURE__ */ jsx4("ul", { className: "mx-meet__lobby-list", children: lobby.waiting.map((entry) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__lobby-row", children: [
-      /* @__PURE__ */ jsx4(Avatar, { name: entry.displayName, url: entry.avatarUrl, size: 32 }),
-      /* @__PURE__ */ jsxs3("span", { className: "mx-meet__person-name", children: [
-        entry.displayName,
-        entry.userId === null ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "Guest" }) : null
-      ] }),
-      /* @__PURE__ */ jsx4(ControlButton, { label: `Admit ${entry.displayName}`, onClick: () => void lobby.admit(entry), children: /* @__PURE__ */ jsx4(CheckIcon, { width: 16, height: 16 }) }),
-      /* @__PURE__ */ jsx4(
-        ControlButton,
-        {
-          label: `Deny ${entry.displayName}`,
-          danger: true,
-          onClick: () => void lobby.deny(entry),
-          children: /* @__PURE__ */ jsx4(CloseIcon, { width: 16, height: 16 })
-        }
-      )
-    ] }, entry.identity)) })
+    /* @__PURE__ */ jsx5("ul", { className: "mx-meet__lobby-list", children: lobby.waiting.map((entry) => /* @__PURE__ */ jsxs3(
+      "li",
+      {
+        className: "mx-meet__lobby-row",
+        "data-meet-lobby-entry": "",
+        "data-meet-participant-name": entry.displayName,
+        children: [
+          /* @__PURE__ */ jsx5(Avatar, { name: entry.displayName, url: entry.avatarUrl, size: 32 }),
+          /* @__PURE__ */ jsxs3("span", { className: "mx-meet__person-name", children: [
+            entry.displayName,
+            entry.userId === null ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__badge", children: "Guest" }) : null
+          ] }),
+          /* @__PURE__ */ jsx5(ControlButton, { label: `Admit ${entry.displayName}`, onClick: () => void lobby.admit(entry), children: /* @__PURE__ */ jsx5(CheckIcon, { width: 16, height: 16 }) }),
+          /* @__PURE__ */ jsx5(
+            ControlButton,
+            {
+              label: `Deny ${entry.displayName}`,
+              danger: true,
+              onClick: () => void lobby.deny(entry),
+              children: /* @__PURE__ */ jsx5(CloseIcon, { width: 16, height: 16 })
+            }
+          )
+        ]
+      },
+      entry.identity
+    )) })
   ] });
 }
 function NoteTakerRow() {
@@ -10050,19 +10262,19 @@ function NoteTakerRow() {
   const duplicateError = status.refusal !== null && ai.error !== null && status.refusal.reason === ai.error.message && status.refusal.remedy === ai.error.remedy;
   return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__note-taker", "aria-label": "Note-taker", children: [
     /* @__PURE__ */ jsxs3("p", { className: `mx-meet__note-taker-state mx-meet__note-taker-state--${status.state}`, children: [
-      /* @__PURE__ */ jsx4("span", { className: "mx-meet__note-taker-dot", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx5("span", { className: "mx-meet__note-taker-dot", "aria-hidden": "true" }),
       ai.noteTakerLabel
     ] }),
-    status.detail !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: status.detail }) : null,
+    status.detail !== null ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note", children: status.detail }) : null,
     status.refusal !== null ? /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__refusal", error: status.refusal, operation: "Join this meeting", origin: "meet/components", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-reason", children: status.refusal.reason }),
-      status.refusal.remedy.length > 0 ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-remedy", children: status.refusal.remedy }) : null
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__refusal-reason", children: status.refusal.reason }),
+      status.refusal.remedy.length > 0 ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__refusal-remedy", children: status.refusal.remedy }) : null
     ] }) : null,
     ai.error !== null && !duplicateError ? /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__refusal", error: ai.error, operation: "Run the meeting assistant", origin: "meet/components", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-reason", children: ai.error.message }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-remedy", children: ai.error.remedy })
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__refusal-reason", children: ai.error.message }),
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__refusal-remedy", children: ai.error.remedy })
     ] }) : null,
-    ai.canControlNoteTaker ? status.state === "transcribing" || status.state === "joining" || status.state === "handoff_pending" ? /* @__PURE__ */ jsx4(
+    ai.canControlNoteTaker ? status.state === "transcribing" || status.state === "joining" || status.state === "handoff_pending" ? /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -10070,7 +10282,7 @@ function NoteTakerRow() {
         onClick: () => void ai.stopNoteTaker(),
         children: "Dismiss the note-taker"
       }
-    ) : /* @__PURE__ */ jsx4(
+    ) : /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -10087,10 +10299,10 @@ function NoteList({
   empty
 }) {
   return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__note-group", "aria-label": title, children: [
-    /* @__PURE__ */ jsx4("h3", { className: "mx-meet__note-group-title", children: title }),
-    notes.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: empty }) : /* @__PURE__ */ jsx4("ul", { className: "mx-meet__notes", children: notes.map((note) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__note", children: [
+    /* @__PURE__ */ jsx5("h3", { className: "mx-meet__note-group-title", children: title }),
+    notes.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note", children: empty }) : /* @__PURE__ */ jsx5("ul", { className: "mx-meet__notes", children: notes.map((note) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__note", children: [
       note.text,
-      note.assigneeDisplayName !== void 0 && note.assigneeDisplayName !== null ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__assignee", children: note.assigneeDisplayName }) : null
+      note.assigneeDisplayName !== void 0 && note.assigneeDisplayName !== null ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__assignee", children: note.assigneeDisplayName }) : null
     ] }, note.id)) })
   ] });
 }
@@ -10098,10 +10310,10 @@ function AiPanel({ onClose }) {
   const ai = useMeetAi();
   const [question, setQuestion] = useState4("");
   return /* @__PURE__ */ jsxs3(PanelShell, { title: "Meeting assistant", onClose, children: [
-    /* @__PURE__ */ jsx4(NoteTakerRow, {}),
+    /* @__PURE__ */ jsx5(NoteTakerRow, {}),
     ai.summary !== null ? /* @__PURE__ */ jsxs3("section", { className: "mx-meet__note-group", "aria-label": "Summary", children: [
-      /* @__PURE__ */ jsx4("h3", { className: "mx-meet__note-group-title", children: "Summary" }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__summary", children: ai.summary.text })
+      /* @__PURE__ */ jsx5("h3", { className: "mx-meet__note-group-title", children: "Summary" }),
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__summary", children: ai.summary.text })
     ] }) : null,
     ai.wrapUp !== null ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__wrap-up-notice", role: "status", children: [
       "The wrap-up is written \u2014 ",
@@ -10115,7 +10327,7 @@ function AiPanel({ onClose }) {
       ai.wrapUp.segmentCount === 1 ? "transcript line" : "transcript lines",
       "."
     ] }) : null,
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       NoteList,
       {
         title: "Notes",
@@ -10123,7 +10335,7 @@ function AiPanel({ onClose }) {
         empty: "Notes appear here as the meeting goes on."
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       NoteList,
       {
         title: "Decisions",
@@ -10131,7 +10343,7 @@ function AiPanel({ onClose }) {
         empty: "Nothing has been decided yet."
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       NoteList,
       {
         title: "Action items",
@@ -10140,14 +10352,14 @@ function AiPanel({ onClose }) {
       }
     ),
     ai.transcript.length > 0 ? /* @__PURE__ */ jsxs3("section", { className: "mx-meet__note-group", "aria-label": "Transcript", children: [
-      /* @__PURE__ */ jsx4("h3", { className: "mx-meet__note-group-title", children: "Transcript" }),
-      /* @__PURE__ */ jsx4("ul", { className: "mx-meet__transcript", children: ai.transcript.map((line) => /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsx5("h3", { className: "mx-meet__note-group-title", children: "Transcript" }),
+      /* @__PURE__ */ jsx5("ul", { className: "mx-meet__transcript", children: ai.transcript.map((line) => /* @__PURE__ */ jsxs3(
         "li",
         {
           className: line.final && line.source === "record" ? "mx-meet__line" : "mx-meet__line mx-meet__line--interim",
           children: [
-            /* @__PURE__ */ jsx4("strong", { children: line.speaker }),
-            /* @__PURE__ */ jsx4("span", { children: line.text })
+            /* @__PURE__ */ jsx5("strong", { children: line.speaker }),
+            /* @__PURE__ */ jsx5("span", { children: line.text })
           ]
         },
         line.id
@@ -10164,7 +10376,7 @@ function AiPanel({ onClose }) {
           void ai.ask(asked);
         },
         children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             "input",
             {
               className: "mx-meet__input",
@@ -10174,12 +10386,12 @@ function AiPanel({ onClose }) {
               "aria-label": "Ask about this meeting"
             }
           ),
-          /* @__PURE__ */ jsx4("button", { type: "submit", className: "mx-meet__send", disabled: ai.asking, children: ai.asking ? "Asking\u2026" : "Ask" })
+          /* @__PURE__ */ jsx5("button", { type: "submit", className: "mx-meet__send", disabled: ai.asking, children: ai.asking ? "Asking\u2026" : "Ask" })
         ]
       }
     ),
-    ai.asking && ai.phase !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", role: "status", children: ai.phase }) : null,
-    ai.answer !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__answer", children: ai.answer }) : null,
+    ai.asking && ai.phase !== null ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note", role: "status", children: ai.phase }) : null,
+    ai.answer !== null ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__answer", children: ai.answer }) : null,
     ai.answer !== null && ai.coverage !== null ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__coverage", children: [
       "Answered from ",
       ai.coverage.segmentsUsed,
@@ -10190,8 +10402,8 @@ function AiPanel({ onClose }) {
       "."
     ] }) : null,
     ai.error !== null ? /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__refusal", error: ai.error, operation: "Run the meeting assistant", origin: "meet/components", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-reason", children: ai.error.message }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-remedy", children: ai.error.remedy })
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__refusal-reason", children: ai.error.message }),
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__refusal-remedy", children: ai.error.remedy })
     ] }) : null
   ] });
 }
@@ -10208,37 +10420,46 @@ function Captions({ lines = 3 }) {
         {
           className: line.final ? "mx-meet__caption" : "mx-meet__caption mx-meet__caption--interim",
           children: [
-            /* @__PURE__ */ jsx4("strong", { children: line.speaker }),
+            /* @__PURE__ */ jsx5("strong", { children: line.speaker }),
             " ",
             translated ?? line.text,
-            translated !== void 0 ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__caption-original", children: line.text }) : null
+            translated !== void 0 ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__caption-original", children: line.text }) : null
           ]
         },
         line.id
       );
     }),
-    translation.language !== null && translation.error !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__caption mx-meet__caption--interim", children: translation.error }) : null
+    translation.language !== null && translation.error !== null ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__caption mx-meet__caption--interim", children: translation.error }) : null
   ] });
 }
 function ConsentNotice() {
   const notice = useConsentNotice();
   if (notice === null) return null;
-  return /* @__PURE__ */ jsx4("p", { className: "mx-meet__consent", role: "status", children: notice });
+  return /* @__PURE__ */ jsx5("p", { className: "mx-meet__consent", role: "status", children: notice });
 }
 function AttendanceNotice() {
   const media = useLocalMedia();
   const notice = listenOnlyNotice(media);
   if (notice === null) return null;
   const refused = media.microphone.unavailable;
-  return /* @__PURE__ */ jsxs3("p", { className: "mx-meet__banner mx-meet__banner--attendance", role: "status", children: [
-    notice,
-    refused === null ? null : /* @__PURE__ */ jsx4("span", { className: "mx-meet__remedy", children: refused.remedy })
-  ] });
+  const code = microphoneNoticeCode(media.microphone);
+  return /* @__PURE__ */ jsxs3(
+    "p",
+    {
+      className: "mx-meet__banner mx-meet__banner--attendance",
+      role: "status",
+      ...code !== null ? { "data-meet-notice": code } : {},
+      children: [
+        notice,
+        refused === null ? null : /* @__PURE__ */ jsx5("span", { className: "mx-meet__remedy", children: refused.remedy })
+      ]
+    }
+  );
 }
 function PreJoin(props) {
   const host = useMeetHost();
-  if (host === null) return /* @__PURE__ */ jsx4(InertNotice, { what: "This meeting" });
-  return /* @__PURE__ */ jsx4(PreJoinBody, { ...props, host });
+  if (host === null) return /* @__PURE__ */ jsx5(InertNotice, { what: "This meeting" });
+  return /* @__PURE__ */ jsx5(PreJoinBody, { ...props, host });
 }
 function PreJoinBody({
   roomName,
@@ -10261,12 +10482,12 @@ function PreJoinBody({
   const micStream = useMicrophoneStream(microphone ? mic : "off");
   const level = useAudioLevel(micStream);
   const [speakerTesting, setSpeakerTesting] = useState4(false);
-  useEffect4(() => {
+  useEffect6(() => {
     void host.devices.refresh();
   }, [host]);
   return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__prejoin", children: [
     /* @__PURE__ */ jsxs3("div", { className: "mx-meet__preview", children: [
-      mode === "video" && preview.preview !== null ? /* @__PURE__ */ jsx4(
+      mode === "video" && preview.preview !== null ? /* @__PURE__ */ jsx5(
         "video",
         {
           className: "mx-meet__video mx-meet__video--mirror",
@@ -10277,16 +10498,16 @@ function PreJoinBody({
             if (element !== null) preview.preview?.attach(element);
           }
         }
-      ) : /* @__PURE__ */ jsx4("div", { className: "mx-meet__tile-placeholder", children: /* @__PURE__ */ jsx4(Avatar, { name: host.identity.displayName, url: host.identity.avatarUrl, size: 96 }) }),
-      mode === "video" && preview.error !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__preview-note", children: preview.error }) : null,
-      microphone && micStream !== null ? /* @__PURE__ */ jsx4("div", { className: "mx-meet__meter mx-meet__meter--preview", role: "meter", "aria-label": "Microphone level", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(level * 100), children: /* @__PURE__ */ jsx4("span", { style: { width: `${Math.min(100, Math.round(level * 160))}%` } }) }) : null
+      ) : /* @__PURE__ */ jsx5("div", { className: "mx-meet__tile-placeholder", children: /* @__PURE__ */ jsx5(Avatar, { name: host.identity.displayName, url: host.identity.avatarUrl, size: 96 }) }),
+      mode === "video" && preview.error !== null ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__preview-note", children: preview.error }) : null,
+      microphone && micStream !== null ? /* @__PURE__ */ jsx5("div", { className: "mx-meet__meter mx-meet__meter--preview", role: "meter", "aria-label": "Microphone level", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(level * 100), children: /* @__PURE__ */ jsx5("span", { style: { width: `${Math.min(100, Math.round(level * 160))}%` } }) }) : null
     ] }),
     /* @__PURE__ */ jsxs3("div", { className: "mx-meet__prejoin-panel", children: [
-      /* @__PURE__ */ jsx4("h1", { className: "mx-meet__prejoin-title", children: "Ready to join?" }),
-      notice?.kind === "removed" ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__warning", children: notice.text }) : null,
+      /* @__PURE__ */ jsx5("h1", { className: "mx-meet__prejoin-title", children: "Ready to join?" }),
+      notice?.kind === "removed" ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__warning", children: notice.text }) : null,
       devices?.labelsHidden === true ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__panel-note", children: [
         "Your browser is hiding device names until you allow camera and microphone access.",
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -10298,10 +10519,10 @@ function PreJoinBody({
           }
         )
       ] }) : null,
-      devices?.fallbackNotice != null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__warning", children: devices.fallbackNotice }) : null,
-      /* @__PURE__ */ jsx4(DevicePicker, { kind: "audioinput", label: "Microphone" }),
+      devices?.fallbackNotice != null ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__warning", children: devices.fallbackNotice }) : null,
+      /* @__PURE__ */ jsx5(DevicePicker, { kind: "audioinput", label: "Microphone" }),
       /* @__PURE__ */ jsxs3("div", { className: "mx-meet__field-row", children: [
-        /* @__PURE__ */ jsx4(DevicePicker, { kind: "audiooutput", label: "Speaker" }),
+        /* @__PURE__ */ jsx5(DevicePicker, { kind: "audiooutput", label: "Speaker" }),
         /* @__PURE__ */ jsxs3(
           Button,
           {
@@ -10315,19 +10536,19 @@ function PreJoinBody({
               );
             },
             children: [
-              /* @__PURE__ */ jsx4(SpeakerIcon, {}),
+              /* @__PURE__ */ jsx5(SpeakerIcon, {}),
               " ",
               speakerTesting ? "Playing\u2026" : "Test"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx4(DevicePicker, { kind: "videoinput", label: "Camera" }),
-      /* @__PURE__ */ jsx4(EffectsSettings, { preview: preview.preview }),
-      recording.consentNotice !== null ? /* @__PURE__ */ jsx4(Alert, { variant: "info", children: /* @__PURE__ */ jsx4(AlertDescription, { children: recording.consentNotice }) }) : null,
+      /* @__PURE__ */ jsx5(DevicePicker, { kind: "videoinput", label: "Camera" }),
+      /* @__PURE__ */ jsx5(EffectsSettings, { preview: preview.preview }),
+      recording.consentNotice !== null ? /* @__PURE__ */ jsx5(Alert, { variant: "info", children: /* @__PURE__ */ jsx5(AlertDescription, { children: recording.consentNotice }) }) : null,
       /* @__PURE__ */ jsxs3("div", { className: "mx-meet__prejoin-actions", children: [
         /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check", children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             Checkbox,
             {
               id: "mx-meet-join-video",
@@ -10335,10 +10556,10 @@ function PreJoinBody({
               onCheckedChange: (checked) => setMode(checked === true ? "video" : "audio")
             }
           ),
-          /* @__PURE__ */ jsx4(Label, { htmlFor: "mx-meet-join-video", children: "Join with video" })
+          /* @__PURE__ */ jsx5(Label, { htmlFor: "mx-meet-join-video", children: "Join with video" })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check", children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             Checkbox,
             {
               id: "mx-meet-join-mic",
@@ -10346,9 +10567,9 @@ function PreJoinBody({
               onCheckedChange: (checked) => setMicrophone(checked === true)
             }
           ),
-          /* @__PURE__ */ jsx4(Label, { htmlFor: "mx-meet-join-mic", children: "Join with microphone" })
+          /* @__PURE__ */ jsx5(Label, { htmlFor: "mx-meet-join-mic", children: "Join with microphone" })
         ] }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           Button,
           {
             type: "button",
@@ -10371,7 +10592,7 @@ function PreJoinBody({
       ] }),
       room.failure !== null ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__error", children: [
         room.failure.message,
-        /* @__PURE__ */ jsx4("span", { className: "mx-meet__remedy", children: room.failure.remedy })
+        /* @__PURE__ */ jsx5("span", { className: "mx-meet__remedy", children: room.failure.remedy })
       ] }) : null
     ] })
   ] });
@@ -10379,10 +10600,10 @@ function PreJoinBody({
 function useCameraPreview(deviceId2, effects) {
   const [preview, setPreview] = useState4(null);
   const [error, setError] = useState4(null);
-  const current = useRef4(null);
-  const initialEffect = useRef4(toVideoEffect(effects));
+  const current = useRef6(null);
+  const initialEffect = useRef6(toVideoEffect(effects));
   initialEffect.current = toVideoEffect(effects);
-  useEffect4(() => {
+  useEffect6(() => {
     if (deviceId2 === void 0) return void 0;
     let live = true;
     setError(null);
@@ -10430,7 +10651,7 @@ function DevicePicker({
   const valueOf = (deviceId2) => deviceId2.length > 0 ? deviceId2 : "default";
   const current = devices?.selected[kind] ?? host.devices.resolve(kind) ?? "";
   return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__field", children: [
-    /* @__PURE__ */ jsx4(Label, { htmlFor: triggerId, children: label }),
+    /* @__PURE__ */ jsx5(Label, { htmlFor: triggerId, children: label }),
     /* @__PURE__ */ jsxs3(
       Select,
       {
@@ -10441,52 +10662,26 @@ function DevicePicker({
           else host.devices.select(kind, deviceId2);
         },
         children: [
-          /* @__PURE__ */ jsx4(SelectTrigger, { id: triggerId, "aria-label": label, children: /* @__PURE__ */ jsx4(SelectValue, { placeholder: label }) }),
-          /* @__PURE__ */ jsx4(SelectContent, { children: list.map((device) => /* @__PURE__ */ jsx4(SelectItem, { value: valueOf(device.deviceId), children: device.label.length > 0 ? device.label : `${label} (name hidden)` }, device.deviceId || "default")) })
+          /* @__PURE__ */ jsx5(SelectTrigger, { id: triggerId, "aria-label": label, children: /* @__PURE__ */ jsx5(SelectValue, { placeholder: label }) }),
+          /* @__PURE__ */ jsx5(SelectContent, { children: list.map((device) => /* @__PURE__ */ jsx5(SelectItem, { value: valueOf(device.deviceId), children: device.label.length > 0 ? device.label : `${label} (name hidden)` }, device.deviceId || "default")) })
         ]
       }
     )
   ] });
 }
-function MeetingRoom(props) {
-  const host = useMeetHost();
-  if (host === null) {
-    return /* @__PURE__ */ jsx4("div", { className: "mx-meet", children: /* @__PURE__ */ jsx4(InertNotice, { what: "This meeting" }) });
-  }
-  return /* @__PURE__ */ jsx4(MeetingRoomBody, { ...props, host });
-}
-function MeetingRoomBody({
+function MeetSkinRoom({
   roomName,
   meetingId,
   slug,
-  meeting: given,
   onLeave,
-  headerControls,
-  host
+  headerControls
 }) {
-  const snapshot = useMeetSnapshot();
-  const isHost = useIsHost();
+  const { host, snapshot, isHost } = useMeetCore();
   const elapsed = useElapsed(snapshot?.meeting?.startedAt ?? null);
   const phase = snapshot?.phase ?? "idle";
-  useEffect4(() => {
-    host.meetings.watch(roomName);
-  }, [host, roomName]);
-  useEffect4(() => {
-    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;
-  useEffect4(() => {
-    if (watchedId === null) return;
-    host.meetings.watchMeeting(asMeetingId(watchedId));
-  }, [host, watchedId]);
-  const record = snapshot?.meeting ?? given ?? null;
-  if (hasEnded(record) && phase !== "connected" && phase !== "reconnecting") {
-    return /* @__PURE__ */ jsx4(MeetingRecordView, { meeting: record });
-  }
+  if (host === null) return null;
   if (phase === "idle" || phase === "failed" || phase === "left") {
-    return /* @__PURE__ */ jsx4("div", { className: "mx-meet", children: /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5("div", { className: "mx-meet", children: /* @__PURE__ */ jsx5(
       PreJoin,
       {
         roomName,
@@ -10496,41 +10691,41 @@ function MeetingRoomBody({
     ) });
   }
   if (phase === "lobby") {
-    return /* @__PURE__ */ jsx4("div", { className: "mx-meet mx-meet--lobby", children: /* @__PURE__ */ jsx4(WaitingRoom, { roomName, host }) });
+    return /* @__PURE__ */ jsx5("div", { className: "mx-meet mx-meet--lobby", children: /* @__PURE__ */ jsx5(WaitingRoom, { roomName, host }) });
   }
   return /* @__PURE__ */ jsxs3("div", { className: "mx-meet", children: [
-    /* @__PURE__ */ jsx4(ConsentNotice, {}),
-    /* @__PURE__ */ jsx4(AttendanceNotice, {}),
+    /* @__PURE__ */ jsx5(ConsentNotice, {}),
+    /* @__PURE__ */ jsx5(AttendanceNotice, {}),
     /* @__PURE__ */ jsxs3("header", { className: "mx-meet__header", children: [
-      /* @__PURE__ */ jsx4("h1", { className: "mx-meet__title", children: snapshot?.meeting?.title ?? "Meeting" }),
+      /* @__PURE__ */ jsx5("h1", { className: "mx-meet__title", children: snapshot?.meeting?.title ?? "Meeting" }),
       /* @__PURE__ */ jsxs3("span", { className: "mx-meet__meta", children: [
         participantSummary(snapshot?.participants ?? []),
-        elapsed > 0 ? ` \xB7 ${formatDurationMs4(elapsed)}` : ""
+        elapsed > 0 ? ` \xB7 ${formatDurationMs3(elapsed)}` : ""
       ] }),
-      /* @__PURE__ */ jsx4(RecordingIndicator, {}),
+      /* @__PURE__ */ jsx5(RecordingIndicator, {}),
       snapshot?.locked === true ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__badge", children: [
-        /* @__PURE__ */ jsx4(LockIcon, { width: 12, height: 12 }),
+        /* @__PURE__ */ jsx5(LockIcon, { width: 12, height: 12 }),
         " Locked"
       ] }) : null,
-      headerControls !== void 0 && headerControls !== null ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__header-controls", "data-meet-header-controls": "", children: headerControls }) : null,
-      isHost ? /* @__PURE__ */ jsx4(HostMenu, {}) : null
+      headerControls !== void 0 && headerControls !== null ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__header-controls", "data-meet-header-controls": "", children: headerControls }) : null,
+      isHost ? /* @__PURE__ */ jsx5(HostMenu, {}) : null
     ] }),
-    phase === "reconnecting" ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__banner", role: "status", children: "Reconnecting\u2026" }) : null,
-    /* @__PURE__ */ jsx4(Stage, {}),
-    /* @__PURE__ */ jsx4(Captions, {}),
-    /* @__PURE__ */ jsx4(ControlBar, { ...onLeave !== void 0 ? { onLeave } : {} })
+    phase === "reconnecting" ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__banner", role: "status", children: "Reconnecting\u2026" }) : null,
+    /* @__PURE__ */ jsx5(Stage, {}),
+    /* @__PURE__ */ jsx5(Captions, {}),
+    /* @__PURE__ */ jsx5(ControlBar, { ...onLeave !== void 0 ? { onLeave } : {} })
   ] });
 }
 function WaitingRoom({ roomName, host }) {
-  const knocked = useRef4(false);
-  useEffect4(() => {
+  const knocked = useRef6(false);
+  useEffect6(() => {
     if (knocked.current) return;
     knocked.current = true;
     host.meetings.knock(roomName);
   }, [host, roomName]);
   return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__waiting", children: [
-    /* @__PURE__ */ jsx4(Avatar, { name: host.identity.displayName, url: host.identity.avatarUrl, size: 72 }),
-    /* @__PURE__ */ jsx4("h1", { className: "mx-meet__prejoin-title", children: "Waiting for the host to let you in" }),
+    /* @__PURE__ */ jsx5(Avatar, { name: host.identity.displayName, url: host.identity.avatarUrl, size: 72 }),
+    /* @__PURE__ */ jsx5("h1", { className: "mx-meet__prejoin-title", children: "Waiting for the host to let you in" }),
     /* @__PURE__ */ jsxs3("p", { className: "mx-meet__empty-body", children: [
       "You are in the waiting room as ",
       host.identity.displayName,
@@ -10545,7 +10740,7 @@ function HostMenu() {
   const [confirmingEnd, setConfirmingEnd] = useState4(false);
   const locked = snapshot?.locked === true;
   return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__host-menu", children: [
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -10557,8 +10752,8 @@ function HostMenu() {
       }
     ),
     end.canEnd ? confirmingEnd ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__confirm", role: "group", "aria-label": "End this meeting?", children: [
-      /* @__PURE__ */ jsx4("span", { className: "mx-meet__confirm-text", children: "End it for everyone? Every participant is disconnected, the note-taker stops, and the wrap-up is written. Nobody can rejoin this meeting afterwards." }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5("span", { className: "mx-meet__confirm-text", children: "End it for everyone? Every participant is disconnected, the note-taker stops, and the wrap-up is written. Nobody can rejoin this meeting afterwards." }),
+      /* @__PURE__ */ jsx5(
         "button",
         {
           type: "button",
@@ -10570,7 +10765,7 @@ function HostMenu() {
           children: "End it"
         }
       ),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         "button",
         {
           type: "button",
@@ -10579,7 +10774,7 @@ function HostMenu() {
           children: "Keep it running"
         }
       )
-    ] }) : /* @__PURE__ */ jsx4(
+    ] }) : /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -10588,152 +10783,19 @@ function HostMenu() {
         children: end.ending ? "Ending\u2026" : "End meeting for everyone"
       }
     ) : null,
-    end.notice !== null ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__notice", role: "status", children: end.notice }) : null
+    end.notice !== null ? /* @__PURE__ */ jsx5("span", { className: "mx-meet__notice", role: "status", children: end.notice }) : null
   ] });
 }
-function CallButton({
-  person,
-  mode = "video",
-  children
-}) {
-  const calls = useCalls();
-  if (!calls.canCall) return null;
-  return /* @__PURE__ */ jsx4(
-    "button",
-    {
-      type: "button",
-      className: "mx-meet__call-button",
-      onClick: () => {
-        void calls.call([person.userId], mode);
-      },
-      "aria-label": `Call ${person.displayName}`,
-      children: children ?? /* @__PURE__ */ jsx4(PhoneIcon, { width: 18, height: 18 })
-    }
-  );
-}
-function IncomingCallHost() {
-  const calls = useCalls();
-  if (calls.incoming.length === 0) return null;
-  return /* @__PURE__ */ jsx4("div", { className: "mx-meet__ringing-stack", children: calls.incoming.map((invite) => /* @__PURE__ */ jsx4(IncomingCallCard, { invite }, invite.id)) });
-}
-function IncomingCallCard({ invite }) {
-  const calls = useCalls();
-  return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__ringing", role: "alertdialog", "aria-label": "Incoming call", children: [
-    /* @__PURE__ */ jsx4(Avatar, { name: invite.callerName, url: invite.callerAvatarUrl, size: 56 }),
-    /* @__PURE__ */ jsxs3("div", { className: "mx-meet__ringing-text", children: [
-      /* @__PURE__ */ jsx4("strong", { children: invite.callerName }),
-      /* @__PURE__ */ jsx4("span", { children: invite.mode === "video" ? "Incoming video call" : "Incoming call" })
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "mx-meet__ringing-actions", children: [
-      /* @__PURE__ */ jsx4(ControlButton, { label: "Decline", danger: true, onClick: () => void calls.decline(invite), children: /* @__PURE__ */ jsx4(PhoneOffIcon, {}) }),
-      invite.mode === "video" ? /* @__PURE__ */ jsx4(
-        ControlButton,
-        {
-          label: "Accept without video",
-          onClick: () => void calls.accept({ ...invite, mode: "audio" }),
-          children: /* @__PURE__ */ jsx4(CameraOffIcon, {})
-        }
-      ) : null,
-      /* @__PURE__ */ jsx4(ControlButton, { label: "Accept", onClick: () => void calls.accept(invite), children: /* @__PURE__ */ jsx4(PhoneIcon, {}) })
-    ] })
-  ] });
-}
-function ScheduleMeeting(props) {
-  const host = useMeetHost();
-  if (host === null) return /* @__PURE__ */ jsx4(InertNotice, { what: "Scheduling a meeting" });
-  return /* @__PURE__ */ jsx4(ScheduleMeetingBody, { ...props, host });
-}
-function ScheduleMeetingBody({
-  appBaseUrl,
-  onScheduled,
-  host
-}) {
-  const [title, setTitle] = useState4("");
-  const [when2, setWhen] = useState4("");
-  const [kind, setKind] = useState4("scheduled");
-  const [busy, setBusy] = useState4(false);
-  const [link, setLink] = useState4(null);
-  const [error, setError] = useState4(null);
-  const disabled = useMemo3(() => title.trim().length === 0 || busy, [title, busy]);
-  return /* @__PURE__ */ jsxs3(
-    "form",
-    {
-      className: "mx-meet__schedule",
-      onSubmit: (event) => {
-        event.preventDefault();
-        if (host.identity.userId === null) return;
-        setBusy(true);
-        setError(null);
-        void host.repository.getOrCreateMeeting({
-          organizationId: host.identity.organizationId,
-          hostUserId: host.identity.userId,
-          title: title.trim(),
-          kind,
-          scheduledFor: when2.length > 0 ? new Date(when2).toISOString() : null
-        }).then((meeting) => {
-          setLink(meetingLink(appBaseUrl, meeting.slug));
-          onScheduled?.(meeting.slug);
-        }).catch((thrown) => {
-          setError(
-            thrown.remedy ?? thrown.message ?? "The meeting could not be created."
-          );
-        }).finally(() => setBusy(false));
-      },
-      children: [
-        /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
-          /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: "Title" }),
-          /* @__PURE__ */ jsx4(
-            "input",
-            {
-              className: "mx-meet__input",
-              value: title,
-              onChange: (event) => setTitle(event.target.value),
-              placeholder: "Weekly sync"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
-          /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: "When" }),
-          /* @__PURE__ */ jsx4(
-            "input",
-            {
-              className: "mx-meet__input",
-              type: "datetime-local",
-              value: when2,
-              onChange: (event) => setWhen(event.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
-          /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: "Repeats" }),
-          /* @__PURE__ */ jsxs3(
-            "select",
-            {
-              className: "mx-meet__select",
-              value: kind,
-              onChange: (event) => setKind(event.target.value),
-              children: [
-                /* @__PURE__ */ jsx4("option", { value: "scheduled", children: "Once" }),
-                /* @__PURE__ */ jsx4("option", { value: "recurring", children: "Recurring \u2014 one link, every time" })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx4("button", { type: "submit", className: "mx-meet__primary", disabled, children: busy ? "Creating\u2026" : "Create meeting" }),
-        link !== null ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__link-out", children: [
-          /* @__PURE__ */ jsx4("span", { children: "Anyone with this link can join \u2014 no account needed." }),
-          /* @__PURE__ */ jsx4("code", { children: link })
-        ] }) : null,
-        error !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__error", children: error }) : null
-      ]
-    }
-  );
-}
 function ReactionOverlay({
   reactions
 }) {
   if (reactions.length === 0) return null;
-  return /* @__PURE__ */ jsx4("div", { className: "mx-meet__reactions", "aria-hidden": "true", children: reactions.map((reaction) => /* @__PURE__ */ jsx4("span", { className: "mx-meet__reaction", children: reaction.emoji }, reaction.id)) });
+  return /* @__PURE__ */ jsx5("div", { className: "mx-meet__reactions", "aria-hidden": "true", children: reactions.map((reaction) => /* @__PURE__ */ jsx5("span", { className: "mx-meet__reaction", children: reaction.emoji }, reaction.id)) });
+}
+function clockOf(iso) {
+  const at = new Date(iso);
+  if (Number.isNaN(at.getTime())) return "";
+  return at.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
 }
 function GuestRecordAccessControl({
   meeting
@@ -10746,10 +10808,10 @@ function GuestRecordAccessControl({
   if (host === null || !isHost) return null;
   const resolved = access.setting === "default" && access.effective !== null ? ` Right now that means: ${guestRecordAccessLabel(access.effective.level).toLowerCase()}.` : "";
   return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__record-section", "aria-label": "What guests may read", children: [
-    /* @__PURE__ */ jsx4("h2", { className: "mx-meet__record-section-title", children: "What guests may read" }),
+    /* @__PURE__ */ jsx5("h2", { className: "mx-meet__record-section-title", children: "What guests may read" }),
     /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
-      /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: "People who attended by link, without an account" }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5("span", { className: "mx-meet__field-label", children: "People who attended by link, without an account" }),
+      /* @__PURE__ */ jsx5(
         "select",
         {
           className: "mx-meet__select",
@@ -10760,7 +10822,7 @@ function GuestRecordAccessControl({
               event.target.value
             );
           },
-          children: GUEST_RECORD_ACCESS_CHOICES.map((choice) => /* @__PURE__ */ jsx4("option", { value: choice, children: guestRecordAccessLabel(choice) }, choice))
+          children: GUEST_RECORD_ACCESS_CHOICES.map((choice) => /* @__PURE__ */ jsx5("option", { value: choice, children: guestRecordAccessLabel(choice) }, choice))
         }
       )
     ] }),
@@ -10768,22 +10830,27 @@ function GuestRecordAccessControl({
       guestRecordAccessExplanation(access.setting),
       resolved
     ] }),
-    access.saving ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", role: "status", children: "Saving what guests may read\u2026" }) : null,
+    access.saving ? /* @__PURE__ */ jsx5("p", { className: "mx-meet__panel-note", role: "status", children: "Saving what guests may read\u2026" }) : null,
     access.error !== null ? /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__refusal", error: access.error, operation: "Change who can join", origin: "meet/components", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-reason", children: access.error.message }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-remedy", children: access.error.remedy })
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__refusal-reason", children: access.error.message }),
+      /* @__PURE__ */ jsx5("p", { className: "mx-meet__refusal-remedy", children: access.error.remedy })
     ] }) : null
   ] });
 }
+
+// src/react/record.tsx
+import { useEffect as useEffect7, useState as useState5 } from "react";
+import { ErrorBox as ErrorBox2 } from "@ai-matrx/design-system";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function MeetingRecordView({
   meeting,
   onRejoin
 }) {
   const host = useMeetHost();
   if (host === null) {
-    return /* @__PURE__ */ jsx4("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ jsx4(InertNotice, { what: "This meeting record" }) });
+    return /* @__PURE__ */ jsx6("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ jsx6(InertNotice, { what: "This meeting record" }) });
   }
-  return /* @__PURE__ */ jsx4(MeetingRecordBody, { meeting, ...onRejoin !== void 0 ? { onRejoin } : {} });
+  return /* @__PURE__ */ jsx6(MeetingRecordBody, { meeting, ...onRejoin !== void 0 ? { onRejoin } : {} });
 }
 function MeetingRecordBody({
   meeting,
@@ -10791,19 +10858,19 @@ function MeetingRecordBody({
 }) {
   const host = useRequiredMeetHost();
   const record = useMeetingRecord(meeting);
-  const [question, setQuestion] = useState4("");
-  const [tab, setTab] = useState4("summary");
+  const [question, setQuestion] = useState5("");
+  const [tab, setTab] = useState5("summary");
   if (record.failure !== null) {
-    return /* @__PURE__ */ jsx4("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__empty", error: record.failure, operation: "Open this meeting record", origin: "meet/components", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-title", children: "This meeting record could not be opened" }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-body", children: record.failure.message }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-body", children: record.failure.remedy })
+    return /* @__PURE__ */ jsx6("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ jsxs4(ErrorBox2, { as: "div", className: "mx-meet__empty", error: record.failure, operation: "Open this meeting record", origin: "meet/components", children: [
+      /* @__PURE__ */ jsx6("p", { className: "mx-meet__empty-title", children: "This meeting record could not be opened" }),
+      /* @__PURE__ */ jsx6("p", { className: "mx-meet__empty-body", children: record.failure.message }),
+      /* @__PURE__ */ jsx6("p", { className: "mx-meet__empty-body", children: record.failure.remedy })
     ] }) });
   }
   if (record.loading || record.record === null) {
-    return /* @__PURE__ */ jsx4("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__empty", role: "status", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-title", children: "Opening the meeting record\u2026" }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-body", children: "Reading the summary, the notes and the transcript this meeting left behind." })
+    return /* @__PURE__ */ jsx6("div", { className: "mx-meet mx-meet--record", children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__empty", role: "status", children: [
+      /* @__PURE__ */ jsx6("p", { className: "mx-meet__empty-title", children: "Opening the meeting record\u2026" }),
+      /* @__PURE__ */ jsx6("p", { className: "mx-meet__empty-body", children: "Reading the summary, the notes and the transcript this meeting left behind." })
     ] }) });
   }
   const bundle = record.record;
@@ -10822,44 +10889,44 @@ function MeetingRecordBody({
   );
   const entirelyRestricted = everyRecordPartRefused && bundle.attendees.length === 0 && bundle.liveNotes.length === 0 && bundle.transcript.length === 0 && bundle.recording === null && bundle.summary === null && bundle.decisions.length === 0 && bundle.actionItems.length === 0;
   if (entirelyRestricted) {
-    return /* @__PURE__ */ jsxs3("div", { className: "mx-meet mx-meet--record", children: [
-      /* @__PURE__ */ jsx4("header", { className: "mx-meet__record-head", children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__record-head-inner", children: [
-        /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-eyebrow", children: "Meeting record" }),
-        /* @__PURE__ */ jsx4("h1", { className: "mx-meet__record-title", children: meeting.title }),
-        /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-when", children: meetingWhen(meeting) }),
-        onRejoin !== void 0 ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: onRejoin, children: "Open this link again" }) : null
+    return /* @__PURE__ */ jsxs4("div", { className: "mx-meet mx-meet--record", children: [
+      /* @__PURE__ */ jsx6("header", { className: "mx-meet__record-head", children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-head-inner", children: [
+        /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-eyebrow", children: "Meeting record" }),
+        /* @__PURE__ */ jsx6("h1", { className: "mx-meet__record-title", children: meeting.title }),
+        /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-when", children: meetingWhen(meeting) }),
+        onRejoin !== void 0 ? /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__link", onClick: onRejoin, children: "Open this link again" }) : null
       ] }) }),
-      /* @__PURE__ */ jsx4("div", { className: "mx-meet__record-body", children: restrictionNotices.map((notice2) => /* @__PURE__ */ jsxs3("div", { className: "mx-meet__record-access", role: "status", children: [
-        /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-access-title", children: "About this record" }),
-        /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-access-message", children: notice2.message }),
-        /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-access-remedy", children: notice2.remedy })
+      /* @__PURE__ */ jsx6("div", { className: "mx-meet__record-body", children: restrictionNotices.map((notice2) => /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-access", role: "status", children: [
+        /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-access-title", children: "About this record" }),
+        /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-access-message", children: notice2.message }),
+        /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-access-remedy", children: notice2.remedy })
       ] }, notice2.parts.join("-"))) })
     ] });
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet mx-meet--record", children: [
-    /* @__PURE__ */ jsx4("header", { className: "mx-meet__record-head", children: /* @__PURE__ */ jsxs3("div", { className: "mx-meet__record-head-inner", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-eyebrow", children: "Meeting record" }),
-      /* @__PURE__ */ jsx4("h1", { className: "mx-meet__record-title", children: meeting.title }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-when", children: meetingWhen(meeting) }),
-      onRejoin !== void 0 ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: onRejoin, children: "Open this link again" }) : null
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet mx-meet--record", children: [
+    /* @__PURE__ */ jsx6("header", { className: "mx-meet__record-head", children: /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-head-inner", children: [
+      /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-eyebrow", children: "Meeting record" }),
+      /* @__PURE__ */ jsx6("h1", { className: "mx-meet__record-title", children: meeting.title }),
+      /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-when", children: meetingWhen(meeting) }),
+      onRejoin !== void 0 ? /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__link", onClick: onRejoin, children: "Open this link again" }) : null
     ] }) }),
-    /* @__PURE__ */ jsxs3("div", { className: "mx-meet__record-body", children: [
-      restrictionNotices.map((notice2) => /* @__PURE__ */ jsxs3("div", { className: "mx-meet__record-access", role: "status", children: [
-        /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-access-title", children: "About this record" }),
-        /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-access-message", children: notice2.message }),
-        /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-access-remedy", children: notice2.remedy })
+    /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-body", children: [
+      restrictionNotices.map((notice2) => /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-access", role: "status", children: [
+        /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-access-title", children: "About this record" }),
+        /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-access-message", children: notice2.message }),
+        /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-access-remedy", children: notice2.remedy })
       ] }, notice2.parts.join("-"))),
       attended.length === 0 ? (
         /* NOT SILENCE. A refused attendance read used to remove the whole
            section, so the reader could not tell "nobody" from "not shown". */
-        /* @__PURE__ */ jsxs3("section", { className: "mx-meet__record-section", "aria-label": "Who attended", children: [
-          /* @__PURE__ */ jsx4("h2", { className: "mx-meet__record-section-title", children: "Who attended" }),
-          /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: absenceSentence(bundle, "attendance", "Nobody is recorded as having attended.") })
+        /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Who attended", children: [
+          /* @__PURE__ */ jsx6("h2", { className: "mx-meet__record-section-title", children: "Who attended" }),
+          /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: absenceSentence(bundle, "attendance", "Nobody is recorded as having attended.") })
         ] })
-      ) : /* @__PURE__ */ jsxs3("section", { className: "mx-meet__record-section", "aria-label": "Who attended", children: [
-        /* @__PURE__ */ jsx4("h2", { className: "mx-meet__record-section-title", children: "Who attended" }),
-        /* @__PURE__ */ jsx4("ul", { className: "mx-meet__record-attendees", children: attended.map((person) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__record-attendee", children: [
-          /* @__PURE__ */ jsx4(
+      ) : /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Who attended", children: [
+        /* @__PURE__ */ jsx6("h2", { className: "mx-meet__record-section-title", children: "Who attended" }),
+        /* @__PURE__ */ jsx6("ul", { className: "mx-meet__record-attendees", children: attended.map((person) => /* @__PURE__ */ jsxs4("li", { className: "mx-meet__record-attendee", children: [
+          /* @__PURE__ */ jsx6(
             Avatar,
             {
               name: displayNameFor(bundle.names, person.identity, person.displayName),
@@ -10867,26 +10934,26 @@ function MeetingRecordBody({
               size: 28
             }
           ),
-          /* @__PURE__ */ jsxs3("span", { className: "mx-meet__person-name", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "mx-meet__person-name", children: [
             displayNameFor(bundle.names, person.identity, person.displayName),
-            person.role === "host" ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "Host" }) : null,
-            person.role === "guest" ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "Guest" }) : null,
-            person.isAgent ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "Meeting assistant" }) : null
+            person.role === "host" ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__badge", children: "Host" }) : null,
+            person.role === "guest" ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__badge", children: "Guest" }) : null,
+            person.isAgent ? /* @__PURE__ */ jsx6("span", { className: "mx-meet__badge", children: "Meeting assistant" }) : null
           ] })
         ] }, person.id)) })
       ] }),
-      bundle.recording !== null ? /* @__PURE__ */ jsxs3("section", { className: "mx-meet__record-section mx-meet__recording-card", "aria-label": "Recording", children: [
-        /* @__PURE__ */ jsx4("h2", { className: "mx-meet__record-section-title", children: "Recording" }),
-        fileId !== null ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-          /* @__PURE__ */ jsx4(RecordingPlayer, { fileId }),
-          notice !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: notice }) : null
-        ] }) : /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: notice ?? "This recording has no file." })
-      ] }) : wasRefused(bundle, "recording") ? /* @__PURE__ */ jsxs3("section", { className: "mx-meet__record-section", "aria-label": "Recording", children: [
-        /* @__PURE__ */ jsx4("h2", { className: "mx-meet__record-section-title", children: "Recording" }),
-        /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: REFUSED_ABSENCE })
+      bundle.recording !== null ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section mx-meet__recording-card", "aria-label": "Recording", children: [
+        /* @__PURE__ */ jsx6("h2", { className: "mx-meet__record-section-title", children: "Recording" }),
+        fileId !== null ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          /* @__PURE__ */ jsx6(RecordingPlayer, { fileId }),
+          notice !== null ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: notice }) : null
+        ] }) : /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: notice ?? "This recording has no file." })
+      ] }) : wasRefused(bundle, "recording") ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Recording", children: [
+        /* @__PURE__ */ jsx6("h2", { className: "mx-meet__record-section-title", children: "Recording" }),
+        /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: REFUSED_ABSENCE })
       ] }) : null,
-      /* @__PURE__ */ jsxs3("nav", { className: "mx-meet__record-tabs", "aria-label": "Meeting record sections", children: [
-        /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsxs4("nav", { className: "mx-meet__record-tabs", "aria-label": "Meeting record sections", children: [
+        /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -10896,7 +10963,7 @@ function MeetingRecordBody({
             children: "Summary & decisions"
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -10906,7 +10973,7 @@ function MeetingRecordBody({
             children: "Notes as it happened"
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -10917,15 +10984,15 @@ function MeetingRecordBody({
           }
         )
       ] }),
-      tab === "summary" ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsxs3("section", { className: "mx-meet__record-section", "aria-label": "Summary", children: [
-          /* @__PURE__ */ jsx4("h2", { className: "mx-meet__record-section-title", children: "Summary" }),
-          wrapUp.state === "written" ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-summary", children: bundle.summary?.text }) : wrapUp.state === "in-progress" ? /* @__PURE__ */ jsxs3("div", { className: "mx-meet__panel-note", role: "status", children: [
-            /* @__PURE__ */ jsx4("p", { children: wrapUp.message }),
-            /* @__PURE__ */ jsx4("button", { type: "button", className: "mx-meet__link", onClick: record.reload, children: "Check again" })
-          ] }) : /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", role: wrapUp.state === "failed" ? "alert" : void 0, children: wrapUp.message })
+      tab === "summary" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Summary", children: [
+          /* @__PURE__ */ jsx6("h2", { className: "mx-meet__record-section-title", children: "Summary" }),
+          wrapUp.state === "written" ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-summary", children: bundle.summary?.text }) : wrapUp.state === "in-progress" ? /* @__PURE__ */ jsxs4("div", { className: "mx-meet__panel-note", role: "status", children: [
+            /* @__PURE__ */ jsx6("p", { children: wrapUp.message }),
+            /* @__PURE__ */ jsx6("button", { type: "button", className: "mx-meet__link", onClick: record.reload, children: "Check again" })
+          ] }) : /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", role: wrapUp.state === "failed" ? "alert" : void 0, children: wrapUp.message })
         ] }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx6(
           NoteList,
           {
             title: "Decisions",
@@ -10937,7 +11004,7 @@ function MeetingRecordBody({
             )
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx6(
           NoteList,
           {
             title: "Action items",
@@ -10950,42 +11017,42 @@ function MeetingRecordBody({
           }
         )
       ] }) : null,
-      tab === "notes" ? /* @__PURE__ */ jsxs3("section", { className: "mx-meet__record-section", "aria-label": "Notes as it happened", children: [
-        /* @__PURE__ */ jsx4("h2", { className: "mx-meet__record-section-title", children: "Notes as it happened" }),
-        bundle.liveNotes.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: absenceSentence(
+      tab === "notes" ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Notes as it happened", children: [
+        /* @__PURE__ */ jsx6("h2", { className: "mx-meet__record-section-title", children: "Notes as it happened" }),
+        bundle.liveNotes.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: absenceSentence(
           bundle,
           "notes",
           "No live notes are available for this meeting."
-        ) }) : /* @__PURE__ */ jsx4("ul", { className: "mx-meet__notes", children: bundle.liveNotes.map((note) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__note", children: [
-          note.window !== null ? /* @__PURE__ */ jsxs3("span", { className: "mx-meet__badge", children: [
+        ) }) : /* @__PURE__ */ jsx6("ul", { className: "mx-meet__notes", children: bundle.liveNotes.map((note) => /* @__PURE__ */ jsxs4("li", { className: "mx-meet__note", children: [
+          note.window !== null ? /* @__PURE__ */ jsxs4("span", { className: "mx-meet__badge", children: [
             "Window ",
             note.window
           ] }) : null,
           note.text
         ] }, note.id)) })
       ] }) : null,
-      tab === "transcript" ? /* @__PURE__ */ jsxs3("section", { className: "mx-meet__record-section", "aria-label": "Transcript", children: [
-        /* @__PURE__ */ jsxs3("h2", { className: "mx-meet__record-section-title", children: [
+      tab === "transcript" ? /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Transcript", children: [
+        /* @__PURE__ */ jsxs4("h2", { className: "mx-meet__record-section-title", children: [
           "Transcript",
-          /* @__PURE__ */ jsx4("span", { className: "mx-meet__record-count", children: bundle.transcript.length === 1 ? "1 line" : `${bundle.transcript.length} lines` })
+          /* @__PURE__ */ jsx6("span", { className: "mx-meet__record-count", children: bundle.transcript.length === 1 ? "1 line" : `${bundle.transcript.length} lines` })
         ] }),
-        blocks.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: absenceSentence(
+        blocks.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: absenceSentence(
           bundle,
           "transcript",
           "No transcript is available for this meeting."
-        ) }) : /* @__PURE__ */ jsx4("ol", { className: "mx-meet__record-transcript", children: blocks.map((block) => /* @__PURE__ */ jsxs3("li", { className: "mx-meet__record-block", children: [
-          /* @__PURE__ */ jsxs3("p", { className: "mx-meet__record-speaker", children: [
+        ) }) : /* @__PURE__ */ jsx6("ol", { className: "mx-meet__record-transcript", children: blocks.map((block) => /* @__PURE__ */ jsxs4("li", { className: "mx-meet__record-block", children: [
+          /* @__PURE__ */ jsxs4("p", { className: "mx-meet__record-speaker", children: [
             block.speaker,
-            /* @__PURE__ */ jsx4("time", { className: "mx-meet__record-time", dateTime: block.startedAt, children: clockOf(block.startedAt) })
+            /* @__PURE__ */ jsx6("time", { className: "mx-meet__record-time", dateTime: block.startedAt, children: clockOf(block.startedAt) })
           ] }),
-          block.lines.map((line) => /* @__PURE__ */ jsx4("p", { className: "mx-meet__record-line", children: line.text }, line.id))
+          block.lines.map((line) => /* @__PURE__ */ jsx6("p", { className: "mx-meet__record-line", children: line.text }, line.id))
         ] }, block.id)) })
       ] }) : null,
-      /* @__PURE__ */ jsx4(GuestRecordAccessControl, { meeting }),
-      /* @__PURE__ */ jsxs3("section", { className: "mx-meet__record-section", "aria-label": "Ask about this meeting", children: [
-        /* @__PURE__ */ jsx4("h2", { className: "mx-meet__record-section-title", children: "Ask about this meeting" }),
-        guestFinishedMeeting ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: "Sign in to ask the assistant about a meeting after it ends." }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-          /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsx6(GuestRecordAccessControl, { meeting }),
+      /* @__PURE__ */ jsxs4("section", { className: "mx-meet__record-section", "aria-label": "Ask about this meeting", children: [
+        /* @__PURE__ */ jsx6("h2", { className: "mx-meet__record-section-title", children: "Ask about this meeting" }),
+        guestFinishedMeeting ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: "Sign in to ask the assistant about a meeting after it ends." }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          /* @__PURE__ */ jsxs4(
             "form",
             {
               className: "mx-meet__composer",
@@ -10996,7 +11063,7 @@ function MeetingRecordBody({
                 void record.ask(trimmed);
               },
               children: [
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx6(
                   "input",
                   {
                     className: "mx-meet__input",
@@ -11006,7 +11073,7 @@ function MeetingRecordBody({
                     "aria-label": "Ask about this meeting"
                   }
                 ),
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx6(
                   "button",
                   {
                     type: "submit",
@@ -11018,8 +11085,8 @@ function MeetingRecordBody({
               ]
             }
           ),
-          record.answer !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__answer", children: record.answer }) : null,
-          record.coverage !== null ? /* @__PURE__ */ jsxs3("p", { className: "mx-meet__coverage", children: [
+          record.answer !== null ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__answer", children: record.answer }) : null,
+          record.coverage !== null ? /* @__PURE__ */ jsxs4("p", { className: "mx-meet__coverage", children: [
             "Answered from ",
             record.coverage.segmentsUsed,
             " of ",
@@ -11030,9 +11097,9 @@ function MeetingRecordBody({
             record.coverage.truncated ? " (the oldest were left out)" : "",
             "."
           ] }) : null,
-          record.askError !== null ? /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__refusal", error: record.askError, operation: "Ask about this meeting", origin: "meet/components", children: [
-            /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-reason", children: record.askError.message }),
-            /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-remedy", children: record.askError.remedy })
+          record.askError !== null ? /* @__PURE__ */ jsxs4(ErrorBox2, { as: "div", className: "mx-meet__refusal", error: record.askError, operation: "Ask about this meeting", origin: "meet/components", children: [
+            /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-reason", children: record.askError.message }),
+            /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-remedy", children: record.askError.remedy })
           ] }) : null
         ] })
       ] })
@@ -11043,21 +11110,21 @@ var STREAM_REFUSED = "Streaming playback did not start, so this recording was do
 var PLAYBACK_RETRY_REMEDY = "Reload the page and try again. If it still will not play, ask a meeting host to check the recording.";
 function RecordingPlayer(props) {
   const host = useMeetHost();
-  if (host === null) return /* @__PURE__ */ jsx4(InertNotice, { what: "This recording" });
-  return /* @__PURE__ */ jsx4(RecordingPlayerBody, { ...props, host });
+  if (host === null) return /* @__PURE__ */ jsx6(InertNotice, { what: "This recording" });
+  return /* @__PURE__ */ jsx6(RecordingPlayerBody, { ...props, host });
 }
 function RecordingPlayerBody({ fileId, host }) {
-  const [media, setMedia] = useState4(null);
-  const [loading, setLoading] = useState4(false);
-  const [error, setError] = useState4(null);
-  useEffect4(() => {
+  const [media, setMedia] = useState5(null);
+  const [loading, setLoading] = useState5(false);
+  const [error, setError] = useState5(null);
+  useEffect7(() => {
     if (media === null || media.kind !== "bytes") return void 0;
     const url = media.url;
     return () => URL.revokeObjectURL(url);
   }, [media]);
   if (media !== null) {
-    return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__record-section", children: [
-      /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-section", children: [
+      /* @__PURE__ */ jsx6(
         "video",
         {
           className: "mx-meet__record-player",
@@ -11099,15 +11166,15 @@ function RecordingPlayerBody({ fileId, host }) {
           }
         }
       ),
-      media.fallbackReason !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__panel-note", children: media.fallbackReason }) : null
+      media.fallbackReason !== null ? /* @__PURE__ */ jsx6("p", { className: "mx-meet__panel-note", children: media.fallbackReason }) : null
     ] });
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__record-section", children: [
-    error !== null ? /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__refusal", error, operation: "Complete this meeting action", origin: "meet/components", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-reason", children: error.message }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__refusal-remedy", children: error.remedy })
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-meet__record-section", children: [
+    error !== null ? /* @__PURE__ */ jsxs4(ErrorBox2, { as: "div", className: "mx-meet__refusal", error, operation: "Complete this meeting action", origin: "meet/components", children: [
+      /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-reason", children: error.message }),
+      /* @__PURE__ */ jsx6("p", { className: "mx-meet__refusal-remedy", children: error.remedy })
     ] }) : null,
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx6(
       "button",
       {
         type: "button",
@@ -11135,45 +11202,84 @@ function RecordingPlayerBody({ fileId, host }) {
     )
   ] });
 }
-function clockOf(iso) {
-  const at = new Date(iso);
-  if (Number.isNaN(at.getTime())) return "";
-  return at.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
-}
-function MeetingList({ baseUrl }) {
+
+// src/react/skin-root.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function MeetingSkinRoot(props) {
   const host = useMeetHost();
-  const list = useMeetings();
-  if (host === null) return /* @__PURE__ */ jsx4(InertNotice, { what: "Your meetings" });
-  if (list.failure !== null) {
-    return /* @__PURE__ */ jsxs3(ErrorBox, { as: "div", className: "mx-meet__empty", error: list.failure, operation: "List your meetings", origin: "meet/components", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-title", children: "Your meetings could not be listed" }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-body", children: list.failure.message }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-body", children: list.failure.remedy })
-    ] });
-  }
-  if (list.loading) {
-    return /* @__PURE__ */ jsx4("div", { className: "mx-meet__empty", role: "status", children: /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-title", children: "Loading your meetings\u2026" }) });
+  if (host === null) {
+    return /* @__PURE__ */ jsx7(MeetRoot, { meeting: props.meeting, children: /* @__PURE__ */ jsx7("div", { className: "mx-meet", children: /* @__PURE__ */ jsx7(InertNotice, { what: "This meeting" }) }) });
   }
-  if (list.meetings.length === 0) {
-    return /* @__PURE__ */ jsxs3("div", { className: "mx-meet__empty", role: "status", children: [
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-title", children: "No meetings yet" }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-meet__empty-body", children: "Create one above. Its link works before, during and after the meeting \u2014 afterwards it opens the record." })
-    ] });
+  return /* @__PURE__ */ jsx7(MeetRoot, { meeting: props.meeting, children: /* @__PURE__ */ jsx7(MeetingSkinRootBody, { ...props, host }) });
+}
+function MeetingSkinRootBody({
+  roomName,
+  meetingId,
+  slug,
+  meeting: given,
+  onLeave,
+  headerControls,
+  host
+}) {
+  const snapshot = useMeetSnapshot();
+  const phase = snapshot?.phase ?? "idle";
+  useEffect8(() => {
+    host.meetings.watch(roomName);
+  }, [host, roomName]);
+  useEffect8(() => {
+    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;
+  useEffect8(() => {
+    if (watchedId === null) return;
+    host.meetings.watchMeeting(asMeetingId(watchedId));
+  }, [host, watchedId]);
+  const record = snapshot?.meeting ?? given ?? null;
+  if (hasEnded(record) && phase !== "connected" && phase !== "reconnecting") {
+    return /* @__PURE__ */ jsx7(MeetingRecordView, { meeting: record });
   }
-  const origin = baseUrl ?? (typeof window === "undefined" ? "" : window.location.origin);
-  return /* @__PURE__ */ jsx4("ul", { className: "mx-meet-list", children: list.meetings.map((meeting) => {
-    const ended = meeting.endedAt !== null;
-    return /* @__PURE__ */ jsxs3("li", { className: "mx-meet-list__row", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "mx-meet-list__main", children: [
-        /* @__PURE__ */ jsxs3("span", { className: "mx-meet-list__title", children: [
-          meeting.title,
-          ended ? /* @__PURE__ */ jsx4("span", { className: "mx-meet__badge", children: "Ended" }) : null
-        ] }),
-        /* @__PURE__ */ jsx4("span", { className: "mx-meet-list__when", children: meetingWhen(meeting) })
-      ] }),
-      /* @__PURE__ */ jsx4("a", { className: "mx-meet-list__action", href: meetingLink(origin, meeting.slug), children: ended ? "Open the record" : "Join" })
-    ] }, meeting.id);
-  }) });
+  return /* @__PURE__ */ jsx7(
+    MeetSkinRoom,
+    {
+      roomName,
+      ...meetingId !== void 0 ? { meetingId } : {},
+      ...slug !== void 0 ? { slug } : {},
+      ...onLeave !== void 0 ? { onLeave } : {},
+      ...headerControls !== void 0 ? { headerControls } : {}
+    }
+  );
+}
+
+// src/react/calls-ui.tsx
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function IncomingCallHost() {
+  const calls = useCalls();
+  if (calls.incoming.length === 0) return null;
+  return /* @__PURE__ */ jsx8("div", { className: "mx-meet__ringing-stack", children: calls.incoming.map((invite) => /* @__PURE__ */ jsx8(IncomingCallCard, { invite }, invite.id)) });
+}
+function IncomingCallCard({ invite }) {
+  const calls = useCalls();
+  return /* @__PURE__ */ jsxs5("section", { className: "mx-meet__ringing", role: "alertdialog", "aria-label": "Incoming call", children: [
+    /* @__PURE__ */ jsx8(Avatar, { name: invite.callerName, url: invite.callerAvatarUrl, size: 56 }),
+    /* @__PURE__ */ jsxs5("div", { className: "mx-meet__ringing-text", children: [
+      /* @__PURE__ */ jsx8("strong", { children: invite.callerName }),
+      /* @__PURE__ */ jsx8("span", { children: invite.mode === "video" ? "Incoming video call" : "Incoming call" })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "mx-meet__ringing-actions", children: [
+      /* @__PURE__ */ jsx8(ControlButton, { label: "Decline", danger: true, onClick: () => void calls.decline(invite), children: /* @__PURE__ */ jsx8(PhoneOffIcon, {}) }),
+      invite.mode === "video" ? /* @__PURE__ */ jsx8(
+        ControlButton,
+        {
+          label: "Accept without video",
+          onClick: () => void calls.accept({ ...invite, mode: "audio" }),
+          children: /* @__PURE__ */ jsx8(CameraOffIcon, {})
+        }
+      ) : null,
+      /* @__PURE__ */ jsx8(ControlButton, { label: "Accept", onClick: () => void calls.accept(invite), children: /* @__PURE__ */ jsx8(PhoneIcon, {}) })
+    ] })
+  ] });
 }
 
 // src/core/invitations.ts
@@ -11328,54 +11434,26 @@ async function pushMeetingToGoogleCalendar(api, meetingId, target) {
 }
 export {
   ATTENDANCE_CSV_HEADER,
-  ActivitiesControl,
-  ActivitiesIcon,
-  AiPanel,
-  AttendanceNotice,
-  Avatar,
-  BreakoutBanner,
-  BreakoutIcon,
-  BreakoutsPanel,
   CALL_INVITE_KIND,
   CALL_INVITE_VERSION,
   CAPTION_LANGUAGES,
   CONSENT_NOTICE_ATTRIBUTE,
-  CallButton,
-  CameraIcon,
-  CameraOffIcon,
-  CaptionLanguageSettings,
-  Captions,
-  ChatIcon,
-  ChatPanel,
-  CheckIcon,
-  CloseIcon,
-  ConnectionDot,
-  ConsentNotice,
-  ControlBar,
-  ControlButton,
   DATA_TOPICS,
   DEFAULT_EFFECTS,
   DEFAULT_PAGE_SIZE,
   EMPTY_COLLAB,
   END_MEETING_NOT_SERVED,
   FILE_SESSION_PATH,
-  FlagIcon,
   GUEST_RECORD_ACCESS_CHOICES,
   GUEST_RECORD_ACCESS_LEVELS,
   GUEST_RECORD_ACCESS_METADATA_KEY,
   GUEST_RECORD_NOT_SHARED,
   GuestRecordAccessControl,
-  HandIcon,
-  HostMenu,
   IDLE_MEDIA,
   IDLE_TRACK,
   IncomingCallCard,
   IncomingCallHost,
-  KeyboardIcon,
   LISTEN_ONLY_NOTICE,
-  LayoutIcon,
-  LobbyPanel,
-  LockIcon,
   MEETING_INVITE_KIND,
   MEETING_INVITE_VERSION,
   MEETING_RECORD_GRACE_MS,
@@ -11389,33 +11467,15 @@ export {
   MODERATION_ACTIONS,
   MeetError,
   MeetProvider,
-  MeetingList,
-  MeetingOverlays,
+  MeetRoot,
   MeetingRecordView,
-  MeetingRoom,
-  MicIcon,
-  MicOffIcon,
-  MoreIcon,
+  MeetingSkinRoot,
   NOTE_TAKER_IDENTITY_PREFIX,
   NOTE_TAKER_METADATA_KEY,
   NO_GRANTS,
   ORGANIZATION_HEADER,
   PARTICIPANT_CAN_RECORD_ATTRIBUTE,
   PARTICIPANT_ROLE_ATTRIBUTE,
-  ParticipantTile,
-  PencilIcon,
-  PeopleIcon,
-  PeoplePanel,
-  PersonMenu,
-  PhoneIcon,
-  PhoneOffIcon,
-  PinIcon,
-  PollIcon,
-  PollsPanel,
-  PreJoin,
-  QaPanel,
-  QualityBars,
-  QuestionIcon,
   REACTION_TTL_MS,
   REFUSED_ABSENCE,
   ROLE_RANK,
@@ -11423,30 +11483,13 @@ export {
   ROOM_EVENT_PREFIX,
   ROOM_TOKEN_HEADER,
   RPCS,
-  ReactionOverlay,
-  RecordIcon,
-  RecordingIndicator,
   RecordingPlayer,
-  ScheduleMeeting,
-  ScreenShareIcon,
-  SearchIcon,
-  SettingsIcon,
-  SettingsPanel,
-  ShortcutsSheet,
-  SignalIcon,
-  SmileIcon,
-  SparklesIcon,
-  SpeakerIcon,
-  SpotlightIcon,
-  Stage,
   TABLES,
   TRANSCRIPTION_ATTRIBUTES,
   TRANSCRIPTION_TOPIC,
-  WhiteboardIcon,
-  WhiteboardPanel,
-  WifiLowIcon,
   absenceSentence,
   activeWrapUpSummary,
+  activityAttention,
   announceMeeting,
   applyCollabPacket,
   applyRoomEvent,
@@ -11463,6 +11506,7 @@ export {
   attendanceTotals,
   attendeeKey,
   autoAssign,
+  availableActivities,
   breakoutRemainingMs,
   callInviteAction,
   callInviteText,
@@ -11534,6 +11578,9 @@ export {
   meetingWhen,
   mergeCaption,
   mergeRecord,
+  microphoneNoticeCode,
+  moveToRoom,
+  nextTranslationBatch,
   normalizeDeviceError,
   normalizeMeetError,
   normalizeSpoken,
@@ -11542,9 +11589,15 @@ export {
   noteTakerParticipant,
   noteTakerStatus,
   notesDocument,
+  observe as observeMeeting,
+  observedDevice,
+  observedPhase,
+  observedQuality,
   orderParticipants,
   parseRoomToken,
+  participantAttributes,
   participantSummary,
+  performCollab,
   playableRecordingFileId,
   projectInvitee,
   projectLibraryRecording,
@@ -11564,16 +11617,23 @@ export {
   recordingOffsetMs,
   roleOf,
   roomTopic,
+  rootAttributes,
   searchTranscript,
   sendFollowUp,
+  setCaptionLanguage,
   setGuestRecordAccess,
   settingsPatch,
   snapshotParticipant,
   snippetRuns,
+  staticObservation,
   summarizeMeetingRecordRestrictions,
+  takeMoveRequest,
+  takePanelRequest,
   transcriptDocument,
   unavailableFrom,
   uniqueAttendees,
+  untranslatedLines,
+  useActivityAttention,
   useAudioLevel,
   useAvailableActivities,
   useCalls,
@@ -11583,6 +11643,8 @@ export {
   useCollab,
   useCollabPanelRequest,
   useConsentNotice,
+  useCoreObservation,
+  useCoreRootProps,
   useDeviceSnapshot,
   useElapsed,
   useEndMeeting,
@@ -11596,6 +11658,7 @@ export {
   useLocalUserId,
   useMediaEffects,
   useMeetAi,
+  useMeetCore,
   useMeetHost,
   useMeetShortcuts,
   useMeetSnapshot,