@q9labsai/chalk-react-native 4.1.11 → 4.1.13

package/src/components/Entrance.test.tsx

@@ -1,19 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("./EntranceView", () => ({ EntranceView: "EntranceView" }));
-vi.mock("react-native", () => ({ Image: "Image" }));
-
-import { Entrance } from "./Entrance";
-
-describe("Entrance", () => {
-  it("exposes the preparation component", () => {
-    expect(Entrance).toBeTypeOf("function");
-  });
-
-  it("forwards the public cancel callback to the native Entrance view", () => {
-    const onCancel = vi.fn();
-    const element = Entrance({ onCancel, onJoin: vi.fn(), spaceName: "Space" });
-
-    expect(element.props.onCancel).toBe(onCancel);
-  });
-});

package/src/components/EntranceView.android.test.tsx

@@ -1,100 +0,0 @@
-import { isValidElement, type ReactElement, type ReactNode } from "react";
-import { describe, expect, it, vi } from "vitest";
-
-const controller = vi.hoisted(() => ({
-  displayName: "Ada",
-  audioEnabled: true,
-  videoEnabled: true,
-  isSubmitting: false,
-  isInputFocused: false,
-  previewError: null,
-  previewStream: null,
-  simulatorMediaDisabled: false,
-  setDisplayName: vi.fn(),
-  setInputFocused: vi.fn(),
-  toggleAudio: vi.fn(),
-  toggleVideo: vi.fn(),
-  handleJoin: vi.fn(),
-}));
-
-const theme = vi.hoisted(() => ({
-  colors: {
-    background: "#101112",
-    foreground: "#f7f8f9",
-    primary: "#12ab89",
-    primaryForeground: "#ffffff",
-    muted: "#343536",
-    mutedForeground: "#909192",
-    error: "#dc2626",
-    card: "#202122",
-    surface: "#303132",
-    raisedSurface: "#404142",
-    insetSurface: "#505152",
-    controlsBackground: "#606162",
-    border: "#707172",
-    ring: "#808182",
-    darkCanvas: "#010203",
-  },
-}));
-
-vi.mock("react-native", () => ({
-  KeyboardAvoidingView: "KeyboardAvoidingView",
-  Platform: { OS: "android" },
-  Pressable: "Pressable",
-  StyleSheet: { absoluteFillObject: {}, create: <T,>(styles: T) => styles },
-  Text: "Text",
-  TextInput: "TextInput",
-  View: "View",
-}));
-vi.mock("@hugeicons/react-native", () => ({ HugeiconsIcon: "HugeiconsIcon" }));
-vi.mock("../media/native-webrtc", () => ({ RTCView: "RTCView" }));
-vi.mock("../ui/native-theme", () => ({ useNativeTheme: () => theme }));
-vi.mock("./FaceAvatar", () => ({ FaceAvatar: "FaceAvatar" }));
-vi.mock("./native-entrance/useEntranceController", () => ({ useEntranceController: () => controller }));
-
-import { EntranceViewAndroid } from "./EntranceView.android";
-
-describe("EntranceViewAndroid", () => {
-  it("applies the active theme to its native surface and media controls", () => {
-    const entrance = EntranceViewAndroid({ onJoin: vi.fn(), spaceName: "Design review" });
-    const screen = findElements(entrance, (element) => element.type === "KeyboardAvoidingView")[0];
-    const mediaControl = findElements(entrance, (element) => element.type === "Pressable" && !element.props.accessibilityLabel)[0];
-    const mediaStyle = mediaControl?.props.style as ((state: { readonly pressed: boolean }) => unknown) | undefined;
-
-    expect(JSON.stringify(screen?.props.style)).toContain(theme.colors.background);
-    expect(JSON.stringify(mediaStyle?.({ pressed: false }))).toContain(theme.colors.controlsBackground);
-  });
-
-  it("omits the Android cancel control when no cancellation handler is supplied", () => {
-    const withoutCancel = EntranceViewAndroid({ onJoin: vi.fn(), spaceName: "Design review" });
-    const withCancel = EntranceViewAndroid({ onCancel: vi.fn(), onJoin: vi.fn(), spaceName: "Design review" });
-
-    expect(findElements(withoutCancel, (element) => element.props.accessibilityLabel === "Cancel and leave Entrance")).toHaveLength(0);
-    expect(findElements(withCancel, (element) => element.props.accessibilityLabel === "Cancel and leave Entrance")).toHaveLength(1);
-  });
-});
-
-interface NativeElementProps {
-  readonly accessibilityLabel?: string;
-  readonly children?: ReactNode;
-  readonly style?: unknown;
-}
-
-function findElements(node: ReactNode, matches: (element: ReactElement<NativeElementProps>) => boolean): ReactElement<NativeElementProps>[] {
-  const found: ReactElement<NativeElementProps>[] = [];
-  if (!isValidElement<NativeElementProps>(node)) {
-    return found;
-  }
-
-  if (matches(node)) {
-    found.push(node);
-  }
-
-  const children = node.props.children;
-  for (const child of Array.isArray(children) ? children : [children]) {
-    if (child !== undefined && child !== null) {
-      found.push(...findElements(child, matches));
-    }
-  }
-  return found;
-}

