@nexus-ai-fs/tui 0.9.18

package/src/panels/access/delegation-creator.tsx

@@ -0,0 +1,237 @@
+/**
+ * Delegation creator form: create a new delegation with namespace scope.
+ *
+ * Tab cycles between fields.
+ * Enter submits via the delegation store's createDelegation().
+ * Escape cancels and returns to normal mode.
+ */
+
+import React, { useState, useCallback } from "react";
+import { useDelegationStore } from "../../stores/delegation-store.js";
+import type { DelegationCreateResponse } from "../../stores/delegation-store.js";
+import { useKeyboard } from "../../shared/hooks/use-keyboard.js";
+import { useApi } from "../../shared/hooks/use-api.js";
+
+type ActiveField =
+  | "workerId"
+  | "workerName"
+  | "namespaceMode"
+  | "scopePrefix"
+  | "intent"
+  | "canSubDelegate"
+  | "ttlSeconds"
+  | "removeGrants"
+  | "addGrants"
+  | "readonlyPaths"
+  | "scopeOps"
+  | "minTrustScore";
+
+const FIELD_ORDER: readonly ActiveField[] = [
+  "workerId",
+  "workerName",
+  "namespaceMode",
+  "scopePrefix",
+  "intent",
+  "canSubDelegate",
+  "ttlSeconds",
+  "removeGrants",
+  "addGrants",
+  "readonlyPaths",
+  "scopeOps",
+  "minTrustScore",
+];
+
+interface DelegationCreatorProps {
+  readonly onClose: () => void;
+}
+
+export function DelegationCreator({ onClose }: DelegationCreatorProps): React.ReactNode {
+  const client = useApi();
+  const createDelegation = useDelegationStore((s) => s.createDelegation);
+  const delegationsLoading = useDelegationStore((s) => s.delegationsLoading);
+  const lastResult = useDelegationStore((s) => s.lastDelegationCreate);
+  const error = useDelegationStore((s) => s.error);
+
+  const [workerId, setWorkerId] = useState("");
+  const [workerName, setWorkerName] = useState("");
+  const [namespaceMode, setNamespaceMode] = useState("clean");
+  const [scopePrefix, setScopePrefix] = useState("");
+  const [intent, setIntent] = useState("");
+  const [canSubDelegate, setCanSubDelegate] = useState("no");
+  const [ttlSeconds, setTtlSeconds] = useState("");
+  const [removeGrants, setRemoveGrants] = useState("");
+  const [addGrants, setAddGrants] = useState("");
+  const [readonlyPaths, setReadonlyPaths] = useState("");
+  const [scopeOps, setScopeOps] = useState("");
+  const [minTrustScore, setMinTrustScore] = useState("");
+  const [activeField, setActiveField] = useState<ActiveField>("workerId");
+
+  const setters: Readonly<Record<ActiveField, (fn: (b: string) => string) => void>> = {
+    workerId: (fn) => setWorkerId((b) => fn(b)),
+    workerName: (fn) => setWorkerName((b) => fn(b)),
+    namespaceMode: (fn) => setNamespaceMode((b) => fn(b)),
+    scopePrefix: (fn) => setScopePrefix((b) => fn(b)),
+    intent: (fn) => setIntent((b) => fn(b)),
+    canSubDelegate: (fn) => setCanSubDelegate((b) => fn(b)),
+    ttlSeconds: (fn) => setTtlSeconds((b) => fn(b)),
+    removeGrants: (fn) => setRemoveGrants((b) => fn(b)),
+    addGrants: (fn) => setAddGrants((b) => fn(b)),
+    readonlyPaths: (fn) => setReadonlyPaths((b) => fn(b)),
+    scopeOps: (fn) => setScopeOps((b) => fn(b)),
+    minTrustScore: (fn) => setMinTrustScore((b) => fn(b)),
+  };
+
+  const handleSubmit = useCallback(() => {
+    if (!client || !workerId.trim() || !workerName.trim() || !intent.trim()) return;
+    const ttl = ttlSeconds.trim() ? parseInt(ttlSeconds.trim(), 10) : undefined;
+    createDelegation(
+      {
+        worker_id: workerId.trim(),
+        worker_name: workerName.trim(),
+        namespace_mode: namespaceMode.trim() || "clean",
+        scope_prefix: scopePrefix.trim() || undefined,
+        intent: intent.trim(),
+        can_sub_delegate: canSubDelegate.toLowerCase() === "yes",
+        ttl_seconds: Number.isFinite(ttl) ? ttl : undefined,
+        remove_grants: removeGrants.trim() ? removeGrants.split(",").map(s => s.trim()) : undefined,
+        add_grants: addGrants.trim() ? addGrants.split(",").map(s => s.trim()) : undefined,
+        readonly_paths: readonlyPaths.trim() ? readonlyPaths.split(",").map(s => s.trim()) : undefined,
+        scope: scopeOps.trim() ? {
+          allowed_operations: scopeOps.split(",").map(s => s.trim()),
+        } : undefined,
+        min_trust_score: minTrustScore.trim() ? parseFloat(minTrustScore.trim()) : undefined,
+      },
+      client,
+    );
+  }, [client, workerId, workerName, namespaceMode, scopePrefix, intent, canSubDelegate, ttlSeconds, removeGrants, addGrants, readonlyPaths, scopeOps, minTrustScore, createDelegation]);
+
+  const handleUnhandledKey = useCallback(
+    (keyName: string) => {
+      const setter = setters[activeField];
+      if (keyName.length === 1) {
+        setter((b) => b + keyName);
+      } else if (keyName === "space") {
+        setter((b) => b + " ");
+      }
+    },
+    [activeField],
+  );
+
+  useKeyboard(
+    {
+      return: handleSubmit,
+      escape: onClose,
+      backspace: () => {
+        setters[activeField]((b) => b.slice(0, -1));
+      },
+      tab: () => {
+        const currentIdx = FIELD_ORDER.indexOf(activeField);
+        const nextIdx = (currentIdx + 1) % FIELD_ORDER.length;
+        const next = FIELD_ORDER[nextIdx];
+        if (next) {
+          setActiveField(next);
+        }
+      },
+    },
+    handleUnhandledKey,
+  );
+
+  const cursor = "\u2588";
+
+  const fields: readonly { readonly key: ActiveField; readonly label: string; readonly value: string; readonly hint?: string }[] = [
+    { key: "workerId", label: "Worker ID      ", value: workerId },
+    { key: "workerName", label: "Worker Name    ", value: workerName },
+    { key: "namespaceMode", label: "Namespace Mode ", value: namespaceMode, hint: "copy|clean|shared" },
+    { key: "scopePrefix", label: "Scope Prefix   ", value: scopePrefix, hint: "e.g. files/reports/" },
+    { key: "intent", label: "Intent         ", value: intent },
+    { key: "canSubDelegate", label: "Sub-delegate?  ", value: canSubDelegate, hint: "yes|no" },
+    { key: "ttlSeconds", label: "TTL (seconds)  ", value: ttlSeconds, hint: "1-86400, blank=none" },
+    { key: "removeGrants", label: "Remove Grants  ", value: removeGrants, hint: "comma-separated paths" },
+    { key: "addGrants", label: "Add Grants     ", value: addGrants, hint: "comma-separated paths" },
+    { key: "readonlyPaths", label: "Readonly Paths ", value: readonlyPaths, hint: "comma-separated paths" },
+    { key: "scopeOps", label: "Scope Ops      ", value: scopeOps, hint: "comma-separated operations" },
+    { key: "minTrustScore", label: "Min Trust Score", value: minTrustScore, hint: "0.0-1.0, blank=none" },
+  ];
+
+  const showResult = lastResult && !delegationsLoading;
+
+  return (
+    <box height="100%" width="100%" flexDirection="column">
+      {/* Form fields */}
+      {fields.map((f) => (
+        <box key={f.key} height={1} width="100%">
+          <text>
+            {activeField === f.key
+              ? `> ${f.label}: ${f.value}${cursor}${f.hint ? `  (${f.hint})` : ""}`
+              : `  ${f.label}: ${f.value}${f.hint && !f.value ? `  (${f.hint})` : ""}`}
+          </text>
+        </box>
+      ))}
+
+      {delegationsLoading && (
+        <box height={1} width="100%">
+          <text>Creating delegation...</text>
+        </box>
+      )}
+
+      {error && !delegationsLoading && (
+        <box height={1} width="100%">
+          <text>{`Error: ${error}`}</text>
+        </box>
+      )}
+
+      {showResult && (
+        <DelegationCreateResult result={lastResult} />
+      )}
+
+      <box height={1} width="100%">
+        <text>
+          {"Tab:next field  Enter:create  Escape:cancel  Backspace:delete"}
+        </text>
+      </box>
+    </box>
+  );
+}
+
+function DelegationCreateResult({
+  result,
+}: {
+  readonly result: DelegationCreateResponse;
+}): React.ReactNode {
+  return (
+    <box flexDirection="column" width="100%">
+      <box height={1} width="100%">
+        <text>{"--- Delegation Created ---"}</text>
+      </box>
+      <box height={1} width="100%">
+        <text>{`  ID:     ${result.delegation_id}`}</text>
+      </box>
+      <box height={1} width="100%">
+        <text>{`  Worker: ${result.worker_agent_id}`}</text>
+      </box>
+      <box height={1} width="100%">
+        <text>{`  Mode:   ${result.delegation_mode}`}</text>
+      </box>
+      <box height={1} width="100%">
+        <text>{`  Key:    ${result.api_key}`}</text>
+      </box>
+      {result.expires_at && (
+        <box height={1} width="100%">
+          <text>{`  Expiry: ${result.expires_at}`}</text>
+        </box>
+      )}
+      {result.mount_table.length > 0 && (
+        <>
+          <box height={1} width="100%">
+            <text>{"  Mount table:"}</text>
+          </box>
+          {result.mount_table.map((path, i) => (
+            <box key={`mt-${i}`} height={1} width="100%">
+              <text>{`    ${path}`}</text>
+            </box>
+          ))}
+        </>
+      )}
+    </box>
+  );
+}

