@skyhook-io/k8s-ui 1.16.2 → 1.17.0

package/src/components/cnpg/CNPGDeclarativeSummary.tsx

@@ -0,0 +1,264 @@
+import type { ReactNode } from 'react'
+import { getCNPGDeclarativeMessage, getCNPGReclaimPolicy } from '../resources/resource-utils-cnpg'
+import type { CNPGWorkspaceResponse } from './workspace'
+import { FactGrid, FactRow, FactValue, RefLink, SummaryHeading, toneTextClass, type CNPGNavigate } from './primitives'
+import { ClusterLink, NotReported, ObjectProblems, SummaryShell } from './CNPGSharedSummary'
+import {
+  appliedFact,
+  clustersIn,
+  databaseForDeclaration,
+  gitopsSourceOf,
+  missingManagedRole,
+  observedGenerationFact,
+  refOf,
+  relationUnavailable,
+  replicationForDatabase,
+  targetCluster,
+  workspaceList,
+} from './relations'
+
+interface SummaryProps {
+  resource: any
+  workspace: CNPGWorkspaceResponse | null
+  onNavigate?: CNPGNavigate
+}
+
+function ReclaimRow({ resource }: { resource: any }) {
+  const reclaim = getCNPGReclaimPolicy(resource)
+  return (
+    <FactRow label="On delete">
+      {reclaim.destructive ? (
+        <span className={toneTextClass('degraded')}>{reclaim.value} · removing this resource drops it from PostgreSQL</span>
+      ) : (
+        <span>{reclaim.value} · removing this resource leaves PostgreSQL untouched</span>
+      )}
+    </FactRow>
+  )
+}
+
+function Reconciled({ resource, extra }: { resource: any; extra?: ReactNode }) {
+  const message = getCNPGDeclarativeMessage(resource)
+  const applied = appliedFact(resource)
+  return (
+    <>
+      <SummaryHeading>Reconciled</SummaryHeading>
+      <FactGrid>
+        <FactRow label="Applied">
+          <FactValue fact={applied} />
+        </FactRow>
+        <FactRow label="Observed spec">
+          <FactValue fact={observedGenerationFact(resource)} />
+        </FactRow>
+        <FactRow label="Operator message">
+          {message ? (
+            <span className={applied.tone === 'unhealthy' ? toneTextClass('unhealthy') : undefined}>{message}</span>
+          ) : (
+            <NotReported text="None" />
+          )}
+        </FactRow>
+        {extra}
+      </FactGrid>
+    </>
+  )
+}
+
+function DeclaredIn({ resource }: { resource: any }) {
+  const src = gitopsSourceOf(resource)
+  if (!src) return <NotReported text="GitOps source not recorded" />
+  return (
+    <span>
+      {src.tool === 'argocd' ? 'Argo CD application' : 'Flux'} <span className="font-mono">{src.namespace ? `${src.namespace}/${src.name}` : src.name}</span>
+    </span>
+  )
+}
+
+function DatabaseRef({ resource, workspace, onNavigate }: SummaryProps) {
+  const dbname = resource?.spec?.dbname
+  if (!dbname) return <NotReported text="Not set" />
+  const ns = resource?.metadata?.namespace ?? ''
+  const db = relationUnavailable(workspace, 'databases', ns, 'Databases')
+    ? null
+    : databaseForDeclaration(resource, workspaceList(workspace, 'databases'))
+  return (
+    <span>
+      <span className="font-mono">{dbname}</span>
+      {db && (
+        <span className="text-theme-text-secondary">
+          {' · declared by Database '}
+          <RefLink refTo={refOf(db, 'Database')} onNavigate={onNavigate} mono />
+        </span>
+      )}
+    </span>
+  )
+}
+
+function LinkList({ items, kind, onNavigate }: { items: any[]; kind: string; onNavigate?: CNPGNavigate }) {
+  return (
+    <span className="flex flex-wrap gap-x-3">
+      {items.map((o) => (
+        <RefLink key={o.metadata?.name} refTo={refOf(o, kind)} onNavigate={onNavigate} mono />
+      ))}
+    </span>
+  )
+}
+
+export function CNPGDatabaseSummary({ resource, workspace, onNavigate }: SummaryProps) {
+  const ns = resource?.metadata?.namespace ?? ''
+  const cluster = targetCluster(resource, clustersIn(workspace))
+  const missingRole = missingManagedRole(resource, cluster)
+  const pubsUnavailable = relationUnavailable(workspace, 'publications', ns, 'Publications')
+  const subsUnavailable = relationUnavailable(workspace, 'subscriptions', ns, 'Subscriptions')
+  const related = replicationForDatabase(resource, workspaceList(workspace, 'publications'), workspaceList(workspace, 'subscriptions'))
+
+  return (
+    <SummaryShell>
+      <ObjectProblems issues={workspace?.issues} subject={refOf(resource, 'Database')} onNavigate={onNavigate} />
+
+      <SummaryHeading>Declared</SummaryHeading>
+      <FactGrid>
+        <FactRow label="PostgreSQL database">
+          {resource?.spec?.name ? <span className="font-mono">{resource.spec.name}</span> : <NotReported text="Not set" />}
+        </FactRow>
+        <FactRow label="Owner role">
+          {resource?.spec?.owner ? <span className="font-mono">{resource.spec.owner}</span> : <NotReported text="Not set" />}
+        </FactRow>
+        <FactRow label="Ensure">{resource?.spec?.ensure ?? 'present'}</FactRow>
+        <ReclaimRow resource={resource} />
+      </FactGrid>
+
+      <Reconciled
+        resource={resource}
+        extra={
+          missingRole && (
+            <FactRow label="Managed roles">
+              “{missingRole}” is not among {cluster?.metadata?.name}'s managed roles
+            </FactRow>
+          )
+        }
+      />
+
+      <SummaryHeading>Source and target</SummaryHeading>
+      <FactGrid>
+        <FactRow label="Declared in">
+          <DeclaredIn resource={resource} />
+        </FactRow>
+        <FactRow label="Cluster">
+          <ClusterLink resource={resource} workspace={workspace} onNavigate={onNavigate} />
+        </FactRow>
+        <FactRow label="Publications">
+          {pubsUnavailable ? (
+            <NotReported text={pubsUnavailable} />
+          ) : related.publications.length === 0 ? (
+            <span className="text-theme-text-secondary">None on this database</span>
+          ) : (
+            <LinkList items={related.publications} kind="Publication" onNavigate={onNavigate} />
+          )}
+        </FactRow>
+        <FactRow label="Subscriptions">
+          {subsUnavailable ? (
+            <NotReported text={subsUnavailable} />
+          ) : related.subscriptions.length === 0 ? (
+            <span className="text-theme-text-secondary">None on this database</span>
+          ) : (
+            <LinkList items={related.subscriptions} kind="Subscription" onNavigate={onNavigate} />
+          )}
+        </FactRow>
+      </FactGrid>
+    </SummaryShell>
+  )
+}
+
+function publicationTargets(resource: any): ReactNode {
+  const target = resource?.spec?.target
+  if (target?.allTables === true) return 'All tables'
+  const objects = Array.isArray(target?.objects) ? target.objects : []
+  if (objects.length === 0) return <NotReported text="Not set" />
+  const labels = objects.map((o: any) => {
+    if (o?.tablesInSchema) return `All tables in schema ${o.tablesInSchema}`
+    const t = o?.table
+    if (t?.name) {
+      const name = t.schema ? `${t.schema}.${t.name}` : t.name
+      return Array.isArray(t.columns) && t.columns.length > 0 ? `${name} (${t.columns.join(', ')})` : name
+    }
+    return 'Unrecognized entry'
+  })
+  return (
+    <ul className="space-y-0.5 font-mono">
+      {labels.map((l: string, i: number) => (
+        <li key={i}>{l}</li>
+      ))}
+    </ul>
+  )
+}
+
+export function CNPGPublicationSummary({ resource, workspace, onNavigate }: SummaryProps) {
+  return (
+    <SummaryShell>
+      <ObjectProblems issues={workspace?.issues} subject={refOf(resource, 'Publication')} onNavigate={onNavigate} />
+
+      <SummaryHeading>Declared</SummaryHeading>
+      <FactGrid>
+        <FactRow label="Publication">
+          {resource?.spec?.name ? <span className="font-mono">{resource.spec.name}</span> : <NotReported text="Not set" />}
+        </FactRow>
+        <FactRow label="Cluster">
+          <ClusterLink resource={resource} workspace={workspace} onNavigate={onNavigate} />
+        </FactRow>
+        <FactRow label="Database">
+          <DatabaseRef resource={resource} workspace={workspace} onNavigate={onNavigate} />
+        </FactRow>
+        <FactRow label="Publishes">{publicationTargets(resource)}</FactRow>
+        <ReclaimRow resource={resource} />
+        <FactRow label="Declared in">
+          <DeclaredIn resource={resource} />
+        </FactRow>
+      </FactGrid>
+
+      <Reconciled resource={resource} />
+    </SummaryShell>
+  )
+}
+
+export function CNPGSubscriptionSummary({ resource, workspace, onNavigate }: SummaryProps) {
+  const pub = resource?.spec?.publicationName
+  const ext = resource?.spec?.externalClusterName
+  return (
+    <SummaryShell>
+      <ObjectProblems issues={workspace?.issues} subject={refOf(resource, 'Subscription')} onNavigate={onNavigate} />
+
+      <SummaryHeading>Declared</SummaryHeading>
+      <FactGrid>
+        <FactRow label="Subscription">
+          {resource?.spec?.name ? <span className="font-mono">{resource.spec.name}</span> : <NotReported text="Not set" />}
+        </FactRow>
+        <FactRow label="Cluster">
+          <ClusterLink resource={resource} workspace={workspace} onNavigate={onNavigate} />
+        </FactRow>
+        <FactRow label="Database">
+          <DatabaseRef resource={resource} workspace={workspace} onNavigate={onNavigate} />
+        </FactRow>
+        <FactRow label="Subscribes to">
+          {pub ? (
+            <span>
+              Publication <span className="font-mono">{pub}</span>
+              {ext ? (
+                <span className="text-theme-text-secondary">
+                  {' on external cluster '}
+                  <span className="font-mono">{ext}</span>
+                </span>
+              ) : null}
+            </span>
+          ) : (
+            <NotReported text="Not set" />
+          )}
+        </FactRow>
+        <ReclaimRow resource={resource} />
+        <FactRow label="Declared in">
+          <DeclaredIn resource={resource} />
+        </FactRow>
+      </FactGrid>
+
+      <Reconciled resource={resource} />
+    </SummaryShell>
+  )
+}

