@feltdb/core 0.12.0 → 0.12.2

package/dist/studio/index.js

@@ -1,18 +1,84 @@
-import { C as e, E as t, S as n, T as r, _ as i, a, b as ee, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as te, r as g, s as _, t as v, u as y, v as b, w as x, x as S, y as C } from "./components-BHTKlUgT.js";
-import { ServiceApiError as w, StudioServiceApi as T, isSecretField as E, resolveStudioApplicationId as D, safeDisplayValue as O, serviceApiErrorMessage as k } from "./utils/service-api.js";
-import { StudioProposalApi as A, proposalErrorMessage as j, proposalSections as M } from "./utils/proposal-api.js";
-import { t as N } from "./KeyManagementPanel-DZuSeWBK.js";
-import { CapabilitySet as P, ControlPlaneApi as F, ControlPlaneError as ne, controlPlaneErrorMessage as re, formatStatePath as ie } from "./utils/control-plane-api.js";
-import { A as I, C as ae, D as oe, E as se, M as ce, O as le, S as ue, T as de, _ as fe, a as pe, b as me, c as L, d as R, f as z, g as he, h as B, i as V, j as ge, k as _e, l as ve, m as H, n as U, o as W, p as G, r as K, s as ye, t as q, u as be, v as xe, w as Se, x as Ce, y as we } from "./control-plane-DP8ljTDO.js";
-import { ManagedInstanceUtil as Te } from "./utils/managed-instance.js";
-import { ManagedInstancePanel as Ee } from "./components/ManagedInstancePanel.js";
-import { capitalize as De, fetchDashboardStats as Oe, fetchDiagnostics as ke, fetchPeers as Ae, fetchProvenance as je, formatBytes as Me, formatReference as Ne, formatRelativeTime as Pe, formatTime as Fe, searchReferences as Ie } from "./utils/index.js";
-import { useEffect as J, useState as Y } from "react";
-import { BrowserRouter as Le, Link as X, Route as Z, Routes as Re } from "react-router-dom";
-import { Fragment as ze, jsx as Q, jsxs as $ } from "react/jsx-runtime";
-import { parseFlowSpec as Be } from "@feltdb/core";
+import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, _ as m, a as h, b as g, c as _, d as v, f as y, g as b, h as x, i as S, j as C, k as w, l as T, m as ee, n as E, o as D, p as O, r as k, s as te, t as A, u as j, v as M, w as N, x as ne, y as re } from "./control-plane-fxMcJn74.js";
+import { C as P, E as ie, S as ae, T as oe, _ as F, a as se, b as I, c as ce, d as le, f as L, g as R, h as z, i as ue, l as B, m as V, n as de, o as fe, p as H, r as pe, s as me, t as he, u as U, v as W, w as ge, x as _e, y as G } from "./components-B4eKIUN5.js";
+import { ServiceApiError as ve, StudioServiceApi as ye, isSecretField as be, resolveStudioApplicationId as xe, safeDisplayValue as Se, serviceApiErrorMessage as Ce } from "./utils/service-api.js";
+import { StudioProposalApi as we, proposalErrorMessage as Te, proposalSections as Ee } from "./utils/proposal-api.js";
+import { t as K } from "./KeyManagementPanel-D5FMvvU9.js";
+import { CapabilitySet as De, ControlPlaneApi as Oe, ControlPlaneError as ke, controlPlaneErrorMessage as Ae, formatStatePath as je } from "./utils/control-plane-api.js";
+import { ManagedInstanceUtil as Me } from "./utils/managed-instance.js";
+import { ManagedInstancePanel as Ne } from "./components/ManagedInstancePanel.js";
+import { capitalize as Pe, fetchDashboardStats as Fe, fetchDiagnostics as Ie, fetchPeers as Le, fetchProvenance as Re, formatBytes as ze, formatReference as Be, formatRelativeTime as Ve, formatTime as He, searchReferences as Ue } from "./utils/index.js";
+import We, { useEffect as q, useRef as Ge, useState as J } from "react";
+import { BrowserRouter as Ke, Route as Y, Routes as qe, useLocation as X, useNavigate as Je } from "react-router-dom";
+import { Fragment as Ye, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { parseFlowSpec as Xe } from "@feltdb/core";
+//#region vendor/stack-ui/core/src/dom.js
+function $(e, t) {
+	let n = t || document;
+	if (e == null || e === !1 || e === !0) return n.createDocumentFragment();
+	if (typeof e == "string" || typeof e == "number") return n.createTextNode(String(e));
+	if (Array.isArray(e)) {
+		let t = n.createDocumentFragment();
+		for (let r of e) t.appendChild($(r, n));
+		return t;
+	}
+	if (d(e)) {
+		let t = n.createElement(e.t);
+		for (let [n, r] of Object.entries(e.a)) r != null && r !== !1 && t.setAttribute(n, r === !0 ? "" : String(r));
+		for (let [n, r] of Object.entries(e.on || {})) t.addEventListener(n, r);
+		for (let r of e.c) t.appendChild($(r, n));
+		return t;
+	}
+	if (e && typeof e.nodeType == "number") return e;
+	throw TypeError("toDom: unsupported child");
+}
+function Ze(e, t) {
+	let n = (t || document).getElementById(String(e || "stack-main").replace(/[^A-Za-z0-9_-]/g, "-"));
+	n && typeof n.focus == "function" && n.focus({ preventScroll: !0 });
+}
+Object.freeze(Object.fromEntries(Object.entries(o).map(([e, t]) => [e, (e, n) => $(t(e || {}), n)])));
+//#endregion
+//#region src/components/RouteErrorBoundary.tsx
+var Qe = class extends We.Component {
+	constructor(...e) {
+		super(...e), this.state = {};
+	}
+	static getDerivedStateFromError(e) {
+		return { error: e };
+	}
+	componentDidCatch(e, t) {
+		console.error(`Studio screen failed to render (${this.props.routeKey}):`, e, t.componentStack);
+	}
+	render() {
+		let { error: e } = this.state;
+		return e ? /* @__PURE__ */ Q("section", {
+			role: "alert",
+			className: "cp-notice",
+			children: [
+				/* @__PURE__ */ Z("h2", { children: "This screen could not be displayed" }),
+				/* @__PURE__ */ Z("p", { children: e.message || "An unexpected error occurred while rendering this screen." }),
+				/* @__PURE__ */ Z("p", {
+					className: "cp-muted",
+					children: "The rest of Studio is unaffected. Choose another screen from the navigation, or reload to try again."
+				}),
+				/* @__PURE__ */ Z("button", {
+					className: "btn btn-ghost",
+					onClick: () => this.setState({ error: void 0 }),
+					children: "Try again"
+				})
+			]
+		}) : this.props.children;
+	}
+};
+function $e({ children: e }) {
+	let { pathname: t } = X();
+	return /* @__PURE__ */ Z(Qe, {
+		routeKey: t,
+		children: e
+	}, t);
+}
+//#endregion
 //#region src/app.tsx
-function Ve(e) {
+function et(e) {
 	return e.explicitAuthority ? {
 		source: "explicit-authority",
 		authorityUrl: e.explicitAuthority
@@ -27,13 +93,13 @@ function Ve(e) {
 		authorityUrl: ""
 	};
 }
-function He({ registration: e }) {
-	return /* @__PURE__ */ $("div", {
+function tt({ registration: e }) {
+	return /* @__PURE__ */ Q("div", {
 		className: "runtime-notice",
 		children: ["Application connection: ", e ? `Connected ✓${e.namespace ? ` (namespace ${e.namespace})` : ""}` : "Not connected"]
 	});
 }
-var Ue = [
+var nt = [
 	{
 		path: "/overview",
 		label: "Overview"
@@ -79,51 +145,48 @@ var Ue = [
 		label: "Developer"
 	}
 ];
-function We({ db: t, remoteUrl: n = "", token: r = "", namespace: a = "default", deploymentRuntime: o = "browser", applicationUrl: s = "", applicationId: d = "", environment: m = "production", developmentSession: h, managedPublish: g, sourceSync: _, onConnect: v }) {
-	let [x, S] = Y(null), w = e(t || null, a), [T, E] = Y([]), [D, O] = Y([]), [k, A] = Y(0), [j, M] = Y(), P = (e) => ({
-		pathname: e,
-		search: window.location.search
-	});
-	J(() => {
-		let e = !0;
-		return fetch("/_feltdb/project", { cache: "no-store" }).then(async (t) => {
-			if (!t.ok) throw Error("No project model endpoint");
-			let n = await t.json();
-			e && S(Be(n.source));
+function rt({ db: e, remoteUrl: t = "", token: n = "", namespace: r = "default", deploymentRuntime: i = "browser", applicationUrl: a = "", applicationId: o = "", environment: s = "production", developmentSession: l, managedPublish: u, sourceSync: d, onConnect: f }) {
+	let [p, h] = J(null), g = P(e || null, r), [v, y] = J([]), [C, w] = J([]), [T, te] = J(0), [j, M] = J();
+	q(() => {
+		let t = !0;
+		return fetch("/_feltdb/project", { cache: "no-store" }).then(async (e) => {
+			if (!e.ok) throw Error("No project model endpoint");
+			let n = await e.json();
+			t && h(Xe(n.source));
 		}).catch(async () => {
-			let n = t ? await t.collection("_flow_apps").all() : [];
-			e && n[0]?.spec && S(n[0].spec);
+			let n = e ? await e.collection("_flow_apps").all() : [];
+			t && n[0]?.spec && h(n[0].spec);
 		}), () => {
-			e = !1;
+			t = !1;
 		};
-	}, [t]), J(() => {
-		if (!h?.sessionId) return;
+	}, [e]), q(() => {
+		if (!l?.sessionId) return;
 		let e = !0, t = () => void fetch("/_feltdb/runtime", { cache: "no-store" }).then((e) => e.ok ? e.json() : { runtimes: [] }).then((t) => {
-			e && E(t.runtimes || []);
+			e && y(t.runtimes || []);
 		}).catch(() => {
-			e && E([]);
+			e && y([]);
 		});
 		t();
 		let n = window.setInterval(t, 2e3);
 		return () => {
 			e = !1, window.clearInterval(n);
 		};
-	}, [h?.sessionId]), J(() => {
-		let e = T[0]?.runtimeInstanceId;
+	}, [l?.sessionId]), q(() => {
+		let e = v[0]?.runtimeInstanceId;
 		if (!e) {
-			O([]);
+			w([]);
 			return;
 		}
 		let t = !0, n = 0, r = () => void fetch(`/_feltdb/observations?runtimeInstanceId=${encodeURIComponent(e)}&cursor=${n}&limit=100`, { cache: "no-store" }).then((e) => e.ok ? e.json() : { observations: [] }).then((e) => {
-			t && (n = e.nextCursor ?? n, A(e.dropped || 0), O((t) => [...t, ...e.observations || []].slice(-200)));
+			t && (n = e.nextCursor ?? n, te(e.dropped || 0), w((t) => [...t, ...e.observations || []].slice(-200)));
 		}).catch(() => void 0);
 		r();
 		let i = window.setInterval(r, 1e3);
 		return () => {
 			t = !1, window.clearInterval(i);
 		};
-	}, [T[0]?.runtimeInstanceId]);
-	let F = (e, t) => {
+	}, [v[0]?.runtimeInstanceId]);
+	let N = (e, t) => {
 		M({
 			collection: e,
 			id: t
@@ -131,284 +194,293 @@ function We({ db: t, remoteUrl: n = "", token: r = "", namespace: a = "default",
 		let n = window.location.search;
 		window.history.pushState({}, "", `/data${n}`), window.dispatchEvent(new PopStateEvent("popstate"));
 	};
-	return /* @__PURE__ */ Q(I, {
+	return /* @__PURE__ */ Z(c, {
 		options: {
-			baseUrl: n,
-			token: r,
-			applicationId: d,
-			environment: m
+			baseUrl: t,
+			token: n,
+			applicationId: o,
+			environment: s
 		},
-		children: /* @__PURE__ */ Q(Le, { children: /* @__PURE__ */ $("div", {
-			className: "studio-app",
-			children: [/* @__PURE__ */ $("nav", {
-				className: "studio-nav",
-				children: [
-					/* @__PURE__ */ $("div", {
-						className: "nav-header",
-						children: [/* @__PURE__ */ Q("h1", { children: "FeltDB Studio" }), w && /* @__PURE__ */ Q("div", {
-							className: "instance-info",
-							children: w.namespace
-						})]
-					}),
-					/* @__PURE__ */ Q("div", {
-						className: "nav-search",
-						children: /* @__PURE__ */ Q(l, {
-							db: t,
-							model: x
-						})
-					}),
-					/* @__PURE__ */ $("ul", {
-						className: "nav-menu",
-						children: [
-							/* @__PURE__ */ Q("li", {
-								className: "nav-section",
-								children: "Operate"
-							}),
-							Ue.map((e) => /* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P(e.path),
-								children: e.label
-							}) }, e.path)),
-							/* @__PURE__ */ Q("li", {
-								className: "nav-section",
-								children: "Design"
-							}),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/"),
-								children: "Application"
-							}) }),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/capabilities"),
-								children: "Capabilities"
-							}) }),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/contract"),
-								children: "Contract"
-							}) }),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/policies"),
-								children: "Policies"
-							}) }),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/workflows"),
-								children: "Workflows"
-							}) }),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/agent-definitions"),
-								children: "Agent definitions"
-							}) }),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/modules"),
-								children: "Modules"
-							}) }),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/proposals"),
-								children: "Proposals"
-							}) }),
-							h?.sessionId && /* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/activity"),
-								children: "Live Activity"
-							}) }),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/executions"),
-								children: "Executions"
-							}) }),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/connection"),
-								children: "Connection"
-							}) }),
-							/* @__PURE__ */ Q("li", { children: /* @__PURE__ */ Q(X, {
-								to: P("/api-keys"),
-								children: "API Keys"
-							}) })
-						]
-					})
-				]
-			}), /* @__PURE__ */ $("main", {
+		runtime: i,
+		children: /* @__PURE__ */ Z(Ke, { children: /* @__PURE__ */ Z(at, {
+			namespace: g?.namespace,
+			liveActivity: !!l?.sessionId,
+			search: /* @__PURE__ */ Z(R, {
+				db: e,
+				model: p
+			}),
+			children: /* @__PURE__ */ Q("div", {
 				className: "studio-content",
-				children: [h?.sessionId && /* @__PURE__ */ Q(He, { registration: T[0] }), /* @__PURE__ */ $(Re, { children: [
-					/* @__PURE__ */ Q(Z, {
+				children: [l?.sessionId && /* @__PURE__ */ Z(tt, { registration: v[0] }), /* @__PURE__ */ Z($e, { children: /* @__PURE__ */ Q(qe, { children: [
+					/* @__PURE__ */ Z(Y, {
 						path: "/overview",
-						element: /* @__PURE__ */ Q(B, {})
+						element: /* @__PURE__ */ Z(m, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/data",
-						element: /* @__PURE__ */ Q(H, {
+						element: /* @__PURE__ */ Z(b, {
 							focus: j,
 							onFocusHandled: () => M(void 0)
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/schema",
-						element: /* @__PURE__ */ Q(G, {})
+						element: /* @__PURE__ */ Z(x, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/agents",
-						element: /* @__PURE__ */ Q(z, { onOpenRecord: F })
+						element: /* @__PURE__ */ Z(ee, { onOpenRecord: N })
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/state",
-						element: /* @__PURE__ */ Q(R, {})
+						element: /* @__PURE__ */ Z(O, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/operations",
-						element: /* @__PURE__ */ Q(L, { onOpenRecord: F })
+						element: /* @__PURE__ */ Z(_, { onOpenRecord: N })
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/replication",
-						element: /* @__PURE__ */ Q(V, {})
+						element: /* @__PURE__ */ Z(S, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/applications",
-						element: /* @__PURE__ */ Q(q, {})
+						element: /* @__PURE__ */ Z(A, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/monitoring",
-						element: /* @__PURE__ */ Q(K, {})
+						element: /* @__PURE__ */ Z(k, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/settings",
-						element: /* @__PURE__ */ Q(W, {})
+						element: /* @__PURE__ */ Z(D, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/developer",
-						element: /* @__PURE__ */ Q(U, {})
+						element: /* @__PURE__ */ Z(E, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/",
-						element: /* @__PURE__ */ $(ze, { children: [/* @__PURE__ */ Q(p, {
-							configuration: _,
+						element: /* @__PURE__ */ Q(Ye, { children: [/* @__PURE__ */ Z(V, {
+							configuration: d,
 							onApplied: () => window.location.reload()
-						}), /* @__PURE__ */ Q(u, {
-							db: t,
-							namespace: a,
-							projectSpec: x,
-							managedPublish: g,
-							onSpecChange: S
+						}), /* @__PURE__ */ Z(z, {
+							db: e,
+							namespace: r,
+							projectSpec: p,
+							managedPublish: u,
+							onSpecChange: h
 						})] })
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/capabilities",
-						element: /* @__PURE__ */ Q(f, {
-							db: t,
-							model: x
+						element: /* @__PURE__ */ Z(B, {
+							db: e,
+							model: p
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/contract",
-						element: /* @__PURE__ */ Q(y, {
-							model: x,
+						element: /* @__PURE__ */ Z(U, {
+							model: p,
 							section: "schema"
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/policies",
-						element: /* @__PURE__ */ Q(y, {
-							model: x,
+						element: /* @__PURE__ */ Z(U, {
+							model: p,
 							section: "policies"
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/workflows",
-						element: /* @__PURE__ */ Q(C, {
-							db: t,
-							model: x
+						element: /* @__PURE__ */ Z(G, {
+							db: e,
+							model: p
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/agent-definitions",
-						element: /* @__PURE__ */ Q(b, {
-							db: t,
-							model: x
+						element: /* @__PURE__ */ Z(W, {
+							db: e,
+							model: p
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/modules",
-						element: /* @__PURE__ */ Q(c, { model: x })
+						element: /* @__PURE__ */ Z(L, { model: p })
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/executions",
-						element: /* @__PURE__ */ Q(ee, {
-							db: t,
-							model: x
+						element: /* @__PURE__ */ Z(I, {
+							db: e,
+							model: p
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/proposals",
-						element: d ? /* @__PURE__ */ Q(te, {
-							serviceUrl: n,
-							token: r,
-							applicationId: d,
-							environment: m,
-							applicationName: x?.app,
-							sourceSync: _
-						}) : /* @__PURE__ */ Q("div", {
+						element: o ? /* @__PURE__ */ Z(H, {
+							serviceUrl: t,
+							token: n,
+							applicationId: o,
+							environment: s,
+							applicationName: p?.app,
+							sourceSync: d
+						}) : /* @__PURE__ */ Z("div", {
 							className: "model-empty",
 							children: "No active application is selected."
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/activity",
-						element: /* @__PURE__ */ $("div", {
+						element: /* @__PURE__ */ Q("div", {
 							className: "runtime-activity",
 							children: [
-								/* @__PURE__ */ Q("h1", { children: "Live Activity" }),
-								/* @__PURE__ */ $("p", { children: [
-									D.some((e) => Date.now() - e.timestamp < 5e3) ? "Active" : "Idle",
+								/* @__PURE__ */ Z("h1", { children: "Live Activity" }),
+								/* @__PURE__ */ Q("p", { children: [
+									C.some((e) => Date.now() - e.timestamp < 5e3) ? "Active" : "Idle",
 									" · FeltDB client instance ",
-									T[0]?.runtimeInstanceId || "not connected"
+									v[0]?.runtimeInstanceId || "not connected"
 								] }),
-								k > 0 && /* @__PURE__ */ $("p", {
+								T > 0 && /* @__PURE__ */ Q("p", {
 									className: "runtime-notice",
 									children: [
 										"Observation is incomplete: ",
-										k,
+										T,
 										" events dropped."
 									]
 								}),
-								/* @__PURE__ */ $("table", { children: [/* @__PURE__ */ Q("thead", { children: /* @__PURE__ */ $("tr", { children: [
-									/* @__PURE__ */ Q("th", { children: "Time" }),
-									/* @__PURE__ */ Q("th", { children: "Operation" }),
-									/* @__PURE__ */ Q("th", { children: "Collection" }),
-									/* @__PURE__ */ Q("th", { children: "Status" }),
-									/* @__PURE__ */ Q("th", { children: "Duration" })
-								] }) }), /* @__PURE__ */ Q("tbody", { children: [...D].reverse().map((e) => /* @__PURE__ */ $("tr", { children: [
-									/* @__PURE__ */ Q("td", { children: new Date(e.timestamp).toLocaleTimeString() }),
-									/* @__PURE__ */ Q("td", { children: e.operation?.type }),
-									/* @__PURE__ */ Q("td", { children: e.operation?.collection || "—" }),
-									/* @__PURE__ */ Q("td", { children: e.status }),
-									/* @__PURE__ */ Q("td", { children: e.durationMs === void 0 ? "—" : `${e.durationMs} ms` })
+								/* @__PURE__ */ Q("table", { children: [/* @__PURE__ */ Z("thead", { children: /* @__PURE__ */ Q("tr", { children: [
+									/* @__PURE__ */ Z("th", { children: "Time" }),
+									/* @__PURE__ */ Z("th", { children: "Operation" }),
+									/* @__PURE__ */ Z("th", { children: "Collection" }),
+									/* @__PURE__ */ Z("th", { children: "Status" }),
+									/* @__PURE__ */ Z("th", { children: "Duration" })
+								] }) }), /* @__PURE__ */ Z("tbody", { children: [...C].reverse().map((e) => /* @__PURE__ */ Q("tr", { children: [
+									/* @__PURE__ */ Z("td", { children: new Date(e.timestamp).toLocaleTimeString() }),
+									/* @__PURE__ */ Z("td", { children: e.operation?.type }),
+									/* @__PURE__ */ Z("td", { children: e.operation?.collection || "—" }),
+									/* @__PURE__ */ Z("td", { children: e.status }),
+									/* @__PURE__ */ Z("td", { children: e.durationMs === void 0 ? "—" : `${e.durationMs} ms` })
 								] }, e.cursor || e.eventId)) })] })
 							]
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/connection",
-						element: /* @__PURE__ */ Q(i, {
-							db: t,
-							remoteUrl: n,
-							token: r,
-							applicationUrl: s,
-							feltDBRuntime: o,
-							authorityUrl: h?.authorityUrl || n,
-							onConnect: v
+						element: /* @__PURE__ */ Z(F, {
+							db: e,
+							remoteUrl: t,
+							token: n,
+							applicationUrl: a,
+							feltDBRuntime: i,
+							authorityUrl: l?.authorityUrl || t,
+							onConnect: f
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(Y, {
 						path: "/api-keys",
-						element: /* @__PURE__ */ $("div", {
+						element: /* @__PURE__ */ Q("div", {
 							style: { padding: "2rem" },
-							children: [/* @__PURE__ */ Q("h1", { children: "API Key Management" }), /* @__PURE__ */ Q(N, {
-								apiUrl: n,
-								token: r,
-								namespace: a,
+							children: [/* @__PURE__ */ Z("h1", { children: "API Key Management" }), /* @__PURE__ */ Z(K, {
+								apiUrl: t,
+								token: n,
+								namespace: r,
 								onConfigure: () => window.location.assign("/connection")
 							})]
 						})
 					})
-				] })]
-			})]
+				] }) })]
+			})
 		}) })
 	});
 }
+var it = [
+	{
+		path: "/",
+		label: "Application"
+	},
+	{
+		path: "/capabilities",
+		label: "Capabilities"
+	},
+	{
+		path: "/contract",
+		label: "Contract"
+	},
+	{
+		path: "/policies",
+		label: "Policies"
+	},
+	{
+		path: "/workflows",
+		label: "Workflows"
+	},
+	{
+		path: "/agent-definitions",
+		label: "Agent definitions"
+	},
+	{
+		path: "/modules",
+		label: "Modules"
+	},
+	{
+		path: "/proposals",
+		label: "Proposals"
+	},
+	{
+		path: "/activity",
+		label: "Live Activity",
+		live: !0
+	},
+	{
+		path: "/executions",
+		label: "Executions"
+	},
+	{
+		path: "/connection",
+		label: "Connection"
+	},
+	{
+		path: "/api-keys",
+		label: "API Keys"
+	}
+];
+function at({ namespace: e, liveActivity: t, search: n, children: r }) {
+	let i = X(), o = Je(), s = Ge(!0);
+	q(() => {
+		if (s.current) {
+			s.current = !1;
+			return;
+		}
+		Ze("studio-main");
+	}, [i.pathname]);
+	let c = (e) => (t, n) => ({
+		id: t.path,
+		label: t.label,
+		href: `${t.path}${i.search}`,
+		group: e,
+		order: n,
+		current: i.pathname === t.path
+	});
+	return /* @__PURE__ */ Z(a, {
+		product: {
+			name: "FeltDB Studio",
+			homeHref: `/overview${i.search}`,
+			mark: "F"
+		},
+		mainId: "studio-main",
+		context: e ? /* @__PURE__ */ Z("span", {
+			className: "instance-info",
+			title: "Namespace",
+			children: e
+		}) : void 0,
+		search: n,
+		navigation: [...nt.map(c("Operate")), ...it.filter((e) => !e.live || t).map(c("Design"))],
+		onNavigate: (e) => o(e),
+		children: r
+	});
+}
 //#endregion
-export { b as AgentExplorer, z as Agents, He as ApplicationConnectionNotice, u as ApplicationDesigner, q as Applications, p as AskFeltDB, f as CapabilityExplorer, P as CapabilitySet, he as Capable, g as ConflictExplorer, y as ContractInspector, F as ControlPlaneApi, ne as ControlPlaneError, I as ControlPlaneProvider, H as DataBrowser, U as Developer, fe as Empty, ee as ExecutionViewer, xe as Failure, l as GlobalSearch, v as HealthCenter, we as Identity, B as InstanceOverview, me as Json, N as KeyManagementPanel, Ce as Loading, Ee as ManagedInstancePanel, Te as ManagedInstanceUtil, c as ModuleExplorer, K as Monitoring, L as OperationsConsole, a as OperationsExplorer, o as OverviewDashboard, ue as Page, ae as PartialNotice, Se as Path, d as PeerMap, te as ProposalBrowser, m as ProvenanceViewer, h as ReferenceExplorer, V as Replication, pe as ReplicationHealthUnavailable, G as SchemaExplorer, w as ServiceApiError, W as Settings, i as SettingsPanel, de as Stat, _ as StateExplorer, R as StateWorkbench, se as StatusPill, We as StudioApp, A as StudioProposalApi, T as StudioServiceApi, oe as Tabs, le as Timestamp, ve as TransactionObservabilityUnavailable, _e as Unavailable, C as WorkflowVisualizer, De as capitalize, re as controlPlaneErrorMessage, s as dataCollectionLocation, Oe as fetchDashboardStats, ke as fetchDiagnostics, Ae as fetchPeers, je as fetchProvenance, Me as formatBytes, Ne as formatReference, Pe as formatRelativeTime, ie as formatStatePath, Fe as formatTime, E as isSecretField, be as operationsAvailability, j as proposalErrorMessage, M as proposalSections, ye as replicationAvailability, D as resolveStudioApplicationId, Ve as resolveStudioConnection, O as safeDisplayValue, Ie as searchReferences, k as serviceApiErrorMessage, S as useCollection, ge as useControlPlane, ce as useControlPlaneResource, n as useDashboardStats, e as useFeltDB, x as usePeers, r as useProvenance, t as useRuntimeDiagnostics };
+export { W as AgentExplorer, ee as Agents, tt as ApplicationConnectionNotice, z as ApplicationDesigner, A as Applications, V as AskFeltDB, M as BrowserRuntimeNotice, B as CapabilityExplorer, De as CapabilitySet, re as Capable, v as CommittedRevision, pe as ConflictExplorer, U as ContractInspector, Oe as ControlPlaneApi, ke as ControlPlaneError, c as ControlPlaneProvider, b as DataBrowser, E as Developer, g as Empty, I as ExecutionViewer, ne as Failure, R as GlobalSearch, he as HealthCenter, y as INTEGRITY_CHECK, f as Identity, m as InstanceOverview, t as Json, K as KeyManagementPanel, N as Loading, Ne as ManagedInstancePanel, Me as ManagedInstanceUtil, L as ModuleExplorer, k as Monitoring, _ as OperationsConsole, se as OperationsExplorer, ce as OverviewDashboard, p as Page, r as PartialNotice, n as Path, ue as PeerMap, H as ProposalBrowser, de as ProvenanceViewer, fe as ReferenceExplorer, S as Replication, h as ReplicationHealthUnavailable, x as SchemaExplorer, ve as ServiceApiError, D as Settings, F as SettingsPanel, l as Stat, me as StateExplorer, O as StateWorkbench, w as StatusPill, rt as StudioApp, we as StudioProposalApi, ye as StudioServiceApi, e as Tabs, C as Timestamp, T as TransactionObservabilityUnavailable, s as Unavailable, G as WorkflowVisualizer, Pe as capitalize, Ae as controlPlaneErrorMessage, le as dataCollectionLocation, Fe as fetchDashboardStats, Ie as fetchDiagnostics, Le as fetchPeers, Re as fetchProvenance, ze as formatBytes, Be as formatReference, Ve as formatRelativeTime, je as formatStatePath, He as formatTime, be as isSecretField, j as operationsAvailability, Te as proposalErrorMessage, Ee as proposalSections, te as replicationAvailability, xe as resolveStudioApplicationId, et as resolveStudioConnection, Se as safeDisplayValue, Ue as searchReferences, Ce as serviceApiErrorMessage, _e as useCollection, u as useControlPlane, i as useControlPlaneResource, ae as useDashboardStats, P as useFeltDB, ge as usePeers, oe as useProvenance, ie as useRuntimeDiagnostics };