@q9labsai/chalk-react-native 4.1.12 → 4.1.14

package/src/components/native-chat.test.ts

@@ -1,22 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { formatChatAttachmentSize, isLatestChatMessageVisible } from "./native-chat";
-
-describe("native chat viewport", () => {
-  it("reports the latest message only when the viewport reaches the content bottom", () => {
-    expect(isLatestChatMessageVisible({ contentHeight: 600, viewportHeight: 300, scrollOffset: 120 })).toBe(false);
-    expect(isLatestChatMessageVisible({ contentHeight: 600, viewportHeight: 300, scrollOffset: 292 })).toBe(true);
-  });
-
-  it("does not treat unmeasured content as visible", () => {
-    expect(isLatestChatMessageVisible({ contentHeight: 0, viewportHeight: 300, scrollOffset: 0 })).toBe(false);
-    expect(isLatestChatMessageVisible({ contentHeight: 300, viewportHeight: 0, scrollOffset: 0 })).toBe(false);
-  });
-});
-
-describe("native chat attachment metadata", () => {
-  it("formats byte lengths for compact attachment rows", () => {
-    expect(formatChatAttachmentSize(512)).toBe("512 B");
-    expect(formatChatAttachmentSize(1_536)).toBe("1.5 KB");
-    expect(formatChatAttachmentSize(2_097_152)).toBe("2.0 MB");
-  });
-});

package/src/components/native-entrance/entrance-controller-store.test.ts

@@ -1,75 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { EntranceControllerStore } from "./entrance-controller-store";
-
-function createStore(options: Partial<ConstructorParameters<typeof EntranceControllerStore>[0]> = {}) {
-  return new EntranceControllerStore({
-    displayName: "Guest",
-    initialAudioEnabled: false,
-    initialVideoEnabled: false,
-    simulatorMediaDisabled: false,
-    joinDisabled: false,
-    onJoin: vi.fn(),
-    ...options,
-  });
-}
-
-describe("EntranceControllerStore", () => {
-  it("toggles media, edits the name, and latches join", () => {
-    const onJoin = vi.fn();
-    const store = createStore({ onJoin });
-    const listener = vi.fn();
-    const unsubscribe = store.subscribe(listener);
-
-    store.setDisplayName("Host");
-    store.toggleAudio();
-    store.toggleVideo();
-    store.setInputFocused(true);
-    store.handleJoin();
-    store.handleJoin();
-
-    expect(store.getSnapshot()).toMatchObject({
-      displayName: "Host",
-      audioEnabled: true,
-      videoEnabled: true,
-      isInputFocused: true,
-      isSubmitting: true,
-    });
-    expect(onJoin).toHaveBeenCalledTimes(1);
-    expect(onJoin).toHaveBeenCalledWith({ displayName: "Host", microphoneEnabled: true, cameraEnabled: true });
-    expect(listener).toHaveBeenCalled();
-
-    unsubscribe();
-  });
-
-  it("resets the submit latch when joining is re-enabled", () => {
-    const onJoin = vi.fn();
-    const store = createStore({ joinDisabled: true, onJoin });
-
-    store.handleJoin();
-    expect(onJoin).not.toHaveBeenCalled();
-
-    store.update({ simulatorMediaDisabled: false, joinDisabled: false, onJoin });
-    store.handleJoin();
-    expect(onJoin).toHaveBeenCalledTimes(1);
-  });
-
-  it("does not submit a blank display name", () => {
-    const onJoin = vi.fn();
-    const store = createStore({ displayName: "   ", onJoin });
-
-    store.handleJoin();
-
-    expect(onJoin).not.toHaveBeenCalled();
-    expect(store.getSnapshot().isSubmitting).toBe(false);
-  });
-
-  it("disables media and ignores toggles on the iOS simulator", () => {
-    const store = createStore({ initialAudioEnabled: true, initialVideoEnabled: true });
-
-    store.update({ simulatorMediaDisabled: true, joinDisabled: false, onJoin: vi.fn() });
-    store.toggleAudio();
-    store.toggleVideo();
-
-    expect(store.getSnapshot()).toMatchObject({ audioEnabled: false, videoEnabled: false });
-  });
-});

package/src/components/native-media-visibility.test.ts

