@ai-matrx/meet 0.7.73 → 0.7.76

package/dist/react.js

@@ -219,6 +219,12 @@ var MEET_ROUTES = {
   record: "/api/v1/meet/record",
   /** A host chooses what guests may read of ONE meeting (MRF-1). */
   recordAccess: "/api/v1/meet/record/access",
+  /**
+   * KEEP YOUR NOTES (2026-10-01): a guest who just created an account presents
+   * their kept pass in `x-meet-room-token` with their new session, and the
+   * meeting they attended becomes theirs to read. Idempotent; never a grant.
+   */
+  claim: "/api/v1/meet/claim",
   /**
    * Meet wave 1 (0.8): bring every invitee up to date after a write — sends the
    * invitation / update / cancellation emails with their `.ics` and re-queues
@@ -5525,7 +5531,7 @@ import { formatDurationMs } from "@ai-matrx/kit/format";
 function activeWrapUpSummary(notes) {
   return notes.find((note) => note.role === "summary" && note.supersededBy === null) ?? null;
 }
-var RESTRICTION_REMEDY = "The people in this meeting's organization can read it. Sign in with an account in that organization \u2014 following the link is enough to join a meeting, but not to read its record.";
+var RESTRICTION_REMEDY = "Open it from the meeting link in the browser you attended with, or ask the host to share it.";
 var PART_LABEL = {
   transcript: "The transcript of this meeting is not readable from this account.",
   notes: "The notes, decisions and action items are not readable from this account.",
@@ -5784,7 +5790,8 @@ function summarizeMeetingRecordRestrictions(restrictions) {
 }
 async function loadGuestMeetingRecord(args) {
   const { api, repository, meetingId, meeting, roomToken } = args;
-  if (roomToken === null) {
+  const session = args.session === true;
+  if (roomToken === null && !session) {
     return refusedBundle(
       meeting,
       "This meeting's record is only readable by the people who were in it.",
@@ -5797,9 +5804,9 @@ async function loadGuestMeetingRecord(args) {
       path: `${MEET_ROUTES.record}?meeting_id=${encodeURIComponent(meetingId)}`,
       method: "GET",
       // A GUEST HAS NO SESSION AND IS STILL A FIRST-CLASS READER (D6).
-      requireAuth: false,
+      requireAuth: session,
       operation: "meet.record",
-      headers: { [ROOM_TOKEN_HEADER]: roomToken.token }
+      headers: roomToken === null ? {} : { [ROOM_TOKEN_HEADER]: roomToken.token }
     });
   } catch (error) {
     return refusedBundle(
@@ -6528,7 +6535,24 @@ function useMeetingRecord(meeting) {
       meetingId,
       meeting,
       roomToken: tokens.remembered(roomName)
-    }) : loadMeetingRecord(repository, meetingId, meeting, { userId: readerId });
+    }) : loadMeetingRecord(repository, meetingId, meeting, { userId: readerId }).then(
+      (direct) => (
+        // A SIGNED-IN OUTSIDER IS NOT A STRANGER (2026-10-01). The database
+        // answers members and invitees; a person from another organization
+        // the host admitted — or a guest who later made an account — reads
+        // the guest share through the server, with their session as the pass.
+        api !== null && direct.restrictions.some((part) => part.part === "notes") ? loadGuestMeetingRecord({
+          api,
+          repository,
+          meetingId,
+          meeting,
+          roomToken: null,
+          session: true
+        }).then(
+          (viaServer) => viaServer.restrictions.length < direct.restrictions.length ? viaServer : direct
+        ) : direct
+      )
+    );
     void load.then((bundle) => {
       if (!live) return;
       setRecordReaderId(readerId);
@@ -6668,7 +6692,20 @@ function useGuestRecordAccess(meeting) {
 
 // src/react/components.tsx
 import { useEffect as useEffect4, useLayoutEffect, useMemo as useMemo3, useRef as useRef4, useState as useState4 } from "react";
-import { ErrorBox } from "@ai-matrx/design-system";
+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/core/after.ts
@@ -7948,6 +7985,7 @@ function WhiteboardPanel({ onClose }) {
 function clock(ms2) {
   return formatDurationMs3(Math.ceil(ms2 / 1e3) * 1e3, { style: "clock" });
 }
+var BREAKOUT_EXPIRE_RETRY_MS = 5e3;
 function useNow(active) {
   const [now, setNow] = useState3(() => Date.now());
   useEffect3(() => {
@@ -8208,10 +8246,11 @@ function BreakoutBanner() {
   }, [moveAt, host, moveTo]);
   useEffect3(() => {
     if (open === null || remaining === null || remaining > 0) return;
-    if (expireAsked.current === open.id) return;
-    expireAsked.current = open.id;
+    const asked = expireAsked.current;
+    if (asked !== null && asked.id === open.id && now - asked.at < BREAKOUT_EXPIRE_RETRY_MS) return;
+    expireAsked.current = { id: open.id, at: now };
     void act({ action: "breakout_expire" });
-  }, [open, remaining, act]);
+  }, [open, remaining, act, now]);
   const broadcast = collab?.broadcast ?? null;
   const showBroadcast = broadcast !== null && broadcast.at !== dismissedBroadcast && open !== null;
   const room = open?.rooms.find((r) => r.id === breakoutRoomId) ?? null;
@@ -9519,38 +9558,40 @@ function EffectsSettings({ preview }) {
     }
   };
   return /* @__PURE__ */ jsxs3("section", { className: "mx-meet__section", "aria-label": "Effects", children: [
-    /* @__PURE__ */ jsxs3("label", { className: "mx-meet__toggle", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check", children: [
       /* @__PURE__ */ jsx4(
-        "input",
+        Checkbox,
         {
-          type: "checkbox",
+          id: "mx-meet-noise",
           checked: effects.effects.noiseSuppression,
-          onChange: (event) => apply({ noiseSuppression: event.target.checked })
+          onCheckedChange: (checked) => apply({ noiseSuppression: checked === true })
         }
       ),
-      "Noise suppression",
-      /* @__PURE__ */ jsx4("span", { className: "mx-meet__hint", children: "Filters keyboards, fans and background chatter." })
+      /* @__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." })
+      ] })
     ] }),
     supported ? /* @__PURE__ */ jsxs3("div", { className: "mx-meet__field", children: [
-      /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: "Background" }),
-      /* @__PURE__ */ jsx4("div", { className: "mx-meet__pills", role: "radiogroup", "aria-label": "Background", children: ["none", "blur", "image"].map((kind) => /* @__PURE__ */ jsx4(
-        "button",
+      /* @__PURE__ */ jsx4(Label, { children: "Background" }),
+      /* @__PURE__ */ jsx4(
+        SegmentedControl,
         {
-          type: "button",
-          role: "radio",
-          "aria-checked": effects.effects.background === kind,
-          className: effects.effects.background === kind ? "mx-meet__pill mx-meet__pill--on" : "mx-meet__pill",
-          onClick: () => {
+          value: effects.effects.background,
+          onValueChange: (kind) => {
             if (kind === "image") {
               fileRef.current?.click();
               return;
             }
             apply({ background: kind });
           },
-          children: kind === "none" ? "None" : kind === "blur" ? "Blur" : "Picture\u2026"
-        },
-        kind
-      )) }),
+          data: [
+            { value: "none", label: "None" },
+            { value: "blur", label: "Blur" },
+            { value: "image", label: "Picture\u2026" }
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx4(
         "input",
         {
@@ -9934,10 +9975,10 @@ function PreJoinBody({
       /* @__PURE__ */ jsxs3("div", { className: "mx-meet__field-row", children: [
         /* @__PURE__ */ jsx4(DevicePicker, { kind: "audiooutput", label: "Speaker" }),
         /* @__PURE__ */ jsxs3(
-          "button",
+          Button,
           {
             type: "button",
-            className: "mx-meet__chip",
+            variant: "outline",
             disabled: speakerTesting,
             onClick: () => {
               setSpeakerTesting(true);
@@ -9946,7 +9987,7 @@ function PreJoinBody({
               );
             },
             children: [
-              /* @__PURE__ */ jsx4(SpeakerIcon, { width: 14, height: 14 }),
+              /* @__PURE__ */ jsx4(SpeakerIcon, {}),
               " ",
               speakerTesting ? "Playing\u2026" : "Test"
             ]
@@ -9955,35 +9996,36 @@ function PreJoinBody({
       ] }),
       /* @__PURE__ */ jsx4(DevicePicker, { kind: "videoinput", label: "Camera" }),
       /* @__PURE__ */ jsx4(EffectsSettings, { preview: preview.preview }),
-      recording.consentNotice !== null ? /* @__PURE__ */ jsx4("p", { className: "mx-meet__consent", children: recording.consentNotice }) : null,
+      recording.consentNotice !== null ? /* @__PURE__ */ jsx4(Alert, { variant: "info", children: /* @__PURE__ */ jsx4(AlertDescription, { children: recording.consentNotice }) }) : null,
       /* @__PURE__ */ jsxs3("div", { className: "mx-meet__prejoin-actions", children: [
-        /* @__PURE__ */ jsxs3("label", { className: "mx-meet__toggle", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check", children: [
           /* @__PURE__ */ jsx4(
-            "input",
+            Checkbox,
             {
-              type: "checkbox",
+              id: "mx-meet-join-video",
               checked: mode === "video",
-              onChange: (event) => setMode(event.target.checked ? "video" : "audio")
+              onCheckedChange: (checked) => setMode(checked === true ? "video" : "audio")
             }
           ),
-          "Join with video"
+          /* @__PURE__ */ jsx4(Label, { htmlFor: "mx-meet-join-video", children: "Join with video" })
         ] }),
-        /* @__PURE__ */ jsxs3("label", { className: "mx-meet__toggle", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "mx-meet__check", children: [
           /* @__PURE__ */ jsx4(
-            "input",
+            Checkbox,
             {
-              type: "checkbox",
+              id: "mx-meet-join-mic",
               checked: microphone,
-              onChange: (event) => setMicrophone(event.target.checked)
+              onCheckedChange: (checked) => setMicrophone(checked === true)
             }
           ),
-          "Join with microphone"
+          /* @__PURE__ */ jsx4(Label, { htmlFor: "mx-meet-join-mic", children: "Join with microphone" })
         ] }),
         /* @__PURE__ */ jsx4(
-          "button",
+          Button,
           {
             type: "button",
-            className: "mx-meet__primary",
+            className: "mx-meet__join",
+            disabled: joining,
             onClick: () => {
               setJoining(true);
               preview.release();
@@ -10056,18 +10098,24 @@ function DevicePicker({
   const devices = useDeviceSnapshot();
   const list = devices?.devices[kind] ?? [];
   if (list.length === 0) return null;
-  return /* @__PURE__ */ jsxs3("label", { className: "mx-meet__field", children: [
-    /* @__PURE__ */ jsx4("span", { className: "mx-meet__field-label", children: label }),
-    /* @__PURE__ */ jsx4(
-      "select",
+  const triggerId = `mx-meet-device-${kind}`;
+  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__ */ jsxs3(
+      Select,
       {
-        className: "mx-meet__select",
-        value: devices?.selected[kind] ?? host.devices.resolve(kind) ?? "",
-        onChange: (event) => {
-          if (onPick !== void 0) onPick(kind, event.target.value);
-          else host.devices.select(kind, event.target.value);
+        ...current.length > 0 ? { value: valueOf(current) } : {},
+        onValueChange: (value) => {
+          const deviceId2 = list.find((device) => valueOf(device.deviceId) === value)?.deviceId ?? value;
+          if (onPick !== void 0) onPick(kind, deviceId2);
+          else host.devices.select(kind, deviceId2);
         },
-        children: list.map((device) => /* @__PURE__ */ jsx4("option", { value: device.deviceId, children: device.label.length > 0 ? device.label : `${label} (name hidden)` }, device.deviceId))
+        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")) })
+        ]
       }
     )
   ] });