ankka-console 0.10.0 → 0.11.0

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

@@ -1,4 +1,4 @@
-import type { ServiceStatus } from "../client/schemas.ts";
+import type { ServiceStatus, ServiceTopology } from "../client/schemas.ts";
 export type StreamState = "connecting" | "live" | "gone" | "off";
 export declare function useProjectStream(projectId: string, initial: ServiceStatus[]): {
     services: {
@@ -18,6 +18,40 @@ export declare function useProjectStream(projectId: string, initial: ServiceStat
         paused: boolean;
         hosting: string;
         protocol: string | undefined;
+        mounts: {
+            path: string;
+            service: string;
+            state: string;
+        }[];
+        callers: string[];
+        processPort: number | undefined;
+        broker: string | undefined;
+        undeclaredTopics: string[] | undefined;
+        topicChecks: {
+            topic: string | undefined;
+            service: string;
+            component: string;
+            direction: string;
+            stated: string | undefined;
+            state: string;
+        }[] | undefined;
+        topicSources: {
+            kind: string;
+            component: string;
+            topic: string;
+            group: string;
+            start: string;
+            version: number;
+            recordedVersion: number | undefined;
+            behind: boolean;
+            broker: string | undefined;
+            contract: string | undefined;
+            lag: number | undefined;
+            failing: string | undefined;
+        }[] | undefined;
+        objectStorage: string | undefined;
+        bucket: string | undefined;
+        bucketAddress: string | undefined;
     }[];
     state: StreamState;
 };
@@ -50,6 +84,40 @@ export declare function useServiceStream(projectId: string, name: string, initia
         paused: boolean;
         hosting: string;
         protocol: string | undefined;
+        mounts: {
+            path: string;
+            service: string;
+            state: string;
+        }[];
+        callers: string[];
+        processPort: number | undefined;
+        broker: string | undefined;
+        undeclaredTopics: string[] | undefined;
+        topicChecks: {
+            topic: string | undefined;
+            service: string;
+            component: string;
+            direction: string;
+            stated: string | undefined;
+            state: string;
+        }[] | undefined;
+        topicSources: {
+            kind: string;
+            component: string;
+            topic: string;
+            group: string;
+            start: string;
+            version: number;
+            recordedVersion: number | undefined;
+            behind: boolean;
+            broker: string | undefined;
+            contract: string | undefined;
+            lag: number | undefined;
+            failing: string | undefined;
+        }[] | undefined;
+        objectStorage: string | undefined;
+        bucket: string | undefined;
+        bucketAddress: string | undefined;
     };
     byInstance: Record<string, {
         lines: string[];
@@ -57,3 +125,71 @@ export declare function useServiceStream(projectId: string, name: string, initia
     }>;
     state: StreamState;
 };
+/** A deployed service's merged topology, sent again whenever it changes. */
+export declare function useTopologyStream(projectId: string, name: string, initial: ServiceTopology | null): {
+    topology: {
+        service: string;
+        running: number;
+        contributing: number;
+        partial: boolean;
+        instances: {
+            pod: string;
+            status: "failed" | "ok" | "unreachable" | "unsupported";
+            problem: string | undefined;
+            runtime: string | undefined;
+            readAt: string | undefined;
+        }[];
+        window: {
+            seconds: number;
+            since: string;
+            calls: number;
+            unanswered: number;
+        };
+        nodes: {
+            id: string;
+            kind: string;
+            layer: number;
+            platform: boolean;
+            handlers: {
+                name: string;
+                type: string;
+                streaming: boolean | undefined;
+            }[];
+        }[];
+        declared: {
+            from: string;
+            to: string;
+            kind: string;
+        }[];
+        calls: {
+            from: string;
+            to: string;
+            pairs: {
+                caller: string;
+                callee: string;
+                handled: {
+                    ok: number;
+                    refused: number;
+                    failed: number;
+                };
+                unanswered: {
+                    timedOut: number;
+                    undelivered: number;
+                };
+                durationMillis: {
+                    p50: number;
+                    p99: number;
+                    max: number;
+                    bucketed: boolean;
+                };
+                streaming: boolean;
+                histogram: number[];
+            }[];
+        }[];
+        differences: {
+            node: string;
+            presentOn: string[];
+        }[];
+    } | null;
+    state: StreamState;
+};

package/dist/ui/use-stream.js

@@ -21,7 +21,7 @@ function useEvents(path, handlers) {
         setState("connecting");
         source.onopen = () => setState("live");
         const on = (name, f) => source.addEventListener(name, (e) => f(JSON.parse(e.data)));
-        for (const name of ["status", "services", "logs"])
+        for (const name of ["status", "services", "logs", "topology"])
             on(name, (d) => ref.current[name]?.(d));
         on("session-ended", () => {
             source.close();
@@ -65,3 +65,13 @@ export function useServiceStream(projectId, name, initial, logs) {
     });
     return { status, byInstance, state };
 }
+/** A deployed service's merged topology, sent again whenever it changes. */
+export function useTopologyStream(projectId, name, initial) {
+    const [topology, setTopology] = useState(initial);
+    useEffect(() => setTopology(initial), [initial]);
+    const path = initial ? `stream/services/${encodeURIComponent(projectId)}/${encodeURIComponent(name)}?topology` : null;
+    const state = useEvents(path, {
+        topology: (d) => setTopology(d),
+    });
+    return { topology, state };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ankka-console",
-  "version": "0.10.0",
+  "version": "0.11.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",
@@ -34,7 +34,8 @@
       "types": "./dist/testing/index.d.ts",
       "default": "./dist/testing/index.js"
     },
-    "./styles.css": "./dist/styles.css"
+    "./styles.css": "./dist/styles.css",
+    "./theme.css": "./dist/theme.css"
   },
   "repository": {
     "type": "git",
@@ -45,10 +46,14 @@
   "scripts": {
     "build": "node scripts/build.ts",
     "typecheck": "tsc --noEmit -p tsconfig.json",
-    "test": "node --conditions=ankka-source --test 'test/**/*.test.ts'"
+    "test": "node --conditions=ankka-source --test 'test/**/*.test.ts'",
+    "watch": "node scripts/watch.ts"
   },
   "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "jose": "^6.2.12",
+    "lucide-react": "^1.52.0",
     "openid-client": "^6.8.8",
     "zod": "^4.6.5"
   },
@@ -65,14 +70,17 @@
     }
   },
   "devDependencies": {
+    "@fontsource-variable/inter": "^5.3.0",
     "@react-router/dev": "^8.4.0",
     "@react-router/node": "^8.4.0",
+    "@tailwindcss/cli": "^4.3.3",
     "@types/node": "^26.6.3",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "react-router": "^8.4.0",
+    "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
     "vite": "^8.3.1"
   }