@feltdb/core 0.8.8 → 0.9.0

package/dist/studio/index.js

@@ -1,390 +1,393 @@
-import { C as e, S as t, T as n, _ as r, a as i, b as a, 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 g, r as _, s as v, t as y, u as b, v as x, w as S, x as ee, y as C } from "./components-Duq2xQWt.js";
-import { ServiceApiError as w, StudioServiceApi as T, isSecretField as E, safeDisplayValue as te, serviceApiErrorMessage as D } from "./utils/service-api.js";
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as ee, d as o, f as s, g as c, h as l, i as te, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, w as b, x, y as S } from "./components-CehkcX_k.js";
+import { ServiceApiError as C, StudioServiceApi as w, isSecretField as T, safeDisplayValue as E, serviceApiErrorMessage as D } from "./utils/service-api.js";
 import { StudioProposalApi as O, proposalErrorMessage as k, proposalSections as A } from "./utils/proposal-api.js";
 import { t as j } from "./KeyManagementPanel-DZuSeWBK.js";
-import { ManagedInstanceUtil as M } from "./utils/managed-instance.js";
-import { ManagedInstancePanel as N } from "./components/ManagedInstancePanel.js";
-import { capitalize as P, fetchDashboardStats as F, fetchDiagnostics as I, fetchPeers as L, fetchProvenance as R, formatBytes as z, formatReference as B, formatRelativeTime as ne, formatTime as V, searchReferences as H } from "./utils/index.js";
-import { useEffect as U, useState as W } from "react";
-import { BrowserRouter as re, Link as G, Route as K, Routes as ie } from "react-router-dom";
-import { Fragment as ae, jsx as q, jsxs as J } from "react/jsx-runtime";
-import { parseFlowSpec as oe } from "@feltdb/core";
+import { CapabilitySet as M, ControlPlaneApi as N, ControlPlaneError as P, controlPlaneErrorMessage as F, formatStatePath as ne } from "./utils/control-plane-api.js";
+import { C as re, D as ie, E as I, O as ae, S as oe, T as se, _ as ce, a as L, b as le, c as R, d as z, f as ue, g as de, h as fe, i as B, l as V, m as pe, n as H, o as U, p as me, r as W, s as G, t as K, u as q, v as he, w as ge, x as _e, y as ve } from "./control-plane-D6TT2fCQ.js";
+import { ManagedInstanceUtil as ye } from "./utils/managed-instance.js";
+import { ManagedInstancePanel as be } from "./components/ManagedInstancePanel.js";
+import { capitalize as xe, fetchDashboardStats as Se, fetchDiagnostics as Ce, fetchPeers as we, fetchProvenance as Te, formatBytes as Ee, formatReference as De, formatRelativeTime as Oe, formatTime as ke, searchReferences as Ae } from "./utils/index.js";
+import { useEffect as J, useState as Y } from "react";
+import { BrowserRouter as je, Link as X, Route as Z, Routes as Me } from "react-router-dom";
+import { Fragment as Ne, jsx as Q, jsxs as $ } from "react/jsx-runtime";
+import { parseFlowSpec as Pe } from "@feltdb/core";
 //#region src/app.tsx
