@feltdb/core 0.12.2 → 0.15.0

package/dist/studio/index.js

@@ -1,44 +1,202 @@
-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";
+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 ee, d as _, f as v, g as te, h as y, i as b, j as ne, k as x, l as S, m as re, n as C, o as w, p as T, r as E, s as D, t as ie, u as O, v as ae, w as oe, x as k, y as A, z as se } from "./control-plane-CaBA7Rgv.js";
+import { C as j, E as ce, S as le, T as ue, _ as M, a as de, b as N, c as fe, d as pe, f as P, g as F, h as I, i as me, l as L, m as R, n as he, o as ge, p as z, r as _e, s as ve, t as ye, u as B, v as V, w as be, x as xe, y as H } from "./components-CJmzntBi.js";
+import { ServiceApiError as Se, StudioServiceApi as Ce, isSecretField as we, resolveStudioApplicationId as Te, safeDisplayValue as Ee, serviceApiErrorMessage as De } from "./utils/service-api.js";
+import { StudioProposalApi as Oe, proposalErrorMessage as ke, proposalSections as Ae } from "./utils/proposal-api.js";
+import { t as U } from "./KeyManagementPanel-skUNnKRw.js";
+import { CapabilitySet as je, ControlPlaneApi as Me, ControlPlaneError as Ne, controlPlaneErrorMessage as Pe, formatStatePath as Fe } from "./utils/control-plane-api.js";
+import { ManagedInstanceUtil as Ie } from "./utils/managed-instance.js";
+import { ManagedInstancePanel as Le } from "./components/ManagedInstancePanel.js";
+import { capitalize as Re, fetchDashboardStats as ze, fetchDiagnostics as Be, fetchPeers as Ve, fetchProvenance as He, formatBytes as Ue, formatReference as We, formatRelativeTime as Ge, formatTime as Ke, searchReferences as qe } from "./utils/index.js";
+import Je, { useEffect as W, useRef as Ye, useState as G } from "react";
+import { BrowserRouter as Xe, Route as K, Routes as Ze, useLocation as q, useNavigate as Qe } from "react-router-dom";
+import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
+import { parseFlowSpec as $e } from "@feltdb/core";
 //#region vendor/stack-ui/core/src/dom.js
-function $(e, t) {
+function Z(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));
+		for (let r of e) t.appendChild(Z(r, n));
 		return t;
 	}
-	if (d(e)) {
+	if (se(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));
+		for (let r of e.c) t.appendChild(Z(r, n));
 		return t;
 	}
 	if (e && typeof e.nodeType == "number") return e;
 	throw TypeError("toDom: unsupported child");
 }
