@ai-matrx/meet 0.7.84 → 0.7.85

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog — `@ai-matrx/meet`
 
+## 0.7.85
+### Unreleased
+
+**The headless boundary (Meet duplicates CORE-DESIGN step S1). Breaking for imports; behavior unchanged.**
+
+- New subpaths: `@ai-matrx/meet/core` (`.` re-exports it) and `@ai-matrx/meet/skins/meet`.
+- Today's in-call UI is **Meet skin v0** under `src/skins/meet/`, reading the core only through the
+  facade (`useMeetCore()` + headless re-exports), enforced by `scripts/check-skin-imports.mjs`
+  (fails the build; self-test plants a bad import in a temp copy).
+- `<MeetingRoom>` → `<MeetingSkinRoot>` (same props). The in-call parts (`ControlBar`,
+  `ParticipantTile`, `Captions`, `ConsentNotice`, `AttendanceNotice`, `RecordingIndicator`,
+  `HostMenu`, `Stage`, panels, icons, collab panels) moved from `/react` to `/skins/meet`.
+  `/react` keeps the provider, hooks, `useMeetCore`, `MeetRoot`, the record surfaces
+  (`MeetingRecordView`, `RecordingPlayer`, `GuestRecordAccessControl`) and the ringing surface
+  (`IncomingCallHost`, `IncomingCallCard`).
+- Collab/caption hook logic moved into the core (`availableActivities`, `activityAttention`,
+  `performCollab`, `moveToRoom`, `untranslatedLines`, `nextTranslationBatch`,
+  `setCaptionLanguage`, `takePanelRequest`, `takeMoveRequest`); the hooks are thin selectors.
+  `MEET_REACTIONS` is a core export.
+- Deleted (no consumer): `MeetingList`, `ScheduleMeeting`, `CallButton`.
+- The provider's React context now lives in the globalThis slot so `/react` and `/skins/meet`
+  bundles share it.
+
+**Consumer action:** `MeetingRoom` → `MeetingSkinRoot` from `/react`; import in-call parts and icons
+from `@ai-matrx/meet/skins/meet`.
+
 ## 0.7.84
 ### Unreleased
 

package/README.md

@@ -86,7 +86,7 @@ them. Authenticated users skip the prompt; host powers require authentication.
 
 This is enforced by TYPES, not by discipline: `MeetIdentity.userId` is `UserId | null`, and every
 operation that needs an account takes a `UserId`. A guest provider has **no call center at all** —
-so `<CallButton>` renders nothing rather than a disabled button (no dead ends).
+so `useCalls().canCall` is false and no call control renders rather than a disabled button (no dead ends).
 
 ### 6. Admission is a server decision. Roles come from the token.
 
@@ -160,12 +160,17 @@ will refuse.
 
 ## The one-hour integration (R7)
 
+Four subpaths (CORE-DESIGN §5.1): `@ai-matrx/meet/core` (framework-free; `@ai-matrx/meet`
+re-exports it), `@ai-matrx/meet/react` (provider, hooks, `<MeetingSkinRoot>`, the record and
+ringing surfaces), and one per skin — `@ai-matrx/meet/skins/meet` holds the Meet skin's parts
+(`ControlBar`, `ParticipantTile`, `Captions`, …) for a host layout that composes them.
+
 ```tsx
 import "@ai-matrx/meet/tokens.css";   // defaults — override these with your brand
 import "./brand.css";
 import "@ai-matrx/meet/styles.css";   // structural, last
 
-import { MeetProvider, IncomingCallHost, MeetingRoom, CallButton } from "@ai-matrx/meet/react";
+import { MeetProvider, IncomingCallHost, MeetingSkinRoot, useCalls } from "@ai-matrx/meet/react";
 
 export function App({ children }) {
   return (
@@ -185,11 +190,12 @@ export function App({ children }) {
   );
 }
 
-// Anywhere a person appears:
-<CallButton person={{ userId, displayName, avatarUrl }} />
+// Anywhere a person appears: your own control, calling through the hook.
+const calls = useCalls();
+calls.canCall && <button onClick={() => calls.call([userId], "video")}>Call</button>
 
-// Your meeting route:
-<MeetingRoom roomName={roomName} meetingId={meetingId} />
+// Your meeting route — the skin root chooses the viewer's skin (Meet until S9):
+<MeetingSkinRoot roomName={roomName} meetingId={meetingId} />
 ```
 
 The stage fills the viewport (`100dvh`). To run a meeting inside a box — a board tile, a split
@@ -210,7 +216,7 @@ lane. A guest has no account, so that mount reads no session at all:
 ```tsx
 <MeetProvider client={supabase} baseUrl={AIDREAM_URL} organizationId={orgId}
               guestName={typedName} accessToken={async () => null}>
-  <MeetingRoom roomName={meeting.roomName} slug={slug} />
+  <MeetingSkinRoot roomName={meeting.roomName} slug={slug} />
 </MeetProvider>
 ```