@forgeportal/plugin-kubernetes 1.3.0

package/dist/types.d.ts

@@ -0,0 +1,138 @@
+export interface ClusterConfig {
+    name: string;
+    url: string;
+    /** Service-account token. Sourced from FORGEPORTAL_PLUGIN_KUBERNETES_<NAME>_TOKEN. */
+    token: string;
+    skipTLSVerify: boolean;
+}
+export interface K8sDeployment {
+    name: string;
+    namespace: string;
+    replicas: {
+        desired: number;
+        ready: number;
+        available: number;
+    };
+    image: string;
+    lastRollout: string | null;
+    healthy: boolean;
+}
+export interface K8sPod {
+    name: string;
+    namespace: string;
+    /** e.g. "Running" | "Pending" | "CrashLoopBackOff" | "Completed" */
+    status: string;
+    ready: boolean;
+    containers: number;
+    nodeName: string | null;
+    startTime: string | null;
+}
+export interface K8sService {
+    name: string;
+    namespace: string;
+    type: string;
+    clusterIp: string;
+    ports: Array<{
+        port: number;
+        protocol: string;
+        targetPort: string | number;
+    }>;
+}
+export interface K8sIngress {
+    name: string;
+    namespace: string;
+    hosts: string[];
+    tls: boolean;
+}
+export interface WorkloadsResponse {
+    cluster: string;
+    namespace: string;
+    labelSelector: string;
+    deployments: K8sDeployment[];
+    pods: K8sPod[];
+    services: K8sService[];
+    ingresses: K8sIngress[];
+}
+export interface RawDeployment {
+    metadata: {
+        name: string;
+        namespace: string;
+        creationTimestamp?: string;
+    };
+    spec: {
+        replicas?: number;
+        template: {
+            spec: {
+                containers: Array<{
+                    image?: string;
+                }>;
+            };
+        };
+    };
+    status?: {
+        replicas?: number;
+        readyReplicas?: number;
+        availableReplicas?: number;
+        conditions?: Array<{
+            type: string;
+            status: string;
+            lastUpdateTime?: string;
+        }>;
+    };
+}
+export interface RawPod {
+    metadata: {
+        name: string;
+        namespace: string;
+    };
+    spec?: {
+        nodeName?: string;
+        containers?: Array<{
+            name: string;
+        }>;
+    };
+    status?: {
+        phase?: string;
+        startTime?: string;
+        conditions?: Array<{
+            type: string;
+            status: string;
+        }>;
+        containerStatuses?: Array<{
+            ready?: boolean;
+            state?: {
+                waiting?: {
+                    reason?: string;
+                };
+            };
+        }>;
+    };
+}
+export interface RawService {
+    metadata: {
+        name: string;
+        namespace: string;
+    };
+    spec?: {
+        type?: string;
+        clusterIP?: string;
+        ports?: Array<{
+            port: number;
+            protocol?: string;
+            targetPort?: string | number;
+        }>;
+    };
+}
+export interface RawIngress {
+    metadata: {
+        name: string;
+        namespace: string;
+    };
+    spec?: {
+        tls?: unknown[];
+        rules?: Array<{
+            host?: string;
+        }>;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1,3 @@
+// ─── Cluster config ──────────────────────────────────────────────────────────
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,gFAAgF"}

package/dist/ui.d.ts

@@ -0,0 +1,11 @@
+import type { ForgePluginSDK } from '@forgeportal/plugin-sdk';
+/**
+ * UI entry point for the Kubernetes plugin.
+ * Called by the ForgePortal UI shell at startup.
+ *
+ * Registration in apps/ui/src/plugins/index.ts:
+ *   import { registerPlugin as registerKubernetes } from '@forgeportal/plugin-kubernetes/ui';
+ *   registerPluginById('kubernetes', registerKubernetes);
+ */
+export declare function registerPlugin(sdk: ForgePluginSDK): void;
+//# sourceMappingURL=ui.d.ts.map

package/dist/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,CAOxD"}

package/dist/ui.js

@@ -0,0 +1,18 @@
+import { KubernetesTab } from './KubernetesTab.js';
+/**
+ * UI entry point for the Kubernetes plugin.
+ * Called by the ForgePortal UI shell at startup.
+ *
+ * Registration in apps/ui/src/plugins/index.ts:
+ *   import { registerPlugin as registerKubernetes } from '@forgeportal/plugin-kubernetes/ui';
+ *   registerPluginById('kubernetes', registerKubernetes);
+ */
+export function registerPlugin(sdk) {
+    sdk.registerEntityTab({
+        id: 'kubernetes-tab',
+        title: 'Kubernetes',
+        component: KubernetesTab,
+        // No appliesTo restriction — the tab component handles missing annotation gracefully
+    });
+}
+//# sourceMappingURL=ui.js.map

package/dist/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,GAAmB;IAChD,GAAG,CAAC,iBAAiB,CAAC;QACpB,EAAE,EAAS,gBAAgB;QAC3B,KAAK,EAAM,YAAY;QACvB,SAAS,EAAE,aAAa;QACxB,qFAAqF;KACtF,CAAC,CAAC;AACL,CAAC"}

package/forgeportal-plugin.json

@@ -0,0 +1,32 @@
+{
+  "name": "@forgeportal/plugin-kubernetes",
+  "version": "1.0.0",
+  "forgeportal": {
+    "engineVersion": "^1.0.0",
+    "type": "fullstack",
+    "capabilities": {
+      "ui": {
+        "entityTabs": ["kubernetes-tab"]
+      },
+      "backend": {
+        "routes": ["/api/v1/plugins/kubernetes"],
+        "actionProviders": [
+          "kubernetes.restartDeployment@v1",
+          "kubernetes.scaleDeployment@v1"
+        ]
+      }
+    },
+    "config": {
+      "clusters": {
+        "type": "string",
+        "description": "JSON array of cluster configs: [{name,url,skipTLSVerify?}]. Token per cluster via FORGEPORTAL_PLUGIN_KUBERNETES_<CLUSTER_NAME>_TOKEN env var.",
+        "required": true
+      },
+      "defaultNamespace": {
+        "type": "string",
+        "description": "Default Kubernetes namespace when not specified by entity annotation.",
+        "required": false
+      }
+    }
+  }
+}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@forgeportal/plugin-kubernetes",
+  "version": "1.3.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.js"
+    },
+    "./package.json": "./package.json",
+    "./forgeportal-plugin.json": "./forgeportal-plugin.json"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "undici": "^7.22.0",
+    "@forgeportal/plugin-sdk": "1.3.0"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "*",
+    "@types/react": "*",
+    "fastify": "^5.3.3",
+    "react": "*",
+    "vitest": "*"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5",
+    "react": ">=19"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "@tanstack/react-query": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "lint": "eslint src/",
+    "clean": "rm -rf dist"
+  }
+}

