@feltdb/core 0.12.1 → 0.13.0

package/dist/studio/index.js

@@ -1,445 +1,623 @@
-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";
+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-BSGmHfif.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 (o(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 Ye(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(a).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/app.tsx
-function Xe(e) {
-	return e.explicitAuthority ? {
-		source: "explicit-authority",
-		authorityUrl: e.explicitAuthority
-	} : e.configuredAuthority ? {
-		source: "configured-authority",
-		authorityUrl: e.configuredAuthority
-	} : e.injected ? {
-		source: "injected",
-		authorityUrl: ""
-	} : {
-		source: "browser",
-		authorityUrl: ""
-	};
-}
-function Ze({ registration: e }) {
-	return /* @__PURE__ */ Q("div", {
-		className: "runtime-notice",
-		children: ["Application connection: ", e ? `Connected ✓${e.namespace ? ` (namespace ${e.namespace})` : ""}` : "Not connected"]
-	});
-}
-var Qe = [
+//#region src/navigation.ts
+var Q = [
+	"Run",
+	"Build",
+	"Operate",
+	"Settings"
+], $ = [
 	{
 		path: "/overview",
-		label: "Overview"
+		label: "Overview",
+		group: "Run",
+		capabilities: ["overview.instance"]
 	},
 	{
 		path: "/data",
-		label: "Data"
+		label: "Data",
+		group: "Run",
+		capabilities: ["data.records.browse"]
 	},
 	{
-		path: "/schema",
-		label: "Schema"
+		path: "/executions",
+		label: "Executions",
+		group: "Run"
 	},
 	{
-		path: "/agents",
-		label: "Agents"
+		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"
+		label: "State",
+		group: "Operate",
+		capabilities: ["state.resources.list", "state.history"]
 	},
 	{
 		path: "/operations",
-		label: "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"
+		label: "Replication",
+		group: "Operate",
+		capabilities: ["replication.health"]
 	},
 	{
 		path: "/applications",
-		label: "Applications"
+		label: "Applications",
+		group: "Operate",
+		capabilities: ["applications.list"]
 	},
 	{
 		path: "/monitoring",
-		label: "Monitoring"
+		label: "Monitoring",
+		group: "Operate",
+		capabilities: ["monitoring.metrics", "monitoring.latency"]
+	},
+	{
+		path: "/connection",
+		label: "Connection",
+		group: "Settings"
 	},
 	{
 		path: "/settings",
-		label: "Settings"
+		label: "Instance",
+		group: "Settings"
+	},
+	{
+		path: "/api-keys",
+		label: "API keys",
+		group: "Settings"
 	},
 	{
 		path: "/developer",
-		label: "Developer"
+		label: "Developer access",
+		group: "Settings",
+		capabilities: ["developer.access"]
 	}
 ];
-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(() => {
+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 rt = class extends Je.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__ */ X("section", {
+			role: "alert",
+			className: "cp-notice",
+			children: [
+				/* @__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__ */ Y("button", {
+					className: "btn btn-ghost",
+					onClick: () => this.setState({ error: void 0 }),
+					children: "Try again"
+				})
+			]
+		}) : this.props.children;
+	}
+};
+function it({ children: e }) {
+	let { pathname: t } = q();
+	return /* @__PURE__ */ Y(rt, {
+		routeKey: t,
+		children: e
+	}, t);
+}
+//#endregion
+//#region src/app.tsx
+function at(e) {
+	return e.explicitAuthority ? {
+		source: "explicit-authority",
+		authorityUrl: e.explicitAuthority
+	} : e.configuredAuthority ? {
+		source: "configured-authority",
+		authorityUrl: e.configuredAuthority
+	} : e.injected ? {
+		source: "injected",
+		authorityUrl: ""
+	} : {
+		source: "browser",
+		authorityUrl: ""
+	};
+}
+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",
+		"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."
+		]
+	});
+}
+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(Je(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]), 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 && S(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 && S([]);
+			e && (x("unreachable"), v([]));
 		});
 		t();
 		let n = window.setInterval(t, 2e3);
 		return () => {
 			e = !1, window.clearInterval(n);
 		};
