@q9labsai/chalk-react-native 5.2.2 → 5.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@q9labsai/chalk-react-native",
-  "version": "5.2.2",
+  "version": "5.2.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -106,9 +106,9 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@q9labsai/chalk-client": "^5.2.2",
-    "@q9labsai/chalk-whiteboard": "^5.2.2",
-    "@q9labsai/facehash": "^5.2.2",
+    "@q9labsai/chalk-client": "^5.2.4",
+    "@q9labsai/chalk-whiteboard": "^5.2.4",
+    "@q9labsai/facehash": "^5.2.4",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
@@ -155,7 +155,7 @@
     "build:types": "rm -f tsconfig.tsbuildinfo && tsc --build tsconfig.json",
     "dev": "tsup ./src/index.ts ./src/client.ts ./src/runtime.ts ./src/clipboard.ts ./src/diagnostics.ts ./src/dev.ts ./src/invites.ts ./src/ui.ts --format esm --out-dir ./dist --platform browser --external react --external react-native --external react-native-webview --external @q9labsai/chalk-whiteboard --external @cloudflare/react-native-webrtc --external expo-audio --external expo-clipboard --external expo-crypto --external expo-document-picker --external expo-file-system --external expo-sharing --external expo-haptics --external react-native-gesture-handler --external react-native-reanimated --external react-native-safe-area-context --external react-native-svg --loader .wav=copy --watch",
     "sync:whiteboard-assets": "node ./scripts/sync-whiteboard-assets.mjs",
-    "test": "pnpm exec vitest run",
+    "test": "node ../../../scripts/test/run.mjs pnpm exec vitest run",
     "check-types": "tsc-rs --project tsconfig.check-types.json --noEmit",
     "check:tokens": "node ./scripts/check-tokenized-styles.mjs",
     "check:worklets": "node ./scripts/check-worklet-directives.mjs",

package/src/avatar/FaceAvatar.tsx