@@ -1,77 +0,0 @@
-import type { Participant } from "../internal/core";
-import { describe, expect, it } from "vitest";
-import { shouldRenderNativeMediaTrack } from "./native-media-visibility";
-
-function participant(overrides: Partial<Participant> = {}): Participant {
-  return {
-    id: overrides.id ?? "participant-1",
-    displayName: overrides.displayName ?? "Participant",
-    role: overrides.role ?? "participant",
-    isLocal: overrides.isLocal ?? false,
-    videoEnabled: overrides.videoEnabled ?? false,
-    audioEnabled: overrides.audioEnabled ?? true,
-    isScreenSharing: overrides.isScreenSharing ?? false,
-    isSpeaking: overrides.isSpeaking ?? false,
-    handRaised: overrides.handRaised ?? false,
-    connectionQuality: overrides.connectionQuality ?? 100,
-    videoTrack: overrides.videoTrack ?? null,
-    audioTrack: overrides.audioTrack ?? null,
-    screenShareTrack: overrides.screenShareTrack ?? null,
-    screenShareAudioTrack: overrides.screenShareAudioTrack ?? null,
-    joinedAt: overrides.joinedAt ?? new Date(),
-    metadata: overrides.metadata ?? {},
-  };
-}
-
-function track(readyState: "live" | "ended" = "live"): MediaStreamTrack {
-  return { readyState } as MediaStreamTrack;
-}
-
-describe("shouldRenderNativeMediaTrack", () => {
-  it("hides video when the participant has turned their camera off even if a stale track object remains", () => {
-    expect(
-      shouldRenderNativeMediaTrack({
-        participant: participant({
-          videoEnabled: false,
-          videoTrack: track(),
-        }),
-        track: track(),
-      }),
-    ).toBe(false);
-  });
-
-  it("hides video when the track has already ended", () => {
-    expect(
-      shouldRenderNativeMediaTrack({
-        participant: participant({
-          videoEnabled: true,
-          videoTrack: track("ended"),
-        }),
-        track: track("ended"),
-      }),
-    ).toBe(false);
-  });
-
-  it("still renders live non-participant media such as stage screen share tracks", () => {
-    expect(
-      shouldRenderNativeMediaTrack({
-        participant: null,
-        track: track(),
-      }),
-    ).toBe(true);
-  });
-
-  it("renders a live screen-share track even when the sharer camera is off", () => {
-    expect(
-      shouldRenderNativeMediaTrack({
-        participant: participant({
-          videoEnabled: false,
-          isScreenSharing: true,
-          screenShareTrack: track(),
-        }),
-        track: track(),
-        mediaKind: "screen-share",
-      }),
-    ).toBe(true);
-  });
-});

package/src/components/native-space-callkit-controller.test.ts

@@ -1,62 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { SpaceCallKitController, type SpaceCallKitPort, type SpaceCallKitSyncInput } from "./native-space-callkit-controller";
-
-vi.mock("react-native", () => ({
-  NativeModules: {},
-  Platform: { OS: "ios" },
-}));
-
-function createInput(overrides: Partial<SpaceCallKitSyncInput> = {}): SpaceCallKitSyncInput {
-  return {
-    callKit: true,
-    hasVideo: true,
-    isAudioEnabled: true,
-    joinNonce: 1,
-    onEndCall: vi.fn(),
-    onToggleAudio: vi.fn(async () => false),
-    phase: "joining",
-    spaceId: "space-1",
-    spaceName: "Daily Standup",
-    ...overrides,
-  };
-}
-
-describe("SpaceCallKitController", () => {
-  it("configures, starts, reports, handles mute actions, and ends the native call", async () => {
-    let eventListener: Parameters<SpaceCallKitPort["addListener"]>[0] | undefined;
-    const removeListener = vi.fn();
-    const port: SpaceCallKitPort = {
-      isSupported: true,
-      addListener: vi.fn((listener) => {
-        eventListener = listener;
-        return { remove: removeListener };
-      }),
-      configure: vi.fn(async () => ({ isSupported: true })),
-      endCall: vi.fn(async () => {}),
-      reportConnected: vi.fn(async () => {}),
-      startCall: vi.fn(async () => ({ callUUID: "call-1" })),
-    };
-    const controller = new SpaceCallKitController(port);
-    const input = createInput();
-
-    controller.start();
-    controller.sync(input);
-    await Promise.resolve();
-    expect(port.configure).toHaveBeenCalledOnce();
-    expect(port.startCall).toHaveBeenCalledOnce();
-
-    controller.sync({ ...input, phase: "live" });
-    await Promise.resolve();
-    expect(port.reportConnected).toHaveBeenCalledWith({ callUUID: "call-1" });
-
-    eventListener?.({ callUUID: "call-1", muted: true, type: "setMutedCallAction" });
-    expect(input.onToggleAudio).toHaveBeenCalledOnce();
-
-    controller.sync({ ...input, phase: "entrance" });
-    await Promise.resolve();
-    expect(port.endCall).toHaveBeenCalledWith({ callUUID: "call-1" });
-
-    controller.stop();
-    expect(removeListener).toHaveBeenCalledOnce();
-  });
-});