package/src/panels/access/delegation-list.tsx

@@ -0,0 +1,74 @@
+/**
+ * Delegation list: shows delegations with scope_prefix as namespace view,
+ * agent hierarchy, mode, status, and lease expiry.
+ */
+
+import React from "react";
+import type { DelegationItem } from "../../stores/access-store.js";
+import { EmptyState } from "../../shared/components/empty-state.js";
+
+interface DelegationListProps {
+  readonly delegations: readonly DelegationItem[];
+  readonly selectedIndex: number;
+  readonly loading: boolean;
+}
+
+function shortId(id: string): string {
+  if (id.length <= 14) return id;
+  return `${id.slice(0, 11)}..`;
+}
+
+function formatExpiry(ts: string | null): string {
+  if (!ts) return "-";
+  try {
+    return new Date(ts).toLocaleString();
+  } catch {
+    return ts;
+  }
+}
+
+export function DelegationList({
+  delegations,
+  selectedIndex,
+  loading,
+}: DelegationListProps): React.ReactNode {
+  if (loading) {
+    return (
+      <box height="100%" width="100%" justifyContent="center" alignItems="center">
+        <text>Loading delegations...</text>
+      </box>
+    );
+  }
+
+  if (delegations.length === 0) {
+    return <EmptyState message="No delegations yet." hint="Press n to create one." />;
+  }
+
+  return (
+    <scrollbox height="100%" width="100%">
+      {/* Header */}
+      <box height={1} width="100%">
+        <text>{"  AGENT          PARENT         SCOPE PREFIX         MODE       STATUS     DEPTH  SUB-DEL  LEASE EXPIRES"}</text>
+      </box>
+      <box height={1} width="100%">
+        <text>{"  -------------  -------------  -------------------  ---------  ---------  -----  -------  -----------------"}</text>
+      </box>
+
+      {/* Rows */}
+      {delegations.map((d, i) => {
+        const isSelected = i === selectedIndex;
+        const prefix = isSelected ? "> " : "  ";
+        const scope = d.scope_prefix ?? "*";
+        const subDel = d.can_sub_delegate ? "yes" : "no";
+
+        return (
+          <box key={d.delegation_id} height={1} width="100%">
+            <text>
+              {`${prefix}${shortId(d.agent_id).padEnd(13)}  ${shortId(d.parent_agent_id).padEnd(13)}  ${scope.padEnd(19)}  ${d.delegation_mode.padEnd(9)}  ${d.status.padEnd(9)}  ${String(d.depth).padEnd(5)}  ${subDel.padEnd(7)}  ${formatExpiry(d.lease_expires_at)}`}
+            </text>
+          </box>
+        );
+      })}
+    </scrollbox>
+  );
+}

