ankka-console 0.11.0 → 0.13.0

package/dist/ui/buckets.d.ts

@@ -0,0 +1,14 @@
+import type { BucketReport } from "../client/schemas.ts";
+/** One row of a service's named buckets, as the service page shows it (feature 055). */
+export interface BucketRow {
+    name: string;
+    /** The exposure, `supplied` for a bucket the developer made, or `kept` for one no longer named. */
+    exposure: string;
+    /** Its name in the store, when reported. */
+    bucket: string | null;
+    /** Where it is on the internet, as a link, when it is. */
+    address: string | null;
+    /** Said of a bucket the descriptor no longer names, which is kept rather than deleted. */
+    note: string | null;
+}
+export declare function bucketRows(buckets: readonly BucketReport[] | null | undefined): BucketRow[];

package/dist/ui/buckets.js

@@ -0,0 +1,9 @@
+export function bucketRows(buckets) {
+    return (buckets ?? []).map((b) => ({
+        name: b.name,
+        exposure: b.kept ? "kept" : b.phase === "Supplied" || b.exposure === "supplied" ? "supplied" : b.exposure,
+        bucket: b.bucket ?? null,
+        address: b.kept ? null : (b.publicAddress ?? null),
+        note: b.kept ? "kept, no longer named" : null,
+    }));
+}

package/dist/ui/grants.d.ts

@@ -0,0 +1,3 @@
+import type { GrantTarget } from "../client/schemas.ts";
+/** A grant's target in one line, as the CLI shows it: `route wallet POST /v1/…`, `topic casino.players consume`. */
+export declare function targetText(t: GrantTarget): string;

package/dist/ui/grants.js

@@ -0,0 +1,13 @@
+/** A grant's target in one line, as the CLI shows it: `route wallet POST /v1/…`, `topic casino.players consume`. */
+export function targetText(t) {
+    switch (t.kind) {
+        case "route":
+            return `route ${t.service ?? ""} ${t.method ?? ""} ${t.path ?? ""}`;
+        case "method":
+            return `method ${t.service ?? ""} ${t.method ?? ""}`;
+        case "topic":
+            return `topic ${t.topic ?? ""} ${t.right ?? ""}${t.decrypt ? " decrypt" : ""}`;
+        default:
+            return t.kind;
+    }
+}

package/dist/ui/shell.d.ts

@@ -35,7 +35,7 @@ export declare function Bar({ wordmark, children, end }: {
     end?: ReactNode;
 }): import("react").JSX.Element;
 /**
- * The rail: the console's areas, the one the page belongs to marked. Members and deploy tokens open
+ * The rail: the console's areas, the one the page belongs to marked. Members, deploy tokens and machines open
  * those of the organization the page belongs to; with no organization in view they are shown and
  * unavailable. Signing out is at its foot.
  */

package/dist/ui/shell.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { Box, Building2, Folder, KeyRound, LogOut, Plus, Users } from "lucide-react";
+import { Bot, Box, Building2, Folder, KeyRound, LogOut, Plus, Users } from "lucide-react";
 import { Breadcrumbs, ConsoleForm, ConsoleLink, useConsole } from "./console.js";
 import { Lifecycle } from "./status.js";
 import { button } from "./primitives/button.js";
@@ -15,8 +15,12 @@ export function Shell({ children, className, theme = "dark" }) {
 export function Backdrop() {
     return _jsx("div", { className: "ac-backdrop", "aria-hidden": "true" });
 }
+/**
+ * The mark: the duck, as a mask over the current colour, so it follows `--ac-color-ink` and a host's
+ * override of it in either theme with one asset. The build copies the image beside the stylesheet.
+ */
 function Mark() {
-    return (_jsxs("svg", { viewBox: "0 0 36 36", width: "32", height: "32", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M8 24c0-7 5-12 10-12s10 5 10 12", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round" }), _jsx("path", { d: "M14 24h8", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round" }), _jsx("circle", { cx: "18", cy: "9", r: "2.2", fill: "var(--ac-color-amber)" })] }));
+    return _jsx("span", { className: "ac-mark-image", "aria-hidden": "true" });
 }
 const initials = (name) => name
     .split(/[\s@.]+/)
@@ -37,7 +41,7 @@ export function Bar({ wordmark, children, end }) {
                         (name ? (_jsxs("span", { className: "ac-person", title: name, children: [_jsx("span", { "aria-hidden": "true", children: initials(name) }), _jsxs("span", { className: "ac-visually-hidden", children: ["You are ", name] })] })) : null)] })] }));
 }
 /**
- * The rail: the console's areas, the one the page belongs to marked. Members and deploy tokens open
+ * The rail: the console's areas, the one the page belongs to marked. Members, deploy tokens and machines open
  * those of the organization the page belongs to; with no organization in view they are shown and
  * unavailable. Signing out is at its foot.
  */