-	}, [l?.sessionId]), J(() => {
-		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, j(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 P = (e, t) => {
-		N({
+	}, [_[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(s, {
+	return /* @__PURE__ */ Y(u, {
 		options: {
 			baseUrl: t,
 			token: n,
 			applicationId: o,
-			environment: c
+			environment: s
 		},
-		children: /* @__PURE__ */ Z(Ue, { children: /* @__PURE__ */ Z(tt, {
-			namespace: _?.namespace,
-			liveActivity: !!l?.sessionId,
-			search: /* @__PURE__ */ Z(z, {
+		runtime: i,
+		children: /* @__PURE__ */ Y(Xe, { children: /* @__PURE__ */ Y(lt, {
+			namespace: g?.namespace,
+			liveActivity: !!c?.sessionId,
+			applicationSelected: !!o,
+			search: /* @__PURE__ */ Y(F, {
 				db: e,
-				model: m
+				model: p
 			}),
-			children: /* @__PURE__ */ Q("div", {
+			children: /* @__PURE__ */ X("div", {
 				className: "studio-content",
-				children: [l?.sessionId && /* @__PURE__ */ Z(Ze, { registration: v[0] }), /* @__PURE__ */ Q(We, { children: [
-					/* @__PURE__ */ Z(X, {
+				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(p, {})
+						element: /* @__PURE__ */ Y(m, {})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/data",
-						element: /* @__PURE__ */ Z(y, {
-							focus: M,
-							onFocusHandled: () => N(void 0)
+						element: /* @__PURE__ */ Y(te, {
+							focus: oe,
+							onFocusHandled: () => k(void 0)
 						})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/schema",
-						element: /* @__PURE__ */ Z(b, {})
+						element: /* @__PURE__ */ Y(y, {})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/agents",
-						element: /* @__PURE__ */ Z(T, { onOpenRecord: P })
+						element: /* @__PURE__ */ Y(re, { onOpenRecord: A })
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/state",
-						element: /* @__PURE__ */ Z(O, {})
+						element: /* @__PURE__ */ Y(T, {})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/operations",
-						element: /* @__PURE__ */ Z(g, { onOpenRecord: P })
+						element: /* @__PURE__ */ Y(ee, { onOpenRecord: A })
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/replication",
-						element: /* @__PURE__ */ Z(x, {})
+						element: /* @__PURE__ */ Y(b, {})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/applications",
-						element: /* @__PURE__ */ Z(A, {})
+						element: /* @__PURE__ */ Y(ie, {})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/monitoring",
-						element: /* @__PURE__ */ Z(ee, {})
+						element: /* @__PURE__ */ Y(E, {})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/settings",
-						element: /* @__PURE__ */ Z(D, {})
+						element: /* @__PURE__ */ Y(w, {})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/developer",
-						element: /* @__PURE__ */ Z(E, {})
+						element: /* @__PURE__ */ Y(C, {})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/",
-						element: /* @__PURE__ */ Q(qe, { children: [/* @__PURE__ */ Z(H, {
+						element: /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(R, {
 							configuration: d,
 							onApplied: () => window.location.reload()
-						}), /* @__PURE__ */ Z(B, {
+						}), /* @__PURE__ */ Y(I, {
 							db: e,
 							namespace: r,
-							projectSpec: m,
-							managedPublish: u,
+							projectSpec: p,
+							managedPublish: l,
 							onSpecChange: h
 						})] })
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/capabilities",
-						element: /* @__PURE__ */ Z(V, {
+						element: /* @__PURE__ */ Y(L, {
 							db: e,
-							model: m
+							model: p
 						})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/contract",
-						element: /* @__PURE__ */ Z(W, {
-							model: m,
+						element: /* @__PURE__ */ Y(B, {
+							model: p,
 							section: "schema"
 						})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/policies",
-						element: /* @__PURE__ */ Z(W, {
-							model: m,
+						element: /* @__PURE__ */ Y(B, {
+							model: p,
 							section: "policies"
 						})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/workflows",
-						element: /* @__PURE__ */ Z(K, {
+						element: /* @__PURE__ */ Y(H, {
 							db: e,
-							model: m
+							model: p
 						})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/agent-definitions",
-						element: /* @__PURE__ */ Z(G, {
+						element: /* @__PURE__ */ Y(V, {
 							db: e,
-							model: m
+							model: p
 						})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/modules",
-						element: /* @__PURE__ */ Z(R, { model: m })
+						element: /* @__PURE__ */ Y(P, { model: p })
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/executions",
-						element: /* @__PURE__ */ Z(L, {
+						element: /* @__PURE__ */ Y(N, {
 							db: e,
-							model: m
+							model: p
 						})
 					}),
-					/* @__PURE__ */ Z(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/proposals",
-						element: o ? /* @__PURE__ */ Z(U, {
+						element: o ? /* @__PURE__ */ Y(z, {
 							serviceUrl: t,
 							token: n,
 							applicationId: o,
-							environment: c,
-							applicationName: m?.app,
+							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(X, {
+					/* @__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"
 								] }),
-								k > 0 && /* @__PURE__ */ Q("p", {
+								O > 0 && /* @__PURE__ */ X("p", {
 									className: "runtime-notice",
 									children: [
 										"Observation is incomplete: ",
-										k,
+										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(X, {
+					/* @__PURE__ */ Y(K, {
 						path: "/connection",
-						element: /* @__PURE__ */ Z(I, {
+						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(X, {
+					/* @__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(q, {
+							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 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;
+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;
 		}
-		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, {
+		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${a.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: [...Qe.map(c("Operate")), ...et.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 { 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 };
+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 };