package/src/components/native-space-view/AppearanceSettings.test.tsx

@@ -1,56 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it, vi } from "vitest";
-
-const appearanceState = vi.hoisted(() => ({
-  theme: { colors: { ink: "#light-ink", ink2: "#light-muted", ink3: "#light-subtle", line: "#light-line", primary: "#light-primary", surfaceMuted: "#light-surface", success: "#light-success" } },
-  appearance: { palette: "light", texture: "none", tokens: { stage: "#light-stage", textMuted: "#light-muted" } },
-  setPalette: vi.fn(),
-  setTexture: vi.fn(),
-}));
-
-vi.mock("react-native", () => ({ Pressable: "Pressable", StyleSheet: { create: <T,>(styles: T) => styles }, Text: "Text", View: "View" }));
-vi.mock("@hugeicons/react-native", () => ({ HugeiconsIcon: "HugeiconsIcon" }));
-vi.mock("@hugeicons/core-free-icons/dist/esm/CheckmarkCircle01Icon", () => ({ default: "CheckmarkCircle01Icon" }), { virtual: true });
-vi.mock("../../ui/native-appearance-context", () => ({ useNativeAppearance: () => appearanceState }));
-vi.mock("../../ui/native-theme", () => ({ useNativeTheme: () => appearanceState.theme }));
-
-import { AppearanceSettings } from "./AppearanceSettings";
-
-const source = readFileSync(new URL("./AppearanceSettings.tsx", import.meta.url), "utf8");
-
-describe("AppearanceSettings", () => {
-  it("exposes every palette family and texture as an accessible selection", () => {
-    expect(source).toContain('(["light", "dark"] as const)');
-    expect(source).toContain("THEME_PALETTES.filter");
-    expect(source).toContain("THEME_TEXTURES.map");
-    expect(source).toContain("accessibilityState={{ selected }}");
-    expect(source).toContain("setPalette");
-    expect(source).toContain("setTexture");
-  });
-
-  it("renders palette controls with the active light and dark NativeTheme", () => {
-    appearanceState.theme.colors = { ...appearanceState.theme.colors, ink2: "#light-muted", line: "#light-line", surfaceMuted: "#light-surface" };
-    const lightTree = AppearanceSettings();
-    expect(resolveStyle(findByAccessibilityLabel(lightTree, "Use Chalk Light palette")?.style)).toEqual(expect.arrayContaining([expect.objectContaining({ backgroundColor: "#light-surface", borderColor: "#light-line" })]));
-
-    appearanceState.theme.colors = { ...appearanceState.theme.colors, ink2: "#dark-muted", line: "#dark-line", surfaceMuted: "#dark-surface" };
-    const darkTree = AppearanceSettings();
-    expect(resolveStyle(findByAccessibilityLabel(darkTree, "Use Chalk Light palette")?.style)).toEqual(expect.arrayContaining([expect.objectContaining({ backgroundColor: "#dark-surface", borderColor: "#dark-line" })]));
-  });
-});
-
-function resolveStyle(style: unknown): unknown {
-  return typeof style === "function" ? (style as (state: { readonly pressed: boolean }) => unknown)({ pressed: false }) : style;
-}
-
-function findByAccessibilityLabel(value: unknown, label: string): { readonly style?: unknown } | undefined {
-  if (Array.isArray(value)) return value.map((child) => findByAccessibilityLabel(child, label)).find(Boolean);
-  if (!value || typeof value !== "object") return undefined;
-  const element = value as { readonly props?: { readonly accessibilityLabel?: unknown; readonly children?: unknown; readonly style?: unknown } };
-  if (typeof (element as { readonly type?: unknown }).type === "function") {
-    const component = (element as { readonly type: (props: Record<string, unknown>) => unknown }).type;
-    return findByAccessibilityLabel(component((element.props ?? {}) as Record<string, unknown>), label);
-  }
-  if (element.props?.accessibilityLabel === label) return element.props;
-  return findByAccessibilityLabel(element.props?.children, label);
-}