@@ -64,6 +68,13 @@ export function Rail() {
             to: orgPath && org?.manages ? `${orgPath}/tokens` : undefined,
             unavailable: org ? "Deploy tokens: only an owner manages them" : "Deploy tokens: open an organization first",
         },
+        {
+            area: "machines",
+            label: org ? `Machines of ${org.name}` : "Machines",
+            icon: Bot,
+            to: orgPath && `${orgPath}/machines`,
+            unavailable: "Machines: open an organization first",
+        },
     ];
     return (_jsxs("nav", { className: "ac-rail", "aria-label": "Console", children: [_jsx(ConsoleLink, { to: "", className: "ac-mark", "aria-label": "ankka console", title: "ankka console", children: _jsx(Mark, {}) }), _jsx("ul", { className: "ac-rail-areas", children: entries.map((e) => {
                     const Icon = e.icon;

package/dist/ui/topology/Table.d.ts

@@ -3,6 +3,14 @@
  * read. Handled and unanswered are separate columns, because they are separate facts.
  */
 import type { Pair, View } from "./layout.ts";
+/**
+ * A handler as the table names it: a tool, an agent's or an MCP endpoint's, is marked with a tool
+ * glyph and the word, so an MCP endpoint's tools read apart from its routes, to a screen reader too.
+ */
+export declare function handlerInWords(h: {
+    name: string;
+    type: string;
+}): string;
 export declare function duration(pair: Pair): string;
 export declare function Table({ shown, differs }: {
     shown: View;

package/dist/ui/topology/Table.js

@@ -5,10 +5,17 @@ function nameOf(shown, id) {
 function kindInWords(kind) {
     return kind.replace(/([a-z])([A-Z])/g, "$1 $2").toLowerCase();
 }
+/**
+ * A handler as the table names it: a tool, an agent's or an MCP endpoint's, is marked with a tool
+ * glyph and the word, so an MCP endpoint's tools read apart from its routes, to a screen reader too.
+ */
+export function handlerInWords(h) {
+    return h.type === "tool" ? `🔧 ${h.name} (tool)` : h.name;
+}
 export function duration(pair) {
     const d = pair.durationMillis;
     return d ? `~${d.p50} / ~${d.p99} / ~${d.max} ms` : "";
 }
 export function Table({ shown, differs }) {
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", "aria-label": "Components", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Components" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Name" }), _jsx("th", { scope: "col", children: "Kind" }), _jsx("th", { scope: "col", children: "Handlers" })] }) }), _jsx("tbody", { children: shown.nodes.map((n) => (_jsxs("tr", { "data-node": n.id, children: [_jsx("td", { children: n.label }), _jsxs("td", { children: [kindInWords(n.kind), n.platform ? ", platform" : "", differs.has(n.id) ? `, only on ${differs.get(n.id).join(", ")}` : ""] }), _jsx("td", { children: n.handlers.map((h) => h.name).join(", ") })] }, n.id))) })] }) }), shown.declared.length > 0 ? (_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", "aria-label": "Declared connections", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Declared connections" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "From" }), _jsx("th", { scope: "col", children: "To" }), _jsx("th", { scope: "col", children: "As" })] }) }), _jsx("tbody", { children: shown.declared.map((e) => (_jsxs("tr", { children: [_jsx("td", { children: nameOf(shown, e.from) }), _jsx("td", { children: nameOf(shown, e.to) }), _jsx("td", { children: e.kind })] }, `${e.from}>${e.to}:${e.kind}`))) })] }) })) : null, shown.calls.length > 0 ? (_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", "aria-label": "Observed calls", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Observed calls" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "From" }), _jsx("th", { scope: "col", children: "To" }), _jsx("th", { scope: "col", children: "Handler to handler" }), _jsx("th", { scope: "col", className: "ac-num", children: "Ok" }), _jsx("th", { scope: "col", className: "ac-num", children: "Refused" }), _jsx("th", { scope: "col", className: "ac-num", children: "Failed" }), _jsx("th", { scope: "col", className: "ac-num", children: "Timed out" }), _jsx("th", { scope: "col", className: "ac-num", children: "Undelivered" }), _jsx("th", { scope: "col", children: "p50 / p99 / max" })] }) }), _jsx("tbody", { children: shown.calls.flatMap((c) => c.pairs.map((p) => (_jsxs("tr", { "data-pair": `${p.caller} -> ${p.callee}`, children: [_jsx("td", { children: nameOf(shown, c.from) }), _jsx("td", { children: nameOf(shown, c.to) }), _jsxs("td", { children: [p.caller, " \u2192 ", p.callee, p.streaming ? " (stream)" : ""] }), _jsx("td", { className: "ac-num", children: p.handled?.ok ?? 0 }), _jsx("td", { className: "ac-num", children: p.handled?.refused ?? 0 }), _jsx("td", { className: "ac-num", children: p.handled?.failed ?? 0 }), _jsx("td", { className: "ac-num", children: p.unanswered?.timedOut ?? 0 }), _jsx("td", { className: "ac-num", children: p.unanswered?.undelivered ?? 0 }), _jsx("td", { children: duration(p) })] }, `${c.from}>${c.to}:${p.caller}>${p.callee}`)))) })] }) })) : null] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", "aria-label": "Components", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Components" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Name" }), _jsx("th", { scope: "col", children: "Kind" }), _jsx("th", { scope: "col", children: "Handlers" })] }) }), _jsx("tbody", { children: shown.nodes.map((n) => (_jsxs("tr", { "data-node": n.id, children: [_jsx("td", { children: n.label }), _jsxs("td", { children: [kindInWords(n.kind), n.platform ? ", platform" : "", differs.has(n.id) ? `, only on ${differs.get(n.id).join(", ")}` : ""] }), _jsx("td", { children: n.handlers.map(handlerInWords).join(", ") })] }, n.id))) })] }) }), shown.declared.length > 0 ? (_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", "aria-label": "Declared connections", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Declared connections" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "From" }), _jsx("th", { scope: "col", children: "To" }), _jsx("th", { scope: "col", children: "As" })] }) }), _jsx("tbody", { children: shown.declared.map((e) => (_jsxs("tr", { children: [_jsx("td", { children: nameOf(shown, e.from) }), _jsx("td", { children: nameOf(shown, e.to) }), _jsx("td", { children: e.kind })] }, `${e.from}>${e.to}:${e.kind}`))) })] }) })) : null, shown.calls.length > 0 ? (_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", "aria-label": "Observed calls", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Observed calls" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "From" }), _jsx("th", { scope: "col", children: "To" }), _jsx("th", { scope: "col", children: "Handler to handler" }), _jsx("th", { scope: "col", className: "ac-num", children: "Ok" }), _jsx("th", { scope: "col", className: "ac-num", children: "Refused" }), _jsx("th", { scope: "col", className: "ac-num", children: "Failed" }), _jsx("th", { scope: "col", className: "ac-num", children: "Timed out" }), _jsx("th", { scope: "col", className: "ac-num", children: "Undelivered" }), _jsx("th", { scope: "col", children: "p50 / p99 / max" })] }) }), _jsx("tbody", { children: shown.calls.flatMap((c) => c.pairs.map((p) => (_jsxs("tr", { "data-pair": `${p.caller} -> ${p.callee}`, children: [_jsx("td", { children: nameOf(shown, c.from) }), _jsx("td", { children: nameOf(shown, c.to) }), _jsxs("td", { children: [p.caller, " \u2192 ", p.callee, p.streaming ? " (stream)" : ""] }), _jsx("td", { className: "ac-num", children: p.handled?.ok ?? 0 }), _jsx("td", { className: "ac-num", children: p.handled?.refused ?? 0 }), _jsx("td", { className: "ac-num", children: p.handled?.failed ?? 0 }), _jsx("td", { className: "ac-num", children: p.unanswered?.timedOut ?? 0 }), _jsx("td", { className: "ac-num", children: p.unanswered?.undelivered ?? 0 }), _jsx("td", { children: duration(p) })] }, `${c.from}>${c.to}:${p.caller}>${p.callee}`)))) })] }) })) : null] }));
 }

