@ai-matrx/meet 0.7.76 → 0.7.78

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog — `@ai-matrx/meet`
 
+## 0.7.78
+
+**A meeting can run inside a box.** `.mx-meet` was `height: 100dvh`, so a stage mounted in a
+board tile or a pane was as tall as the window and its control bar fell below the box. The
+height now reads `var(--mx-meet-height, 100dvh)`: unchanged by default; a host sets
+`--mx-meet-height: 100%` on an ancestor with a definite height to contain every screen.
+Guard: `styles.test.ts` "the stage's height".
+
+Consumer action: none (opt-in).
+
+## 0.7.77
+
+The pre-join background choice spans its column (`SegmentedControl fullWidth`) instead of
+leaving an empty grey track to the right of three left-packed options.
+
+Consumer action: none.
+
 ## 0.7.76
 
 **The pre-join lobby is the design system, not a second one.** Before this, the

package/README.md

@@ -192,6 +192,10 @@ export function App({ children }) {
 <MeetingRoom roomName={roomName} meetingId={meetingId} />
 ```
 
+The stage fills the viewport (`100dvh`). To run a meeting inside a box — a board tile, a split
+pane — give an ancestor a definite height and set `--mx-meet-height: 100%` on it; every screen
+(pre-join, lobby, room, record) then fills that box.
+
 🚨 **You do not tell Meet who the user is, and there is no prop for it.** The acting user is read
 from `client`'s own session — the same client that mints the JWT on every request — so the id in a
 `p_user_id` argument and the id in the token cannot disagree. Through 0.5.x this WAS a prop, every

package/dist/react.cjs

@@ -9868,6 +9868,7 @@ function EffectsSettings({ preview }) {
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_design_system.SegmentedControl,
         {
+          fullWidth: true,
           value: effects.effects.background,
           onValueChange: (kind) => {
             if (kind === "image") {