@arbidocs/react 0.5.111 → 0.5.113

package/dist/calls/livekit/index.d.cts

@@ -1,280 +0,0 @@
-import { Room } from 'livekit-client';
-import { J as JoinChoices, p as CaptionLine, d as AudioSegment, Z as TrackUploader, m as CallChatLine, M as MeetingChatRef, P as OpenQuestion } from '../../useAudioRecorder.d-B9rlMI_E.cjs';
-import { calls } from '@arbidocs/sdk/browser';
-import '@tanstack/react-query';
-import '@arbidocs/client';
-
-/**
- * The LiveKit room of a call, end-to-end encrypted.
- *
- * E2EE uses LiveKit insertable streams in shared-key mode: the 32-byte frame key K (from the call
- * link or my sealed copy) goes into an `ExternalE2EEKeyProvider`, so the SFU only forwards
- * ciphertext. With no key (a session without client keys) the room connects unencrypted.
- */
-
-/** The LiveKit end-to-end encryption worker (bundled from `livekit-client`). */
-declare function createE2EEWorker(): Worker;
-interface CallRoomState {
-    /** The room, ready to connect (`<LiveKitRoom room>`); null while it is being set up. */
-    room: Room | null;
-    /** Why the room could not be set up in this browser, if it could not. */
-    error: string | null;
-}
-/**
- * A Room for the call, built once per key: with K, the frames are encrypted in a worker before they
- * leave the browser. Built in an effect (not render) so StrictMode's double mount does not leak a
- * worker; disconnected and torn down on unmount. The device choices only seed it.
- */
-declare function useCallRoom(e2eeKey: Uint8Array | null, choices: JoinChoices, options?: {
-    createWorker?: () => Worker;
-}): CallRoomState;
-/**
- * Inside `<LiveKitRoom>`: ask someone to mute (anyone may ask; only the host can mute others
- * server-side), and show such a request when it is for me, with a Mute action.
- */
-declare function useMuteRequests(): (identity: string) => void;
-
-/**
- * Live transcription state of a LiveKit room (ARBI `docs/meeting-chats-plan.md` §5). Must run inside
- * <LiveKitRoom>.
- *
- * - Transcription is the HOST's setting: only the call's creator can turn it on or off.
- * - The state comes from the call row on join, then from the server's `arbi.transcription` data
- *   message and WS `call.transcription`. A participant cannot fake it: only a server-sent packet
- *   (no sender) is accepted.
- * - My audio is sent only while transcription is on AND its indicator is on screen
- *   (`indicatorShown`, set by the indicator itself once mounted) AND I have not muted my
- *   transcription AND (checked by <TranscriptionSender>) my microphone is on.
- * - Each of my transcribed segments becomes a caption for everyone (data channel, under K) and a
- *   transcript line in the meeting chat — stored by me, or, when I cannot post there (a workspace
- *   guest), by the members who receive my `proxy` caption. It is stored under my real display name
- *   (the UI shows "You" for my own lines; the stored line never says "You").
- * - The line being spoken when sending stops (transcription off, my transcription muted, hang-up,
- *   page hide) is still flushed and sent: the server takes a segment for {@link FINAL_SEGMENT_GRACE_MS}
- *   after transcription went off if it started before that.
- * - Every clip carries the user's language and my previous line (a continuity prompt).
- */
-
-/**
- * After sending stops, the segment that was open then is still sent (the server's grace for a final
- * segment is 30 s after transcription is turned off, for a segment that started before).
- */
-declare const FINAL_SEGMENT_GRACE_MS = 30000;
-/**
- * Whether one of my segments may still be sent: while sending, always; after sending stopped, only
- * the segment that was open then (it started before the stop) and within the server's grace.
- */
-declare function mayStillSend(params: {
-    sending: boolean;
-    /** When sending last stopped (ms since epoch); null if it never did. */
-    stoppedAt: number | null;
-    segmentStartedAt: number;
-    now: number;
-}): boolean;
-/**
- * The name my transcript lines are stored under: my LiveKit name, else my profile's display name,
- * else my identity — never "You" (that is only how the UI shows my own lines to me).
- */
-declare function storedSpeakerName(participantName: string | null | undefined, profileName: string | null | undefined, identity: string): string;
-interface CallTranscription {
-    /** The deployment has a transcriber and the call has a key. */
-    available: boolean;
-    on: boolean;
-    startedByName: string | null;
-    startedByMe: boolean;
-    /** I host the call: only I see and use the on/off control. */
-    canToggle: boolean;
-    busy: boolean;
-    /** I muted my own transcription (nothing of mine is sent). */
-    muted: boolean;
-    setMuted(muted: boolean): void;
-    /** Turn on / off (the host only). */
-    toggle(): Promise<void>;
-    /** The indicator reports itself on screen; nothing is sent before it is. */
-    setIndicatorShown(shown: boolean): void;
-    /** On, shown and not muted: <TranscriptionSender> records while this (and the mic) is on. */
-    shouldSend: boolean;
-    captions: CaptionLine[];
-    /** <TranscriptionSender> hands each of my speech segments here. */
-    handleSegment(segment: AudioSegment): Promise<void>;
-}
-declare function useCallTranscriber({ callExtId, callKey, isCreator, canPost, linkVersion, }: {
-    callExtId: string;
-    /** The link version I joined with (sent with each segment). */
-    linkVersion?: number | null;
-    callKey: Uint8Array | null;
-    isCreator: boolean;
-    /** I can post to the meeting chat (false for a workspace guest on a thread call). */
-    canPost: boolean;
-}): CallTranscription;
-
-/**
- * Recording state of a LiveKit room (ARBI `docs/meeting-chats-plan.md` §6). Must run inside
- * <LiveKitRoom>. Mirrors {@link useCallTranscription}:
- *
- * - Recording is the HOST's action: only the call's creator starts (choosing Audio or Audio + video)
- *   or stops it. Before starting, the host is warned when the storage quota is nearly full.
- * - The state comes from the call row on join, then from the server's `arbi.recording` data message
- *   and WS `call.recording`. Only a server-sent packet (no sender) is accepted.
- * - Nothing is captured before the "Recording" indicator is on screen (`indicatorShown`, reported
- *   by the indicator itself once mounted): `shouldCapture` gates every recorder.
- */
-
-interface PendingRecordingStart {
-    mode: calls.RecordingMode;
-    quota: calls.RecordingQuota;
-}
-interface CallRecordingControl {
-    /** The call has a key (recordings are encrypted under the conversation key; no key, no recording). */
-    available: boolean;
-    on: boolean;
-    mode: calls.RecordingMode | null;
-    recordingExtId: string | null;
-    /** The recording's start when the state carried it (uploaders otherwise read it). */
-    startedAt: string | null;
-    startedByName: string | null;
-    startedByMe: boolean;
-    /** I host the call: only I see and use the controls. */
-    canControl: boolean;
-    busy: boolean;
-    /** The call row (its meeting chat / locked workspace decide the conversation key). */
-    call: calls.CallResponse | null;
-    /** The call link version I joined with (sent when creating my track). */
-    linkVersion: number | null;
-    /** Start in a mode: checks the quota first; near the limit it asks for confirmation instead. */
-    requestStart(mode: calls.RecordingMode): Promise<void>;
-    /** The start waiting for the host to confirm past the quota warning. */
-    pendingStart: PendingRecordingStart | null;
-    confirmStart(): Promise<void>;
-    cancelStart(): void;
-    stop(): Promise<void>;
-    /** The indicator reports itself on screen; nothing is captured before it is. */
-    setIndicatorShown(shown: boolean): void;
-    /** On, a recording id known, the indicator shown and a key to encrypt under. */
-    shouldCapture: boolean;
-    /** The server stopped the recording at the storage quota: reflect (and say) it immediately. */
-    markStopped(): void;
-}
-/** Whether a recording state lets a client capture (the gating rule, testable on its own). */
-declare function captureAllowed(params: {
-    available: boolean;
-    state: calls.CallRecordingState | null;
-    indicatorShown: boolean;
-}): boolean;
-declare function useCallRecorder({ callExtId, callKey, isCreator, linkVersion, }: {
-    callExtId: string;
-    callKey: Uint8Array | null;
-    isCreator: boolean;
-    linkVersion?: number | null;
-}): CallRecordingControl;
-/** The uploader of one of my tracks for the running recording (null while not capturing). */
-declare function useTrackUploader(recording: CallRecordingControl, callKey: Uint8Array | null, kind: 'speaker' | 'composite', mimeType: string): TrackUploader | null;
-
-/**
- * The in-call chat state of a LiveKit room: live data-channel messages (encrypted under the call
- * key), persisted to the meeting chat for signed-in members. Must run inside <LiveKitRoom>. A
- * webinar's live chat (when its audience may chat) is this; with no call key it stays inert.
- */
-
-interface InCallChatState {
-    lines: CallChatLine[];
-    /** Messages from others received while the panel was closed. */
-    unread: number;
-    /** False without a call key: nothing could be encrypted, so chat is off. */
-    available: boolean;
-    /** My messages are kept in the meeting chat. */
-    persists: boolean;
-    /** A workspace guest on a thread call: the meeting chat is read-only (no composer). */
-    readOnly: boolean;
-    historyLoading: boolean;
-    historyError: string | null;
-    meetingChat: MeetingChatRef | null;
-    send(text: string): Promise<void>;
-    openMeeting(): Promise<void>;
-}
-/** The room's chat state. `open` is whether the panel is showing (it clears unread). */
-declare function useInCallChat({ callExtId, callKey, open, readOnly, persist, }: {
-    callExtId: string;
-    callKey: Uint8Array | null;
-    open: boolean;
-    /** Workspace guest on a thread call: read the meeting chat, never post. */
-    readOnly?: boolean;
-    /**
-     * Keep messages in (and read history from) the meeting chat. Off for a webinar's attendees: they
-     * are not its members, so their chat is live only.
-     */
-    persist?: boolean;
-}): InCallChatState;
-
-/**
- * The webinar state of a LiveKit room (ARBI `docs/webinars-plan.md`). Must run inside
- * <LiveKitRoom>; with `enabled` false (an ordinary call) it does nothing.
- *
- * - The state (live, chat, my role and stage, the moderators' hands and audience) comes from
- *   `GET /webinar`, then from the server's `arbi.webinar` data messages and WS `call.webinar`.
- *   Only server-sent packets count: one from a participant is ignored.
- * - Whether I am on stage is the room's own word (my publish permission), so it flips the moment
- *   the server promotes or demotes me.
- * - `promoted`: the "You're on stage" device check opens; joining it publishes my microphone (and
- *   camera) with the devices I picked. `demoted` (and stepping down myself): the server removes me
- *   from the room and the dock joins me again as the audience (`webinar-join.ts`).
- * - Q&A text is end-to-end under the call key K (`webinar-packets.ts`).
- */
-
-/** After `demoted`, the server removes me at once; if it has not after this, I leave the room myself. */
-declare const DEMOTE_REJOIN_FALLBACK_MS = 5000;
-type WebinarHandRow = NonNullable<calls.WebinarState['hands']>[number];
-type WebinarAttendeeRow = NonNullable<calls.WebinarState['attendees']>[number];
-interface WebinarControl {
-    /** The call is a webinar (everything below is inert otherwise). */
-    enabled: boolean;
-    role: calls.WebinarRole | null;
-    /** Host or co-host: go live / end, chat setting, hands and audience, promote / demote. */
-    moderator: boolean;
-    /** Host, co-host or panelist: moderates Q&A. */
-    team: boolean;
-    live: boolean;
-    chat: calls.WebinarChat;
-    /** I may publish: on stage (always true outside a webinar). */
-    onStage: boolean;
-    handRaised: boolean;
-    /** Moderators: the raised hands, oldest first. */
-    hands: WebinarHandRow[];
-    /** Moderators: everyone in the room (hidden audience included). */
-    attendees: WebinarAttendeeRow[];
-    questions: OpenQuestion[];
-    /** A moderator brought me on stage: the device check is open. */
-    stageCheck: boolean;
-    refresh(): Promise<void>;
-    goLive(): Promise<void>;
-    end(): Promise<void>;
-    setChat(chat: calls.WebinarChat): Promise<void>;
-    setHand(raised: boolean): Promise<void>;
-    promote(identity: string): Promise<void>;
-    demote(identity: string): Promise<void>;
-    /** Leave the stage myself (also "Stay in audience" on the device check). */
-    stepDown(): Promise<void>;
-    /** Go on stage with the devices picked in the check. */
-    joinStage(choices: JoinChoices): Promise<void>;
-    ask(text: string): Promise<void>;
-    vote(questionId: string, up: boolean): Promise<void>;
-    setQuestionStatus(questionId: string, status: calls.CallQuestionStatus): Promise<void>;
-    answer(questionId: string, text: string): Promise<void>;
-    removeQuestion(questionId: string): Promise<void>;
-}
-declare function useWebinar({ role: roleHint, callExtId, linkVersion, callKey, }: {
-    /** My role from the call (null: not a webinar). Until the room says, the team counts as on stage. */
-    role?: calls.WebinarRole | null;
-    callExtId: string;
-    linkVersion?: number | null;
-    callKey: Uint8Array | null;
-}): WebinarControl;
-
-/**
- * Inside <LiveKitRoom>: tell me when the host muted my mic or turned off my camera. Listens to the
- * server's `arbi.moderation` data messages (a packet sent by a participant is ignored — only the
- * server may moderate) and to WS `call.muted` for this call; one toast per mute.
- */
-declare function useHostMuteNotice(callExtId: string): void;
-
-export { type CallRecordingControl, type CallRoomState, type CallTranscription, DEMOTE_REJOIN_FALLBACK_MS, FINAL_SEGMENT_GRACE_MS, type InCallChatState, type PendingRecordingStart, type WebinarAttendeeRow, type WebinarControl, type WebinarHandRow, captureAllowed, createE2EEWorker, mayStillSend, storedSpeakerName, useCallRecorder, useCallRoom, useCallTranscriber, useHostMuteNotice, useInCallChat, useMuteRequests, useTrackUploader, useWebinar };

