{open ? (

e.stopPropagation()}> } onClick={() => { setOpen(false); navigate("/tenant", { slug: tenant.slug }); }}>View detail } disabled={archived} onClick={() => { setOpen(false); navigate("/tenant", { slug: tenant.slug, tab: "drift" }); }}>View component drift } hint="↗">Open GitHub repo } hint="↗">Open Cloudflare

} onClick={() => { setOpen(false); setModal("handoff"); }}>Hand off ownership

{archived ? } onClick={() => { setOpen(false); setModal("unarchive"); }}>Unarchive tenant… : } danger onClick={() => { setOpen(false); setModal("archive"); }}>Archive tenant…}

) : null} setModal(null)} title={`Hand off ${tenant.slug}`} subtitle="Files a PR against ralph-ownership.yaml." width={420} footer={}> set({ q: e.target.value, page: "" })} placeholder="Search tenants, modules…" style={{ height: 32, width: "100%", boxSizing: "border-box", padding: "0 10px 0 32px", borderRadius: 6, border: "1px solid var(--jrni-color-neutral-4)", background: "white", fontSize: 13, fontFamily: "var(--jrni-font-family-sans)", color: "var(--jrni-color-neutral-1)", outline: "none", boxShadow: "var(--jrni-shadow-chrome)", }} />

set({ module: v, page: "" })} options={F.MODULES.map(m => ({ value: m.id, label: m.display }))} /> set({ env: v, page: "" })} options={[{ value: "prod", label: "Production" }, { value: "dev", label: "Development" }]} /> set({ region: v, page: "" })} options={F.REGIONS.map(r => ({ value: r, label: r }))} /> set({ drift: v, page: "" })} options={[{ value: "none", label: "Up to date" }, { value: "patch", label: "Patch behind" }, { value: "minor", label: "Minor behind" }, { value: "major", label: "Major behind" }]} /> set({ hasPr: v, page: "" })} options={[{ value: "any", label: "Any" }, { value: "yes", label: "Yes" }, { value: "no", label: "No" }]} /> set({ failedCi: v, page: "" })} options={[{ value: "any", label: "Any" }, { value: "1", label: "Yes" }]} /> {anyFilter ? ( ) : null}

); } /* ─── Filtering + sorting logic ────────────────────────────────────────── */ function applyFleetFilters(params) { const csv = k => (params[k] ? params[k].split(",").filter(Boolean) : []); const q = (params.q || "").toLowerCase(); const modules = csv("module"), envs = csv("env"), regions = csv("region"), drifts = csv("drift"), cis = csv("ci"), industries = csv("industry"); let rows = F.TENANTS.filter(t => { if (q && !(t.slug.includes(q) || t.name.toLowerCase().includes(q) || t.modules.some(m => m.includes(q)))) return false; if (modules.length && !modules.some(m => t.modules.includes(m))) return false; if (envs.length && !envs.includes(t.env)) return false; if (regions.length && !regions.includes(t.region)) return false; if (drifts.length && !drifts.includes(t.drift)) return false; if (cis.length && !cis.includes(t.ci)) return false; if (industries.length && !industries.includes(t.industry)) return false; if (params.pendingMig === "1" && !(t.pendingMigrations > 0)) return false; if (params.hasPr === "yes" && !t.openPR) return false; if (params.hasPr === "no" && t.openPR) return false; if (params.failedCi === "1" && t.ci !== "failing") return false; if (params.revWindow === "lt7" && !(t.lastRevDays < 7)) return false; if (params.revWindow === "7to30" && !(t.lastRevDays >= 7 && t.lastRevDays <= 30)) return false; if (params.revWindow === "gt30" && !(t.lastRevDays > 30)) return false; return true; }); if (params.sort) { const [key, dir] = params.sort.split(":"); const order = { none: 0, patch: 1, minor: 2, major: 3 }; rows = [...rows].sort((a, b) => { let av = a[key], bv = b[key]; if (key === "drift") { av = order[av]; bv = order[bv]; } if (av < bv) return dir === "asc" ? -1 : 1; if (av > bv) return dir === "asc" ? 1 : -1; return 0; }); } return rows; } function Pagination({ total, page, limit }) { const pages = Math.ceil(total / limit); const start = total === 0 ? 0 : (page - 1) * limit + 1; const end = Math.min(total, page * limit); return (

{start}–{end} of {total} tenants

Per page setParam({ limit: v, page: "" })} options={[{ value: "25", label: "25" }, { value: "50", label: "50" }, { value: "100", label: "100" }]} />

{Array.from({ length: pages }, (_, i) => i + 1).slice(Math.max(0, page - 3), Math.max(0, page - 3) + 5).map(p => ( ))}

); } function pgBtn(disabled) { return { minWidth: 30, height: 30, borderRadius: 6, border: "1px solid var(--jrni-color-neutral-4)", background: "white", color: disabled ? "var(--jrni-color-neutral-3)" : "var(--jrni-color-neutral-1)", cursor: disabled ? "not-allowed" : "pointer", display: "grid", placeItems: "center", opacity: disabled ? 0.5 : 1 }; } /* ─── Activity & alerts rail ───────────────────────────────────────────── */ function ActivityRail() { const [tab, setTab] = useS_f("alerts"); return (

}, { value: "activity", label: "Activity" }]} />