package/src/components/cnpg/CNPGImageCatalogSummary.tsx

@@ -0,0 +1,80 @@
+import { CNPG_GROUP, getCNPGImageCatalogEntries } from '../resources/resource-utils-cnpg'
+import type { CNPGWorkspaceResponse } from './workspace'
+import { FactGrid, FactRow, RefLink, SummaryHeading, toneTextClass, type CNPGNavigate } from './primitives'
+import { NotReported, Note, ObjectProblems, SummaryShell } from './CNPGSharedSummary'
+import { clustersIn, clustersUsingCatalog, refOf, relationUnavailable } from './relations'
+
+export function CNPGImageCatalogSummary({
+  resource,
+  workspace,
+  onNavigate,
+}: {
+  resource: any
+  workspace: CNPGWorkspaceResponse | null
+  onNavigate?: CNPGNavigate
+}) {
+  const clusterScoped = resource?.kind === 'ClusterImageCatalog'
+  const ns = resource?.metadata?.namespace ?? ''
+  const entries = getCNPGImageCatalogEntries(resource)
+  const majors = new Set(entries.map((e) => e.major))
+  // A ClusterImageCatalog's users can be in any namespace, so partial coverage
+  // lists what was read; an ImageCatalog's users are all in its own namespace.
+  const partial = clusterScoped && workspace?.coverage?.clusters?.state === 'partial'
+  const unavailable = partial ? null : relationUnavailable(workspace, 'clusters', clusterScoped ? undefined : ns, 'Clusters')
+  const users = unavailable ? [] : clustersUsingCatalog(resource, clustersIn(workspace))
+
+  return (
+    <SummaryShell>
+      <ObjectProblems issues={workspace?.issues} subject={refOf(resource, resource?.kind ?? 'ImageCatalog')} onNavigate={onNavigate} />
+
+      <SummaryHeading>Images</SummaryHeading>
+      {entries.length === 0 ? (
+        <div className="text-sm">
+          <NotReported text="No images listed" />
+        </div>
+      ) : (
+        <FactGrid>
+          {entries.map((e) => (
+            <FactRow key={e.major} label={`PostgreSQL ${e.major}`}>
+              <span className="font-mono">{e.image}</span>
+            </FactRow>
+          ))}
+        </FactGrid>
+      )}
+
+      <SummaryHeading>Used by</SummaryHeading>
+      {unavailable ? (
+        <div className="text-sm">
+          <NotReported text={unavailable} />
+        </div>
+      ) : users.length === 0 ? (
+        <div className="text-sm text-theme-text-secondary">No visible cluster uses this catalog</div>
+      ) : (
+        <FactGrid>
+          {users.map((u) => (
+            <FactRow
+              key={`${u.cluster.metadata?.namespace}/${u.cluster.metadata?.name}`}
+              label={
+                <RefLink refTo={refOf(u.cluster, 'Cluster', CNPG_GROUP)} onNavigate={onNavigate} mono>
+                  {clusterScoped ? `${u.cluster.metadata?.namespace}/${u.cluster.metadata?.name}` : u.cluster.metadata?.name}
+                </RefLink>
+              }
+            >
+              {u.major === null ? (
+                <NotReported text="Major not set" />
+              ) : majors.has(u.major) ? (
+                `Requests PostgreSQL ${u.major}`
+              ) : (
+                <span className={toneTextClass('unhealthy')}>Requests PostgreSQL {u.major} · not in this catalog</span>
+              )}
+            </FactRow>
+          ))}
+        </FactGrid>
+      )}
+      {!unavailable && partial && <Note>Only clusters in namespaces you can read are listed.</Note>}
+      {!unavailable && !partial && clusterScoped && (
+        <Note>Among clusters you can see; clusters in namespaces you cannot read are not listed</Note>
+      )}
+    </SummaryShell>
+  )
+}

