ComputeStatus

1"use client";
2 
3import type { ComponentProps } from "react";
4 
5import { Skeleton } from "@/components/ui/skeleton";
6import { cn } from "@/lib/utils";
7 
8/** Compute lifecycle. `active`/`scaling` are alive and breathe; `idle`/`suspended` hold steady. */
9export type ComputeState = "active" | "idle" | "scaling" | "suspended";
10 
11interface ComputeStateConfig {
12  /** Dot classes: alive states use `neon-status-breathe` + a token text color. */
13  dot: string;
14  label: string;
15}
16 
17/* ─────────────────────────────────────────────────────────
18 * COMPUTE READOUT
19 *
20 *  A calm mono line: a square status dot, the state word,
21 *  then the compute size and the scale-to-zero readout,
22 *  each fenced off by a hairline. Color lives only in the
23 *  dot, from the house status vocabulary — active green,
24 *  scaling amber, sleeping gray. The two alive states
25 *  (active, scaling) breathe on the shared 2.6s cadence and
26 *  hold steady under reduced motion; idle and suspended sit
27 *  still, and suspended dims the whole line because the
28 *  compute is off.
29 * ───────────────────────────────────────────────────────── */
30const STATE: Record<ComputeState, ComputeStateConfig> = {
31  active: {
32    dot: "neon-status-breathe bg-current text-[var(--status-active)]",
33    label: "active",
34  },
35  idle: {
36    dot: "bg-[var(--status-active)]",
37    label: "idle",
38  },
39  scaling: {
40    dot: "neon-status-breathe bg-current text-[var(--status-scaling)]",
41    label: "scaling",
42  },
43  suspended: {
44    dot: "bg-[var(--status-sleeping)]",
45    label: "suspended",
46  },
47};
48 
49// A range renders with an en dash (\u2013), e.g. 0.25–2 CU.
50const formatCu = (cu: number | [number, number]) =>
51  Array.isArray(cu) ? `${cu[0]}\u2013${cu[1]} CU` : `${cu} CU`;
52 
53const Fence = () => (
54  <span aria-hidden="true" className="h-3 w-px shrink-0 bg-border/60" />
55);
56 
57export type ComputeStatusProps = Omit<ComponentProps<"div">, "children"> & {
58  /** Current compute lifecycle state. */
59  state: ComputeState;
60  /** Compute size in CU: a single value ("1.5 CU") or an autoscaling range. */
61  cu?: number | [number, number];
62  /**
63   * Scale-to-zero readout, already phrased for context, e.g.
64   * "scales to zero after 5m" or "suspended 2h ago". Omit to hide.
65   */
66  scaleToZero?: string;
67// … truncated