package/src/components/native-space-view/ParticipantActionSheet.test.tsx

@@ -1,18 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it } from "vitest";
-
-const source = readFileSync(new URL("./ParticipantActionSheet.tsx", import.meta.url), "utf8");
-
-describe("ParticipantActionSheet", () => {
-  it("keeps capability-derived actions and explicit destructive styling", () => {
-    expect(source).toContain("buildParticipantActionDescriptors({");
-    expect(source).toContain("descriptor.destructive");
-    expect(source).toContain('accessibilityLabel="Close Participant actions"');
-    expect(source).toContain("StyleSheet.absoluteFillObject");
-    expect(source).not.toContain("setParticipantRole");
-    expect(source).not.toContain("AssignableParticipantRole");
-    expect(source).not.toContain("role:");
-    expect(source).not.toContain("paddingBottom: 112");
-    expect(source).not.toContain("bottom: 94");
-  });
-});

package/src/components/native-space-view/SettingsSheet.test.tsx

@@ -1,17 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it } from "vitest";
-
-const source = readFileSync(new URL("./SettingsSheet.tsx", import.meta.url), "utf8");
-
-describe("SettingsSheet", () => {
-  it("exposes accessible tabs and real device toggles", () => {
-    expect(source).toContain('accessibilityRole="tablist"');
-    expect(source).toContain('["devices", "appearance", "space"]');
-    expect(source).toContain("controller.toggleAudio");
-    expect(source).toContain("controller.toggleVideo");
-    expect(source).toContain("<AppearanceSettings />");
-    expect(source).toContain("StyleSheet.absoluteFillObject");
-    expect(source).not.toContain("marginBottom: 94");
-    expect(source).not.toContain("bottom: 94");
-  });
-});

package/src/components/native-space-view/SpaceActionMenu.test.tsx