-function Y({ db: p, remoteUrl: x = "", token: w = "", namespace: T = "default", deploymentRuntime: E = "browser", applicationUrl: te = "", applicationId: D = "", environment: O = "production", developmentSession: k, managedPublish: A, sourceSync: M, onConnect: N }) {
-	let [P, F] = W(null), I = l(p || null, T), L = u(p || null, P, T), { diagnostics: R } = C(p || null), z = r(p || null), [B, ne] = W(), V = E !== "browser" || !!x, [H, Y] = W([]), [X, Z] = W([]), [Q, se] = W(0), $ = (e) => ({
+var Fe = [
+	{
+		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 Ie({ db: e, remoteUrl: n = "", token: i = "", namespace: a = "default", deploymentRuntime: ee = "browser", applicationUrl: te = "", applicationId: f = "", environment: p = "production", developmentSession: h, managedPublish: g, sourceSync: _, onConnect: b }) {
+	let [x, C] = Y(null), w = t(e || null, a), [T, E] = Y([]), [D, O] = Y([]), [k, A] = Y(0), [M, N] = Y(), P = (e) => ({
 		pathname: e,
 		search: window.location.search
 	});
-	return U(() => {
-		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 && F(oe(n.source));
+	J(() => {
+		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 && C(Pe(n.source));
 		}).catch(async () => {
-			let t = p ? await p.collection("_flow_apps").all() : [];
-			e && t[0]?.spec && F(t[0].spec);
+			let n = e ? await e.collection("_flow_apps").all() : [];
+			t && n[0]?.spec && C(n[0].spec);
 		}), () => {
-			e = !1;
+			t = !1;
 		};
-	}, [p]), U(() => {
-		if (!k?.sessionId) return;
+	}, [e]), J(() => {
+		if (!h?.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 && E(t.runtimes || []);
 		}).catch(() => {
-			e && Y([]);
+			e && E([]);
 		});
 		t();
 		let n = window.setInterval(t, 2e3);
 		return () => {
 			e = !1, window.clearInterval(n);
 		};
-	}, [k?.sessionId]), U(() => {
-		let e = H[0]?.runtimeInstanceId;
+	}, [h?.sessionId]), J(() => {
+		let e = T[0]?.runtimeInstanceId;
 		if (!e) {
-			Z([]);
+			O([]);
 			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, se(e.dropped || 0), Z((t) => [...t, ...e.observations || []].slice(-200)));
+			t && (n = e.nextCursor ?? n, A(e.dropped || 0), O((t) => [...t, ...e.observations || []].slice(-200)));
 		}).catch(() => void 0);
 		r();
 		let i = window.setInterval(r, 1e3);
 		return () => {
 			t = !1, window.clearInterval(i);
 		};
-	}, [H[0]?.runtimeInstanceId]), /* @__PURE__ */ q(re, { children: /* @__PURE__ */ J("div", {
-		className: "studio-app",
-		children: [/* @__PURE__ */ J("nav", {
-			className: "studio-nav",
-			children: [
-				/* @__PURE__ */ J("div", {
-					className: "nav-header",
-					children: [/* @__PURE__ */ q("h1", { children: "FeltDB Studio" }), I && /* @__PURE__ */ q("div", {
-						className: "instance-info",
-						children: I.namespace
-					})]
-				}),
-				/* @__PURE__ */ q("div", {
-					className: "nav-search",
-					children: /* @__PURE__ */ q(h, {
-						db: p,
-						model: P
+	}, [T[0]?.runtimeInstanceId]);
+	let F = (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, {
+		options: {
+			baseUrl: n,
+			token: i,
+			applicationId: f,
+			environment: p
+		},
+		children: /* @__PURE__ */ Q(je, { 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: e,
+							model: x
+						})
+					}),
+					/* @__PURE__ */ $("ul", {
+						className: "nav-menu",
+						children: [
+							/* @__PURE__ */ Q("li", {
+								className: "nav-section",
+								children: "Operate"
+							}),
+							Fe.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__ */ J("ul", {
-					className: "nav-menu",
-					children: [
-						/* @__PURE__ */ q("li", {
-							className: "nav-section",
-							children: "Design"
-						}),
-						/* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/"),
-							children: "Application"
-						}) }),
-						/* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/capabilities"),
-							children: "Capabilities"
-						}) }),
-						/* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/schema"),
-							children: "Schema"
-						}) }),
-						/* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/policies"),
-							children: "Policies"
-						}) }),
-						/* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/workflows"),
-							children: "Workflows"
-						}) }),
-						/* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/agents"),
-							children: "Agents"
-						}) }),
-						/* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/modules"),
-							children: "Modules"
-						}) }),
-						/* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/proposals"),
-							children: "Proposals"
-						}) }),
-						/* @__PURE__ */ q("li", {
-							className: "nav-section",
-							children: "Observe"
-						}),
-						k?.sessionId && /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/activity"),
-							children: "Live Activity"
-						}) }),
-						V && /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/overview"),
-							children: "Overview"
-						}) }),
-						/* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/data"),
-							children: "Data"
-						}) }),
-						V && /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/references"),
-							children: "References"
-						}) }),
-						V && /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/operations"),
-							children: "Operations"
-						}) }),
-						V && /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/executions"),
-							children: "Executions"
-						}) }),
-						V && /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/peers"),
-							children: "Peers"
-						}) }),
-						V && /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/provenance"),
-							children: "Provenance"
-						}) }),
-						V && /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/conflicts"),
-							children: "Conflicts"
-						}) }),
-						V && /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/health"),
-							children: "Health"
-						}) }),
-						/* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/settings"),
-							children: "Settings"
-						}) }),
-						V && /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(G, {
-							to: $("/api-keys"),
-							children: "API Keys"
-						}) })
-					]
-				})
-			]
-		}), /* @__PURE__ */ J("main", {
-			className: "studio-content",
-			children: [
-				k?.sessionId && /* @__PURE__ */ J("div", {
-					className: "runtime-notice",
-					children: ["Application runtime: ", H.length ? `Connected ✓ (${H[0].runtime}, ${H[0].namespace})` : "Not connected"]
-				}),
-				!V && /* @__PURE__ */ q("div", {
+				]
+			}), /* @__PURE__ */ $("main", {
+				className: "studio-content",
+				children: [h?.sessionId && /* @__PURE__ */ $("div", {
 					className: "runtime-notice",
-					children: "Browser data is read live from the generated application origin through the local Studio bridge."
-				}),
-				/* @__PURE__ */ J(ie, { children: [
-					/* @__PURE__ */ q(K, {
-						path: "/",
-						element: /* @__PURE__ */ J(ae, { children: [/* @__PURE__ */ q(d, {
-							configuration: M,
-							onApplied: () => window.location.reload()
-						}), /* @__PURE__ */ q(i, {
-							db: p,
-							namespace: T,
-							projectSpec: P,
-							managedPublish: A,
-							onSpecChange: F
-						})] })
-					}),
-					/* @__PURE__ */ q(K, {
+					children: ["Application runtime: ", T.length ? `Connected ✓ (${T[0].runtime}, ${T[0].namespace})` : "Not connected"]
+				}), /* @__PURE__ */ $(Me, { children: [
+					/* @__PURE__ */ Q(Z, {
 						path: "/overview",
-						element: /* @__PURE__ */ q(n, { stats: L })
+						element: /* @__PURE__ */ Q(z, {})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/activity",
-						element: /* @__PURE__ */ J("div", {
-							className: "runtime-activity",
-							children: [
-								/* @__PURE__ */ q("h1", { children: "Live Activity" }),
-								/* @__PURE__ */ J("p", { children: [
-									X.some((e) => Date.now() - e.timestamp < 5e3) ? "Active" : "Idle",
-									" · Runtime ",
-									H[0]?.runtimeInstanceId || "not connected"
-								] }),
-								Q > 0 && /* @__PURE__ */ J("p", {
-									className: "runtime-notice",
-									children: [
-										"Observation is incomplete: ",
-										Q,
-										" events dropped."
-									]
-								}),
-								/* @__PURE__ */ J("table", { children: [/* @__PURE__ */ q("thead", { children: /* @__PURE__ */ J("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: [...X].reverse().map((e) => /* @__PURE__ */ J("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` })
-								] }, e.cursor || e.eventId)) })] })
-							]
-						})
-					}),
-					/* @__PURE__ */ q(K, {
+					/* @__PURE__ */ Q(Z, {
 						path: "/data",
-						element: D ? /* @__PURE__ */ q(S, {
-							serviceUrl: x,
-							token: w,
-							applicationId: D,
-							environment: O
-						}) : /* @__PURE__ */ q("div", {
-							className: "model-empty",
-							children: "No active application is selected. Open Studio from a FeltDB application environment."
+						element: /* @__PURE__ */ Q(q, {
+							focus: M,
+							onFocusHandled: () => N(void 0)
 						})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/state",
-						element: D ? /* @__PURE__ */ q(S, {
-							serviceUrl: x,
-							token: w,
-							applicationId: D,
-							environment: O
-						}) : /* @__PURE__ */ q("div", {
-							className: "model-empty",
-							children: "No active application is selected. Open Studio from a FeltDB application environment."
-						})
+					/* @__PURE__ */ Q(Z, {
+						path: "/schema",
+						element: /* @__PURE__ */ Q(V, {})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/references",
-						element: /* @__PURE__ */ q(e, {
-							db: p,
-							model: P,
-							namespace: T
-						})
+					/* @__PURE__ */ Q(Z, {
+						path: "/agents",
+						element: /* @__PURE__ */ Q(R, { onOpenRecord: F })
 					}),
-					/* @__PURE__ */ q(K, {
+					/* @__PURE__ */ Q(Z, {
+						path: "/state",
+						element: /* @__PURE__ */ Q(G, {})
+					}),
+					/* @__PURE__ */ Q(Z, {
 						path: "/operations",
-						element: /* @__PURE__ */ q(t, {
-							db: p,
-							model: P,
-							namespace: T
-						})
+						element: /* @__PURE__ */ Q(U, { onOpenRecord: F })
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/peers",
-						element: /* @__PURE__ */ q(ee, {
-							peers: z,
-							localInstance: I?.instanceId
-						})
+					/* @__PURE__ */ Q(Z, {
+						path: "/replication",
+						element: /* @__PURE__ */ Q(B, {})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/capabilities",
-						element: /* @__PURE__ */ q(a, {
-							db: p,
-							model: P
-						})
+					/* @__PURE__ */ Q(Z, {
+						path: "/applications",
+						element: /* @__PURE__ */ Q(K, {})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/executions",
-						element: /* @__PURE__ */ q(g, {
-							db: p,
-							model: P
-						})
+					/* @__PURE__ */ Q(Z, {
+						path: "/monitoring",
+						element: /* @__PURE__ */ Q(W, {})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/workflows",
-						element: /* @__PURE__ */ q(s, {
-							db: p,
-							model: P
-						})
+					/* @__PURE__ */ Q(Z, {
+						path: "/settings",
+						element: /* @__PURE__ */ Q(L, {})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/agents",
-						element: /* @__PURE__ */ q(b, {
-							db: p,
-							model: P
-						})
+					/* @__PURE__ */ Q(Z, {
+						path: "/developer",
+						element: /* @__PURE__ */ Q(H, {})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/proposals",
-						element: D ? /* @__PURE__ */ q(_, {
-							serviceUrl: x,
-							token: w,
-							applicationId: D,
-							environment: O,
-							applicationName: P?.app,
-							sourceSync: M
-						}) : /* @__PURE__ */ q("div", {
-							className: "model-empty",
-							children: "No active application is selected."
-						})
+					/* @__PURE__ */ Q(Z, {
+						path: "/",
+						element: /* @__PURE__ */ $(Ne, { children: [/* @__PURE__ */ Q(m, {
+							configuration: _,
+							onApplied: () => window.location.reload()
+						}), /* @__PURE__ */ Q(d, {
+							db: e,
+							namespace: a,
+							projectSpec: x,
+							managedPublish: g,
+							onSpecChange: C
+						})] })
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/modules",
-						element: /* @__PURE__ */ q(m, { model: P })
+					/* @__PURE__ */ Q(Z, {
+						path: "/capabilities",
+						element: /* @__PURE__ */ Q(u, {
+							db: e,
+							model: x
+						})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/schema",
-						element: /* @__PURE__ */ q(y, {
-							model: P,
+					/* @__PURE__ */ Q(Z, {
+						path: "/contract",
+						element: /* @__PURE__ */ Q(v, {
+							model: x,
 							section: "schema"
 						})
 					}),
-					/* @__PURE__ */ q(K, {
+					/* @__PURE__ */ Q(Z, {
 						path: "/policies",
-						element: /* @__PURE__ */ q(y, {
-							model: P,
+						element: /* @__PURE__ */ Q(v, {
+							model: x,
 							section: "policies"
 						})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/provenance",
-						element: /* @__PURE__ */ q(f, {
-							db: p,
-							model: P,
-							namespace: T,
-							reference: B
+					/* @__PURE__ */ Q(Z, {
+						path: "/workflows",
+						element: /* @__PURE__ */ Q(y, {
+							db: e,
+							model: x
 						})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/conflicts",
-						element: /* @__PURE__ */ q(c, {
-							db: p,
-							diagnostics: R
+					/* @__PURE__ */ Q(Z, {
+						path: "/agent-definitions",
+						element: /* @__PURE__ */ Q(r, {
+							db: e,
+							model: x
 						})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/health",
-						element: /* @__PURE__ */ q(o, {
-							diagnostics: R,
-							model: P
+					/* @__PURE__ */ Q(Z, {
+						path: "/modules",
+						element: /* @__PURE__ */ Q(o, { model: x })
+					}),
+					/* @__PURE__ */ Q(Z, {
+						path: "/executions",
+						element: /* @__PURE__ */ Q(S, {
+							db: e,
+							model: x
 						})
 					}),
-					/* @__PURE__ */ q(K, {
-						path: "/settings",
-						element: /* @__PURE__ */ q(v, {
-							db: p,
-							remoteUrl: x,
-							token: w,
-							onConnect: N
+					/* @__PURE__ */ Q(Z, {
+						path: "/proposals",
+						element: f ? /* @__PURE__ */ Q(s, {
+							serviceUrl: n,
+							token: i,
+							applicationId: f,
+							environment: p,
+							applicationName: x?.app,
+							sourceSync: _
+						}) : /* @__PURE__ */ Q("div", {
+							className: "model-empty",
+							children: "No active application is selected."
+						})
+					}),
+					/* @__PURE__ */ Q(Z, {
+						path: "/activity",
+						element: /* @__PURE__ */ $("div", {
+							className: "runtime-activity",
+							children: [
+								/* @__PURE__ */ Q("h1", { children: "Live Activity" }),
+								/* @__PURE__ */ $("p", { children: [
+									D.some((e) => Date.now() - e.timestamp < 5e3) ? "Active" : "Idle",
+									" · Runtime ",
+									T[0]?.runtimeInstanceId || "not connected"
+								] }),
+								k > 0 && /* @__PURE__ */ $("p", {
+									className: "runtime-notice",
+									children: [
+										"Observation is incomplete: ",
+										k,
+										" 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` })
+								] }, e.cursor || e.eventId)) })] })
+							]
 						})
 					}),
-					/* @__PURE__ */ q(K, {
+					/* @__PURE__ */ Q(Z, {
+						path: "/connection",
+						element: /* @__PURE__ */ Q(c, {
+							db: e,
+							remoteUrl: n,
+							token: i,
+							onConnect: b
+						})
+					}),
+					/* @__PURE__ */ Q(Z, {
 						path: "/api-keys",
-						element: /* @__PURE__ */ J("div", {
+						element: /* @__PURE__ */ $("div", {
 							style: { padding: "2rem" },
-							children: [/* @__PURE__ */ q("h1", { children: "API Key Management" }), /* @__PURE__ */ q(j, {
-								apiUrl: x,
-								token: w,
-								namespace: T,
-								onConfigure: () => window.location.assign("/settings")
+							children: [/* @__PURE__ */ Q("h1", { children: "API Key Management" }), /* @__PURE__ */ Q(j, {
+								apiUrl: n,
+								token: i,
+								namespace: a,
+								onConfigure: () => window.location.assign("/connection")
 							})]
 						})
 					})
-				] })
-			]
-		})]
-	}) });
+				] })]
+			})]
+		}) })
+	});
 }
 //#endregion