-function Ze(e, t) {
+function et(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)])));
+Object.freeze(Object.fromEntries(Object.entries(d).map(([e, t]) => [e, (e, n) => Z(t(e || {}), n)])));
+//#endregion
+//#region src/navigation.ts
+var Q = [
+	"Run",
+	"Build",
+	"Operate",
+	"Settings"
+], $ = [
+	{
+		path: "/overview",
+		label: "Overview",
+		group: "Run",
+		capabilities: ["overview.instance"]
+	},
+	{
+		path: "/data",
+		label: "Data",
+		group: "Run",
+		capabilities: ["data.records.browse"]
+	},
+	{
+		path: "/executions",
+		label: "Executions",
+		group: "Run"
+	},
+	{
+		path: "/activity",
+		label: "Activity",
+		group: "Run",
+		live: !0
+	},
+	{
+		path: "/",
+		label: "Application",
+		group: "Build"
+	},
+	{
+		path: "/contract",
+		label: "Schema",
+		group: "Build"
+	},
+	{
+		path: "/capabilities",
+		label: "Capabilities",
+		group: "Build"
+	},
+	{
+		path: "/policies",
+		label: "Policies",
+		group: "Build"
+	},
+	{
+		path: "/workflows",
+		label: "Workflows",
+		group: "Build"
+	},
+	{
+		path: "/agent-definitions",
+		label: "Agents",
+		group: "Build"
+	},
+	{
+		path: "/modules",
+		label: "Modules",
+		group: "Build"
+	},
+	{
+		path: "/proposals",
+		label: "Proposals",
+		group: "Build",
+		requiresApplication: !0
+	},
+	{
+		path: "/state",
+		label: "State",
+		group: "Operate",
+		capabilities: ["state.resources.list", "state.history"]
+	},
+	{
+		path: "/operations",
+		label: "Operations",
+		group: "Operate",
+		capabilities: [
+			"provenance.transactions",
+			"operations.recent",
+			"operations.events"
+		]
+	},
+	{
+		path: "/schema",
+		label: "Instance schema",
+		group: "Operate",
+		capabilities: ["data.schema.inspect"]
+	},
+	{
+		path: "/agents",
+		label: "Agent principals",
+		group: "Operate",
+		capabilities: ["agents.list"]
+	},
+	{
+		path: "/replication",
+		label: "Replication",
+		group: "Operate",
+		capabilities: ["replication.health"]
+	},
+	{
+		path: "/applications",
+		label: "Applications",
+		group: "Operate",
+		capabilities: ["applications.list"]
+	},
+	{
+		path: "/monitoring",
+		label: "Monitoring",
+		group: "Operate",
+		capabilities: ["monitoring.metrics", "monitoring.latency"]
+	},
+	{
+		path: "/connection",
+		label: "Connection",
+		group: "Settings"
+	},
+	{
+		path: "/settings",
+		label: "Instance",
+		group: "Settings"
+	},
+	{
+		path: "/api-keys",
+		label: "API keys",
+		group: "Settings"
+	},
+	{
+		path: "/developer",
+		label: "Developer access",
+		group: "Settings",
+		capabilities: ["developer.access"]
+	}
+];
+function tt(e) {
+	return $.filter((t) => !t.live || e.liveActivity).map((t) => t.requiresApplication && !e.applicationSelected ? {
+		destination: t,
+		available: !1,
+		reason: "Needs a deployed application"
+	} : t.capabilities && e.usable && !t.capabilities.some(e.usable) ? {
+		destination: t,
+		available: !1,
+		reason: "Not part of this instance"
+	} : {
+		destination: t,
+		available: !0,
+		reason: ""
+	}).sort((e, t) => Q.indexOf(e.destination.group) - Q.indexOf(t.destination.group));
+}
+function nt(e) {
+	return $.find((t) => t.path === e);
+}
 //#endregion
 //#region src/components/RouteErrorBoundary.tsx