package/src/components/EntranceView.ios-pad.test.tsx

@@ -1,160 +0,0 @@
-// @vitest-environment happy-dom
-import type { ReactElement, ReactNode } from "react";
-import { beforeEach, describe, expect, it, vi } from "vitest";
-
-import { renderHook } from "../test-support/test-renderer";
-
-const controller = vi.hoisted(() => ({
-  displayName: "Ada",
-  audioEnabled: true,
-  videoEnabled: true,
-  isSubmitting: false,
-  isInputFocused: false,
-  previewError: null,
-  previewStream: null,
-  simulatorMediaDisabled: false,
-  setDisplayName: vi.fn(),
-  setInputFocused: vi.fn(),
-  toggleAudio: vi.fn(),
-  toggleVideo: vi.fn(),
-  handleJoin: vi.fn(),
-}));
-
-const theme = vi.hoisted(() => ({
-  colors: {
-    background: "#101112",
-    foreground: "#f7f8f9",
-    primary: "#12ab89",
-    primaryForeground: "#ffffff",
-    mutedForeground: "#909192",
-    error: "#dc2626",
-    card: "#202122",
-    surface: "#303132",
-    border: "#707172",
-    ring: "#808182",
-    darkCanvas: "#010203",
-    controlsBackground: "#606162",
-  },
-}));
-
-vi.mock("react-native", () => {
-  class AnimatedValue {
-    interpolate(input: unknown): { readonly input: unknown } {
-      return { input };
-    }
-  }
-
-  return {
-    ActivityIndicator: "ActivityIndicator",
-    Animated: {
-      Value: AnimatedValue,
-      View: "Animated.View",
-      delay: vi.fn(),
-      loop: vi.fn(),
-      sequence: vi.fn(),
-      spring: vi.fn(),
-      stagger: vi.fn(),
-      timing: vi.fn(),
-    },
-    KeyboardAvoidingView: "KeyboardAvoidingView",
-    Platform: { OS: "ios" },
-    Pressable: "Pressable",
-    StyleSheet: { absoluteFillObject: {}, create: <T,>(styles: T) => styles },
-    Text: "Text",
-    TextInput: "TextInput",
-    View: "View",
-  };
-});
-vi.mock("@hugeicons/react-native", () => ({ HugeiconsIcon: "HugeiconsIcon" }));
-vi.mock("./FaceAvatar", () => ({ FaceAvatar: "FaceAvatar" }));
-vi.mock("./RtcVideoView", () => ({ RtcVideoView: "RtcVideoView", hasRtcVideoView: () => false }));
-vi.mock("../ui/native-theme", () => ({ useNativeTheme: () => theme }));
-vi.mock("../utils/ios-simulator", () => ({ getIosSimulatorMediaMessage: () => "Media is unavailable in the simulator." }));
-vi.mock("./native-animation-controller", () => ({ createAnimationRefController: () => () => undefined }));
-vi.mock("./native-entrance/useEntranceController", () => ({ useEntranceController: () => controller }));
-
-import { EntranceViewIosPad } from "./EntranceView.ios-pad";
-
-beforeEach(() => {
-  controller.displayName = "Ada";
-  controller.audioEnabled = true;
-  controller.videoEnabled = true;
-  controller.isSubmitting = false;
-  controller.isInputFocused = false;
-  controller.previewError = null;
-  controller.previewStream = null;
-  controller.simulatorMediaDisabled = false;
-  controller.setDisplayName.mockReset();
-  controller.setInputFocused.mockReset();
-  controller.toggleAudio.mockReset();
-  controller.toggleVideo.mockReset();
-  controller.handleJoin.mockReset();
-});
-
-describe("EntranceViewIosPad", () => {
-  it("composes the immersive surface with themed title, media controls, and cancel action", () => {
-    const onCancel = vi.fn();
-    const { result } = renderHook(() => EntranceViewIosPad({ onCancel, onJoin: vi.fn(), spaceName: "Design review" }));
-    const tree = result.current;
-
-    const screen = findElement(tree, "KeyboardAvoidingView");
-    const cancel = findElement(tree, "Pressable", (element) => element.props.accessibilityLabel === "Cancel and leave Entrance");
-    const microphone = findElement(tree, "Pressable", (element) => element.props.accessibilityLabel === "Mute microphone");
-    const camera = findElement(tree, "Pressable", (element) => element.props.accessibilityLabel === "Turn camera off");
-    const join = findElement(tree, "Pressable", (element) => element.props.accessibilityLabel === "Enter Space");
-
-    expect(screen?.props.style).toEqual(expect.arrayContaining([expect.objectContaining({ backgroundColor: theme.colors.background })]));
-    expect(findText(tree)).toContain("Design review");
-    expect(cancel).toBeDefined();
-    expect(microphone).toBeDefined();
-    expect(camera).toBeDefined();
-    expect(join?.props.accessibilityState).toEqual({ disabled: false });
-
-    cancel?.props.onPress();
-    expect(onCancel).toHaveBeenCalledOnce();
-  });
-
-  it("uses the avatar fallback and disables joining until a name is entered", () => {
-    controller.displayName = "";
-
-    const { result } = renderHook(() => EntranceViewIosPad({ onJoin: vi.fn(), spaceName: "Quiet Space" }));
-    const tree = result.current;
-    const join = findElement(tree, "Pressable", (element) => element.props.accessibilityLabel === "Enter Space");
-
-    expect(findElement(tree, "FaceAvatar")).toBeDefined();
-    expect(findElement(tree, "RtcVideoView")).toBeUndefined();
-    expect(join?.props.accessibilityState).toEqual({ disabled: true });
-    expect(findText(tree)).toContain("Quiet Space");
-  });
-});
-
-interface NativeElementProps {
-  readonly accessibilityLabel?: string;
-  readonly accessibilityState?: unknown;
-  readonly children?: ReactNode;
-  readonly onPress?: () => void;
-  readonly style?: unknown;
-}
-
-function findElement(node: ReactNode, type: string, matches: (element: ReactElement<NativeElementProps>) => boolean = () => true): ReactElement<NativeElementProps> | undefined {
-  if (!isElement(node)) return undefined;
-  if (node.type === type && matches(node)) return node;
-
-  const children = node.props.children;
-  for (const child of Array.isArray(children) ? children : [children]) {
-    const found = findElement(child, type, matches);
-    if (found) return found;
-  }
-  return undefined;
-}
-
-function findText(node: ReactNode): string[] {
-  if (typeof node === "string") return [node];
-  if (!isElement(node)) return [];
-  const children = node.props.children;
-  return (Array.isArray(children) ? children : [children]).flatMap(findText);
-}
-
-function isElement(node: ReactNode): node is ReactElement<NativeElementProps> {
-  return typeof node === "object" && node !== null && "type" in node && "props" in node;
-}