package/src/panels/access/fraud-score-view.tsx

@@ -0,0 +1,94 @@
+/**
+ * Fraud score list: displays per-agent fraud scores with component breakdown.
+ * Data from GET /api/v2/governance/fraud-scores.
+ */
+
+import React from "react";
+import type { FraudScore } from "../../stores/access-store.js";
+
+interface FraudScoreViewProps {
+  readonly scores: readonly FraudScore[];
+  readonly selectedIndex: number;
+  readonly loading: boolean;
+}
+
+function shortId(id: string): string {
+  if (id.length <= 16) return id;
+  return `${id.slice(0, 12)}..`;
+}
+
+function formatTimestamp(ts: string): string {
+  try {
+    return new Date(ts).toLocaleString();
+  } catch {
+    return ts;
+  }
+}
+
+export function FraudScoreView({
+  scores,
+  selectedIndex,
+  loading,
+}: FraudScoreViewProps): React.ReactNode {
+  if (loading) {
+    return (
+      <box height="100%" width="100%" justifyContent="center" alignItems="center">
+        <text>Loading fraud scores...</text>
+      </box>
+    );
+  }
+
+  if (scores.length === 0) {
+    return (
+      <box height="100%" width="100%" justifyContent="center" alignItems="center">
+        <text>No fraud scores. Press 'c' to compute scores for this zone.</text>
+      </box>
+    );
+  }
+
+  const selected = scores[selectedIndex];
+
+  return (
+    <box height="100%" width="100%" flexDirection="column">
+      {/* Header */}
+      <box height={1} width="100%">
+        <text>{`Fraud Scores: ${scores.length} agents`}</text>
+      </box>
+      <box height={1} width="100%">
+        <text>{"  AGENT            ZONE             SCORE   COMPUTED"}</text>
+      </box>
+      <box height={1} width="100%">
+        <text>{"  ---------------  ---------------  ------  ------------------"}</text>
+      </box>
+
+      {/* Rows */}
+      <scrollbox flexGrow={1} width="100%">
+        {scores.map((s, i) => {
+          const isSelected = i === selectedIndex;
+          const prefix = isSelected ? "> " : "  ";
+          const scoreStr = s.score.toFixed(3).padEnd(6);
+
+          return (
+            <box key={`${s.agent_id}-${s.zone_id}`} height={1} width="100%">
+              <text>
+                {`${prefix}${shortId(s.agent_id).padEnd(15)}  ${shortId(s.zone_id).padEnd(15)}  ${scoreStr}  ${formatTimestamp(s.computed_at)}`}
+              </text>
+            </box>
+          );
+        })}
+      </scrollbox>
+
+      {/* Selected score component breakdown */}
+      {selected && Object.keys(selected.components).length > 0 && (
+        <box height={4} width="100%" flexDirection="column">
+          <text>{`Components for ${shortId(selected.agent_id)}:`}</text>
+          <text>
+            {Object.entries(selected.components)
+              .map(([k, v]) => `  ${k}=${typeof v === "number" ? v.toFixed(3) : v}`)
+              .join("  ")}
+          </text>
+        </box>
+      )}
+    </box>
+  );
+}