@@ -48,6 +48,7 @@ export const FaceAvatar = memo(function FaceAvatar({ name, size, style = "subtle
   const lookX = useSharedValue(0);
   const lookY = useSharedValue(0);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native avatar fallback lifecycle.
   useEffect(() => {
     if (reduceMotion) {
       blink.value = 1;
@@ -60,6 +61,7 @@ export const FaceAvatar = memo(function FaceAvatar({ name, size, style = "subtle
     return () => cancelAnimation(blink);
   }, [blink, reduceMotion, scene]);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native avatar fallback lifecycle.
   useEffect(() => {
     if (!lookAround || reduceMotion) return;
     const timer = setInterval(() => {

package/src/components/EmbeddedWhiteboard.tsx

@@ -114,6 +114,7 @@ export function EmbeddedWhiteboard({
     await exportBoardImage(value);
   }, []);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing embedded native board lifecycle and cleanup.
   useEffect(() => {
     let active = true;
     setLoadError(null);
@@ -132,6 +133,7 @@ export function EmbeddedWhiteboard({
     };
   }, [loadAttempt, onError, rendererURLOverride]);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing embedded native board lifecycle and cleanup.
   useEffect(() => {
     setCompatibilityNotice(null);
     const controller = new ChalkWhiteboardController({
@@ -196,14 +198,17 @@ export function EmbeddedWhiteboard({
     };
   }, [clearNotices, toasts, handleControllerError, handleControllerMetric, handleControllerUserExport, journeyId, localParticipantColor, rendererPort, theme, traceparent, tracestate, transport]);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing embedded native board lifecycle and cleanup.
   useEffect(() => {
     controllerRef.current?.setBoard(board);
   }, [board]);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing embedded native board lifecycle and cleanup.
   useEffect(() => {
     controllerRef.current?.setCapabilities({ canDraw, canClear });
   }, [canClear, canDraw]);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing embedded native board lifecycle and cleanup.
   useEffect(() => {
     if (viewport) controllerRef.current?.setViewport(viewport);
   }, [viewport]);

package/src/components/useAndroidCallService.ts

@@ -16,6 +16,7 @@ export function useAndroidCallService(): void {
   const microphoneOn = media.local.microphone.state === "enabled";
   const cameraOn = media.local.camera.state === "enabled";
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing Android call-service ownership and cleanup.
   useEffect(() => {
     if (!inCall) return;
     const start = () => {
@@ -30,6 +31,7 @@ export function useAndroidCallService(): void {
     return () => subscription.remove();
   }, [inCall, microphoneOn, cameraOn]);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing Android call-service ownership and cleanup.
   useEffect(() => {
     if (!inCall) return;
     return () => {

package/src/dock/Dock.tsx

@@ -67,6 +67,7 @@ function AudioOutputButton({ output, size, captioned }: { readonly output: Audio
   const ref = useRef<View>(null);
   const [open, setOpen] = useState(false);
   const devScenario = useDevScenario();
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native dock motion and event subscriptions.
   useEffect(() => {
     if (devScenario.sheet === "route" || devScenario.menu === "route") setOpen(true);
   }, [devScenario]);

package/src/dock/MoreSheet.tsx

@@ -164,6 +164,7 @@ function EmojiButton({ emoji, name, onPress, testID }: { readonly emoji: Reactio
 function CopyLinkRow({ link }: { readonly link: string }): React.JSX.Element {
   const [copied, setCopied] = useState(false);
   const reset = useRef<ReturnType<typeof setTimeout> | null>(null);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native sheet focus lifecycle.
   useEffect(() => () => clearTimeout(reset.current ?? undefined), []);
   const copy = useCallback(async () => {
     await setStringAsync(link);

package/src/dock/ReactionBurst.tsx

@@ -28,6 +28,7 @@ export const ReactionBurst = memo(function ReactionBurst({ participantId }: { re
 function FloatingEmoji({ reaction }: { readonly reaction: ActiveReaction }): React.JSX.Element {
   const reduceMotion = useReducedMotion();
   const progress = useSharedValue(0);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing cancellable native reaction animation.
   useEffect(() => {
     progress.value = withTiming(1, { duration: DURATION, easing: easings.easeOut });
   }, [progress]);

package/src/dock/audio-route.ts

@@ -44,6 +44,7 @@ export function useAudioOutput(): AudioOutput | null {
   const [state, setState] = useState<AudioRoutes | null>(null);
   // In the harness, picking a route moves the check like a real switch would.
   const [scenarioSelected, setScenarioSelected] = useState<string | null>(null);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native audio-route subscription cleanup.
   useEffect(() => {
     if (!nativeModule || !emitter) return;
     let live = true;

package/src/frame/CallFrame.tsx

@@ -76,6 +76,7 @@ export function CallFrame({ displayName, callName = "Call", inviteLink, onLeave,
     setLeftByChoice(false);
     client.join({ displayName, microphone: false, camera: false }).catch(() => undefined);
   }, [client, displayName]);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native frame accessibility and layout lifecycle.
   useEffect(() => {
     if (client.getSnapshot().connection.status === "idle") join();
   }, [client, join]);
@@ -116,6 +117,7 @@ export function CallFrame({ displayName, callName = "Call", inviteLink, onLeave,
   }, [canEnd, exit]);
 
   const devScenario = useDevScenario();
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native frame accessibility and layout lifecycle.
   useEffect(() => {
     if (devScenario.sheet && devScenario.sheet !== "route") setSheet(devScenario.sheet);
     if (devScenario.menu === "leave") setLeaveMenuOpen(true);
@@ -125,6 +127,7 @@ export function CallFrame({ displayName, callName = "Call", inviteLink, onLeave,
   const boardVisible = useStageView().boardOpen ?? sharedBoard;
   const chrome = useLandscapeChrome({ fades: layout.arrangement === "landscape" && sheet === null && !layered, boardVisible });
   const chromeOpacity = useSharedValue(1);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native frame accessibility and layout lifecycle.
   useEffect(() => {
     chromeOpacity.value = withTiming(chrome.hidden ? 0 : 1, timings.fade);
   }, [chrome.hidden, chromeOpacity]);

package/src/frame/Chalk.tsx

@@ -52,6 +52,7 @@ export type ChalkProps = {
  * off, and draws everything inside the safe area in portrait, landscape and on iPad.
  */
 export function Chalk({ client, colorScheme, onColorSchemeChange, soundsEnabled, onSoundsEnabledChange, ...frame }: ChalkProps): React.JSX.Element {
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native client ownership and event subscriptions unchanged.
   useEffect(() => releaseSounds, []);
   return (
     <GestureHandlerRootView style={styles.root}>

package/src/frame/back-handler.ts

@@ -8,6 +8,7 @@ import { BackHandler } from "react-native";
 export function useBackHandler(active: boolean, onBack: () => void): void {
   const latest = useRef(onBack);
   latest.current = onBack;
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native hardware-back listener cleanup.
   useEffect(() => {
     if (!active) return;
     const subscription = BackHandler.addEventListener("hardwareBackPress", () => {

package/src/frame/measurement.ts

@@ -25,6 +25,7 @@ export function setMeasurementRegistry(next: MeasurementRegistry | null): void {
 /** A ref for the host view that carries `testID`; attach it to that view. */
 export function useMeasuredRef<TNode extends MeasurableNode>(testID: string | undefined, style: StyleProp<ViewStyle | TextStyle>): RefObject<TNode | null> {
   const ref = useRef<TNode>(null);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native measurement registry lifetime.
   useEffect(() => {
     if (!registry || !testID) return;
     const declared = StyleSheet.flatten(style) ?? {};

package/src/frame/use-landscape-chrome.ts

@@ -6,6 +6,7 @@ export function useLandscapeChrome({ fades, boardVisible }: { readonly fades: bo
   const canHide = fades && !boardVisible;
   const [hidden, setHidden] = useState(false);
   const [shownAt, setShownAt] = useState(0);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native landscape-chrome timer cleanup.
   useEffect(() => {
     if (!canHide) {
       setHidden(false);

package/src/header/Header.tsx

@@ -68,6 +68,7 @@ function CallTimer(): React.JSX.Element | null {
   const { episode } = useConnection();
   const startedAt = episode?.startedAt ? Date.parse(episode.startedAt) : null;
   const [now, setNow] = useState(Date.now);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native elapsed-call clock cleanup.
   useEffect(() => {
     if (startedAt === null) return;
     const timer = setInterval(() => setNow(Date.now()), 1000);

package/src/limbo/Limbo.tsx

@@ -31,6 +31,7 @@ export function Limbo({ state, callName, recording }: LimboProps): React.JSX.Ele
   const actionRef = useRef<View>(null);
   const consent = recording && (state.kind === "joining" || state.kind === "knocking") ? <Consent /> : null;
   // The mockup moves focus to the card's button when a state with one appears.
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native accessibility focus and reduced-motion animation.
   useEffect(() => {
     const node = actionRef.current && findNodeHandle(actionRef.current);
     if (node) AccessibilityInfo.setAccessibilityFocus(node);
@@ -132,6 +133,7 @@ function Spinner(): React.JSX.Element {
   const { colors } = useTheme();
   const reduceMotion = useReducedMotion();
   const turn = useSharedValue(0);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native accessibility focus and reduced-motion animation.
   useEffect(() => {
     if (reduceMotion) return;
     turn.value = withRepeat(withTiming(1, { duration: 900, easing: Easing.linear }), -1);

package/src/limbo/Veil.tsx

@@ -19,6 +19,7 @@ const LIFT_FROM = 0.6;
 export function Veil({ level }: { readonly level: VeilLevel }): React.JSX.Element {
   const { colors } = useTheme();
   const opacity = useSharedValue(OPACITY[level]);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native veil transition lifecycle.
   useEffect(() => {
     if (level !== "none") {
       opacity.value = OPACITY[level];

package/src/motion/MovingFrame.tsx

@@ -45,6 +45,7 @@ export function MovingFrame({ frame, children, style, testID }: MovingFrameProps
   const mounted = useRef(false);
 
   const { x, y, width, height } = frame;
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native layout animation lifecycle.
   useEffect(() => {
     if (!mounted.current) {
       mounted.current = true;

package/src/primitives/BottomSheet.tsx

@@ -94,6 +94,7 @@ export function BottomSheet({ open, onClose, accessibilityLabel, children, title
   }, [height, layout.height, offset, reduceMotion, shown]);
 
   const wasOpen = useRef(open);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native sheet presentation and focus restoration.
   useEffect(() => {
     if (open === wasOpen.current) return;
     wasOpen.current = open;
@@ -103,6 +104,7 @@ export function BottomSheet({ open, onClose, accessibilityLabel, children, title
   }, [height, hide, open, show]);
 
   const wasMounted = useRef(mounted);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native sheet presentation and focus restoration.
   useEffect(() => {
     const closed = wasMounted.current && !mounted;
     wasMounted.current = mounted;

package/src/primitives/CopyButton.tsx

@@ -25,9 +25,11 @@ export const CopyButton = memo(function CopyButton({ onCopy, accessibilityLabel,
   const done = useSharedValue(0);
   const reset = useRef<ReturnType<typeof setTimeout> | null>(null);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native copy animation and feedback timer cleanup.
   useEffect(() => {
     done.value = withTiming(copied ? 1 : 0, timings.copyMorph);
   }, [copied, done]);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native copy animation and feedback timer cleanup.
   useEffect(() => () => clearReset(reset), []);
 
   const copy = useCallback(async () => {

package/src/primitives/Menu.tsx

@@ -43,6 +43,7 @@ export function Menu({ open, onClose, anchorRef, accessibilityLabel, children, m
 
   useBackHandler(open, onClose);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native menu focus, viewport, and keyboard cleanup.
   useEffect(() => {
     if (!open) {
       firstItem.current = null;
@@ -57,12 +58,14 @@ export function Menu({ open, onClose, anchorRef, accessibilityLabel, children, m
   // Like iOS menus, an open menu closes when the screen rotates or resizes, because its trigger moved.
   const viewport = `${layout.width}x${layout.height}`;
   const openedIn = useRef(viewport);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native menu focus, viewport, and keyboard cleanup.
   useEffect(() => {
     if (!open) openedIn.current = viewport;
     else if (viewport !== openedIn.current) onClose();
   }, [onClose, open, viewport]);
 
   const wasOpen = useRef(open);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native menu focus, viewport, and keyboard cleanup.
   useEffect(() => {
     const closed = wasOpen.current && !open;
     wasOpen.current = open;
@@ -81,6 +84,7 @@ export function Menu({ open, onClose, anchorRef, accessibilityLabel, children, m
     [keyboardHeight, layout, placement, reduceMotion, shown, trigger],
   );
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native menu focus, viewport, and keyboard cleanup.
   useEffect(() => {
     if (!placement || !firstItem.current) return;
     const node = findNodeHandle(firstItem.current);
@@ -190,6 +194,7 @@ export function MenuSeparator(): React.JSX.Element {
 
 function useKeyboardHeight(): number {
   const [height, setHeight] = useState(0);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native menu focus, viewport, and keyboard cleanup.
   useEffect(() => {
     const show = Keyboard.addListener("keyboardDidShow", (event) => setHeight(event.endCoordinates.height));
     const hide = Keyboard.addListener("keyboardDidHide", () => setHeight(0));

package/src/primitives/Switch.tsx

@@ -16,6 +16,7 @@ export type SwitchProps = {
 export const Switch = memo(function Switch({ value, onValueChange, accessibilityLabel, testID }: SwitchProps): React.JSX.Element {
   const { colors } = useTheme();
   const on = useSharedValue(value ? 1 : 0);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native switch animation.
   useEffect(() => {
     on.value = withTiming(value ? 1 : 0, timings.switch);
   }, [on, value]);

package/src/primitives/TileShell.tsx

@@ -28,6 +28,7 @@ export const TileShell = memo(function TileShell({ children, selected = false, s
   const radius = phone ? radii.tilePhone : radii.tile;
   const live = useSharedValue(0);
   const showRing = speaking && cameraOn;
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native speaking-ring animation.
   useEffect(() => {
     live.value = withTiming(showRing ? 1 : 0, timings.scrim);
   }, [live, showRing]);

package/src/sheets/people-chat/ChatNotices.tsx

@@ -29,6 +29,7 @@ export function ChatNotices({ chatVisible, sheetOpen, onOpenChat }: ChatNoticesP
   const latest = useRef({ chatVisible, sheetOpen, onOpenChat, soundsEnabled });
   latest.current = { chatVisible, sheetOpen, onOpenChat, soundsEnabled };
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native chat-notice observation.
   useEffect(() => {
     if (status !== "ready") return;
     const previous = seen.current;

package/src/sheets/people-chat/PeopleChatSheet.tsx

@@ -81,6 +81,7 @@ function useMarkChatRead(reading: boolean): void {
   const client = useSpaceClient();
   const { messages, unreadCount } = useChat();
   const last = messages[messages.length - 1]?.messageId;
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native read-receipt synchronization.
   useEffect(() => {
     if (!reading || !last || unreadCount === 0) return;
     // A lost read receipt only leaves the unread dot up; the next message marks it again.

package/src/sheets/people-chat/PhotoViewer.tsx

@@ -37,6 +37,7 @@ export function PhotoViewer({ viewing, onChange, onClose }: PhotoViewerProps): R
   const photo = photos[index] ?? photos[0];
   const count = photos.length;
   useBackHandler(true, onClose);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native photo-viewer accessibility focus.
   useEffect(() => {
     const node = closeRef.current && findNodeHandle(closeRef.current);
     if (node) AccessibilityInfo.setAccessibilityFocus(node);

package/src/sheets/people-chat/attachments.tsx

@@ -29,6 +29,7 @@ export type AttachmentSource = { readonly state: "loading" } | { readonly state:
 export function useAttachmentSource(attachment: ChatAttachment): AttachmentSource {
   const client = useSpaceClient();
   const [source, setSource] = useState<AttachmentSource>({ state: "loading" });
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native attachment resolution and stale-result cleanup.
   useEffect(() => {
     let live = true;
     resolveUrl(client, attachment)

package/src/stage/ContentTile.tsx

@@ -87,6 +87,7 @@ function Board({ mini, onShowInSpotlight }: { readonly mini: boolean; readonly o
   const toasts = useToasts();
   const transport = useMemo(() => client.whiteboard.transport(), [client, status]);
   const [capabilities, setCapabilities] = useState({ canDraw: false, canClear: false, viewsAvailable: false });
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native board-summary subscription cleanup.
   useEffect(() => transport?.subscribeSummary?.((summary) => setCapabilities({ canDraw: summary.canDraw, canClear: summary.canClear, viewsAvailable: transport.supportsViews === true })), [transport]);
   const board = useMemo(
     () => ({

package/src/stage/ParticipantTile.tsx

@@ -73,6 +73,7 @@ export const ParticipantTile = memo(function ParticipantTile({ id, width, height
   const tile = useSpaceSelector(select, shallowEqual);
   const slot = useDevScenario().videoSlots?.[id];
   const level = useSharedValue(0);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native speaking-level animation.
   useEffect(() => {
     level.value = withTiming(tile.speaking ? 0.6 : 0, timings.level);
   }, [level, tile.speaking]);

package/src/stage/Stage.tsx

@@ -59,6 +59,7 @@ function selectStructure(snapshot: SpaceSnapshot): Structure {
 export const Stage = memo(function Stage({ frame, onOpenPeople }: StageProps): React.JSX.Element {
   const client = useSpaceClient();
   const toasts = useToasts();
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing stage/board subscriptions and layout reconciliation.
   useEffect(() => ownNativeBoardSession(client, () => toasts.show({ kind: "error", dismissible: true, message: "Couldn’t open the board. Try again from More." })), [client, toasts]);
   const structure = useSpaceSelector(selectStructure, shallowEqual);
   const selectViewsAvailable = useCallback(() => client.whiteboard.transport()?.supportsViews === true, [client]);
@@ -68,6 +69,7 @@ export const Stage = memo(function Stage({ frame, onOpenPeople }: StageProps): R
   const { shareAspect } = useDevScenario();
   const [sheet, setSheet] = useState<{ readonly id: string | null; readonly open: boolean }>({ id: null, open: false });
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing stage/board subscriptions and layout reconciliation.
   useEffect(() => {
     if (view.following && !structure.present.split("\n").includes(view.following)) view.setFollowing(null);
   }, [structure.present, view.following, view.setFollowing]);
@@ -77,6 +79,7 @@ export const Stage = memo(function Stage({ frame, onOpenPeople }: StageProps): R
   const next = nextStageOrder(order, present, structure.selfId, structure.speaker);
   if (next !== order) setOrder(next);
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing stage/board subscriptions and layout reconciliation.
   useEffect(() => {
     view.setBoardOpen(null);
     view.setFollowing(null);

package/src/stage/stage-view.tsx

@@ -34,6 +34,7 @@ export function StageViewProvider({ children }: { readonly children: ReactNode }
   const [mirror, setMirror] = useState(true);
 
   const dev = useDevScenario();
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native development-layout reconciliation.
   useEffect(() => {
     if (dev.layout) setLayout(dev.layout);
     if (dev.pinned) setPinned(dev.pinned);

package/src/status/CallOverlays.tsx

@@ -38,6 +38,7 @@ export function CallOverlays({ screen, callName, rejoining, onHold, onRejoin, on
   // Notices belong to the live call; a status page or a fresh join starts without them.
   const { clear } = useToasts();
   const clearsNotices = screen.kind === "status" || screen.kind === "joining";
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native terminal-notice cleanup.
   useEffect(() => {
     if (clearsNotices) clear();
   }, [clear, clearsNotices]);

package/src/status/StatusPage.tsx

@@ -54,6 +54,7 @@ export function StatusPage({ outcome, callName, failure, onRejoin, onHome }: Sta
   const ref = useMeasuredRef<View>("status.page", pageStyle);
   const firstAction = useRef<View>(null);
   // The mockup moves focus to the first action when the page appears.
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing native status-page accessibility focus.
   useEffect(() => {
     const node = firstAction.current && findNodeHandle(firstAction.current);
     if (node) AccessibilityInfo.setAccessibilityFocus(node);

package/src/toasts/CallEventToasts.tsx

@@ -46,6 +46,7 @@ export function useCallEventToasts({ onOpenSettings, resumedAfterSettings }: Cal
   const latest = useRef({ colors, soundsEnabled });
   latest.current = { colors, soundsEnabled };
 
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing client-event and native permission subscriptions.
   useEffect(() => {
     let previous = client.getSnapshot();
     return client.subscribe(() => {
@@ -137,6 +138,7 @@ function useResumedAfterSettings(permission: Permission | undefined, toasts: Toa
   const client = useSpaceClient();
   const { colors } = useTheme();
   const shown = useRef(false);
+  // nosemgrep: chalk.forbid-sdk-use-effect -- Keep existing client-event and native permission subscriptions.
   useEffect(() => {
     if (!permission) return;
     const check = () => {