jared
7c06b27c73
Element Call is now consumed as our self-built fork (@lotusguild/element-call-embedded); wire up its previously-dormant capabilities and document the fork as live. Soundboard (P5-15): a call-bar button plays user-uploaded audio clips into the call as a real published track (io.lotus.inject_audio) plus local playback. Clips are uploadable like emoji/sticker packs, stored in io.lotus.soundboard account data (synced across devices). Gated by a Settings toggle + volume. Quality controls (P5-31): per-user mic/screenshare bitrate + screenshare framerate (Settings -> Calls), applied via io.lotus.set_quality clamped to any room cap. Room admins set caps and hard call-permissions (allow_screenshare / allow_camera) in Room Settings -> Voice; the call bar hides blocked buttons. - New: CallSoundboard, useSoundboard, soundboardClips; RoomQuality, useCallQuality, callQuality (+ unit tests). - Optimistic-write RoomQuality admin UI (no stale-state clobber). - Docs: mark EC fork live across README/FEATURES/TODO/BUGS/TESTING; add D2 manual-test steps. Numeric quality caps are client-cooperative; screenshare/camera permissions are hard-enforced server-side (see LotusGuild/matrix voice-limit-guard). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
84 lines
2.9 KiB
TypeScript
84 lines
2.9 KiB
TypeScript
import React from 'react';
|
|
import { Box, Icon, IconButton, Icons, Scroll, Text } from 'folds';
|
|
import { Page, PageContent, PageHeader } from '../../../components/page';
|
|
import { usePowerLevels } from '../../../hooks/usePowerLevels';
|
|
import { useRoom } from '../../../hooks/useRoom';
|
|
import {
|
|
RoomProfile,
|
|
RoomEncryption,
|
|
RoomHistoryVisibility,
|
|
RoomJoinRules,
|
|
RoomLocalAddresses,
|
|
RoomPublishedAddresses,
|
|
RoomPublish,
|
|
RoomQuality,
|
|
RoomShareInvite,
|
|
RoomUpgrade,
|
|
RoomVoiceLimit,
|
|
} from '../../common-settings/general';
|
|
import { useRoomCreators } from '../../../hooks/useRoomCreators';
|
|
import { useRoomPermissions } from '../../../hooks/useRoomPermissions';
|
|
|
|
type GeneralProps = {
|
|
requestClose: () => void;
|
|
};
|
|
export function General({ requestClose }: GeneralProps) {
|
|
const room = useRoom();
|
|
const powerLevels = usePowerLevels(room);
|
|
const creators = useRoomCreators(room);
|
|
const permissions = useRoomPermissions(creators, powerLevels);
|
|
|
|
return (
|
|
<Page>
|
|
<PageHeader outlined={false}>
|
|
<Box grow="Yes" gap="200">
|
|
<Box grow="Yes" alignItems="Center" gap="200">
|
|
<Text as="h2" size="H3" truncate>
|
|
General
|
|
</Text>
|
|
</Box>
|
|
<Box shrink="No">
|
|
<IconButton onClick={requestClose} variant="Surface" aria-label="Close">
|
|
<Icon src={Icons.Cross} />
|
|
</IconButton>
|
|
</Box>
|
|
</Box>
|
|
</PageHeader>
|
|
<Box grow="Yes">
|
|
<Scroll hideTrack visibility="Hover">
|
|
<PageContent>
|
|
<Box direction="Column" gap="700">
|
|
<RoomProfile permissions={permissions} />
|
|
<Box direction="Column" gap="100">
|
|
<Text size="L400">Options</Text>
|
|
<RoomJoinRules permissions={permissions} />
|
|
<RoomHistoryVisibility permissions={permissions} />
|
|
<RoomEncryption permissions={permissions} />
|
|
<RoomPublish permissions={permissions} />
|
|
</Box>
|
|
<Box direction="Column" gap="100">
|
|
<Text size="L400">Voice</Text>
|
|
<RoomVoiceLimit permissions={permissions} />
|
|
<RoomQuality permissions={permissions} />
|
|
</Box>
|
|
<Box direction="Column" gap="100">
|
|
<Text size="L400">Addresses</Text>
|
|
<RoomPublishedAddresses permissions={permissions} />
|
|
<RoomLocalAddresses permissions={permissions} />
|
|
</Box>
|
|
<Box direction="Column" gap="100">
|
|
<Text size="L400">Share</Text>
|
|
<RoomShareInvite />
|
|
</Box>
|
|
<Box direction="Column" gap="100">
|
|
<Text size="L400">Advanced Options</Text>
|
|
<RoomUpgrade permissions={permissions} requestClose={requestClose} />
|
|
</Box>
|
|
</Box>
|
|
</PageContent>
|
|
</Scroll>
|
|
</Box>
|
|
</Page>
|
|
);
|
|
}
|