@@ -1,126 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("react-native", () => ({
-  Alert: { alert: vi.fn() },
-  FlatList: "FlatList",
-  Modal: "Modal",
-  Pressable: "Pressable",
-  ScrollView: "ScrollView",
-  StyleSheet: { create: <T,>(styles: T) => styles },
-  Text: "Text",
-  TextInput: "TextInput",
-  View: "View",
-}));
-vi.mock("../../ui/native-theme", () => ({
-  useNativeTheme: () => ({ colors: { background: "#0a0a0b", border: "#1c1c1f", card: "#141418", error: "#ef4444", foreground: "#fbffff", mutedForeground: "#71717a", placeholder: "#71717a", primary: "#1bb6a6", primaryForeground: "#ffffff" } }),
-}));
-
-import { selectSpaceReaction, SpaceActionMenu } from "./SpaceActionMenu";
-
-const source = readFileSync(new URL("./SpaceActionMenu.tsx", import.meta.url), "utf8");
-
-describe("SpaceActionMenu", () => {
-  it("shows only capability-backed actions and closes after a layout selection", () => {
-    const setActionsOpen = vi.fn();
-    const setLayout = vi.fn();
-    const controller = actionController({
-      canInvite: true,
-      canParticipants: false,
-      canChat: true,
-      canScreenShare: false,
-      canHandRaise: true,
-      canWhiteboard: false,
-      canReactions: false,
-      canSettings: true,
-      setActionsOpen,
-      layout: { layout: "grid", setLayout },
-    });
-
-    const tree = SpaceActionMenu({ controller });
-    const labels = findText(tree);
-
-    expect(labels).toEqual(expect.arrayContaining(["Invite participants", "Chat", "Raise hand", "Settings", "Grid layout (selected)", "Focus layout", "Presentation layout"]));
-    expect(labels).not.toContain("Participants");
-    expect(labels).not.toContain("Open whiteboard");
-
-    const presentation = findElements(tree, "Pressable").find((element) => findText(element).length === 1 && findText(element).includes("Presentation layout"));
-    const onPress = presentation?.props?.onPress;
-    if (typeof onPress === "function") onPress();
-    expect(setLayout).toHaveBeenCalledWith("presentation");
-    expect(setActionsOpen).toHaveBeenCalledWith(false);
-  });
-
-  it("routes reaction selection through the controller", () => {
-    const sendReaction = vi.fn();
-
-    selectSpaceReaction({ sendReaction } as never, "🎉");
-
-    expect(sendReaction).toHaveBeenCalledWith("🎉");
-  });
-
-  it("shows diagnostics only when its open handler is provided", () => {
-    const setActionsOpen = vi.fn();
-    const onOpenDiagnostics = vi.fn();
-    const controller = actionController({ setActionsOpen });
-
-    expect(findText(SpaceActionMenu({ controller }))).not.toContain("Diagnostics");
-
-    const tree = SpaceActionMenu({ controller, onOpenDiagnostics });
-    const diagnostics = findElements(tree, "Pressable").find((element) => findText(element).length === 1 && findText(element).includes("Diagnostics"));
-    const onPress = diagnostics?.props?.onPress;
-    if (typeof onPress === "function") onPress();
-
-    expect(setActionsOpen).toHaveBeenCalledWith(false);
-    expect(onOpenDiagnostics).toHaveBeenCalledTimes(1);
-  });
-
-  it("leaves chat and settings panel ownership to canonical mounted sheets", () => {
-    expect(source).not.toContain("ChatPanel");
-    expect(source).not.toContain("<SpacePanel");
-  });
-
-  it("does not invent a role catalog for customer-defined participant roles", () => {
-    expect(source).not.toContain("Set collaborator role");
-    expect(source).not.toContain("Set observer role");
-    expect(source).not.toContain("setParticipantRole");
-  });
-});
-
-function actionController(overrides: Record<string, unknown>): never {
-  return {
-    actionsOpen: true,
-    canHandRaise: false,
-    canInvite: false,
-    canParticipants: false,
-    canChat: false,
-    canScreenShare: false,
-    canWhiteboard: false,
-    canReactions: false,
-    canSettings: false,
-    handRaised: false,
-    screenShare: { isLocalSharing: false },
-    whiteboard: { isOpen: false, toggle: vi.fn() },
-    layout: { layout: "grid", setLayout: vi.fn() },
-    handleLeave: vi.fn(),
-    openPanel: vi.fn(),
-    setActionsOpen: vi.fn(),
-    setReactionPickerOpen: vi.fn(),
-    ...overrides,
-  } as never;
-}
-
-function findElements(value: unknown, type: string): { readonly props?: Record<string, unknown> }[] {
-  if (Array.isArray(value)) return value.flatMap((child) => findElements(child, type));
-  if (!value || typeof value !== "object") return [];
-  const element = value as { readonly type?: unknown; readonly props?: Record<string, unknown> };
-  const own = element.type === type ? [element] : [];
-  return [...own, ...findElements(element.props?.children, type)];
-}
-
-function findText(value: unknown): string[] {
-  if (typeof value === "string") return [value];
-  if (Array.isArray(value)) return value.flatMap(findText);
-  if (!value || typeof value !== "object") return [];
-  return findText((value as { readonly props?: { readonly children?: unknown } }).props?.children);
-}

package/src/components/native-space-view/SpaceBottomDock.android.test.tsx