package/src/components/EntranceView.ios-phone.test.tsx

@@ -1,137 +0,0 @@
-// @vitest-environment happy-dom
-import type { ReactElement, ReactNode } from "react";
-import { beforeEach, describe, expect, it, vi } from "vitest";
-
-import { renderHook } from "../test-support/test-renderer";
-
-const controller = vi.hoisted(() => ({
-  displayName: "Ada",
-  audioEnabled: true,
-  videoEnabled: true,
-  isSubmitting: false,
-  isInputFocused: false,
-  previewError: null,
-  previewStream: null as { toURL: () => string } | null,
-  simulatorMediaDisabled: false,
-  setDisplayName: vi.fn(),
-  setInputFocused: vi.fn(),
-  toggleAudio: vi.fn(),
-  toggleVideo: vi.fn(),
-  handleJoin: vi.fn(),
-}));
-
-const theme = vi.hoisted(() => ({
-  colors: {
-    background: "#101112",
-    foreground: "#f7f8f9",
-    primary: "#12ab89",
-    primaryForeground: "#ffffff",
-    muted: "#343536",
-    mutedForeground: "#909192",
-    error: "#dc2626",
-    card: "#202122",
-    surface: "#303132",
-    raisedSurface: "#404142",
-    insetSurface: "#505152",
-    controlsBackground: "#606162",
-    border: "#707172",
-    ring: "#808182",
-    darkCanvas: "#010203",
-  },
-}));
-
-vi.mock("react-native", () => ({
-  KeyboardAvoidingView: "KeyboardAvoidingView",
-  Platform: { OS: "ios" },
-  Pressable: "Pressable",
-  StyleSheet: { absoluteFillObject: {}, create: <T,>(styles: T) => styles },
-  Text: "Text",
-  TextInput: "TextInput",
-  View: "View",
-}));
-vi.mock("@cloudflare/react-native-webrtc", () => ({ RTCView: "RTCView" }));
-vi.mock("@hugeicons/react-native", () => ({ HugeiconsIcon: "HugeiconsIcon" }));
-vi.mock("./FaceAvatar", () => ({ FaceAvatar: "FaceAvatar" }));
-vi.mock("../ui/native-theme", () => ({ useNativeTheme: () => theme }));
-vi.mock("../utils/ios-simulator", () => ({ getIosSimulatorMediaMessage: () => "Media is unavailable in the simulator." }));
-vi.mock("./native-entrance/useEntranceController", () => ({ useEntranceController: () => controller }));
-
-import { EntranceViewIosPhone } from "./EntranceView.ios-phone";
-
-beforeEach(() => {
-  controller.displayName = "Ada";
-  controller.audioEnabled = true;
-  controller.videoEnabled = true;
-  controller.isSubmitting = false;
-  controller.isInputFocused = false;
-  controller.previewError = null;
-  controller.previewStream = null;
-  controller.simulatorMediaDisabled = false;
-  controller.setDisplayName.mockReset();
-  controller.setInputFocused.mockReset();
-  controller.toggleAudio.mockReset();
-  controller.toggleVideo.mockReset();
-  controller.handleJoin.mockReset();
-});
-
-describe("EntranceViewIosPhone", () => {
-  it("renders the phone preview sheet with the canonical Space title and join controls", () => {
-    const onCancel = vi.fn();
-    const { result } = renderHook(() => EntranceViewIosPhone({ onCancel, onJoin: vi.fn(), spaceName: "Design review" }));
-    const tree = result.current;
-    const screen = findElement(tree, "KeyboardAvoidingView");
-    const cancel = findElement(tree, "Pressable", (element) => element.props.accessibilityLabel === "Cancel and leave Entrance");
-    const textInput = findElement(tree, "TextInput");
-    const join = findText(tree).find((text) => text === "Enter Space");
-
-    expect(screen?.props.style).toEqual(expect.arrayContaining([expect.objectContaining({ backgroundColor: theme.colors.background })]));
-    expect(findText(tree)).toContain("Design review");
-    expect(cancel).toBeDefined();
-    expect(textInput?.props.placeholder).toBe("Enter your name");
-    expect(join).toBe("Enter Space");
-
-    cancel?.props.onPress();
-    expect(onCancel).toHaveBeenCalledOnce();
-  });
-
-  it("mounts the RTC preview only when the controller supplies an enabled stream", () => {
-    controller.previewStream = { toURL: () => "stream://preview" };
-
-    const { result } = renderHook(() => EntranceViewIosPhone({ onJoin: vi.fn(), spaceName: "Live Space" }));
-    const preview = findElement(result.current, "RTCView");
-
-    expect(preview?.props).toMatchObject({ mirror: true, objectFit: "cover", streamURL: "stream://preview" });
-  });
-});
-
-interface NativeElementProps {
-  readonly accessibilityLabel?: string;
-  readonly children?: ReactNode;
-  readonly onPress?: () => void;
-  readonly placeholder?: string;
-  readonly props?: unknown;
-  readonly style?: unknown;
-}
-
-function findElement(node: ReactNode, type: string, matches: (element: ReactElement<NativeElementProps>) => boolean = () => true): ReactElement<NativeElementProps> | undefined {
-  if (!isElement(node)) return undefined;
-  if (node.type === type && matches(node)) return node;
-
-  const children = node.props.children;
-  for (const child of Array.isArray(children) ? children : [children]) {
-    const found = findElement(child, type, matches);
-    if (found) return found;
-  }
-  return undefined;
-}
-
-function findText(node: ReactNode): string[] {
-  if (typeof node === "string") return [node];
-  if (!isElement(node)) return [];
-  const children = node.props.children;
-  return (Array.isArray(children) ? children : [children]).flatMap(findText);
-}
-
-function isElement(node: ReactNode): node is ReactElement<NativeElementProps> {
-  return typeof node === "object" && node !== null && "type" in node && "props" in node;
-}

