feat: initial release of headlamp-rook-ceph-plugin v0.1.0

Headlamp plugin for Rook-Ceph cluster visibility.

Pages:
- Overview dashboard: CephCluster health, capacity bar, resource counts
  (block pools, filesystems, object stores, PVs, PVCs), daemon pod
  health summary, non-Bound PVC alerts
- Block Pools: CephBlockPool table with replication, failure domain,
  mirroring; slide-in detail panel
- Pods: all Rook-Ceph daemon pods grouped by role with ready/total counts

Native Headlamp integrations:
- StorageClass table: Rook Type, Pool, Cluster ID columns
- PV table: Rook Type, Pool columns
- PVC detail injection: driver, type, pool, volume handle
- PV detail injection: CSI volume attributes
- Pod detail injection: Ceph daemon role badge
- App bar badge: cluster health (HEALTH_OK/WARN/ERR), color-coded

API / architecture:
- src/api/k8s.ts: types + filters for ceph.rook.io/v1 CRDs; handles
  both default rook-ceph.* and custom-namespace provisioner strings
- src/api/RookCephDataContext.tsx: shared context provider; fetches
  CephCluster, CephBlockPool, CephFilesystem, CephObjectStore CRDs
  plus daemon pods via label selectors
- 37 unit tests (vitest + @testing-library/react)
- TypeScript strict mode, zero any types
- CI + release GitHub Actions workflows

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

src/components/PodsPage.tsx

@@ -0,0 +1,100 @@
+/**
+ * PodsPage — lists all Rook-Ceph daemon pods grouped by role.
+ */
+
+import {
+  Loader,
+  NameValueTable,
+  SectionBox,
+  SectionHeader,
+  SimpleTable,
+  StatusLabel,
+} from '@kinvolk/headlamp-plugin/lib/CommonComponents';
+import React from 'react';
+import { useRookCephContext } from '../api/RookCephDataContext';
+import { formatAge, getPodRestarts, isPodReady, RookCephPod } from '../api/k8s';
+
+function PodTable({ pods, title }: { pods: RookCephPod[]; title: string }) {
+  if (pods.length === 0) return null;
+  return (
+    <SectionBox title={`${title} (${pods.length})`}>
+      <SimpleTable
+        columns={[
+          { label: 'Name', getter: (p) => p.metadata.name },
+          {
+            label: 'Status',
+            getter: (p) => (
+              <StatusLabel status={isPodReady(p) ? 'success' : 'error'}>
+                {p.status?.phase ?? 'Unknown'}
+              </StatusLabel>
+            ),
+          },
+          { label: 'Node', getter: (p) => p.spec?.nodeName ?? '—' },
+          { label: 'Restarts', getter: (p) => String(getPodRestarts(p)) },
+          { label: 'Age', getter: (p) => formatAge(p.metadata.creationTimestamp) },
+        ]}
+        data={pods}
+      />
+    </SectionBox>
+  );
+}
+
+export default function PodsPage() {
+  const {
+    operatorPods,
+    monPods,
+    osdPods,
+    mgrPods,
+    csiRbdPods,
+    csiCephfsPods,
+    loading,
+    error,
+  } = useRookCephContext();
+
+  if (loading) return <Loader title="Loading Rook-Ceph pods..." />;
+
+  const allPods = [...operatorPods, ...monPods, ...osdPods, ...mgrPods, ...csiRbdPods, ...csiCephfsPods];
+  const totalReady = allPods.filter(isPodReady).length;
+
+  return (
+    <>
+      <SectionHeader title="Rook-Ceph Pods" />
+
+      {error && (
+        <SectionBox title="Error">
+          <NameValueTable rows={[{ name: 'Status', value: <StatusLabel status="error">{error}</StatusLabel> }]} />
+        </SectionBox>
+      )}
+
+      <SectionBox title="Summary">
+        <NameValueTable
+          rows={[
+            {
+              name: 'Overall Health',
+              value: (
+                <StatusLabel status={totalReady === allPods.length && allPods.length > 0 ? 'success' : 'warning'}>
+                  {totalReady}/{allPods.length} pods ready
+                </StatusLabel>
+              ),
+            },
+          ]}
+        />
+      </SectionBox>
+
+      <PodTable pods={operatorPods} title="Operator" />
+      <PodTable pods={monPods} title="Monitors (MON)" />
+      <PodTable pods={mgrPods} title="Managers (MGR)" />
+      <PodTable pods={osdPods} title="OSDs" />
+      <PodTable pods={csiRbdPods} title="CSI RBD Provisioner" />
+      <PodTable pods={csiCephfsPods} title="CSI CephFS Provisioner" />
+
+      {allPods.length === 0 && (
+        <SectionBox title="No Pods">
+          <NameValueTable
+            rows={[{ name: 'Status', value: 'No Rook-Ceph pods found in rook-ceph namespace.' }]}
+          />
+        </SectionBox>
+      )}
+    </>
+  );
+}