@@ -1,61 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("@hugeicons/core-free-icons/dist/esm/CallEnd01Icon", () => ({ default: "CallEnd01Icon" }));
-vi.mock("@hugeicons/core-free-icons/dist/esm/Chat01Icon", () => ({ default: "Chat01Icon" }));
-vi.mock("@hugeicons/core-free-icons/dist/esm/Mic01Icon", () => ({ default: "Mic01Icon" }));
-vi.mock("@hugeicons/core-free-icons/dist/esm/MicOff01Icon", () => ({ default: "MicOff01Icon" }));
-vi.mock("@hugeicons/core-free-icons/dist/esm/MoreHorizontalIcon", () => ({ default: "MoreHorizontalIcon" }));
-vi.mock("@hugeicons/core-free-icons/dist/esm/Video01Icon", () => ({ default: "Video01Icon" }));
-vi.mock("@hugeicons/core-free-icons/dist/esm/VideoOffIcon", () => ({ default: "VideoOffIcon" }));
-vi.mock("@hugeicons/react-native", () => ({ HugeiconsIcon: "HugeiconsIcon" }));
-vi.mock("react-native", () => ({
-  Platform: { OS: "android" },
-  Pressable: "Pressable",
-  StyleSheet: { create: <T,>(styles: T) => styles },
-  Text: "Text",
-  View: "View",
-}));
-vi.mock("../../ui/native-theme", () => ({
-  useNativeTheme: () => ({ colors: { controlsBackground: "#141418", darkCanvas: "#0a0a0b", error: "#ef4444", onDark: "#fbffff", primary: "#1bb6a6", primaryForeground: "#ffffff", border: "#1c1c1f" } }),
-}));
-
-import { SpaceBottomDockAndroid } from "./SpaceBottomDock.android";
-
-describe("SpaceBottomDockAndroid", () => {
-  it("disables both media controls on unsupported simulator media and caps unread badges", () => {
-    const onToggleAudio = vi.fn();
-    const onToggleVideo = vi.fn();
-    const tree = SpaceBottomDockAndroid({
-      simulatorMediaDisabled: true,
-      isMuted: false,
-      isCameraOff: true,
-      unreadChatCount: 12,
-      onToggleAudio,
-      onToggleVideo,
-      onOpenChat: vi.fn(),
-      onOpenMore: vi.fn(),
-      onLeave: vi.fn(),
-    });
-
-    const buttons = findElements(tree, "Pressable");
-    expect(buttons).toHaveLength(5);
-    expect(buttons[0]).toMatchObject({ props: { disabled: true, onPress: onToggleAudio } });
-    expect(buttons[1]).toMatchObject({ props: { disabled: true, onPress: onToggleVideo } });
-    expect(findText(tree)).toContain("9+");
-  });
-});
-
-function findElements(value: unknown, type: string): { readonly props?: Record<string, unknown> }[] {
-  if (Array.isArray(value)) return value.flatMap((child) => findElements(child, type));
-  if (!value || typeof value !== "object") return [];
-  const element = value as { readonly type?: unknown; readonly props?: Record<string, unknown> };
-  const own = element.type === type ? [element] : [];
-  return [...own, ...findElements(element.props?.children, type)];
-}
-
-function findText(value: unknown): string[] {
-  if (typeof value === "string") return [value];
-  if (Array.isArray(value)) return value.flatMap(findText);
-  if (!value || typeof value !== "object") return [];
-  return findText((value as { readonly props?: { readonly children?: unknown } }).props?.children);
-}

package/src/components/native-space-view/SpaceChatSheet.test.tsx

@@ -1,18 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it } from "vitest";
-
-const source = readFileSync(new URL("./SpaceChatSheet.tsx", import.meta.url), "utf8");
-
-describe("SpaceChatSheet", () => {
-  it("keeps attachment, retry, and accessible composition flows", () => {
-    expect(source).toContain('accessibilityLabel="Attach file"');
-    expect(source).toContain("controller.chatAttachments.map");
-    expect(source).toContain("controller.removeChatAttachment(index)");
-    expect(source).toContain("chatAttachmentUploading");
-    expect(source).toContain("chatAttachmentError");
-    expect(source).toContain("!controller.chatDraft.trim() && controller.chatAttachments.length === 0");
-    expect(source).toContain('accessibilityLabel="Send message"');
-    expect(source).toContain("retryMessage(message.clientMessageId)");
-    expect(source).toContain('accessibilityRole="link"');
-  });
-});

package/src/components/native-space-view/SpaceMoreSheet.test.tsx

@@ -1,15 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it } from "vitest";
-
-const source = readFileSync(new URL("./SpaceMoreSheet.tsx", import.meta.url), "utf8");
-
-describe("SpaceMoreSheet", () => {
-  it("progressively discloses Board, People, Chat, Settings, and Leave", () => {
-    for (const label of ['label: controller.whiteboard.isOpen ? "Close Board" : "Board"', 'label: "People"', 'label: "Chat"', 'label: "Settings"', ">Leave<"]) {
-      expect(source).toContain(label);
-    }
-    expect(source).toContain("StyleSheet.absoluteFillObject");
-    expect(source).not.toContain("marginBottom: 94");
-    expect(source).not.toContain("bottom: 94");
-  });
-});

package/src/components/native-space-view/SpacePanelSheet.test.tsx

