@feltdb/core 0.12.0 → 0.12.1

package/dist/studio/index.js

@@ -1,18 +1,44 @@
-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, S as d, T as f, _ as p, a as m, b as h, c as g, d as _, f as v, g as y, h as b, i as x, j as S, k as C, l as w, m as T, n as E, o as D, p as O, r as ee, s as k, t as A, u as j, v as M, w as N, x as P, y as te } from "./control-plane-CLm69XwX.js";
+import { C as F, E as ne, S as re, T as ie, _ as I, a as ae, b as L, c as oe, d as se, f as R, g as z, h as B, i as ce, l as V, m as H, n as le, o as ue, p as U, r as de, s as fe, t as pe, u as W, v as G, w as me, x as he, y as K } from "./components-Bivm2lX6.js";
+import { ServiceApiError as ge, StudioServiceApi as _e, isSecretField as ve, resolveStudioApplicationId as ye, safeDisplayValue as be, serviceApiErrorMessage as xe } from "./utils/service-api.js";
+import { StudioProposalApi as Se, proposalErrorMessage as Ce, proposalSections as we } from "./utils/proposal-api.js";
+import { t as q } from "./KeyManagementPanel-DZuSeWBK.js";
+import { CapabilitySet as Te, ControlPlaneApi as Ee, ControlPlaneError as De, controlPlaneErrorMessage as Oe, formatStatePath as ke } from "./utils/control-plane-api.js";
+import { ManagedInstanceUtil as Ae } from "./utils/managed-instance.js";
+import { ManagedInstancePanel as je } from "./components/ManagedInstancePanel.js";
+import { capitalize as Me, fetchDashboardStats as Ne, fetchDiagnostics as Pe, fetchPeers as Fe, fetchProvenance as Ie, formatBytes as Le, formatReference as Re, formatRelativeTime as ze, formatTime as Be, searchReferences as Ve } from "./utils/index.js";
+import { useEffect as J, useRef as He, useState as Y } from "react";
+import { BrowserRouter as Ue, Route as X, Routes as We, useLocation as Ge, useNavigate as Ke } from "react-router-dom";
+import { Fragment as qe, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { parseFlowSpec as Je } 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 (o(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 Ye(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(a).map(([e, t]) => [e, (e, n) => $(t(e || {}), n)])));
+//#endregion
 //#region src/app.tsx
-function Ve(e) {
+function Xe(e) {
 	return e.explicitAuthority ? {
 		source: "explicit-authority",
 		authorityUrl: e.explicitAuthority
@@ -27,13 +53,13 @@ function Ve(e) {
 		authorityUrl: ""
 	};
 }
-function He({ registration: e }) {
-	return /* @__PURE__ */ $("div", {
+function Ze({ registration: e }) {
+	return /* @__PURE__ */ Q("div", {
 		className: "runtime-notice",
 		children: ["Application connection: ", e ? `Connected ✓${e.namespace ? ` (namespace ${e.namespace})` : ""}` : "Not connected"]
 	});
 }
-var Ue = [
+var Qe = [
 	{
 		path: "/overview",
 		label: "Overview"
@@ -79,285 +105,204 @@ 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
-	});
+function $e({ db: e, remoteUrl: t = "", token: n = "", namespace: r = "default", deploymentRuntime: i = "browser", applicationUrl: a = "", applicationId: o = "", environment: c = "production", developmentSession: l, managedPublish: u, sourceSync: d, onConnect: f }) {
+	let [m, h] = Y(null), _ = F(e || null, r), [v, S] = Y([]), [C, w] = Y([]), [k, j] = Y(0), [M, N] = Y();
 	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));
+		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(Je(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]), J(() => {
+		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 && S(t.runtimes || []);
 		}).catch(() => {
-			e && E([]);
+			e && S([]);
 		});
 		t();
 		let n = window.setInterval(t, 2e3);
 		return () => {
 			e = !1, window.clearInterval(n);
 		};
-	}, [h?.sessionId]), J(() => {
-		let e = T[0]?.runtimeInstanceId;
+	}, [l?.sessionId]), J(() => {
+		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, j(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) => {
-		M({
+	}, [v[0]?.runtimeInstanceId]);
+	let P = (e, t) => {
+		N({
 			collection: e,
 			id: t
 		});
 		let n = window.location.search;
 		window.history.pushState({}, "", `/data${n}`), window.dispatchEvent(new PopStateEvent("popstate"));
 	};
-	return /* @__PURE__ */ Q(I, {
+	return /* @__PURE__ */ Z(s, {
 		options: {
-			baseUrl: n,
-			token: r,
-			applicationId: d,
-			environment: m
+			baseUrl: t,
+			token: n,
+			applicationId: o,
+			environment: c
 		},
-		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", {
+		children: /* @__PURE__ */ Z(Ue, { children: /* @__PURE__ */ Z(tt, {
+			namespace: _?.namespace,
+			liveActivity: !!l?.sessionId,
+			search: /* @__PURE__ */ Z(z, {
+				db: e,
+				model: m
+			}),
+			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(Ze, { registration: v[0] }), /* @__PURE__ */ Q(We, { children: [
+					/* @__PURE__ */ Z(X, {
 						path: "/overview",
-						element: /* @__PURE__ */ Q(B, {})
+						element: /* @__PURE__ */ Z(p, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/data",
-						element: /* @__PURE__ */ Q(H, {
-							focus: j,
-							onFocusHandled: () => M(void 0)
+						element: /* @__PURE__ */ Z(y, {
+							focus: M,
+							onFocusHandled: () => N(void 0)
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/schema",
-						element: /* @__PURE__ */ Q(G, {})
+						element: /* @__PURE__ */ Z(b, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/agents",
-						element: /* @__PURE__ */ Q(z, { onOpenRecord: F })
+						element: /* @__PURE__ */ Z(T, { onOpenRecord: P })
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/state",
-						element: /* @__PURE__ */ Q(R, {})
+						element: /* @__PURE__ */ Z(O, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/operations",
-						element: /* @__PURE__ */ Q(L, { onOpenRecord: F })
+						element: /* @__PURE__ */ Z(g, { onOpenRecord: P })
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/replication",
-						element: /* @__PURE__ */ Q(V, {})
+						element: /* @__PURE__ */ Z(x, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/applications",
-						element: /* @__PURE__ */ Q(q, {})
+						element: /* @__PURE__ */ Z(A, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/monitoring",
-						element: /* @__PURE__ */ Q(K, {})
+						element: /* @__PURE__ */ Z(ee, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/settings",
-						element: /* @__PURE__ */ Q(W, {})
+						element: /* @__PURE__ */ Z(D, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/developer",
-						element: /* @__PURE__ */ Q(U, {})
+						element: /* @__PURE__ */ Z(E, {})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/",
-						element: /* @__PURE__ */ $(ze, { children: [/* @__PURE__ */ Q(p, {
-							configuration: _,
+						element: /* @__PURE__ */ Q(qe, { children: [/* @__PURE__ */ Z(H, {
+							configuration: d,
 							onApplied: () => window.location.reload()
-						}), /* @__PURE__ */ Q(u, {
-							db: t,
-							namespace: a,
-							projectSpec: x,
-							managedPublish: g,
-							onSpecChange: S
+						}), /* @__PURE__ */ Z(B, {
+							db: e,
+							namespace: r,
+							projectSpec: m,
+							managedPublish: u,
+							onSpecChange: h
 						})] })
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/capabilities",
-						element: /* @__PURE__ */ Q(f, {
-							db: t,
-							model: x
+						element: /* @__PURE__ */ Z(V, {
+							db: e,
+							model: m
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/contract",
-						element: /* @__PURE__ */ Q(y, {
-							model: x,
+						element: /* @__PURE__ */ Z(W, {
+							model: m,
 							section: "schema"
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/policies",
-						element: /* @__PURE__ */ Q(y, {
-							model: x,
+						element: /* @__PURE__ */ Z(W, {
+							model: m,
 							section: "policies"
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/workflows",
-						element: /* @__PURE__ */ Q(C, {
-							db: t,
-							model: x
+						element: /* @__PURE__ */ Z(K, {
+							db: e,
+							model: m
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/agent-definitions",
-						element: /* @__PURE__ */ Q(b, {
-							db: t,
-							model: x
+						element: /* @__PURE__ */ Z(G, {
+							db: e,
+							model: m
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/modules",
-						element: /* @__PURE__ */ Q(c, { model: x })
+						element: /* @__PURE__ */ Z(R, { model: m })
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						path: "/executions",
-						element: /* @__PURE__ */ Q(ee, {
-							db: t,
-							model: x
+						element: /* @__PURE__ */ Z(L, {
+							db: e,
+							model: m
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						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(U, {
+							serviceUrl: t,
+							token: n,
+							applicationId: o,
+							environment: c,
+							applicationName: m?.app,
+							sourceSync: d
+						}) : /* @__PURE__ */ Z("div", {
 							className: "model-empty",
 							children: "No active application is selected."
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						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", {
+								k > 0 && /* @__PURE__ */ Q("p", {
 									className: "runtime-notice",
 									children: [
 										"Observation is incomplete: ",
@@ -365,50 +310,136 @@ function We({ db: t, remoteUrl: n = "", token: r = "", namespace: a = "default",
 										" 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(X, {
 						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(I, {
+							db: e,
+							remoteUrl: t,
+							token: n,
+							applicationUrl: a,
+							feltDBRuntime: i,
+							authorityUrl: l?.authorityUrl || t,
+							onConnect: f
 						})
 					}),
-					/* @__PURE__ */ Q(Z, {
+					/* @__PURE__ */ Z(X, {
 						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(q, {
+								apiUrl: t,
+								token: n,
+								namespace: r,
 								onConfigure: () => window.location.assign("/connection")
 							})]
 						})
 					})
 				] })]
-			})]
+			})
 		}) })
 	});
 }
+var et = [
+	{
+		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 tt({ namespace: e, liveActivity: t, search: n, children: r }) {
+	let a = Ge(), o = Ke(), s = He(!0);
+	J(() => {
+		if (s.current) {
+			s.current = !1;
+			return;
+		}
+		Ye("studio-main");
+	}, [a.pathname]);
+	let c = (e) => (t, n) => ({
+		id: t.path,
+		label: t.label,
+		href: `${t.path}${a.search}`,
+		group: e,
+		order: n,
+		current: a.pathname === t.path
+	});
+	return /* @__PURE__ */ Z(i, {
+		product: {
+			name: "FeltDB Studio",
+			homeHref: `/overview${a.search}`,
+			mark: "F"
+		},
+		mainId: "studio-main",
+		context: e ? /* @__PURE__ */ Z("span", {
+			className: "instance-info",
+			title: "Namespace",
+			children: e
+		}) : void 0,
+		search: n,
+		navigation: [...Qe.map(c("Operate")), ...et.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 { G as AgentExplorer, T as Agents, Ze as ApplicationConnectionNotice, B as ApplicationDesigner, A as Applications, H as AskFeltDB, V as CapabilityExplorer, Te as CapabilitySet, M as Capable, _ as CommittedRevision, de as ConflictExplorer, W as ContractInspector, Ee as ControlPlaneApi, De as ControlPlaneError, s as ControlPlaneProvider, y as DataBrowser, E as Developer, te as Empty, L as ExecutionViewer, h as Failure, z as GlobalSearch, pe as HealthCenter, v as INTEGRITY_CHECK, P as Identity, p as InstanceOverview, d as Json, q as KeyManagementPanel, t as Loading, je as ManagedInstancePanel, Ae as ManagedInstanceUtil, R as ModuleExplorer, ee as Monitoring, g as OperationsConsole, ae as OperationsExplorer, oe as OverviewDashboard, N as Page, f as PartialNotice, r as Path, ce as PeerMap, U as ProposalBrowser, le as ProvenanceViewer, ue as ReferenceExplorer, x as Replication, m as ReplicationHealthUnavailable, b as SchemaExplorer, ge as ServiceApiError, D as Settings, I as SettingsPanel, n as Stat, fe as StateExplorer, O as StateWorkbench, l as StatusPill, $e as StudioApp, Se as StudioProposalApi, _e as StudioServiceApi, C as Tabs, e as Timestamp, w as TransactionObservabilityUnavailable, S as Unavailable, K as WorkflowVisualizer, Me as capitalize, Oe as controlPlaneErrorMessage, se as dataCollectionLocation, Ne as fetchDashboardStats, Pe as fetchDiagnostics, Fe as fetchPeers, Ie as fetchProvenance, Le as formatBytes, Re as formatReference, ze as formatRelativeTime, ke as formatStatePath, Be as formatTime, ve as isSecretField, j as operationsAvailability, Ce as proposalErrorMessage, we as proposalSections, k as replicationAvailability, ye as resolveStudioApplicationId, Xe as resolveStudioConnection, be as safeDisplayValue, Ve as searchReferences, xe as serviceApiErrorMessage, he as useCollection, c as useControlPlane, u as useControlPlaneResource, re as useDashboardStats, F as useFeltDB, me as usePeers, ie as useProvenance, ne as useRuntimeDiagnostics };