-var Qe = class extends We.Component {
+var rt = class extends Je.Component {
 	constructor(...e) {
 		super(...e), this.state = {};
 	}
@@ -50,17 +208,17 @@ var Qe = class extends We.Component {
 	}
 	render() {
 		let { error: e } = this.state;
-		return e ? /* @__PURE__ */ Q("section", {
+		return e ? /* @__PURE__ */ X("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", {
+				/* @__PURE__ */ Y("h2", { children: "This screen could not be displayed" }),
+				/* @__PURE__ */ Y("p", { children: e.message || "An unexpected error occurred while rendering this screen." }),
+				/* @__PURE__ */ Y("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", {
+				/* @__PURE__ */ Y("button", {
 					className: "btn btn-ghost",
 					onClick: () => this.setState({ error: void 0 }),
 					children: "Try again"
@@ -69,16 +227,16 @@ var Qe = class extends We.Component {
 		}) : this.props.children;
 	}
 };
-function $e({ children: e }) {
-	let { pathname: t } = X();
-	return /* @__PURE__ */ Z(Qe, {
+function it({ children: e }) {
+	let { pathname: t } = q();
+	return /* @__PURE__ */ Y(rt, {
 		routeKey: t,
 		children: e
 	}, t);
 }
 //#endregion
 //#region src/app.tsx
-function et(e) {
+function at(e) {
 	return e.explicitAuthority ? {
 		source: "explicit-authority",
 		authorityUrl: e.explicitAuthority
@@ -93,108 +251,92 @@ function et(e) {
 		authorityUrl: ""
 	};
 }
-function tt({ registration: e }) {
-	return /* @__PURE__ */ Q("div", {
+function ot({ registration: e, session: t = "reachable", applicationUrl: n }) {
+	return e ? /* @__PURE__ */ X("div", {
+		className: "runtime-notice",
+		"data-connection": "connected",
+		children: ["Application connection: Connected ✓", e.namespace ? ` (namespace ${e.namespace})` : ""]
+	}) : t === "unreachable" ? /* @__PURE__ */ X("div", {
 		className: "runtime-notice",
-		children: ["Application connection: ", e ? `Connected ✓${e.namespace ? ` (namespace ${e.namespace})` : ""}` : "Not connected"]
+		"data-connection": "session-unreachable",
+		children: [
+			"Application connection: unknown — Studio cannot reach the ",
+			/* @__PURE__ */ Y("code", { children: "feltdb dev" }),
+			" session. Check that it is still running, then reload."
+		]
+	}) : /* @__PURE__ */ X("div", {
+		className: "runtime-notice",
+		"data-connection": "waiting",
+		children: [
+			"Application connection: waiting for the application.",
+			" ",
+			n ? /* @__PURE__ */ X(J, { children: [
+				"Open it at ",
+				/* @__PURE__ */ Y("a", {
+					href: n,
+					target: "_blank",
+					rel: "noreferrer",
+					children: n
+				}),
+				". "
+			] }) : "Open the application. ",
+			"If it is already open, its browser console names what keeps it from connecting."
+		]
 	});
 }
-var nt = [
-	{
-		path: "/overview",
-		label: "Overview"
-	},
-	{
-		path: "/data",
-		label: "Data"
-	},
-	{
-		path: "/schema",
-		label: "Schema"
-	},
-	{
-		path: "/agents",
-		label: "Agents"
-	},
-	{
-		path: "/state",
-		label: "State"
-	},
-	{
-		path: "/operations",
-		label: "Operations"
-	},
-	{
-		path: "/replication",
-		label: "Replication"
-	},
-	{
-		path: "/applications",
-		label: "Applications"
-	},
-	{
-		path: "/monitoring",
-		label: "Monitoring"
-	},
-	{
-		path: "/settings",
-		label: "Settings"
-	},
-	{
-		path: "/developer",
-		label: "Developer"
-	}
-];
-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(() => {
+function st({ db: e, remoteUrl: t = "", token: n = "", namespace: r = "default", deploymentRuntime: i = "browser", applicationUrl: a = "", applicationId: o = "", environment: s = "production", developmentSession: c, managedPublish: l, sourceSync: d, onConnect: f }) {
+	let [p, h] = G(null), g = j(e || null, r), [_, v] = G([]), [ne, x] = G("reachable"), [S, D] = G([]), [O, ae] = G(0), [oe, k] = G();
+	W(() => {
 		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));
+			t && h($e(n.source));
 		}).catch(async () => {
 			let n = e ? await e.collection("_flow_apps").all() : [];
 			t && n[0]?.spec && h(n[0].spec);
 		}), () => {
 			t = !1;
 		};
-	}, [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 && y(t.runtimes || []);
+	}, [e]), W(() => {
+		if (!c?.sessionId) return;
+		let e = !0, t = () => void fetch("/_feltdb/runtime", { cache: "no-store" }).then((e) => {
+			if (!e.ok) throw Error(`development session answered ${e.status}`);
+			return e.json();
+		}).then((t) => {
+			e && (x("reachable"), v(t.runtimes || []));
 		}).catch(() => {
-			e && y([]);
+			e && (x("unreachable"), v([]));
 		});
 		t();
 		let n = window.setInterval(t, 2e3);
 		return () => {
 			e = !1, window.clearInterval(n);
 		};
-	}, [l?.sessionId]), q(() => {
-		let e = v[0]?.runtimeInstanceId;
+	}, [c?.sessionId]), W(() => {
+		let e = _[0]?.runtimeInstanceId;
 		if (!e) {
-			w([]);
+			D([]);
 			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, te(e.dropped || 0), w((t) => [...t, ...e.observations || []].slice(-200)));
+			t && (n = e.nextCursor ?? n, ae(e.dropped || 0), D((t) => [...t, ...e.observations || []].slice(-200)));
 		}).catch(() => void 0);
 		r();
 		let i = window.setInterval(r, 1e3);
 		return () => {
 			t = !1, window.clearInterval(i);
 		};
-	}, [v[0]?.runtimeInstanceId]);
-	let N = (e, t) => {
-		M({
+	}, [_[0]?.runtimeInstanceId]);
+	let A = (e, t) => {
+		k({
 			collection: e,
 			id: t
 		});
 		let n = window.location.search;
 		window.history.pushState({}, "", `/data${n}`), window.dispatchEvent(new PopStateEvent("popstate"));
 	};
-	return /* @__PURE__ */ Z(c, {
+	return /* @__PURE__ */ Y(u, {
 		options: {
 			baseUrl: t,
 			token: n,
@@ -202,285 +344,280 @@ function rt({ db: e, remoteUrl: t = "", token: n = "", namespace: r = "default",
 			environment: s
 		},
 		runtime: i,
-		children: /* @__PURE__ */ Z(Ke, { children: /* @__PURE__ */ Z(at, {
+		children: /* @__PURE__ */ Y(Xe, { children: /* @__PURE__ */ Y(lt, {
 			namespace: g?.namespace,
-			liveActivity: !!l?.sessionId,
-			search: /* @__PURE__ */ Z(R, {
+			liveActivity: !!c?.sessionId,
+			applicationSelected: !!o,
+			search: /* @__PURE__ */ Y(F, {
 				db: e,
 				model: p
 			}),
-			children: /* @__PURE__ */ Q("div", {
+			children: /* @__PURE__ */ X("div", {
 				className: "studio-content",
-				children: [l?.sessionId && /* @__PURE__ */ Z(tt, { registration: v[0] }), /* @__PURE__ */ Z($e, { children: /* @__PURE__ */ Q(qe, { children: [
-					/* @__PURE__ */ Z(Y, {
+				children: [c?.sessionId && /* @__PURE__ */ Y(ot, {
+					registration: _[0],
+					session: ne,
+					applicationUrl: a
+				}), /* @__PURE__ */ Y(it, { children: /* @__PURE__ */ X(Ze, { children: [
+					/* @__PURE__ */ Y(K, {
 						path: "/overview",
-						element: /* @__PURE__ */ Z(m, {})
+						element: /* @__PURE__ */ Y(m, {})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/data",
-						element: /* @__PURE__ */ Z(b, {
-							focus: j,
-							onFocusHandled: () => M(void 0)
+						element: /* @__PURE__ */ Y(te, {
+							focus: oe,
+							onFocusHandled: () => k(void 0)
 						})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/schema",
-						element: /* @__PURE__ */ Z(x, {})
+						element: /* @__PURE__ */ Y(y, {})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/agents",
-						element: /* @__PURE__ */ Z(ee, { onOpenRecord: N })
+						element: /* @__PURE__ */ Y(re, { onOpenRecord: A })
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/state",
-						element: /* @__PURE__ */ Z(O, {})
+						element: /* @__PURE__ */ Y(T, {})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/operations",
-						element: /* @__PURE__ */ Z(_, { onOpenRecord: N })
+						element: /* @__PURE__ */ Y(ee, { onOpenRecord: A })
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/replication",
-						element: /* @__PURE__ */ Z(S, {})
+						element: /* @__PURE__ */ Y(b, {})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/applications",
-						element: /* @__PURE__ */ Z(A, {})
+						element: /* @__PURE__ */ Y(ie, {})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/monitoring",
-						element: /* @__PURE__ */ Z(k, {})
+						element: /* @__PURE__ */ Y(E, {})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/settings",
-						element: /* @__PURE__ */ Z(D, {})
+						element: /* @__PURE__ */ Y(w, {})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/developer",
-						element: /* @__PURE__ */ Z(E, {})
+						element: /* @__PURE__ */ Y(C, {})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/",
-						element: /* @__PURE__ */ Q(Ye, { children: [/* @__PURE__ */ Z(V, {
+						element: /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(R, {
 							configuration: d,
 							onApplied: () => window.location.reload()
-						}), /* @__PURE__ */ Z(z, {
+						}), /* @__PURE__ */ Y(I, {
 							db: e,
 							namespace: r,
 							projectSpec: p,
-							managedPublish: u,
+							managedPublish: l,
 							onSpecChange: h
 						})] })
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/capabilities",
-						element: /* @__PURE__ */ Z(B, {
+						element: /* @__PURE__ */ Y(L, {
 							db: e,
 							model: p
 						})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/contract",
-						element: /* @__PURE__ */ Z(U, {
+						element: /* @__PURE__ */ Y(B, {
 							model: p,
 							section: "schema"
 						})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/policies",
-						element: /* @__PURE__ */ Z(U, {
+						element: /* @__PURE__ */ Y(B, {
 							model: p,
 							section: "policies"
 						})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/workflows",
-						element: /* @__PURE__ */ Z(G, {
+						element: /* @__PURE__ */ Y(H, {
 							db: e,
 							model: p
 						})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/agent-definitions",
-						element: /* @__PURE__ */ Z(W, {
+						element: /* @__PURE__ */ Y(V, {
 							db: e,
 							model: p
 						})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/modules",
-						element: /* @__PURE__ */ Z(L, { model: p })
+						element: /* @__PURE__ */ Y(P, { model: p })
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/executions",
-						element: /* @__PURE__ */ Z(I, {
+						element: /* @__PURE__ */ Y(N, {
 							db: e,
 							model: p
 						})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/proposals",
-						element: o ? /* @__PURE__ */ Z(H, {
+						element: o ? /* @__PURE__ */ Y(z, {
 							serviceUrl: t,
 							token: n,
 							applicationId: o,
 							environment: s,
 							applicationName: p?.app,
 							sourceSync: d
-						}) : /* @__PURE__ */ Z("div", {
+						}) : /* @__PURE__ */ X("div", {
 							className: "model-empty",
-							children: "No active application is selected."
+							children: [/* @__PURE__ */ Y("h1", { children: "Proposals" }), /* @__PURE__ */ X("p", { children: [
+								"Proposals review changes to a deployed application before they are promoted. A development session applies changes to ",
+								/* @__PURE__ */ Y("code", { children: "feltdb.flow" }),
+								" directly, so there is nothing to review here; connect Studio to a deployed application to see its proposals."
+							] })]
 						})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/activity",
-						element: /* @__PURE__ */ Q("div", {
+						element: /* @__PURE__ */ X("div", {
 							className: "runtime-activity",
 							children: [
-								/* @__PURE__ */ Z("h1", { children: "Live Activity" }),
-								/* @__PURE__ */ Q("p", { children: [
-									C.some((e) => Date.now() - e.timestamp < 5e3) ? "Active" : "Idle",
+								/* @__PURE__ */ Y("h1", { children: "Live Activity" }),
+								/* @__PURE__ */ X("p", { children: [
+									S.some((e) => Date.now() - e.timestamp < 5e3) ? "Active" : "Idle",
 									" · FeltDB client instance ",
-									v[0]?.runtimeInstanceId || "not connected"
+									_[0]?.runtimeInstanceId || "not connected"
 								] }),
-								T > 0 && /* @__PURE__ */ Q("p", {
+								O > 0 && /* @__PURE__ */ X("p", {
 									className: "runtime-notice",
 									children: [
 										"Observation is incomplete: ",
-										T,
+										O,
 										" events dropped."
 									]
 								}),
-								/* @__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` })
+								/* @__PURE__ */ X("table", { children: [/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ X("tr", { children: [
+									/* @__PURE__ */ Y("th", { children: "Time" }),
+									/* @__PURE__ */ Y("th", { children: "Operation" }),
+									/* @__PURE__ */ Y("th", { children: "Collection" }),
+									/* @__PURE__ */ Y("th", { children: "Status" }),
+									/* @__PURE__ */ Y("th", { children: "Duration" })
+								] }) }), /* @__PURE__ */ Y("tbody", { children: [...S].reverse().map((e) => /* @__PURE__ */ X("tr", { children: [
+									/* @__PURE__ */ Y("td", { children: new Date(e.timestamp).toLocaleTimeString() }),
+									/* @__PURE__ */ Y("td", { children: e.operation?.type }),
+									/* @__PURE__ */ Y("td", { children: e.operation?.collection || "—" }),
+									/* @__PURE__ */ Y("td", { children: e.status }),
+									/* @__PURE__ */ Y("td", { children: e.durationMs === void 0 ? "—" : `${e.durationMs} ms` })
 								] }, e.cursor || e.eventId)) })] })
 							]
 						})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/connection",
-						element: /* @__PURE__ */ Z(F, {
+						element: /* @__PURE__ */ Y(M, {
 							db: e,
 							remoteUrl: t,
 							token: n,
 							applicationUrl: a,
 							feltDBRuntime: i,
-							authorityUrl: l?.authorityUrl || t,
+							authorityUrl: c?.authorityUrl || t,
 							onConnect: f
 						})
 					}),
-					/* @__PURE__ */ Z(Y, {
+					/* @__PURE__ */ Y(K, {
 						path: "/api-keys",
-						element: /* @__PURE__ */ Q("div", {
+						element: /* @__PURE__ */ X("div", {
 							style: { padding: "2rem" },
-							children: [/* @__PURE__ */ Z("h1", { children: "API Key Management" }), /* @__PURE__ */ Z(K, {
+							children: [/* @__PURE__ */ Y("h1", { children: "API keys" }), /* @__PURE__ */ Y(U, {
 								apiUrl: t,
 								token: n,
 								namespace: r,
-								onConfigure: () => window.location.assign("/connection")
+								onConfigure: () => window.location.assign(`/connection${window.location.search}`)
 							})]
 						})
+					}),
+					/* @__PURE__ */ Y(K, {
+						path: "*",
+						element: /* @__PURE__ */ Y(ct, {})
 					})
 				] }) })]
 			})
 		}) })
 	});
 }
-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;
+function ct() {
+	let e = q();
+	return /* @__PURE__ */ X("div", {
+		className: "model-empty",
+		"data-route": "not-found",
+		children: [
+			/* @__PURE__ */ Y("h1", { children: "No such page in Studio" }),
+			/* @__PURE__ */ X("p", { children: [
+				"Studio has no screen at ",
+				/* @__PURE__ */ Y("code", { children: e.pathname }),
+				"."
+			] }),
+			/* @__PURE__ */ Y("p", { children: /* @__PURE__ */ Y("a", {
+				href: `/overview${e.search}`,
+				children: "Go to the overview"
+			}) })
+		]
+	});
+}
+function lt({ namespace: e, liveActivity: t, applicationSelected: n, search: r, children: a }) {
+	let s = q(), { capabilities: c } = i(), l = Qe(), u = Ye(!0);
+	W(() => {
+		if (u.current) {
+			u.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, {
+		et("studio-main");
+	}, [s.pathname]);
+	let d = tt({
+		usable: c.loaded ? (e) => c.usable(e) : null,
+		liveActivity: t,
+		applicationSelected: n
+	}).map(({ destination: e, available: t, reason: n }, r) => ({
+		id: e.path,
+		label: t ? e.label : /* @__PURE__ */ X(J, { children: [e.label, /* @__PURE__ */ X("span", {
+			className: "nav-note",
+			children: [" · ", n.toLowerCase()]
+		})] }),
+		href: `${e.path}${s.search}`,
+		group: e.group,
+		order: r,
+		current: s.pathname === e.path,
+		...t ? {} : {
+			className: "nav-unavailable",
+			attrs: {
+				title: n,
+				"data-availability": "unavailable"
+			}
+		}
+	}));
+	return /* @__PURE__ */ Y(o, {
 		product: {
 			name: "FeltDB Studio",
-			homeHref: `/overview${i.search}`,
+			homeHref: `/overview${s.search}`,
 			mark: "F"
 		},
 		mainId: "studio-main",
-		context: e ? /* @__PURE__ */ Z("span", {
+		context: e ? /* @__PURE__ */ Y("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
+		search: r,
+		navigation: d,
+		onNavigate: (e) => l(e),
+		children: a
 	});
 }
 //#endregion
-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 };
+export { V as AgentExplorer, re as Agents, ot as ApplicationConnectionNotice, I as ApplicationDesigner, ie as Applications, R as AskFeltDB, ae as BrowserRuntimeNotice, L as CapabilityExplorer, je as CapabilitySet, A as Capable, _ as CommittedRevision, _e as ConflictExplorer, B as ContractInspector, Me as ControlPlaneApi, Ne as ControlPlaneError, u as ControlPlaneProvider, te as DataBrowser, C as Developer, g as Disconnected, k as Empty, N as ExecutionViewer, f as Failure, F as GlobalSearch, ye as HealthCenter, v as INTEGRITY_CHECK, t as Identity, m as InstanceOverview, oe as Json, U as KeyManagementPanel, p as Loading, Le as ManagedInstancePanel, Ie as ManagedInstanceUtil, P as ModuleExplorer, E as Monitoring, ee as OperationsConsole, de as OperationsExplorer, fe as OverviewDashboard, r as Page, n as PartialNotice, l as Path, me as PeerMap, z as ProposalBrowser, he as ProvenanceViewer, ge as ReferenceExplorer, b as Replication, h as ReplicationHealthUnavailable, Q as STUDIO_GROUPS, $ as STUDIO_NAVIGATION, y as SchemaExplorer, Se as ServiceApiError, w as Settings, M as SettingsPanel, x as Stat, ve as StateExplorer, T as StateWorkbench, e as StatusPill, st as StudioApp, Oe as StudioProposalApi, Ce as StudioServiceApi, ne as Tabs, s as Timestamp, S as TransactionObservabilityUnavailable, c as Unavailable, H as WorkflowVisualizer, Re as capitalize, Pe as controlPlaneErrorMessage, pe as dataCollectionLocation, ze as fetchDashboardStats, Be as fetchDiagnostics, Ve as fetchPeers, He as fetchProvenance, Ue as formatBytes, We as formatReference, Ge as formatRelativeTime, Fe as formatStatePath, Ke as formatTime, we as isSecretField, O as operationsAvailability, ke as proposalErrorMessage, Ae as proposalSections, D as replicationAvailability, Te as resolveStudioApplicationId, at as resolveStudioConnection, Ee as safeDisplayValue, qe as searchReferences, De as serviceApiErrorMessage, nt as studioDestination, tt as studioNavigation, xe as useCollection, i as useControlPlane, a as useControlPlaneResource, le as useDashboardStats, j as useFeltDB, be as usePeers, ue as useProvenance, ce as useRuntimeDiagnostics };