package/src/components/EntranceView.test.tsx

@@ -1,15 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("../platform/platform", () => ({ resolvePlatformVariant: () => "android" }));
-vi.mock("./EntranceView.android", () => ({ EntranceViewAndroid: () => null }));
-vi.mock("./EntranceView.ios-pad", () => ({ EntranceViewIosPad: () => null }));
-vi.mock("./EntranceView.ios-phone", () => ({ EntranceViewIosPhone: () => null }));
-vi.mock("./EntranceView.macos", () => ({ EntranceViewMacos: () => null }));
-
-describe("EntranceView", () => {
-  it("selects the platform-specific entrance", async () => {
-    const { EntranceView } = await import("./EntranceView");
-
-    expect(EntranceView({ spaceName: "Space", onJoin: vi.fn() })).toBeTruthy();
-  });
-});

package/src/components/LogoElements.test.tsx

@@ -1,60 +0,0 @@
-// @vitest-environment happy-dom
-import type { ReactElement, ReactNode } from "react";
-import { describe, expect, it, vi } from "vitest";
-
-import { renderHook } from "../test-support/test-renderer";
-
-vi.mock("react-native", () => {
-  class AnimatedValue {
-    interpolate(input: unknown): { readonly input: unknown } {
-      return { input };
-    }
-  }
-
-  return {
-    Animated: {
-      Value: AnimatedValue,
-      createAnimatedComponent: (component: unknown) => component,
-    },
-  };
-});
-vi.mock("react-native-svg", () => ({ Circle: "Circle", Ellipse: "Ellipse", G: "G", Path: "Path", Rect: "Rect", default: "Svg" }));
-vi.mock("./native-animation-controller", () => ({ createAnimationRefController: () => () => undefined }));
-
-import Svg from "react-native-svg";
-import { LogoElements } from "./LogoElements";
-
-describe("LogoElements", () => {
-  it("uses the requested size and keeps the complete canonical mark composition", () => {
-    const { result } = renderHook(() => LogoElements({ size: 96 }));
-    const tree = result.current;
-
-    expect(tree.type).toBe(Svg);
-    expect(tree.props).toMatchObject({ height: 96, viewBox: "0 0 64 64", width: 96 });
-    expect(findElements(tree, "Path")).toHaveLength(1);
-    expect(findElements(tree, "Circle")).toHaveLength(3);
-    expect(findElements(tree, "Rect")).toHaveLength(4);
-    expect(findElements(tree, "Ellipse")).toHaveLength(4);
-  });
-
-  it("preserves the brand palette across each logo bar and particle", () => {
-    const { result } = renderHook(() => LogoElements({}));
-    const tree = result.current;
-    const fills = findElements(tree, "Rect").map((element) => element.props.fill);
-    const particleFills = findElements(tree, "Circle").map((element) => element.props.fill);
-
-    expect(fills).toEqual(["#A8D5A2", "#F5D76E", "#7EC8E3", "#F0A0A0"]);
-    expect(particleFills).toEqual(["#A8D5A2", "#F5D76E", "#7EC8E3"]);
-  });
-});
-
-function findElements(node: ReactNode, type: string): ReactElement<{ readonly fill?: string }>[] {
-  if (!isElement(node)) return [];
-  const matches = node.type === type ? [node] : [];
-  const children = node.props.children;
-  return matches.concat((Array.isArray(children) ? children : [children]).flatMap((child) => findElements(child, type)));
-}
-
-function isElement(node: ReactNode): node is ReactElement<{ readonly children?: ReactNode; readonly fill?: string }> {
-  return typeof node === "object" && node !== null && "type" in node && "props" in node;
-}