package/src/panels/access/manifest-creator.tsx

@@ -0,0 +1,167 @@
+/**
+ * Manifest creator form: create a new access manifest with a single entry.
+ *
+ * Tab cycles between fields.
+ * Enter submits via the store's createManifest().
+ * Escape cancels and returns to normal mode.
+ */
+
+import React, { useState, useCallback } from "react";
+import { useAccessStore } from "../../stores/access-store.js";
+import { useKeyboard } from "../../shared/hooks/use-keyboard.js";
+import { useApi } from "../../shared/hooks/use-api.js";
+
+type ActiveField =
+  | "agentId"
+  | "name"
+  | "toolPattern"
+  | "permission"
+  | "maxCallsPerMinute"
+  | "validFrom"
+  | "validUntil";
+
+const FIELD_ORDER: readonly ActiveField[] = [
+  "agentId",
+  "name",
+  "toolPattern",
+  "permission",
+  "maxCallsPerMinute",
+  "validFrom",
+  "validUntil",
+];
+
+interface ManifestCreatorProps {
+  readonly onClose: () => void;
+}
+
+export function ManifestCreator({ onClose }: ManifestCreatorProps): React.ReactNode {
+  const client = useApi();
+  const createManifest = useAccessStore((s) => s.createManifest);
+  const manifestsLoading = useAccessStore((s) => s.manifestsLoading);
+  const error = useAccessStore((s) => s.error);
+
+  const [agentId, setAgentId] = useState("");
+  const [name, setName] = useState("");
+  const [toolPattern, setToolPattern] = useState("");
+  const [permission, setPermission] = useState("allow");
+  const [maxCallsPerMinute, setMaxCallsPerMinute] = useState("");
+  const [validFrom, setValidFrom] = useState("");
+  const [validUntil, setValidUntil] = useState("");
+  const [activeField, setActiveField] = useState<ActiveField>("agentId");
+  const [submitted, setSubmitted] = useState(false);
+
+  const setters: Readonly<Record<ActiveField, (fn: (b: string) => string) => void>> = {
+    agentId: (fn) => setAgentId((b) => fn(b)),
+    name: (fn) => setName((b) => fn(b)),
+    toolPattern: (fn) => setToolPattern((b) => fn(b)),
+    permission: (fn) => setPermission((b) => fn(b)),
+    maxCallsPerMinute: (fn) => setMaxCallsPerMinute((b) => fn(b)),
+    validFrom: (fn) => setValidFrom((b) => fn(b)),
+    validUntil: (fn) => setValidUntil((b) => fn(b)),
+  };
+
+  const handleSubmit = useCallback(() => {
+    if (!client || !agentId.trim() || !name.trim() || !toolPattern.trim()) return;
+    const maxCalls = maxCallsPerMinute.trim() ? parseInt(maxCallsPerMinute.trim(), 10) : undefined;
+    const entry: { tool_pattern: string; permission: string; max_calls_per_minute?: number } = {
+      tool_pattern: toolPattern.trim(),
+      permission: permission.trim() || "allow",
+    };
+    if (Number.isFinite(maxCalls)) {
+      entry.max_calls_per_minute = maxCalls;
+    }
+    createManifest(
+      {
+        agent_id: agentId.trim(),
+        name: name.trim(),
+        entries: [entry],
+        valid_from: validFrom.trim() || undefined,
+        valid_until: validUntil.trim() || undefined,
+      },
+      client,
+    );
+    setSubmitted(true);
+  }, [client, agentId, name, toolPattern, permission, maxCallsPerMinute, validFrom, validUntil, createManifest]);
+
+  const handleUnhandledKey = useCallback(
+    (keyName: string) => {
+      const setter = setters[activeField];
+      if (keyName.length === 1) {
+        setter((b) => b + keyName);
+      } else if (keyName === "space") {
+        setter((b) => b + " ");
+      }
+    },
+    [activeField],
+  );
+
+  useKeyboard(
+    {
+      return: handleSubmit,
+      escape: onClose,
+      backspace: () => {
+        setters[activeField]((b) => b.slice(0, -1));
+      },
+      tab: () => {
+        const currentIdx = FIELD_ORDER.indexOf(activeField);
+        const nextIdx = (currentIdx + 1) % FIELD_ORDER.length;
+        const next = FIELD_ORDER[nextIdx];
+        if (next) {
+          setActiveField(next);
+        }
+      },
+    },
+    handleUnhandledKey,
+  );
+
+  const cursor = "\u2588";
+
+  const fields: readonly { readonly key: ActiveField; readonly label: string; readonly value: string; readonly hint?: string }[] = [
+    { key: "agentId", label: "Agent ID       ", value: agentId },
+    { key: "name", label: "Manifest Name  ", value: name },
+    { key: "toolPattern", label: "Tool Pattern   ", value: toolPattern, hint: "e.g. tool:* or tool:read" },
+    { key: "permission", label: "Permission     ", value: permission, hint: "allow|deny" },
+    { key: "maxCallsPerMinute", label: "Max Calls/Min  ", value: maxCallsPerMinute, hint: "blank=unlimited" },
+    { key: "validFrom", label: "Valid From     ", value: validFrom, hint: "ISO 8601, blank=now" },
+    { key: "validUntil", label: "Valid Until    ", value: validUntil, hint: "ISO 8601, blank=none" },
+  ];
+
+  return (
+    <box height="100%" width="100%" flexDirection="column">
+      {/* Form fields */}
+      {fields.map((f) => (
+        <box key={f.key} height={1} width="100%">
+          <text>
+            {activeField === f.key
+              ? `> ${f.label}: ${f.value}${cursor}${f.hint ? `  (${f.hint})` : ""}`
+              : `  ${f.label}: ${f.value}${f.hint && !f.value ? `  (${f.hint})` : ""}`}
+          </text>
+        </box>
+      ))}
+
+      {manifestsLoading && (
+        <box height={1} width="100%">
+          <text>Creating manifest...</text>
+        </box>
+      )}
+
+      {error && !manifestsLoading && (
+        <box height={1} width="100%">
+          <text>{`Error: ${error}`}</text>
+        </box>
+      )}
+
+      {submitted && !manifestsLoading && !error && (
+        <box height={1} width="100%">
+          <text>Manifest created successfully. Press Escape to close.</text>
+        </box>
+      )}
+
+      <box height={1} width="100%">
+        <text>
+          {"Tab:next field  Enter:create  Escape:cancel  Backspace:delete"}
+        </text>
+      </box>
+    </box>
+  );
+}

