feat: explicit session addressing + toast queue + solid toast styling

Matthias Nott

2026-03-08 4c266155785aad5050ebff7211e3d5f9e15c3238

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import React from "react";
import { View } from "react-native";
import { ConnectionStatus } from "../../types";

interface StatusDotProps {
  status: ConnectionStatus;
  size?: number;
}

export function StatusDot({ status, size = 10 }: StatusDotProps) {
  const color =
    status === "connected"
      ? "#22c55e"
      : status === "compacting"
      ? "#3b82f6"
      : status === "connecting" || status === "reconnecting"
      ? "#eab308"
      : "#ef4444";

  return (
    <View
      className="rounded-full"
      style={{ width: size, height: size, backgroundColor: color }}
    />
  );
}