@@ -1,15 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it } from "vitest";
-
-const source = readFileSync(new URL("./SpacePanelSheet.tsx", import.meta.url), "utf8");
-
-describe("SpacePanelSheet", () => {
-  it("switches between Chat and People while covering the dock", () => {
-    expect(source).toContain('controller.panel === "chat"');
-    expect(source).toContain("<SpaceChatSheet");
-    expect(source).toContain("<SpacePeopleSheet");
-    expect(source).toContain("StyleSheet.absoluteFillObject");
-    expect(source).not.toContain("marginBottom: 94");
-    expect(source).not.toContain("bottom: 94");
-  });
-});

package/src/components/native-space-view/SpacePeopleSheet.test.tsx

@@ -1,13 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it } from "vitest";
-
-const source = readFileSync(new URL("./SpacePeopleSheet.tsx", import.meta.url), "utf8");
-
-describe("SpacePeopleSheet", () => {
-  it("keeps Entrance admission and Participant action controls", () => {
-    expect(source).toContain(">At the Entrance<");
-    expect(source).toContain("controller.admitParticipant");
-    expect(source).toContain("controller.denyAdmission");
-    expect(source).toContain("accessibilityLabel={`Actions for ${participant.displayName}`}");
-  });
-});

package/src/components/native-space-view/SpaceSurfacePrimitives.test.tsx

@@ -1,12 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it } from "vitest";
-
-const source = readFileSync(new URL("./SpaceSurfacePrimitives.tsx", import.meta.url), "utf8");
-
-describe("Space surface primitives", () => {
-  it("keeps accessible close targets and flat deterministic avatars", () => {
-    expect(source).toContain('accessibilityRole="button"');
-    expect(source).toContain("getParticipantInitials(name)");
-    expect(source).toContain("getParticipantColor(name)");
-  });
-});

package/src/components/native-space-view/SpaceTopBar.android.test.tsx

@@ -1,50 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("@hugeicons/core-free-icons/dist/esm/UserGroupIcon", () => ({ default: "UserGroupIcon" }));
-vi.mock("@hugeicons/react-native", () => ({ HugeiconsIcon: "HugeiconsIcon" }));
-vi.mock("../logo/Logo", () => ({ Logo: "Logo" }));
-vi.mock("react-native", () => ({
-  Image: "Image",
-  Platform: { OS: "android" },
-  StyleSheet: { create: <T,>(styles: T) => styles },
-  Text: "Text",
-  View: "View",
-}));
-vi.mock("../../ui/native-theme", () => ({
-  useNativeTheme: () => ({ colors: { darkCanvas: "#0a0a0b", border: "#1c1c1f", foreground: "#fbffff", mutedForeground: "#71717a", success: "#22c55e", surface: "#141418" } }),
-}));
-
-import { SpaceTopBarAndroid } from "./SpaceTopBar.android";
-
-describe("SpaceTopBarAndroid", () => {
-  it("keeps the space identity, elapsed duration, and participant count visible", () => {
-    const tree = SpaceTopBarAndroid({ spaceName: "Design space", participantCount: 4, formattedDuration: "1:02", logoUrl: "https://cdn.example.test/logo.png" });
-
-    const images = findElements(tree, "Image");
-    expect(images).toHaveLength(1);
-    expect(images[0]).toMatchObject({ props: { accessibilityLabel: "Chalk", source: { uri: "https://cdn.example.test/logo.png" } } });
-    expect(findText(tree)).toEqual(expect.arrayContaining(["Design space", "1:02", "4"]));
-  });
-
-  it("uses the SDK mark when no custom logo URL is supplied", () => {
-    const tree = SpaceTopBarAndroid({ spaceName: "Design space", participantCount: 4, formattedDuration: "1:02" });
-
-    expect(findElements(tree, "Logo")).toMatchObject([{ props: { height: 24, variant: "mark" } }]);
-  });
-});
-
-function findElements(value: unknown, type: string): { readonly props?: Record<string, unknown> }[] {
-  if (Array.isArray(value)) return value.flatMap((child) => findElements(child, type));
-  if (!value || typeof value !== "object") return [];
-  const element = value as { readonly type?: unknown; readonly props?: Record<string, unknown> };
-  const own = element.type === type ? [element] : [];
-  return [...own, ...findElements(element.props?.children, type)];
-}
-
-function findText(value: unknown): string[] {
-  if (typeof value === "string") return [value];
-  if (typeof value === "number") return [String(value)];
-  if (Array.isArray(value)) return value.flatMap(findText);
-  if (!value || typeof value !== "object") return [];
-  return findText((value as { readonly props?: { readonly children?: unknown } }).props?.children);
-}