package/dist/ui/use-stream.d.ts

@@ -27,6 +27,19 @@ export declare function useProjectStream(projectId: string, initial: ServiceStat
         processPort: number | undefined;
         broker: string | undefined;
         undeclaredTopics: string[] | undefined;
+        secretStore: {
+            backend: string;
+            keyRead: boolean;
+            move: {
+                phase: string;
+                outcome: string;
+                names: {
+                    name: string;
+                    state: string;
+                }[];
+                detail: string | undefined;
+            } | undefined;
+        } | undefined;
         topicChecks: {
             topic: string | undefined;
             service: string;
@@ -48,10 +61,64 @@ export declare function useProjectStream(projectId: string, initial: ServiceStat
             contract: string | undefined;
             lag: number | undefined;
             failing: string | undefined;
+            gap: {
+                partitions: {
+                    partition: number;
+                    beginning: number;
+                    earliestRetained: string | undefined;
+                }[];
+                compacted: boolean;
+                gone: boolean;
+                readAt: string | undefined;
+            } | undefined;
+        }[] | undefined;
+        warnings: {
+            kind: string;
+            component: string;
+            topic: string;
+            message: string;
         }[] | undefined;
         objectStorage: string | undefined;
         bucket: string | undefined;
         bucketAddress: string | undefined;
+        objectStore: string | undefined;
+        bucketLocation: string | undefined;
+        softDeleteDays: number | undefined;
+        storageMove: string | undefined;
+        buckets: {
+            name: string;
+            phase: string;
+            store: string | undefined;
+            bucket: string | undefined;
+            exposure: string;
+            publicAddress: string | undefined;
+            kept: boolean;
+            detail: string | undefined;
+        }[] | undefined;
+        databaseCluster: string | undefined;
+        grants: string | undefined;
+        crossProjectTopics: {
+            project: string;
+            topic: string;
+            right: string;
+            status: string;
+        }[] | undefined;
+        customHostnames: {
+            hostname: string;
+            state: string;
+            reason: string | undefined;
+            record: {
+                name: string;
+                kind: string;
+                value: string;
+            } | undefined;
+            note: string | undefined;
+        }[];
+        proofRecord: {
+            name: string;
+            kind: string;
+            value: string;
+        } | undefined;
     }[];
     state: StreamState;
 };
