[setnilson]

What changed

The page was a bare title, a select and an unstyled table. It now has some structure:

Area	Before	After
Summary	none	Four CalloutValue cards — pods, running, needs attention, restarts — recomputed against the active filters
Status	flat Badge, default/warning/danger only	StatusPill graded per pod phase, so Pending reads as a warning rather than an error
Filtering	namespace select	pod-name search alongside the namespace select
Row order	insertion order	unhealthy pods sort to the top
Delete	text Delete button	icon-only trash with a per-pod aria-label
Confirmation	bare <Text> line	dismissible MessageBox
Empty	"No pods in this namespace."	TableEmptyState with the pod glyph, title and subtitle

Restarts and Age are right-aligned, pod names are monospace with ellipsis, and the table gets stickyHeaders + hasInnerBorders.

Copy

The header no longer says "Demo view using mock data" — it now reads "Pod health across namespaces. Unhealthy pods can be deleted from the list." No user-facing string mentions demo or mock data anymore.

The mockPods identifier and its comment are deliberately unchanged. The data is still a static fixture with no Kubernetes integration behind it, and that fact belongs in the code even when it is not in the UI — the next person to open this file should not have to discover it.

Two DRUIDS gotchas found on the way

• InputSearch's leading magnifier occupies the same slot as floatingLabel, so a label set there renders as a clipped sliver above the input. The placeholder carries it instead. Select's floatingLabel works fine and is kept.
• The Status column must not set shouldShrink, or CrashLoopBackOff truncates to CRASHLO….

Both were caught in the browser, not by types or lint.

Verification

Driven against the dev server in a real browser:

• search (checkout → 2 rows, summary follows), namespace filter (database → 2 rows), delete → MessageBox + summary updates, dismiss → collapses and clears state, next delete mounts a fresh message
• empty state renders for a no-match query
• no horizontal overflow at an 800px viewport — this is why delete went icon-only
• console is clean apart from pre-existing UNSAFE_componentWill* StrictMode warnings from a minified DRUIDS dependency (react-select), which this change does not touch

Root-gate checks: npm install --package-lock-only --ignore-scripts, then npm ci --ignore-scripts, npm run typecheck -w apps/k8s-pods, npm run lint, npm run build -w apps/k8s-pods — all pass. apps/k8s-pods record and node_modules/k8s-pods link both present in the root lockfile.

Version goes to 0.0.3 so this deploy gets its own error-tracking releaseVersion.

Note on the theme

main.tsx pins defaultThemePreference="light", so the app stays light regardless of the host colour scheme. Untouched here — worth a separate look if it should follow the Datadog theme in App Builder.