@toon-protocol/townhouse 0.1.0-rc5 → 0.1.0

package/dist/tui-OIFXGBTL.js

@@ -0,0 +1,625 @@
+import { createRequire } from 'module'; const require = createRequire(import.meta.url);
+import {
+  formatRelativeTime,
+  formatUsdc,
+  formatUsdcMicro
+} from "./chunk-JCOFMUPL.js";
+import "./chunk-I2R4CRUX.js";
+
+// src/tui/index.ts
+import { createElement } from "react";
+import { render } from "ink";
+
+// src/tui/App.tsx
+import { useState as useState4 } from "react";
+import { Box as Box4, Text as Text10, useInput as useInput2 } from "ink";
+
+// src/tui/use-earnings.ts
+import { useEffect, useRef, useState } from "react";
+
+// src/tui/constants.ts
+var DEFAULT_REFRESH_INTERVAL_MS = 2e3;
+var DEFAULT_API_URL = "http://127.0.0.1:28090";
+
+// src/tui/use-earnings.ts
+var EMPTY_EARNINGS = {
+  status: "connector_unavailable",
+  apex: { routingFees: {} },
+  peers: [],
+  recentClaims: [],
+  eventsRelayed: 0,
+  uptimeSeconds: 0
+};
+function useEarnings(opts = {}) {
+  const {
+    apiUrl = DEFAULT_API_URL,
+    refreshIntervalMs = DEFAULT_REFRESH_INTERVAL_MS,
+    fetchImpl = globalThis.fetch
+  } = opts;
+  const [state, setState] = useState({
+    phase: "loading",
+    data: null,
+    bannerKey: null
+  });
+  const prevDataRef = useRef(null);
+  useEffect(() => {
+    let cancelled = false;
+    let abortController = null;
+    async function doFetch() {
+      if (cancelled) return;
+      const ac = new AbortController();
+      abortController = ac;
+      try {
+        const res = await fetchImpl(`${apiUrl}/api/earnings`, {
+          signal: ac.signal
+        });
+        if (cancelled) return;
+        if (!res.ok) {
+          const prev = prevDataRef.current;
+          setState({
+            phase: "stale",
+            data: prev ?? EMPTY_EARNINGS,
+            bannerKey: "fetch_failed"
+          });
+          return;
+        }
+        const body = await res.json();
+        if (cancelled) return;
+        if (body.status === "connector_unavailable") {
+          const prev = prevDataRef.current;
+          setState({
+            phase: "stale",
+            data: prev ?? EMPTY_EARNINGS,
+            bannerKey: "connector_unavailable"
+          });
+          return;
+        }
+        prevDataRef.current = body;
+        setState({ phase: "ok", data: body, bannerKey: null });
+      } catch (err) {
+        if (cancelled) return;
+        if (err instanceof Error && err.name === "AbortError") return;
+        const prev = prevDataRef.current;
+        setState({
+          phase: "stale",
+          data: prev ?? EMPTY_EARNINGS,
+          bannerKey: "fetch_failed"
+        });
+      } finally {
+        abortController = null;
+      }
+    }
+    void doFetch();
+    const intervalId = setInterval(() => {
+      void doFetch();
+    }, refreshIntervalMs);
+    return () => {
+      cancelled = true;
+      clearInterval(intervalId);
+      if (abortController !== null) {
+        abortController.abort();
+      }
+    };
+  }, [apiUrl, refreshIntervalMs, fetchImpl]);
+  return state;
+}
+
+// src/tui/use-activity-buffer.ts
+import { useState as useState2, useEffect as useEffect2 } from "react";
+var MAX_BUFFER_SIZE = 200;
+function claimKey(c) {
+  return `${c.peerId}|${c.at}|${c.amount}|${c.assetCode}|${c.direction}`;
+}
+function sortKey(c) {
+  const ms = Date.parse(c.at);
+  return Number.isFinite(ms) ? ms : -Infinity;
+}
+function useActivityBuffer(incoming) {
+  const [buffer, setBuffer] = useState2([]);
+  useEffect2(() => {
+    if (!Array.isArray(incoming)) return;
+    if (incoming.length === 0 && buffer.length === 0) return;
+    const seen = /* @__PURE__ */ new Map();
+    for (const c of buffer) seen.set(claimKey(c), c);
+    for (const c of incoming) seen.set(claimKey(c), c);
+    const merged = Array.from(seen.values());
+    merged.sort((a, b) => sortKey(b) - sortKey(a));
+    const trimmed = merged.slice(0, MAX_BUFFER_SIZE);
+    const same = trimmed.length === buffer.length && trimmed.every(
+      (c, i) => buffer[i] !== void 0 && claimKey(c) === claimKey(buffer[i])
+    );
+    if (!same) setBuffer(trimmed);
+  }, [incoming]);
+  return buffer;
+}
+
+// src/tui/components/HeroBand.tsx
+import { Box, Text as Text3, useStdout } from "ink";
+
+// src/tui/components/Sparkline.tsx
+import { Text } from "ink";
+import { jsxs } from "react/jsx-runtime";
+var BLOCKS = "\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+var PLACEHOLDER = "\xB7\xB7\xB7\xB7\xB7\xB7\xB7";
+function Sparkline({ values, width }) {
+  if (width < 60) {
+    return null;
+  }
+  if (values.length === 0) {
+    return /* @__PURE__ */ jsxs(Text, { children: [
+      PLACEHOLDER,
+      "  7d"
+    ] });
+  }
+  const safe = values.filter((v) => Number.isFinite(v)).map((v) => v < 0 ? 0 : v);
+  if (safe.length === 0) {
+    return /* @__PURE__ */ jsxs(Text, { children: [
+      PLACEHOLDER,
+      "  7d"
+    ] });
+  }
+  const max = safe.reduce((m, v) => v > m ? v : m, 0);
+  const chars = safe.map((v) => {
+    if (max === 0) return BLOCKS[0] ?? "\u2581";
+    const idx = Math.floor(v / max * (BLOCKS.length - 1));
+    return BLOCKS[idx] ?? "\u2581";
+  }).join("");
+  return /* @__PURE__ */ jsxs(Text, { children: [
+    chars,
+    "  7d"
+  ] });
+}
+
+// src/tui/components/Qualifier.tsx
+import { Text as Text2 } from "ink";
+
+// src/tui/copy.ts
+var COPY = {
+  heroEarly: `you're early`,
+  heroEarlyRotation: [
+    `you're early`,
+    `warming up`,
+    `first packet en route`
+  ],
+  loading: `Fetching earnings\u2026`,
+  qualifierPrefix: `MONTH $0.00`,
+  qualifierEventsWords: `events relayed`,
+  qualifierEvents: (n) => `${n} events relayed`,
+  banners: {
+    connectorUnavailable: `Connector not reachable \u2014 showing last known values. Retrying in 2s.`,
+    fetchFailed: `Last refresh failed \u2014 retrying.`
+  },
+  apex: {
+    routingPrefix: `\u21B3 apex routing: `,
+    routingEmpty: `(enable mill to route)`
+  },
+  peerTable: {
+    empty: `no peers yet \u2014 run 'townhouse node add town'`
+  },
+  activityTicker: {
+    prefix: `recent: `,
+    empty: `no settlements yet \u2014 press [a] when activity arrives`,
+    keybind: ` [a] activity`
+  },
+  activityOverlay: {
+    titlePrefix: `Activity \u2014 last `,
+    emptyHint: `(no activity yet)`,
+    scrollHint: `j/k to scroll \xB7 q to close`,
+    scrollHintEmpty: `q to close`,
+    directionInbound: `in`,
+    directionOutbound: `out`,
+    directionUnknown: `?`
+  }
+};
+
+// src/tui/components/Qualifier.tsx
+import { jsxs as jsxs2 } from "react/jsx-runtime";
+function Qualifier({ eventsRelayed }) {
+  return /* @__PURE__ */ jsxs2(Text2, { color: "yellow", children: [
+    COPY.qualifierPrefix,
+    " \xB7 ",
+    COPY.qualifierEvents(eventsRelayed),
+    " \xB7 ",
+    COPY.heroEarly
+  ] });
+}
+
+// src/tui/components/HeroBand.tsx
+import { jsx, jsxs as jsxs3 } from "react/jsx-runtime";
+var USDC_SCALE = 6;
+var ASSET = "USDC";
+var DECIMAL_RE = /^-?\d+$/;
+var MIN_COL_WIDTH = 8;
+function addDecimalStrings(a, b) {
+  if (!DECIMAL_RE.test(b)) return a;
+  try {
+    return (BigInt(a) + BigInt(b)).toString();
+  } catch {
+    return a;
+  }
+}
+function computeScalars(apex, peers) {
+  let today = "0";
+  let month = "0";
+  let year = "0";
+  let lifetime = "0";
+  const apexUsdc = apex.routingFees[ASSET];
+  if (apexUsdc !== void 0) {
+    today = addDecimalStrings(today, apexUsdc.today);
+    month = addDecimalStrings(month, apexUsdc.month);
+    year = addDecimalStrings(year, apexUsdc.year);
+    lifetime = addDecimalStrings(lifetime, apexUsdc.lifetime);
+  }
+  for (const peer of peers) {
+    const peerUsdc = peer.byAsset[ASSET];
+    if (peerUsdc !== void 0) {
+      today = addDecimalStrings(today, peerUsdc.today);
+      month = addDecimalStrings(month, peerUsdc.month);
+      year = addDecimalStrings(year, peerUsdc.year);
+      lifetime = addDecimalStrings(lifetime, peerUsdc.lifetime);
+    }
+  }
+  return { today, month, year, lifetime };
+}
+function isEmptyState(apex, peers) {
+  const apexMonth = apex.routingFees[ASSET]?.month ?? "0";
+  if (apexMonth !== "0") return false;
+  for (const peer of peers) {
+    const peerMonth = peer.byAsset[ASSET]?.month ?? "0";
+    if (peerMonth !== "0") return false;
+  }
+  return true;
+}
+function HeroBand({ apex, peers, eventsRelayed }) {
+  const { stdout } = useStdout();
+  const columns = stdout?.columns ?? 80;
+  const scalars = computeScalars(apex, peers);
+  const showQualifier = isEmptyState(apex, peers);
+  const todayFmt = formatUsdc(scalars.today, USDC_SCALE);
+  const monthFmt = formatUsdc(scalars.month, USDC_SCALE);
+  const yearFmt = formatUsdc(scalars.year, USDC_SCALE);
+  const lifetimeFmt = formatUsdc(scalars.lifetime, USDC_SCALE);
+  const shortLabels = columns < 70;
+  const labelLifetime = shortLabels ? "LIFE" : "LIFETIME";
+  const colWidth = Math.max(Math.floor(columns / 4), MIN_COL_WIDTH);
+  return /* @__PURE__ */ jsxs3(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs3(Box, { children: [
+      /* @__PURE__ */ jsx(Box, { width: colWidth, children: /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "TODAY" }) }),
+      /* @__PURE__ */ jsx(Box, { width: colWidth, children: /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "MONTH" }) }),
+      /* @__PURE__ */ jsx(Box, { width: colWidth, children: /* @__PURE__ */ jsx(Text3, { dimColor: true, children: "YEAR" }) }),
+      /* @__PURE__ */ jsx(Box, { width: colWidth, children: /* @__PURE__ */ jsx(Text3, { dimColor: true, children: labelLifetime }) })
+    ] }),
+    /* @__PURE__ */ jsxs3(Box, { children: [
+      /* @__PURE__ */ jsx(Box, { width: colWidth, children: /* @__PURE__ */ jsx(Text3, { color: scalars.today !== "0" ? "green" : void 0, children: todayFmt }) }),
+      /* @__PURE__ */ jsx(Box, { width: colWidth, children: /* @__PURE__ */ jsx(Text3, { color: scalars.month !== "0" ? "green" : void 0, children: monthFmt }) }),
+      /* @__PURE__ */ jsx(Box, { width: colWidth, children: /* @__PURE__ */ jsx(Text3, { color: scalars.year !== "0" ? "green" : void 0, children: yearFmt }) }),
+      /* @__PURE__ */ jsx(Box, { width: colWidth, children: /* @__PURE__ */ jsx(Text3, { color: scalars.lifetime !== "0" ? "green" : void 0, children: lifetimeFmt }) })
+    ] }),
+    /* @__PURE__ */ jsx(Sparkline, { values: [], width: columns }),
+    showQualifier ? /* @__PURE__ */ jsx(Qualifier, { eventsRelayed }) : null
+  ] });
+}
+
+// src/tui/components/Banner.tsx
+import { Text as Text4 } from "ink";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Banner({ bannerKey }) {
+  if (bannerKey === null) return null;
+  const isError = bannerKey === "fetch_failed";
+  const text = isError ? COPY.banners.fetchFailed : COPY.banners.connectorUnavailable;
+  return /* @__PURE__ */ jsx2(Text4, { color: isError ? "red" : "yellow", children: text });
+}
+
+// src/tui/components/ApexStrip.tsx
+import { Text as Text5 } from "ink";
+import { jsxs as jsxs4 } from "react/jsx-runtime";
+var USDC_SCALE2 = 6;
+var ASSET2 = "USDC";
+var DECIMAL_RE2 = /^-?\d+$/;
+function addDecimalStrings2(a, b) {
+  if (!DECIMAL_RE2.test(b)) return a;
+  try {
+    return (BigInt(a) + BigInt(b)).toString();
+  } catch {
+    return a;
+  }
+}
+function ApexStrip({ apex, peers }) {
+  const apexMonth = apex.routingFees[ASSET2]?.month ?? "0";
+  const apexValid = DECIMAL_RE2.test(apexMonth);
+  const apexMonthBig = apexValid ? BigInt(apexMonth) : 0n;
+  let totalMonth = apexMonthBig;
+  for (const peer of peers) {
+    const peerMonth = peer.byAsset[ASSET2]?.month ?? "0";
+    totalMonth = BigInt(addDecimalStrings2(totalMonth.toString(), peerMonth));
+  }
+  const apexFmt = formatUsdc(apexMonth, USDC_SCALE2);
+  const hasMillPeer = peers.some((p) => p.type === "mill");
+  if (!apexValid) {
+    return /* @__PURE__ */ jsxs4(Text5, { dimColor: true, italic: true, children: [
+      COPY.apex.routingPrefix,
+      apexFmt
+    ] });
+  }
+  if (apexMonthBig === 0n) {
+    const upsell = hasMillPeer ? "" : ` ${COPY.apex.routingEmpty}`;
+    return /* @__PURE__ */ jsxs4(Text5, { dimColor: true, italic: true, children: [
+      COPY.apex.routingPrefix,
+      apexFmt,
+      upsell
+    ] });
+  }
+  const pct = totalMonth === 0n ? null : Number(apexMonthBig * 100n / totalMonth);
+  return /* @__PURE__ */ jsxs4(Text5, { children: [
+    COPY.apex.routingPrefix,
+    apexFmt,
+    pct !== null ? ` (${pct}%)` : ""
+  ] });
+}
+
+// src/tui/components/PeerTable.tsx
+import { Box as Box2, Text as Text6, useStdout as useStdout2 } from "ink";
+import { jsx as jsx3, jsxs as jsxs5 } from "react/jsx-runtime";
+var USDC_SCALE3 = 6;
+var MAX_DATA_ROWS = 4;
+var MIN_COL_WIDTH2 = 6;
+function flattenPeers(peers) {
+  const out = [];
+  for (const peer of peers) {
+    const assetCodes = Object.keys(peer.byAsset).sort();
+    if (assetCodes.length === 0) continue;
+    let isFirst = true;
+    for (const assetCode of assetCodes) {
+      const perAsset = peer.byAsset[assetCode];
+      if (perAsset === void 0) continue;
+      out.push({
+        peerId: peer.id,
+        type: peer.type,
+        assetCode,
+        perAsset,
+        lastClaimAt: peer.lastClaimAt,
+        isFirstRowOfPeer: isFirst
+      });
+      isFirst = false;
+    }
+  }
+  return out;
+}
+function PeerTable({ peers, now = /* @__PURE__ */ new Date(), columns: columnsProp }) {
+  const { stdout } = useStdout2();
+  const columns = columnsProp ?? (stdout?.columns || 80);
+  const rows = flattenPeers(peers).slice(0, MAX_DATA_ROWS);
+  if (rows.length === 0) {
+    return /* @__PURE__ */ jsx3(Text6, { dimColor: true, children: COPY.peerTable.empty });
+  }
+  const showLastClaim = columns >= 60;
+  const shortType = columns < 70;
+  const dropAgoSuffix = columns < 70;
+  const totalCols = showLastClaim ? 5 : 4;
+  const colWidth = Math.max(Math.floor(columns / totalCols), MIN_COL_WIDTH2);
+  const header = /* @__PURE__ */ jsxs5(Box2, { children: [
+    /* @__PURE__ */ jsx3(Box2, { width: colWidth, children: /* @__PURE__ */ jsx3(Text6, { dimColor: true, children: "PEER" }) }),
+    /* @__PURE__ */ jsx3(Box2, { width: colWidth, children: /* @__PURE__ */ jsx3(Text6, { dimColor: true, children: "TYPE" }) }),
+    /* @__PURE__ */ jsx3(Box2, { width: colWidth, children: /* @__PURE__ */ jsx3(Text6, { dimColor: true, children: "ASSET" }) }),
+    /* @__PURE__ */ jsx3(Box2, { width: colWidth, children: /* @__PURE__ */ jsx3(Text6, { dimColor: true, children: "NET (MONTH)" }) }),
+    showLastClaim ? /* @__PURE__ */ jsx3(Box2, { width: colWidth, children: /* @__PURE__ */ jsx3(Text6, { dimColor: true, children: "LAST CLAIM" }) }) : null
+  ] });
+  return /* @__PURE__ */ jsxs5(Box2, { flexDirection: "column", children: [
+    header,
+    rows.map((row, i) => {
+      const peerCell = row.isFirstRowOfPeer ? row.peerId : "";
+      const typeRaw = row.isFirstRowOfPeer ? row.type : "";
+      const typeCell = shortType && typeRaw.length > 0 ? typeRaw.slice(0, 3) : typeRaw;
+      const netFmt = formatUsdc(row.perAsset.month, USDC_SCALE3);
+      let lastClaim = formatRelativeTime(row.lastClaimAt, now);
+      if (dropAgoSuffix && lastClaim.endsWith(" ago")) {
+        lastClaim = lastClaim.slice(0, -" ago".length);
+      }
+      return /* @__PURE__ */ jsxs5(Box2, { children: [
+        /* @__PURE__ */ jsx3(Box2, { width: colWidth, children: /* @__PURE__ */ jsx3(Text6, { children: peerCell }) }),
+        /* @__PURE__ */ jsx3(Box2, { width: colWidth, children: /* @__PURE__ */ jsx3(Text6, { children: typeCell }) }),
+        /* @__PURE__ */ jsx3(Box2, { width: colWidth, children: /* @__PURE__ */ jsx3(Text6, { children: row.assetCode }) }),
+        /* @__PURE__ */ jsx3(Box2, { width: colWidth, children: /* @__PURE__ */ jsx3(Text6, { children: netFmt }) }),
+        showLastClaim ? /* @__PURE__ */ jsx3(Box2, { width: colWidth, children: /* @__PURE__ */ jsx3(Text6, { children: lastClaim }) }) : null
+      ] }, `${row.peerId}-${row.assetCode}-${i}`);
+    })
+  ] });
+}
+
+// src/tui/components/ActivityTicker.tsx
+import { Text as Text7 } from "ink";
+import { jsx as jsx4, jsxs as jsxs6 } from "react/jsx-runtime";
+function sortKey2(c) {
+  const ms = Date.parse(c.at);
+  return Number.isFinite(ms) ? ms : -Infinity;
+}
+function arrowFor(direction) {
+  return direction === "inbound" ? "\u2190" : direction === "outbound" ? "\u2192" : COPY.activityOverlay.directionUnknown;
+}
+function ActivityTicker({ recentClaims, now = /* @__PURE__ */ new Date() }) {
+  if (recentClaims.length === 0) {
+    return /* @__PURE__ */ jsx4(Text7, { dimColor: true, children: COPY.activityTicker.empty });
+  }
+  const sorted = [...recentClaims].sort((a, b) => sortKey2(b) - sortKey2(a));
+  const claim = sorted[0];
+  if (!claim) {
+    return /* @__PURE__ */ jsx4(Text7, { dimColor: true, children: COPY.activityTicker.empty });
+  }
+  const arrow = arrowFor(claim.direction);
+  const amount = formatUsdcMicro(claim.amount, claim.assetScale);
+  const rel = formatRelativeTime(claim.at, now);
+  return /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
+    COPY.activityTicker.prefix,
+    claim.peerId,
+    " ",
+    arrow,
+    " ",
+    amount,
+    " ",
+    claim.assetCode,
+    " \xB7 ",
+    rel,
+    COPY.activityTicker.keybind
+  ] });
+}
+
+// src/tui/components/Badge.tsx
+import { Text as Text8 } from "ink";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var USDC_ASSET = "USDC";
+var DECIMAL_RE3 = /^-?\d+$/;
+var LIFETIME_USDC_THRESHOLD = 1000000n;
+var UPTIME_SECONDS_THRESHOLD = 7 * 24 * 60 * 60;
+var ROTATION_INTERVAL_MS = 3e4;
+function parseDecimalOrZero(value) {
+  if (value === void 0 || !DECIMAL_RE3.test(value)) return 0n;
+  try {
+    return BigInt(value);
+  } catch {
+    return 0n;
+  }
+}
+function computeLifetimeUsdc(apex, peers) {
+  let total = parseDecimalOrZero(apex.routingFees[USDC_ASSET]?.lifetime);
+  for (const peer of peers) {
+    total += parseDecimalOrZero(peer.byAsset[USDC_ASSET]?.lifetime);
+  }
+  return total;
+}
+function Badge({
+  apex,
+  peers,
+  uptimeSeconds,
+  now = /* @__PURE__ */ new Date()
+}) {
+  const lifetime = computeLifetimeUsdc(apex, peers);
+  const lifetimeTriggers = lifetime < LIFETIME_USDC_THRESHOLD;
+  const uptimeTriggers = uptimeSeconds < UPTIME_SECONDS_THRESHOLD;
+  if (!lifetimeTriggers && !uptimeTriggers) return null;
+  const index = Math.floor(now.getTime() / ROTATION_INTERVAL_MS) % COPY.heroEarlyRotation.length;
+  const text = COPY.heroEarlyRotation[index] ?? COPY.heroEarlyRotation[0];
+  return /* @__PURE__ */ jsx5(Text8, { color: "yellow", bold: true, children: text });
+}
+
+// src/tui/components/ActivityOverlay.tsx
+import { Box as Box3, Text as Text9, useStdout as useStdout3, useInput } from "ink";
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { jsx as jsx6, jsxs as jsxs7 } from "react/jsx-runtime";
+var MIN_OVERLAY_WIDTH = 40;
+var MAX_PEER_ID_WIDTH = 24;
+var DEFAULT_MAX_BUFFER_SIZE = 200;
+function formatTime(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "--:--:--";
+  return d.toLocaleTimeString("en-GB", { hour12: false });
+}
+function truncatePeerId(id) {
+  if (id.length <= MAX_PEER_ID_WIDTH) return id;
+  return id.slice(0, MAX_PEER_ID_WIDTH - 1) + "\u2026";
+}
+function arrowFor2(direction) {
+  return direction === "inbound" ? "\u2190" : direction === "outbound" ? "\u2192" : COPY.activityOverlay.directionUnknown;
+}
+function directionLabel(direction) {
+  return direction === "inbound" ? COPY.activityOverlay.directionInbound : direction === "outbound" ? COPY.activityOverlay.directionOutbound : COPY.activityOverlay.directionUnknown;
+}
+function formatRow(claim) {
+  const time = formatTime(claim.at);
+  const peer = truncatePeerId(claim.peerId);
+  const arrow = arrowFor2(claim.direction);
+  const amount = formatUsdcMicro(claim.amount, claim.assetScale);
+  const dir = directionLabel(claim.direction);
+  return `${time} \xB7 ${peer} \xB7 ${arrow} ${amount} ${claim.assetCode} \xB7 ${dir}`;
+}
+function claimKeyForReact(c) {
+  return `${c.peerId}|${c.at}|${c.amount}|${c.assetCode}|${c.direction}`;
+}
+function ActivityOverlay({
+  claims,
+  onClose,
+  columns: columnsProp,
+  rows: rowsProp,
+  maxBufferSize = DEFAULT_MAX_BUFFER_SIZE
+}) {
+  const { stdout } = useStdout3();
+  const columns = columnsProp ?? (stdout?.columns || 80);
+  const rows = rowsProp ?? (stdout?.rows || 24);
+  const modalWidth = Math.max(MIN_OVERLAY_WIDTH, Math.floor(columns * 0.7));
+  const visibleRows = Math.max(5, rows - 5);
+  const [scroll, setScroll] = useState3(0);
+  const maxScroll = Math.max(0, claims.length - visibleRows);
+  useEffect3(() => {
+    if (scroll > maxScroll) setScroll(maxScroll);
+  }, [maxScroll, scroll]);
+  useInput((input, key) => {
+    if (key.escape) {
+      onClose();
+      return;
+    }
+    if (key.ctrl || key.meta) return;
+    if (input === "q" || input === "Q") {
+      onClose();
+      return;
+    }
+    if (input === "j" || key.downArrow) {
+      setScroll((s) => Math.min(maxScroll, s + 1));
+      return;
+    }
+    if (input === "k" || key.upArrow) {
+      setScroll((s) => Math.max(0, s - 1));
+    }
+  });
+  const displayedCount = Math.min(claims.length, maxBufferSize);
+  const title = `${COPY.activityOverlay.titlePrefix}${displayedCount} of ${maxBufferSize}`;
+  const window = claims.slice(scroll, scroll + visibleRows);
+  const hint = claims.length === 0 ? COPY.activityOverlay.scrollHintEmpty : COPY.activityOverlay.scrollHint;
+  return /* @__PURE__ */ jsx6(Box3, { flexDirection: "column", alignItems: "center", width: columns, children: /* @__PURE__ */ jsxs7(Box3, { flexDirection: "column", borderStyle: "round", width: modalWidth, paddingX: 1, children: [
+    /* @__PURE__ */ jsx6(Text9, { bold: true, children: title }),
+    claims.length === 0 ? /* @__PURE__ */ jsx6(Text9, { dimColor: true, children: COPY.activityOverlay.emptyHint }) : window.map((c, i) => /* @__PURE__ */ jsx6(Text9, { children: formatRow(c) }, `${claimKeyForReact(c)}-${scroll + i}`)),
+    /* @__PURE__ */ jsx6(Text9, { dimColor: true, children: hint })
+  ] }) });
+}
+
+// src/tui/App.tsx
+import { jsx as jsx7, jsxs as jsxs8 } from "react/jsx-runtime";
+function App(props) {
+  const state = useEarnings(props);
+  const recentClaims = state.phase !== "loading" ? state.data.recentClaims : void 0;
+  const buffer = useActivityBuffer(recentClaims);
+  const [overlayOpen, setOverlayOpen] = useState4(false);
+  useInput2(
+    (input, key) => {
+      if (key.ctrl || key.meta) return;
+      if (input === "a" || input === "A") setOverlayOpen(true);
+    },
+    { isActive: !overlayOpen && state.phase !== "loading" }
+  );
+  if (state.phase === "loading") {
+    return /* @__PURE__ */ jsx7(Text10, { children: COPY.loading });
+  }
+  if (overlayOpen) {
+    return /* @__PURE__ */ jsx7(ActivityOverlay, { claims: buffer, onClose: () => setOverlayOpen(false), maxBufferSize: MAX_BUFFER_SIZE });
+  }
+  const { data } = state;
+  const bannerKey = state.phase === "stale" ? state.bannerKey : null;
+  return /* @__PURE__ */ jsxs8(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx7(HeroBand, { apex: data.apex, peers: data.peers, eventsRelayed: data.eventsRelayed }),
+    /* @__PURE__ */ jsx7(Badge, { apex: data.apex, peers: data.peers, uptimeSeconds: data.uptimeSeconds }),
+    /* @__PURE__ */ jsx7(Banner, { bannerKey }),
+    /* @__PURE__ */ jsx7(ApexStrip, { apex: data.apex, peers: data.peers }),
+    /* @__PURE__ */ jsx7(PeerTable, { peers: data.peers }),
+    /* @__PURE__ */ jsx7(ActivityTicker, { recentClaims: data.recentClaims })
+  ] });
+}
+
+// src/tui/index.ts
+function mountTui(opts = {}) {
+  return render(createElement(App, opts), {
+    exitOnCtrlC: true,
+    patchConsole: false
+  });
+}
+export {
+  mountTui
+};
+//# sourceMappingURL=tui-OIFXGBTL.js.map