-export { b as AgentExplorer, i as ApplicationDesigner, d as AskFeltDB, a as CapabilityExplorer, c as ConflictExplorer, y as ContractInspector, g as ExecutionViewer, h as GlobalSearch, o as HealthCenter, j as KeyManagementPanel, N as ManagedInstancePanel, M as ManagedInstanceUtil, m as ModuleExplorer, t as OperationsExplorer, n as OverviewDashboard, ee as PeerMap, _ as ProposalBrowser, f as ProvenanceViewer, e as ReferenceExplorer, w as ServiceApiError, v as SettingsPanel, S as StateExplorer, Y as StudioApp, O as StudioProposalApi, T as StudioServiceApi, s as WorkflowVisualizer, P as capitalize, F as fetchDashboardStats, I as fetchDiagnostics, L as fetchPeers, R as fetchProvenance, z as formatBytes, B as formatReference, ne as formatRelativeTime, V as formatTime, E as isSecretField, k as proposalErrorMessage, A as proposalSections, te as safeDisplayValue, H as searchReferences, D as serviceApiErrorMessage, p as useCollection, u as useDashboardStats, l as useFeltDB, r as usePeers, x as useProvenance, C as useRuntimeDiagnostics };
+export { r as AgentExplorer, R as Agents, d as ApplicationDesigner, K as Applications, m as AskFeltDB, u as CapabilityExplorer, M as CapabilitySet, ue as Capable, h as ConflictExplorer, v as ContractInspector, N as ControlPlaneApi, P as ControlPlaneError, I as ControlPlaneProvider, q as DataBrowser, H as Developer, me as Empty, S as ExecutionViewer, pe as Failure, l as GlobalSearch, _ as HealthCenter, fe as Identity, z as InstanceOverview, de as Json, j as KeyManagementPanel, ce as Loading, be as ManagedInstancePanel, ye as ManagedInstanceUtil, o as ModuleExplorer, W as Monitoring, U as OperationsConsole, i as OperationsExplorer, ee as OverviewDashboard, he as Page, ve as PartialNotice, le as Path, te as PeerMap, s as ProposalBrowser, f as ProvenanceViewer, p as ReferenceExplorer, B as Replication, V as SchemaExplorer, C as ServiceApiError, L as Settings, c as SettingsPanel, _e as Stat, g as StateExplorer, G as StateWorkbench, oe as StatusPill, Ie as StudioApp, O as StudioProposalApi, w as StudioServiceApi, re as Tabs, ge as Timestamp, se as Unavailable, y as WorkflowVisualizer, xe as capitalize, F as controlPlaneErrorMessage, Se as fetchDashboardStats, Ce as fetchDiagnostics, we as fetchPeers, Te as fetchProvenance, Ee as formatBytes, De as formatReference, Oe as formatRelativeTime, ne as formatStatePath, ke as formatTime, T as isSecretField, k as proposalErrorMessage, A as proposalSections, E as safeDisplayValue, Ae as searchReferences, D as serviceApiErrorMessage, a as useCollection, ie as useControlPlane, ae as useControlPlaneResource, x as useDashboardStats, t as useFeltDB, e as usePeers, b as useProvenance, n as useRuntimeDiagnostics };