package/dist/chunk-47CCGUWR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/portal-container.tsx","../src/lib/collision-padding.ts","../src/ui/dropdown-menu.tsx"],"names":["React","jsx"],"mappings":";;;;;;AAEA,IAAM,sBAAA,GAA+BA,qBAAkC,IAAI,CAAA;AAQpE,SAAS,uBAAA,CAAwB;AAAA,EACtC,SAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,2BACG,sBAAA,CAAuB,QAAA,EAAvB,EAAgC,KAAA,EAAO,WAAY,QAAA,EAAS,CAAA;AAEjE;AAGO,SAAS,kBAAA,GAA8C;AAC5D,EAAA,OAAaA,MAAA,CAAA,UAAA,CAAW,sBAAsB,CAAA,IAAK,MAAA;AACrD;;;ACjBO,SAAS,mBAAA,GAKd;AACA,EAAA,MAAM,IAAA,GAAO,CAAA;AACb,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,EAAE,GAAA,EAAK,IAAA,EAAM,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,IAAA,EAAK;AAC7F,EAAA,MAAM,SAAS,IAAA,CAAK,GAAA;AAAA,IAClB,CAAA;AAAA,IAAA,CACC,QAAA,CAAS,eAAA,EAAiB,YAAA,IAAgB,MAAA,CAAO,eAAe,MAAA,CAAO;AAAA,GAC1E;AACA,EAAA,OAAO,EAAE,KAAK,IAAA,EAAM,KAAA,EAAO,MAAM,MAAA,EAAQ,IAAA,GAAO,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAK;AACrE;ACXA,IAAM,YAAA,GAAqC,qBAAA,CAAA;AAE3C,IAAM,mBAAA,GAA4C,qBAAA,CAAA;AAElD,IAAM,iBAAA,GAA0C,qBAAA,CAAA;AAGhD,SAAS,kBAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA8D;AAC5D,EAAA,MAAM,WAAW,kBAAA,EAAmB;AACpC,EAAA,uBAAOC,IAAuB,qBAAA,CAAA,MAAA,EAAtB,EAA6B,WAAW,SAAA,IAAa,QAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AACpF;AAEA,IAAM,eAAA,GAAwC,qBAAA,CAAA;AAE9C,IAAM,sBAAA,GAA+C,qBAAA,CAAA;AAErD,IAAM,sBAAA,GAA+B,MAAA,CAAA,UAAA,CAKnC,CAAC,EAAE,SAAA,EAAW,OAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC3C,IAAA;AAAA,EAAuB,qBAAA,CAAA,UAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,gOAAA;AAAA,MACA,KAAA,IAAS,MAAA;AAAA,MACT;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACDA,GAAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA;AACpC,CACD;AACD,sBAAA,CAAuB,cAAoC,qBAAA,CAAA,UAAA,CAAW,WAAA;AAEtE,IAAM,sBAAA,GAA+B,kBAGnC,CAAC,EAAE,WAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1BA,GAAAA;AAAA,EAAuB,qBAAA,CAAA,UAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,kBAAkB,mBAAA,EAAoB;AAAA,IACtC,SAAA,EAAW,EAAA;AAAA,MACT,slBAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,sBAAA,CAAuB,cAAoC,qBAAA,CAAA,UAAA,CAAW,WAAA;AAEtE,IAAM,mBAAA,GAA4B,MAAA,CAAA,UAAA,CAGhC,CAAC,EAAE,WAAW,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1CA,GAAAA,CAAC,sBACC,QAAA,kBAAAA,GAAAA;AAAA,EAAuB,qBAAA,CAAA,OAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAkB,mBAAA,EAAoB;AAAA,IACtC,SAAA,EAAW,EAAA;AAAA,MACT,6MAAA;AAAA,MACA,0YAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,mBAAA,CAAoB,cAAoC,qBAAA,CAAA,OAAA,CAAQ,WAAA;AAEhE,IAAM,gBAAA,GAAyB,MAAA,CAAA,UAAA,CAK7B,CAAC,EAAE,SAAA,EAAW,OAAO,GAAG,KAAA,EAAM,EAAG,GAAA,qBACjCA,GAAAA;AAAA,EAAuB,qBAAA,CAAA,IAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,+RAAA;AAAA,MACA,KAAA,IAAS,MAAA;AAAA,MACT;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,gBAAA,CAAiB,cAAoC,qBAAA,CAAA,IAAA,CAAK,WAAA;AAE1D,IAAM,wBAAA,GAAiC,MAAA,CAAA,UAAA,CAGrC,CAAC,EAAE,SAAA,EAAW,UAAU,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7C,IAAA;AAAA,EAAuB,qBAAA,CAAA,YAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,8PAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,OAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kGAAA,EACd,0BAAAA,GAAAA,CAAuB,qBAAA,CAAA,aAAA,EAAtB,EACC,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,0BAAA,EAA2B,GAC9C,CAAA,EACF,CAAA;AAAA,MACC;AAAA;AAAA;AACH,CACD;AACD,wBAAA,CAAyB,cAAoC,qBAAA,CAAA,YAAA,CAAa,WAAA;AAE1E,IAAM,qBAAA,GAA8B,kBAGlC,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpC,IAAA;AAAA,EAAuB,qBAAA,CAAA,SAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,8PAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8DAAA,EACd,0BAAAA,GAAAA,CAAuB,qBAAA,CAAA,aAAA,EAAtB,EACC,QAAA,kBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,sBAAA,EAAuB,GAC3C,CAAA,EACF,CAAA;AAAA,MACC;AAAA;AAAA;AACH,CACD;AACD,qBAAA,CAAsB,cAAoC,qBAAA,CAAA,SAAA,CAAU,WAAA;AAEpE,IAAM,iBAAA,GAA0B,MAAA,CAAA,UAAA,CAK9B,CAAC,EAAE,SAAA,EAAW,OAAO,GAAG,KAAA,EAAM,EAAG,GAAA,qBACjCA,GAAAA;AAAA,EAAuB,qBAAA,CAAA,KAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,mCAAA,EAAqC,KAAA,IAAS,QAAQ,SAAS,CAAA;AAAA,IAC5E,GAAG;AAAA;AACN,CACD;AACD,iBAAA,CAAkB,cAAoC,qBAAA,CAAA,KAAA,CAAM,WAAA;AAE5D,IAAM,qBAAA,GAA8B,kBAGlC,CAAC,EAAE,WAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1BA,GAAAA;AAAA,EAAuB,qBAAA,CAAA,SAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,IAClD,GAAG;AAAA;AACN,CACD;AACD,qBAAA,CAAsB,cAAoC,qBAAA,CAAA,SAAA,CAAU,WAAA;AAEpE,IAAM,uBAAuB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAA6C;AAC/F,EAAA,uBAAOA,IAAC,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,4CAAA,EAA8C,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAClG;AACA,oBAAA,CAAqB,WAAA,GAAc,sBAAA","file":"chunk-47CCGUWR.js","sourcesContent":["import * as React from 'react'\n\nconst PortalContainerContext = React.createContext<HTMLElement | null>(null)\n\n/**\n * Where the overlays below this point (dialogs, menus, popovers, selects) portal to. Without it they\n * portal to the page's `<body>`. A subtree rendered into another browser window (a panel popped out\n * to a new window) must provide that window's root: an overlay portalled to the opener's body\n * opens in the window behind, out of sight, and the button that opened it seems to do nothing.\n */\nexport function PortalContainerProvider({\n  container,\n  children,\n}: {\n  container: HTMLElement | null\n  children: React.ReactNode\n}) {\n  return (\n    <PortalContainerContext.Provider value={container}>{children}</PortalContainerContext.Provider>\n  )\n}\n\n/** The container overlays portal to: the nearest {@link PortalContainerProvider}'s, else none. */\nexport function usePortalContainer(): HTMLElement | undefined {\n  return React.useContext(PortalContainerContext) ?? undefined\n}\n","/**\n * Collision padding for Radix poppers (menus, popovers, selects, hover cards).\n *\n * 8px on every side, plus, at the bottom, the amount by which the layout viewport is taller than\n * the visible one. Mobile Safari (and its landscape emulation) reports a layout viewport that is\n * larger than `innerHeight` while the toolbars are showing, so Radix would otherwise place a menu\n * under the bottom bar.\n */\nexport function getCollisionPadding(): {\n  top: number\n  right: number\n  bottom: number\n  left: number\n} {\n  const base = 8\n  if (typeof window === 'undefined') return { top: base, right: base, bottom: base, left: base }\n  const hidden = Math.max(\n    0,\n    (document.documentElement?.clientHeight ?? window.innerHeight) - window.innerHeight\n  )\n  return { top: base, right: base, bottom: base + hidden, left: base }\n}\n","'use client'\n\nimport * as React from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\n\nimport { cn } from '../lib/utils'\nimport { getCollisionPadding } from '../lib/collision-padding'\nimport { usePortalContainer } from './portal-container'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\n/** Portals to the nearest PortalContainerProvider's container (a popped-out window), else `<body>`. */\nfunction DropdownMenuPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  const fallback = usePortalContainer()\n  return <DropdownMenuPrimitive.Portal container={container ?? fallback} {...props} />\n}\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pointer-coarse:min-h-11 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    collisionPadding={getCollisionPadding()}\n    className={cn(\n      'z-50 min-w-[8rem] max-w-[calc(100vw-1rem)] max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPortal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      collisionPadding={getCollisionPadding()}\n      className={cn(\n        'z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] max-w-[calc(100vw-1rem)] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg',\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]',\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPortal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pointer-coarse:min-h-11 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 pointer-coarse:min-h-11 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-4 w-4 items-center justify-center rounded border border-border bg-popover\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-3.5 w-3.5 text-primary\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 pointer-coarse:min-h-11 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-muted', className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-sm tracking-widest opacity-60', className)} {...props} />\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"]}