package/src/components/LogoElements.tsx

@@ -1,119 +0,0 @@
-import { useRef } from "react";
-import { Animated } from "react-native";
-import Svg, { Circle, Ellipse, G, Path, Rect } from "react-native-svg";
-import { Theme } from "../ui/theme";
-import { createAnimationRefController, type AnimationRefCallback } from "./native-animation-controller";
-
-const AnimatedCircle = Animated.createAnimatedComponent(Circle);
-const AnimatedPath = Animated.createAnimatedComponent(Path);
-
-interface LogoElementsProps {
-  size?: number;
-}
-
-export function LogoElements({ size = 64 }: LogoElementsProps): React.JSX.Element {
-  const particle1 = useRef(new Animated.Value(0)).current;
-  const particle2 = useRef(new Animated.Value(0)).current;
-  const particle3 = useRef(new Animated.Value(0)).current;
-  const arcProgress = useRef(new Animated.Value(0)).current;
-
-  const animationRef = useRef<AnimationRefCallback<unknown> | null>(null);
-  const attachAnimations =
-    animationRef.current ??
-    (animationRef.current = createAnimationRefController<unknown>(() => {
-      const createParticleAnimation = (animation: Animated.Value, delay: number) =>
-        Animated.loop(
-          Animated.sequence([
-            Animated.delay(delay),
-            Animated.timing(animation, {
-              toValue: 1,
-              duration: 2500,
-              useNativeDriver: true,
-            }),
-          ]),
-        );
-
-      const particleAnimations = [createParticleAnimation(particle1, 0), createParticleAnimation(particle2, 800), createParticleAnimation(particle3, 1600)];
-      const arcAnimation = Animated.loop(
-        Animated.sequence([
-          Animated.timing(arcProgress, {
-            toValue: 1,
-            duration: 3500,
-            useNativeDriver: true,
-          }),
-          Animated.delay(2500),
-        ]),
-      );
-
-      return [...particleAnimations, arcAnimation];
-    }));
-
-  const createParticleProps = (animation: Animated.Value, xOffset: number) => ({
-    opacity: animation.interpolate({
-      inputRange: [0, 0.2, 0.8, 1],
-      outputRange: [0, 0.5, 0.5, 0],
-    }),
-    transform: [
-      {
-        translateY: animation.interpolate({
-          inputRange: [0, 1],
-          outputRange: [0, -20],
-        }),
-      },
-      {
-        translateX: animation.interpolate({
-          inputRange: [0, 1],
-          outputRange: [0, xOffset],
-        }),
-      },
-    ],
-  });
-
-  return (
-    <Svg ref={attachAnimations} width={size} height={size} viewBox="0 0 64 64" fill="none">
-      <AnimatedPath
-        d="M 12 16 Q 32 -2 52 16"
-        stroke={Theme.logo.arc}
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        fill="none"
-        opacity={arcProgress.interpolate({
-          inputRange: [0, 0.2, 0.7, 1],
-          outputRange: [0, 1, 1, 0],
-        })}
-        transform={[
-          {
-            translateY: arcProgress.interpolate({
-              inputRange: [0, 1],
-              outputRange: [4, -4],
-            }),
-          },
-        ]}
-      />
-
-      <AnimatedCircle cx="16" cy="12" r="1.5" fill={Theme.logo.mint} {...createParticleProps(particle1, -8)} />
-      <AnimatedCircle cx="28" cy="8" r="2" fill={Theme.logo.gold} {...createParticleProps(particle2, 4)} />
-      <AnimatedCircle cx="40" cy="6" r="1.5" fill={Theme.logo.sky} {...createParticleProps(particle3, 8)} />
-
-      <G transform="rotate(-20 16 48)">
-        <Rect x="8" y="16" width="12" height="40" rx="6" fill={Theme.logo.mint} />
-        <Ellipse cx="14" cy="16" rx="6" ry="3.5" fill={Theme.logo.mintDark} />
-      </G>
-
-      <G transform="rotate(-5 24 44)">
-        <Rect x="18" y="12" width="12" height="44" rx="6" fill={Theme.logo.gold} />
-        <Ellipse cx="24" cy="12" rx="6" ry="3.5" fill={Theme.logo.goldDark} />
-      </G>
-
-      <G transform="rotate(25 44 20)">
-        <Rect x="28" y="4" width="12" height="42" rx="6" fill={Theme.logo.sky} />
-        <Ellipse cx="34" cy="4" rx="6" ry="3.5" fill={Theme.logo.skyDark} />
-      </G>
-
-      <G transform="rotate(10 44 40)">
-        <Rect x="38" y="18" width="12" height="38" rx="6" fill={Theme.logo.coral} />
-        <Ellipse cx="44" cy="56" rx="6" ry="3.5" fill={Theme.logo.coralDark} />
-      </G>
-    </Svg>
-  );
-}