{tab === "alerts" ? F.ALERTS.map((a, i) => (

{a.sev === "danger" ? : a.sev === "warning" ? : }

{a.title}

{a.body}

{a.target ? : null} {a.time}

)) : F.ACTIVITY.map((a, i) => (

{a.isBot ? {a.actor === "GitHub Actions" ? : } : w[0]).join("")} color="var(--jrni-color-tertiary-light-blue)" size={22} />}

{a.text}

{a.actor} · {a.time}

))}

); } const linkBtn = { background: "none", border: "none", padding: 0, cursor: "pointer", fontSize: 11.5, fontWeight: 600, color: "var(--jrni-color-primary-1)", fontFamily: "var(--jrni-font-family-mono)" }; /* ─── Fleet Overview ───────────────────────────────────────────────────── */ function FleetOverview({ params }) { const [selected, setSelected] = useS_f(new Set()); const limit = parseInt(params.limit || (window.FLEET.size === "large" ? "50" : "25"), 10); const page = parseInt(params.page || "1", 10); const sort = params.sort ? { key: params.sort.split(":")[0], dir: params.sort.split(":")[1] } : null; const filtered = useMemo_f(() => applyFleetFilters(params), [JSON.stringify(params)]); const total = filtered.length; const pageRows = filtered.slice((page - 1) * limit, page * limit); const toggleSelect = slug => setSelected(s => { const n = new Set(s); n.has(slug) ? n.delete(slug) : n.add(slug); return n; }); const toggleAll = () => setSelected(s => { const all = pageRows.every(r => s.has(r.slug)); const n = new Set(s); pageRows.forEach(r => all ? n.delete(r.slug) : n.add(r.slug)); return n; }); const onSort = key => setParam({ sort: sort && sort.key === key && sort.dir === "asc" ? `${key}:desc` : `${key}:asc` }); const K = F.KPIS; const kpiActive = k => { if (k === "drifted") return params.drift === "minor,major" || params.drift === "major,minor"; if (k === "upToDate") return params.drift === "none"; if (k === "failedCi") return params.ci === "failing"; return false; }; const booting = useBoot(params); // P1.6 — empty-fleet first-run if (K.total === 0) { return (

Welcome to Fleet

Spin up your first customer tenant to get started.

{[["Author a seam", "Compose modules in Claude Code.", "/seams", ], ["Spin up a tenant", "Create one from a seam.", "/new", ], ["Trigger revs", "Roll out when Voyage ships.", "/drift", ]].map((s, i) => ( ))}

); } const sizeBanner = F.size === "tiny" ? { text: "Your fleet is small — onboard your next customer to grow it.", icon: } : F.size === "large" ? { text: "Tip — use ⌘K to find a tenant in this fleet.", icon: } : null; return (

{sizeBanner ? (

{sizeBanner.icon} {sizeBanner.text} {F.size === "large" ? : null}

) : null}

Fleet Overview

{K.total} tenant deployments · {F.MODULES.length} Voyage components · as of {F.NOW.label} {F.NOW.time}

{/* KPI strip */} {booting ? (

{Array.from({ length: 7 }, (_, i) => )}

) : (

} active={!params.drift && !params.ci} onClick={() => navigate("/", {})} /> } active={kpiActive("drifted")} onClick={() => navigate("/", { drift: "minor,major" })} /> } active={kpiActive("upToDate")} onClick={() => navigate("/", { drift: "none" })} /> } active={kpiActive("failedCi")} onClick={() => navigate("/", { ci: "failing" })} /> } onClick={() => navigate("/modules")} /> } active={params.pendingMig === "1"} onClick={() => navigate("/", { pendingMig: "1" })} />

)} {/* filters */} {/* selection bar */} {selected.size > 0 ? (

{selected.size} selected Revs run in Claude Code

) : null} {/* table */} {booting ? (

) : total === 0 ? ( } title="No tenants match these filters" body="Try clearing a filter or widening your search." action={} /> ) : ( )} {!booting && total > 0 ? : null}

); } Object.assign(window, { FleetOverview, FleetTable, ActivityRail, TenantRowActions, applyFleetFilters, Pagination, MultiFilter });