@@ -93,6 +160,19 @@ export declare function useServiceStream(projectId: string, name: string, initia
         processPort: number | undefined;
         broker: string | undefined;
         undeclaredTopics: string[] | undefined;
+        secretStore: {
+            backend: string;
+            keyRead: boolean;
+            move: {
+                phase: string;
+                outcome: string;
+                names: {
+                    name: string;
+                    state: string;
+                }[];
+                detail: string | undefined;
+            } | undefined;
+        } | undefined;
         topicChecks: {
             topic: string | undefined;
             service: string;
@@ -114,10 +194,64 @@ export declare function useServiceStream(projectId: string, name: string, initia
             contract: string | undefined;
             lag: number | undefined;
             failing: string | undefined;
+            gap: {
+                partitions: {
+                    partition: number;
+                    beginning: number;
+                    earliestRetained: string | undefined;
+                }[];
+                compacted: boolean;
+                gone: boolean;
+                readAt: string | undefined;
+            } | undefined;
+        }[] | undefined;
+        warnings: {
+            kind: string;
+            component: string;
+            topic: string;
+            message: string;
         }[] | undefined;
         objectStorage: string | undefined;
         bucket: string | undefined;
         bucketAddress: string | undefined;
+        objectStore: string | undefined;
+        bucketLocation: string | undefined;
+        softDeleteDays: number | undefined;
+        storageMove: string | undefined;
+        buckets: {
+            name: string;
+            phase: string;
+            store: string | undefined;
+            bucket: string | undefined;
+            exposure: string;
+            publicAddress: string | undefined;
+            kept: boolean;
+            detail: string | undefined;
+        }[] | undefined;
+        databaseCluster: string | undefined;
+        grants: string | undefined;
+        crossProjectTopics: {
+            project: string;
+            topic: string;
+            right: string;
+            status: string;
+        }[] | undefined;
+        customHostnames: {
+            hostname: string;
+            state: string;
+            reason: string | undefined;
+            record: {
+                name: string;
+                kind: string;
+                value: string;
+            } | undefined;
+            note: string | undefined;
+        }[];
+        proofRecord: {
+            name: string;
+            kind: string;
+            value: string;
+        } | undefined;
     };
     byInstance: Record<string, {
         lines: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ankka-console",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "The ankka console as a package: the control plane client, sign-in and sessions, and the pages as routes a React Router host mounts.",
   "license": "Apache-2.0",
   "type": "module",