package/src/components/cnpg/CNPGObjectStoreSummary.tsx

@@ -0,0 +1,176 @@
+import {
+  CNPG_BARMAN_OBJECTSTORE_GROUP,
+  CNPG_GROUP,
+  getCNPGObjectStoreCredentialSecret,
+  getCNPGObjectStoreDestination,
+  getCNPGObjectStoreProvider,
+  getCNPGObjectStoreRecoveryWindows,
+  getCNPGObjectStoreRetention,
+} from '../resources/resource-utils-cnpg'
+import type { CNPGWorkspaceResponse } from './workspace'
+import { FactGrid, FactRow, FactValue, RefLink, SummaryHeading, toneTextClass, type CNPGNavigate } from './primitives'
+import { NotReported, Note, ObjectProblems, SummaryShell, TimeAgo } from './CNPGSharedSummary'
+import { clustersIn, inferredObjectStoreHealth, refOf, relationUnavailable, usersOfObjectStore } from './relations'
+
+function utc(at: string | undefined): string {
+  if (!at || !Number.isFinite(Date.parse(at))) return 'unknown'
+  return new Date(at).toUTCString().replace(' GMT', ' UTC')
+}
+
+export function CNPGObjectStoreSummary({
+  resource,
+  workspace,
+  onNavigate,
+}: {
+  resource: any
+  workspace: CNPGWorkspaceResponse | null
+  onNavigate?: CNPGNavigate
+}) {
+  const ns = resource?.metadata?.namespace ?? ''
+  const clustersUnavailable = relationUnavailable(workspace, 'clusters', ns, 'Clusters')
+  const users = clustersUnavailable ? [] : usersOfObjectStore(resource, clustersIn(workspace))
+  const health = inferredObjectStoreHealth(resource, users)
+  const clusterForServer = new Map(users.map((u) => [u.serverName, u.cluster?.metadata?.name as string]))
+  const windows = getCNPGObjectStoreRecoveryWindows(resource)
+  const destination = getCNPGObjectStoreDestination(resource)
+  const provider = getCNPGObjectStoreProvider(resource)
+  const secret = getCNPGObjectStoreCredentialSecret(resource)
+  const retention = getCNPGObjectStoreRetention(resource)
+  const clusterWord = users.length === 1 ? "1 cluster's" : `${users.length} clusters'`
+
+  return (
+    <SummaryShell>
+      <ObjectProblems
+        issues={workspace?.issues}
+        subject={refOf(resource, 'ObjectStore', CNPG_BARMAN_OBJECTSTORE_GROUP)}
+        onNavigate={onNavigate}
+      />
+
+      <SummaryHeading hint="inferred">Upload health</SummaryHeading>
+      {clustersUnavailable ? (
+        <div className="text-sm">
+          <NotReported text={`Unknown · ${clustersUnavailable}, which are the only evidence`} />
+        </div>
+      ) : (
+        <>
+          <div className="text-sm">
+            <FactValue fact={health.summary} />
+          </div>
+          {users.length > 0 && (
+            <Note>Inferred from {clusterWord} WAL archiving and backup results — ObjectStore has no health status</Note>
+          )}
+          {health.evidence.length > 0 && (
+            <div className="mt-2">
+              <FactGrid>
+                {health.evidence.map((e) => (
+                  <FactRow key={e.cluster.name} label={<RefLink refTo={e.cluster} onNavigate={onNavigate} mono />}>
+                    <div>
+                      <FactValue fact={e.archiving} />
+                      <div className="text-xs text-theme-text-secondary">
+                        {e.window ? (
+                          <>
+                            Last backup success <TimeAgo at={e.window.lastSuccessfulBackupTime} missing="not recorded" />
+                            {e.window.lastFailedBackupTime && (
+                              <span className={e.window.failingSinceLastSuccess ? toneTextClass('unhealthy') : undefined}>
+                                {' · '}last failure <TimeAgo at={e.window.lastFailedBackupTime} />
+                              </span>
+                            )}
+                          </>
+                        ) : (
+                          <NotReported text={`No recovery window for server ${e.serverName}`} />
+                        )}
+                      </div>
+                    </div>
+                  </FactRow>
+                ))}
+              </FactGrid>
+            </div>
+          )}
+        </>
+      )}
+
+      <SummaryHeading hint="ObjectStore status">Recovery window</SummaryHeading>
+      {windows.length === 0 ? (
+        <div className="text-sm">
+          <NotReported text="No server has reported a recovery window" />
+        </div>
+      ) : (
+        <FactGrid>
+          {windows.map((w) => {
+            const cluster = clusterForServer.get(w.server)
+            return (
+              <FactRow
+                key={w.server}
+                label={
+                  cluster ? (
+                    <RefLink refTo={{ kind: 'Cluster', group: CNPG_GROUP, namespace: ns, name: cluster }} onNavigate={onNavigate} mono>
+                      {w.server}
+                    </RefLink>
+                  ) : (
+                    <span className="font-mono">{w.server}</span>
+                  )
+                }
+              >
+                <div className="space-y-0.5">
+                  <div>
+                    <span className="text-theme-text-secondary">First recoverability point </span>
+                    {w.firstRecoverabilityPoint ? utc(w.firstRecoverabilityPoint) : <NotReported />}
+                  </div>
+                  <div>
+                    <span className="text-theme-text-secondary">Last successful backup </span>
+                    {w.lastSuccessfulBackupTime ? utc(w.lastSuccessfulBackupTime) : <NotReported text="None recorded" />}
+                  </div>
+                  {w.lastFailedBackupTime && (
+                    <div>
+                      <span className="text-theme-text-secondary">Last failed backup </span>
+                      <span className={w.failingSinceLastSuccess ? toneTextClass('degraded') : undefined}>{utc(w.lastFailedBackupTime)}</span>
+                    </div>
+                  )}
+                  {w.failingSinceLastSuccess && (
+                    <Note>{w.lastSuccessfulBackupTime ? 'A backup failed after the last recorded success.' : 'No successful backup recorded.'}</Note>
+                  )}
+                </div>
+              </FactRow>
+            )
+          })}
+        </FactGrid>
+      )}
+
+      <SummaryHeading>Destination</SummaryHeading>
+      <FactGrid>
+        <FactRow label="Path">{destination !== '-' ? <span className="font-mono">{destination}</span> : <NotReported text="Not set" />}</FactRow>
+        <FactRow label="Provider">{provider ?? <NotReported />}</FactRow>
+        <FactRow label="Credentials">
+          {secret ? (
+            <span>
+              Secret <RefLink refTo={{ kind: 'Secret', group: '', namespace: ns, name: secret }} onNavigate={onNavigate} mono />
+            </span>
+          ) : (
+            <NotReported text="No Secret referenced" />
+          )}
+        </FactRow>
+        <FactRow label="Retention">{retention ?? <NotReported text="Not set" />}</FactRow>
+      </FactGrid>
+
+      <SummaryHeading>Used by</SummaryHeading>
+      {clustersUnavailable ? (
+        <div className="text-sm">
+          <NotReported text={clustersUnavailable} />
+        </div>
+      ) : users.length === 0 ? (
+        <div className="text-sm text-theme-text-secondary">
+          No visible cluster uses this store
+          {workspace?.coverage?.clusters?.state === 'partial' && (
+            <Note>Clusters in namespaces you cannot read are not checked.</Note>
+          )}
+        </div>
+      ) : (
+        <div className="flex flex-wrap gap-x-3 text-sm">
+          {users.map((u) => (
+            <RefLink key={u.cluster.metadata?.name} refTo={refOf(u.cluster, 'Cluster')} onNavigate={onNavigate} mono />
+          ))}
+        </div>
+      )}
+    </SummaryShell>
+  )
+}