feat: add per-namespace detail pages with dynamic sidebar sub-items

Add drill-down namespace views under the Polaris sidebar entry. Each
namespace gets a sidebar sub-item registered dynamically from audit data,
linking to /polaris/:namespace with a score summary and per-resource table.

Introduces a shared PolarisDataContext so the sidebar registrar and view
components share a single data fetch. Also updates the Artifact Hub
repository ID.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/DynamicSidebarRegistrar.tsx

@@ -0,0 +1,29 @@
+import { registerSidebarEntry } from '@kinvolk/headlamp-plugin/lib';
+import React from 'react';
+import { usePolarisDataContext } from '../api/PolarisDataContext';
+import { getNamespaces } from '../api/polaris';
+
+const registeredNamespaces = new Set<string>();
+
+export default function DynamicSidebarRegistrar() {
+  const { data } = usePolarisDataContext();
+
+  React.useEffect(() => {
+    if (!data) return;
+
+    const namespaces = getNamespaces(data);
+    for (const ns of namespaces) {
+      if (registeredNamespaces.has(ns)) continue;
+      registeredNamespaces.add(ns);
+      registerSidebarEntry({
+        parent: 'polaris',
+        name: `polaris-ns-${ns}`,
+        label: ns,
+        url: `/polaris/${ns}`,
+        icon: 'mdi:folder-outline',
+      });
+    }
+  }, [data]);
+
+  return null;
+}

src/components/NamespaceDetailView.tsx

@@ -0,0 +1,135 @@
+import {
+  Loader,
+  NameValueTable,
+  SectionBox,
+  SectionHeader,
+  SimpleTable,
+  StatusLabel,
+} from '@kinvolk/headlamp-plugin/lib/CommonComponents';
+import React from 'react';
+import { useParams } from 'react-router-dom';
+import { usePolarisDataContext } from '../api/PolarisDataContext';
+import {
+  computeScore,
+  countResultsForItems,
+  filterResultsByNamespace,
+  Result,
+} from '../api/polaris';
+
+function scoreStatus(score: number): 'success' | 'warning' | 'error' {
+  if (score >= 80) return 'success';
+  if (score >= 50) return 'warning';
+  return 'error';
+}
+
+function resourceCounts(result: Result) {
+  const counts = countResultsForItems([result]);
+  return counts;
+}
+
+export default function NamespaceDetailView() {
+  const { namespace } = useParams<{ namespace: string }>();
+  const { data, loading, error } = usePolarisDataContext();
+
+  if (loading) {
+    return <Loader title={`Loading Polaris data for ${namespace}...`} />;
+  }
+
+  if (error) {
+    return (
+      <>
+        <SectionHeader title={`Polaris — ${namespace}`} />
+        <SectionBox title="Error">
+          <NameValueTable
+            rows={[
+              {
+                name: 'Status',
+                value: <StatusLabel status="error">{error}</StatusLabel>,
+              },
+            ]}
+          />
+        </SectionBox>
+      </>
+    );
+  }
+
+  if (!data) {
+    return (
+      <>
+        <SectionHeader title={`Polaris — ${namespace}`} />
+        <SectionBox title="No Data">
+          <NameValueTable
+            rows={[{ name: 'Status', value: 'No Polaris audit results found.' }]}
+          />
+        </SectionBox>
+      </>
+    );
+  }
+
+  const results = filterResultsByNamespace(data, namespace);
+  const counts = countResultsForItems(results);
+  const score = computeScore(counts);
+  const status = scoreStatus(score);
+
+  return (
+    <>
+      <SectionHeader title={`Polaris — ${namespace}`} />
+
+      <SectionBox title="Namespace Score">
+        <NameValueTable
+          rows={[
+            {
+              name: 'Score',
+              value: <StatusLabel status={status}>{score}%</StatusLabel>,
+            },
+            { name: 'Total Checks', value: String(counts.total) },
+            {
+              name: 'Pass',
+              value: <StatusLabel status="success">{counts.pass}</StatusLabel>,
+            },
+            {
+              name: 'Warning',
+              value: <StatusLabel status="warning">{counts.warning}</StatusLabel>,
+            },
+            {
+              name: 'Danger',
+              value: <StatusLabel status="error">{counts.danger}</StatusLabel>,
+            },
+          ]}
+        />
+      </SectionBox>
+
+      <SectionBox title="Resources">
+        <SimpleTable
+          columns={[
+            { label: 'Name', getter: (row: Result) => row.Name },
+            { label: 'Kind', getter: (row: Result) => row.Kind },
+            {
+              label: 'Pass',
+              getter: (row: Result) => {
+                const c = resourceCounts(row);
+                return <StatusLabel status="success">{c.pass}</StatusLabel>;
+              },
+            },
+            {
+              label: 'Warning',
+              getter: (row: Result) => {
+                const c = resourceCounts(row);
+                return <StatusLabel status="warning">{c.warning}</StatusLabel>;
+              },
+            },
+            {
+              label: 'Danger',
+              getter: (row: Result) => {
+                const c = resourceCounts(row);
+                return <StatusLabel status="error">{c.danger}</StatusLabel>;
+              },
+            },
+          ]}
+          data={results}
+          emptyMessage={`No resources found in namespace "${namespace}".`}
+        />
+      </SectionBox>
+    </>
+  );
+}

src/components/PolarisView.tsx

@@ -6,14 +6,8 @@ import {
   StatusLabel,
 } from '@kinvolk/headlamp-plugin/lib/CommonComponents';
 import React from 'react';
-import {
-  AuditData,
-  computeScore,
-  countResults,
-  getRefreshInterval,
-  ResultCounts,
-  usePolarisData,
-} from '../api/polaris';
+import { usePolarisDataContext } from '../api/PolarisDataContext';
+import { AuditData, computeScore, countResults, ResultCounts } from '../api/polaris';
 
 function scoreStatus(score: number): 'success' | 'warning' | 'error' {
   if (score >= 80) return 'success';
@@ -71,8 +65,7 @@ function OverviewSection(props: { data: AuditData; counts: ResultCounts }) {
 }
 
 export default function PolarisView() {
-  const interval = getRefreshInterval();
-  const { data, loading, error } = usePolarisData(interval);
+  const { data, loading, error } = usePolarisDataContext();
 
   if (loading) {
     return <Loader title="Loading Polaris audit data..." />;