package/src/panels/access/manifest-list.tsx

@@ -0,0 +1,105 @@
+/**
+ * Access manifest list: shows manifests with name, agent, zone, status, entries count, validity.
+ * When entries are loaded (via fetchManifestDetail), shows the tuple entries inline
+ * for the selected manifest — this serves as the tuple browser.
+ */
+
+import React from "react";
+import type { AccessManifest } from "../../stores/access-store.js";
+import { EmptyState } from "../../shared/components/empty-state.js";
+
+interface ManifestListProps {
+  readonly manifests: readonly AccessManifest[];
+  readonly selectedIndex: number;
+  readonly loading: boolean;
+}
+
+function shortId(id: string): string {
+  if (id.length <= 16) return id;
+  return `${id.slice(0, 12)}..`;
+}
+
+function formatTimestamp(ts: string): string {
+  try {
+    return new Date(ts).toLocaleString();
+  } catch {
+    return ts;
+  }
+}
+
+export function ManifestList({
+  manifests,
+  selectedIndex,
+  loading,
+}: ManifestListProps): React.ReactNode {
+  if (loading) {
+    return (
+      <box height="100%" width="100%" justifyContent="center" alignItems="center">
+        <text>Loading manifests...</text>
+      </box>
+    );
+  }
+
+  if (manifests.length === 0) {
+    return <EmptyState message="No manifests found." hint="Press c to create a manifest." />;
+  }
+
+  const selected = manifests[selectedIndex];
+  const entries = selected?.entries;
+
+  return (
+    <box height="100%" width="100%" flexDirection="column">
+      <scrollbox flexGrow={1} width="100%">
+        {/* Header */}
+        <box height={1} width="100%">
+          <text>{"  NAME             AGENT            ZONE             STATUS     ENTRIES  VALID FROM         VALID UNTIL"}</text>
+        </box>
+        <box height={1} width="100%">
+          <text>{"  ---------------  ---------------  ---------------  ---------  -------  -----------------  -----------------"}</text>
+        </box>
+
+        {/* Rows */}
+        {manifests.map((m, i) => {
+          const isSelected = i === selectedIndex;
+          const prefix = isSelected ? "> " : "  ";
+          const entriesCount = String(m.entries?.length ?? "-");
+
+          return (
+            <box key={m.manifest_id} height={1} width="100%">
+              <text>
+                {`${prefix}${shortId(m.name).padEnd(15)}  ${shortId(m.agent_id).padEnd(15)}  ${shortId(m.zone_id).padEnd(15)}  ${m.status.padEnd(9)}  ${entriesCount.padEnd(7)}  ${formatTimestamp(m.valid_from).padEnd(17)}  ${formatTimestamp(m.valid_until)}`}
+              </text>
+            </box>
+          );
+        })}
+      </scrollbox>
+
+      {/* Tuple entries for selected manifest (shown when loaded via Enter) */}
+      {entries && entries.length > 0 && (
+        <box height={Math.min(entries.length + 2, 8)} width="100%" flexDirection="column" borderStyle="single">
+          <box height={1} width="100%">
+            <text>{`Entries (tuples) for ${selected.name}:`}</text>
+          </box>
+          {entries.map((e, i) => {
+            const rateStr = e.max_calls_per_minute
+              ? `  rate=${e.max_calls_per_minute}/min`
+              : "";
+            return (
+              <box key={`${e.tool_pattern}-${i}`} height={1} width="100%">
+                <text>
+                  {`  ${e.tool_pattern.padEnd(30)} ${e.permission.padEnd(6)}${rateStr}`}
+                </text>
+              </box>
+            );
+          })}
+        </box>
+      )}
+
+      {entries !== undefined && entries.length === 0 && (
+        <box height={1} width="100%">
+          <text>{`No entries (tuples) for ${selected?.name ?? "manifest"}`}</text>
+        </box>
+      )}
+    </box>
+  );
+}