package/src/components/ReactionPicker.test.tsx

@@ -1,19 +0,0 @@
-import { readFileSync } from "node:fs";
-import { describe, expect, it } from "vitest";
-
-const source = readFileSync(new URL("./ReactionPicker.tsx", import.meta.url), "utf8");
-
-describe("ReactionPicker", () => {
-  it("covers the persistent dock while keeping the reaction card inset", () => {
-    expect(source).toContain("StyleSheet.absoluteFillObject");
-    expect(source).not.toContain("paddingBottom: 110");
-    expect(source).not.toContain("bottom: 94");
-  });
-
-  it("keeps close-button press feedback defined", () => {
-    expect(source).toContain("pressed && styles.pressed");
-    expect(source).toContain("pressed: {");
-    expect(source).toContain("opacity: 0.72");
-    expect(source).toContain("transform: [{ scale: 0.96 }]");
-  });
-});

package/src/components/RtcVideoView.test.tsx

@@ -1,12 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("../media/native-webrtc", () => ({ RTCView: () => null }));
-
-describe("RtcVideoView", () => {
-  it("reports the availability of the RTC view", async () => {
-    const { hasRtcVideoView, RtcVideoView } = await import("./RtcVideoView");
-
-    expect(hasRtcVideoView()).toBe(true);
-    expect(RtcVideoView({ streamURL: "stream" })).toBeTruthy();
-  });
-});

package/src/components/SpaceView.android.test.tsx

@@ -1,11 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("./SpaceView.shared", () => ({ SpaceViewShared: () => null }));
-
-describe("SpaceView.android", () => {
-  it("exposes the canonical platform component name", async () => {
-    const { SpaceViewAndroid } = await import("./SpaceView.android");
-
-    expect(SpaceViewAndroid).toBeTypeOf("function");
-  });
-});

package/src/components/SpaceView.ios-pad.test.tsx

@@ -1,11 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("./SpaceView.shared", () => ({ SpaceViewShared: () => null }));
-
-describe("SpaceView.ios-pad", () => {
-  it("exposes the canonical platform component name", async () => {
-    const { SpaceViewIosPad } = await import("./SpaceView.ios-pad");
-
-    expect(SpaceViewIosPad).toBeTypeOf("function");
-  });
-});