Files
state-hub/dashboard/src/services/first-party.md
tegwick d68de69fe6 STATE-WP-0062 T3: Services nav section + First/Self Hosted pages
Replace the single "Services (TPSC)" nav entry with a Services section:
Third Party (existing /tpsc cloud-third-party view), First Party
(/services/first-party — Service Maturity Level + dev-repo columns,
development_type=first_party), and Self Hosted (/services/self-hosted —
self_hosted third-party OSS with upstream/host/runbook). New pages are filtered
views over /services/catalog and degrade to an empty-state if the API is offline.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-19 21:03:35 +02:00

1.6 KiB

title
title
First Party Services

First Party Services Catalog

Services coulomb is development-responsible for (development_type = first_party), whether deployed to a cloud or self-hosted on coulomb infrastructure. The Service Maturity Level column tracks each service against the Service DoM (1 · Core → 2 · Standard → 3 · Mature).

import {API} from "../components/config.js";
const services = await fetch(`${API}/services/catalog?development_type=first_party`)
  .then(r => r.ok ? r.json() : [])
  .catch(() => []);
const repos = await fetch(`${API}/repos/`)
  .then(r => r.ok ? r.json() : [])
  .catch(() => []);
const repoById = new Map(repos.map(r => [r.id, r.slug]));
const LEVEL = {1: "1 · Core", 2: "2 · Standard", 3: "3 · Mature"};

const rows = services.map(s => ({
  Service: s.name,
  Slug: s.slug,
  Hosting: s.hosting_type === "self_hosted" ? "self-hosted" : "cloud-hosted",
  "Maturity Level": s.maturity_level ? LEVEL[s.maturity_level] : "—",
  "Dev Repo": s.first_party?.repo_id ? (repoById.get(s.first_party.repo_id) ?? "(unlinked)") : "—",
  Domain: s.first_party?.owning_domain ?? "—",
  Status: s.status,
}));
display(services.length === 0
  ? html`<div style="color:#64748b;padding:1rem;">No first-party services registered yet. Add one with
      <code>POST /services/catalog</code> (<code>development_type: "first_party"</code>).</div>`
  : Inputs.table(rows, {
      columns: ["Service", "Hosting", "Maturity Level", "Dev Repo", "Domain", "Status"],
      sort: "Service",
      rows: 30,
    }));