package/src/KubernetesTab.tsx

@@ -0,0 +1,391 @@
+import React, { useState } from 'react';
+import { useApi } from '@forgeportal/plugin-sdk/react';
+import type { Entity } from '@forgeportal/plugin-sdk';
+import type { WorkloadsResponse } from './types.js';
+import { PodStatusBadge } from './PodStatusBadge.js';
+import { LogsDrawer } from './LogsDrawer.js';
+
+// ─── Sub-components ──────────────────────────────────────────────────────────
+
+function SectionHeader({ title, count }: { title: string; count: number }): React.ReactElement {
+  return (
+    <div className="flex items-center gap-2 mb-3">
+      <h3 className="text-sm font-semibold text-gray-700">{title}</h3>
+      <span className="rounded-full bg-gray-100 px-2 py-0.5 text-xs text-gray-500">{count}</span>
+    </div>
+  );
+}
+
+function EmptyRow({ cols, message }: { cols: number; message: string }): React.ReactElement {
+  return (
+    <tr>
+      <td colSpan={cols} className="py-6 text-center text-sm text-gray-400">{message}</td>
+    </tr>
+  );
+}
+
+// ─── Main tab ────────────────────────────────────────────────────────────────
+
+interface KubernetesTabProps {
+  entity: Entity;
+}
+
+interface ClustersResponse {
+  data: { name: string; url: string; skipTLSVerify: boolean }[];
+}
+
+export function KubernetesTab({ entity }: KubernetesTabProps): React.ReactElement {
+  const [selectedCluster, setSelectedCluster] = useState<string | undefined>(undefined);
+  const [logsTarget, setLogsTarget] = useState<{ podName: string; namespace: string } | null>(null);
+
+  // Annotations are now part of the SDK Entity — no extra API call needed.
+  const annotations       = entity.annotations ?? {};
+  const labelSelector     = annotations['forgeportal.dev/k8s-label-selector'];
+  const clusterAnnotation = annotations['forgeportal.dev/k8s-cluster'];
+
+  // Fetch available clusters from plugin backend
+  const { data: clustersData } = useApi<ClustersResponse>(
+    '/api/v1/plugins/kubernetes/clusters',
+  );
+  const availableClusters = clustersData?.data ?? [];
+
+  // Active cluster: user pick > entity annotation > first cluster
+  const activeCluster =
+    selectedCluster ??
+    clusterAnnotation ??
+    (availableClusters.length > 0 ? availableClusters[0]?.name : undefined);
+
+  // Build workloads URL — only when label selector is known
+  const workloadsParams = labelSelector
+    ? new URLSearchParams({
+        labelSelector,
+        ...(activeCluster ? { cluster: activeCluster } : {}),
+      })
+    : null;
+
+  const workloadsUrl = workloadsParams
+    ? `/api/v1/plugins/kubernetes/entities/${entity.id}/workloads?${workloadsParams.toString()}`
+    : null;
+
+  const {
+    data: workloadsData,
+    isPending: workloadsLoading,
+    isError,
+    error,
+    refetch,
+  } = useApi<{ data: WorkloadsResponse }>(workloadsUrl ?? '', {
+    enabled:        !!workloadsUrl,
+    refetchInterval: 15_000,
+    retry:           1,
+  });
+
+  // ── Not configured state
+  if (!labelSelector) {
+    return (
+      <div className="rounded-lg border border-dashed border-gray-200 bg-gray-50 p-8 text-center">
+        <p className="text-sm font-medium text-gray-700 mb-1">Kubernetes not configured for this entity</p>
+        <p className="text-xs text-gray-500 mb-4">
+          Add the annotation <code className="rounded bg-gray-100 px-1 py-0.5">forgeportal.dev/k8s-label-selector</code> to your <code className="rounded bg-gray-100 px-1 py-0.5">entity.yaml</code> to see live workloads.
+        </p>
+        <pre className="mx-auto max-w-md rounded bg-gray-800 p-3 text-left text-xs text-green-300">
+          {`metadata:\n  annotations:\n    forgeportal.dev/k8s-label-selector: "app=${entity.name}"\n    forgeportal.dev/k8s-cluster: production  # optional`}
+        </pre>
+      </div>
+    );
+  }
+
+  const workloads = workloadsData?.data;
+
+  return (
+    <div className="space-y-6">
+      {/* Toolbar */}
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-3">
+          {workloads && (
+            <span className="text-xs text-gray-500">
+              Cluster: <strong>{workloads.cluster}</strong> · ns: <strong>{workloads.namespace}</strong>
+              {workloads.labelSelector ? ` · selector: ${workloads.labelSelector}` : ''}
+            </span>
+          )}
+        </div>
+        <div className="flex items-center gap-2">
+          {/* Multi-cluster dropdown — only shown when 2+ clusters are configured */}
+          {availableClusters.length > 1 && (
+            <select
+              value={activeCluster ?? ''}
+              onChange={(e) => setSelectedCluster(e.target.value)}
+              className="rounded border border-gray-200 bg-white px-2 py-1.5 text-xs text-gray-700 focus:outline-none focus:ring-1 focus:ring-indigo-400"
+              aria-label="Select cluster"
+            >
+              {availableClusters.map((c) => (
+                <option key={c.name} value={c.name}>{c.name}</option>
+              ))}
+            </select>
+          )}
+          <button
+            type="button"
+            onClick={() => void refetch()}
+            className="rounded border border-gray-200 bg-white px-3 py-1.5 text-xs text-gray-600 hover:bg-gray-50 transition-colors"
+          >
+            ↻ Refresh
+          </button>
+        </div>
+      </div>
+
+      {/* Loading */}
+      {workloadsLoading && (
+        <div className="space-y-3">
+          {[1, 2, 3].map((i) => (
+            <div key={i} className="h-10 animate-pulse rounded bg-gray-100" />
+          ))}
+        </div>
+      )}
+
+      {/* Error */}
+      {isError && (
+        <div className="rounded-md bg-red-50 border border-red-200 p-4 text-sm text-red-700">
+          Failed to load workloads: {error?.message}
+        </div>
+      )}
+
+      {/* Deployments */}
+      {workloads && (
+        <>
+          <section>
+            <SectionHeader title="Deployments" count={workloads.deployments.length} />
+            <div className="overflow-x-auto rounded-lg border border-gray-200">
+              <table className="min-w-full divide-y divide-gray-200 text-sm">
+                <thead className="bg-gray-50">
+                  <tr>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ready</th>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Image</th>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Last Rollout</th>
+                    <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-gray-100 bg-white">
+                  {workloads.deployments.length === 0 && (
+                    <EmptyRow cols={5} message="No deployments found" />
+                  )}
+                  {workloads.deployments.map((d) => (
+                    <tr key={d.name} className="hover:bg-gray-50">
+                      <td className="px-4 py-2 font-medium text-gray-900">{d.name}</td>
+                      <td className="px-4 py-2">
+                        <span className={`text-xs font-medium ${d.healthy ? 'text-green-700' : 'text-red-600'}`}>
+                          {d.replicas.ready}/{d.replicas.desired}
+                        </span>
+                      </td>
+                      <td className="px-4 py-2 max-w-xs truncate text-xs text-gray-600" title={d.image}>
+                        {d.image.split('/').pop()}
+                      </td>
+                      <td className="px-4 py-2 text-xs text-gray-500">
+                        {d.lastRollout ? new Date(d.lastRollout).toLocaleString() : '—'}
+                      </td>
+                      <td className="px-4 py-2 text-right">
+                        <RestartButton
+                          entityId={entity.id}
+                          deploymentName={d.name}
+                          namespace={workloads.namespace}
+                          cluster={workloads.cluster}
+                        />
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </section>
+
+          {/* Pods */}
+          <section>
+            <SectionHeader title="Pods" count={workloads.pods.length} />
+            <div className="overflow-x-auto rounded-lg border border-gray-200">
+              <table className="min-w-full divide-y divide-gray-200 text-sm">
+                <thead className="bg-gray-50">
+                  <tr>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Containers</th>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Node</th>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Age</th>
+                    <th className="px-4 py-2 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Logs</th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-gray-100 bg-white">
+                  {workloads.pods.length === 0 && (
+                    <EmptyRow cols={6} message="No pods found" />
+                  )}
+                  {workloads.pods.map((p) => (
+                    <tr key={p.name} className="hover:bg-gray-50">
+                      <td className="px-4 py-2 font-mono text-xs text-gray-800">{p.name}</td>
+                      <td className="px-4 py-2"><PodStatusBadge status={p.status} /></td>
+                      <td className="px-4 py-2 text-xs text-gray-600">{p.containers}</td>
+                      <td className="px-4 py-2 text-xs text-gray-500">{p.nodeName ?? '—'}</td>
+                      <td className="px-4 py-2 text-xs text-gray-500">
+                        {p.startTime ? formatAge(p.startTime) : '—'}
+                      </td>
+                      <td className="px-4 py-2 text-right">
+                        <button
+                          type="button"
+                          onClick={() => setLogsTarget({ podName: p.name, namespace: workloads.namespace })}
+                          className="text-xs text-indigo-600 hover:text-indigo-800 font-medium"
+                        >
+                          View logs
+                        </button>
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </section>
+
+          {/* Services */}
+          <section>
+            <SectionHeader title="Services" count={workloads.services.length} />
+            <div className="overflow-x-auto rounded-lg border border-gray-200">
+              <table className="min-w-full divide-y divide-gray-200 text-sm">
+                <thead className="bg-gray-50">
+                  <tr>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Type</th>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Cluster IP</th>
+                    <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ports</th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-gray-100 bg-white">
+                  {workloads.services.length === 0 && (
+                    <EmptyRow cols={4} message="No services found" />
+                  )}
+                  {workloads.services.map((s) => (
+                    <tr key={s.name} className="hover:bg-gray-50">
+                      <td className="px-4 py-2 font-medium text-gray-900">{s.name}</td>
+                      <td className="px-4 py-2 text-xs text-gray-600">{s.type}</td>
+                      <td className="px-4 py-2 font-mono text-xs text-gray-600">{s.clusterIp || '—'}</td>
+                      <td className="px-4 py-2 text-xs text-gray-500">
+                        {s.ports.map((p) => `${p.port}/${p.protocol}`).join(', ') || '—'}
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </section>
+
+          {/* Ingresses */}
+          {workloads.ingresses.length > 0 && (
+            <section>
+              <SectionHeader title="Ingresses" count={workloads.ingresses.length} />
+              <div className="overflow-x-auto rounded-lg border border-gray-200">
+                <table className="min-w-full divide-y divide-gray-200 text-sm">
+                  <thead className="bg-gray-50">
+                    <tr>
+                      <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                      <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Hosts</th>
+                      <th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">TLS</th>
+                    </tr>
+                  </thead>
+                  <tbody className="divide-y divide-gray-100 bg-white">
+                    {workloads.ingresses.map((i) => (
+                      <tr key={i.name} className="hover:bg-gray-50">
+                        <td className="px-4 py-2 font-medium text-gray-900">{i.name}</td>
+                        <td className="px-4 py-2 text-xs text-gray-600">{i.hosts.join(', ') || '—'}</td>
+                        <td className="px-4 py-2 text-xs">
+                          {i.tls
+                            ? <span className="text-green-700 font-medium">Yes</span>
+                            : <span className="text-gray-400">No</span>
+                          }
+                        </td>
+                      </tr>
+                    ))}
+                  </tbody>
+                </table>
+              </div>
+            </section>
+          )}
+        </>
+      )}
+
+      {/* Logs drawer */}
+      {logsTarget && workloads && (
+        <LogsDrawer
+          entityId={entity.id}
+          podName={logsTarget.podName}
+          namespace={logsTarget.namespace}
+          cluster={activeCluster}
+          onClose={() => setLogsTarget(null)}
+        />
+      )}
+    </div>
+  );
+}
+
+// ─── Restart button ───────────────────────────────────────────────────────────
+
+function RestartButton({
+  entityId,
+  deploymentName,
+  namespace,
+  cluster,
+}: {
+  entityId:       string;
+  deploymentName: string;
+  namespace:      string;
+  cluster:        string;
+}): React.ReactElement {
+  const [loading,  setLoading]  = useState(false);
+  const [feedback, setFeedback] = useState<string | null>(null);
+
+  const handleRestart = async () => {
+    setLoading(true);
+    setFeedback(null);
+    try {
+      const res = await fetch(
+        `/api/v1/plugins/kubernetes/entities/${entityId}/deployments/${encodeURIComponent(deploymentName)}/restart`,
+        {
+          method:      'POST',
+          credentials: 'include',
+          headers:     { 'Content-Type': 'application/json' },
+          body:        JSON.stringify({ namespace, cluster }),
+        },
+      );
+      setFeedback(res.ok ? 'Restarted' : 'Failed');
+    } catch {
+      setFeedback('Error');
+    } finally {
+      setLoading(false);
+      setTimeout(() => setFeedback(null), 3000);
+    }
+  };
+
+  if (feedback) {
+    return (
+      <span className={`text-xs font-medium ${feedback === 'Restarted' ? 'text-green-600' : 'text-red-600'}`}>
+        {feedback}
+      </span>
+    );
+  }
+
+  return (
+    <button
+      type="button"
+      onClick={() => void handleRestart()}
+      disabled={loading}
+      className="rounded border border-gray-200 bg-white px-2 py-1 text-xs text-gray-600 hover:bg-red-50 hover:border-red-200 hover:text-red-700 disabled:opacity-50 transition-colors"
+    >
+      {loading ? '…' : 'Restart'}
+    </button>
+  );
+}
+
+// ─── Helpers ─────────────────────────────────────────────────────────────────
+
+function formatAge(isoTime: string): string {
+  const diffMs  = Date.now() - new Date(isoTime).getTime();
+  const minutes = Math.floor(diffMs / 60_000);
+  if (minutes < 60) return `${minutes}m`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h`;
+  return `${Math.floor(hours / 24)}d`;
+}