@feltdb/core 0.6.10 → 0.6.12

package/dist/studio/index.js

@@ -1,4 +1,4 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./components-9kDSWiGL.js";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./components-C5p2TfIU.js";
 import { t as x } from "./KeyManagementPanel-DZuSeWBK.js";
 import { ManagedInstanceUtil as S } from "./utils/managed-instance.js";
 import { ManagedInstancePanel as C } from "./components/ManagedInstancePanel.js";
@@ -8,8 +8,8 @@ import { BrowserRouter as I, Link as L, Route as R, Routes as z } from "react-ro
 import { jsx as B, jsxs as V } from "react/jsx-runtime";
 import { parseFlowSpec as H } from "@feltdb/core";
 //#region src/app.tsx
-function U({ db: s, remoteUrl: b = "", token: S = "", namespace: C = "default", deploymentRuntime: w = "browser", applicationUrl: T = "", onConnect: E }) {
-	let [D, O] = F(null), k = e(s || null, C), A = o(s || null, D, C), { diagnostics: j } = n(s || null), M = v(s || null), [N, U] = F(), W = w !== "browser" || !!b, G = (e) => ({
+function U({ db: s, remoteUrl: b = "", token: S = "", namespace: C = "default", deploymentRuntime: w = "browser", applicationUrl: T = "", developmentSession: E, onConnect: D }) {
+	let [O, k] = F(null), A = e(s || null, C), j = o(s || null, O, C), { diagnostics: M } = n(s || null), N = v(s || null), [U, W] = F(), G = w !== "browser" || !!b, [K, q] = F([]), [J, Y] = F([]), [X, Z] = F(0), Q = (e) => ({
 		pathname: e,
 		search: window.location.search
 	});
@@ -18,30 +18,56 @@ function U({ db: s, remoteUrl: b = "", token: S = "", namespace: C = "default",
 		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 && O(H(n.source));
+			e && k(H(n.source));
 		}).catch(async () => {
 			let t = s ? await s.collection("_flow_apps").all() : [];
-			e && t[0]?.spec && O(t[0].spec);
+			e && t[0]?.spec && k(t[0].spec);
 		}), () => {
 			e = !1;
 		};
-	}, [s]), /* @__PURE__ */ B(I, { children: /* @__PURE__ */ V("div", {
+	}, [s]), P(() => {
+		if (!E?.sessionId) return;
+		let e = !0, t = () => void fetch("/_feltdb/runtime", { cache: "no-store" }).then((e) => e.ok ? e.json() : { runtimes: [] }).then((t) => {
+			e && q(t.runtimes || []);
+		}).catch(() => {
+			e && q([]);
+		});
+		t();
+		let n = window.setInterval(t, 2e3);
+		return () => {
+			e = !1, window.clearInterval(n);
+		};
+	}, [E?.sessionId]), P(() => {
+		let e = K[0]?.runtimeInstanceId;
+		if (!e) {
+			Y([]);
+			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, Z(e.dropped || 0), Y((t) => [...t, ...e.observations || []].slice(-200)));
+		}).catch(() => void 0);
+		r();
+		let i = window.setInterval(r, 1e3);
+		return () => {
+			t = !1, window.clearInterval(i);
+		};
+	}, [K[0]?.runtimeInstanceId]), /* @__PURE__ */ B(I, { children: /* @__PURE__ */ V("div", {
 		className: "studio-app",
 		children: [/* @__PURE__ */ V("nav", {
 			className: "studio-nav",
 			children: [
 				/* @__PURE__ */ V("div", {
 					className: "nav-header",
-					children: [/* @__PURE__ */ B("h1", { children: "FeltDB Studio" }), k && /* @__PURE__ */ B("div", {
+					children: [/* @__PURE__ */ B("h1", { children: "FeltDB Studio" }), A && /* @__PURE__ */ B("div", {
 						className: "instance-info",
-						children: k.namespace
+						children: A.namespace
 					})]
 				}),
 				/* @__PURE__ */ B("div", {
 					className: "nav-search",
 					children: /* @__PURE__ */ B(d, {
 						db: s,
-						model: D
+						model: O
 					})
 				}),
 				/* @__PURE__ */ V("ul", {
@@ -52,67 +78,71 @@ function U({ db: s, remoteUrl: b = "", token: S = "", namespace: C = "default",
 							children: "Design"
 						}),
 						/* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/"),
+							to: Q("/"),
 							children: "Application"
 						}) }),
 						/* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/capabilities"),
+							to: Q("/capabilities"),
 							children: "Capabilities"
 						}) }),
 						/* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/workflows"),
+							to: Q("/workflows"),
 							children: "Workflows"
 						}) }),
 						/* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/agents"),
+							to: Q("/agents"),
 							children: "Agents"
 						}) }),
 						/* @__PURE__ */ B("li", {
 							className: "nav-section",
 							children: "Observe"
 						}),
-						W && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/overview"),
+						E?.sessionId && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
+							to: Q("/activity"),
+							children: "Live Activity"
+						}) }),
+						G && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
+							to: Q("/overview"),
 							children: "Overview"
 						}) }),
 						/* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/data"),
+							to: Q("/data"),
 							children: "Data"
 						}) }),
-						W && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/references"),
+						G && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
+							to: Q("/references"),
 							children: "References"
 						}) }),
-						W && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/operations"),
+						G && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
+							to: Q("/operations"),
 							children: "Operations"
 						}) }),
-						W && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/executions"),
+						G && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
+							to: Q("/executions"),
 							children: "Executions"
 						}) }),
-						W && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/peers"),
+						G && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
+							to: Q("/peers"),
 							children: "Peers"
 						}) }),
-						W && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/provenance"),
+						G && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
+							to: Q("/provenance"),
 							children: "Provenance"
 						}) }),
-						W && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/conflicts"),
+						G && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
+							to: Q("/conflicts"),
 							children: "Conflicts"
 						}) }),
-						W && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/health"),
+						G && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
+							to: Q("/health"),
 							children: "Health"
 						}) }),
 						/* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/settings"),
+							to: Q("/settings"),
 							children: "Settings"
 						}) }),
-						W && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
-							to: G("/api-keys"),
+						G && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(L, {
+							to: Q("/api-keys"),
 							children: "API Keys"
 						}) })
 					]
@@ -120,137 +150,181 @@ function U({ db: s, remoteUrl: b = "", token: S = "", namespace: C = "default",
 			]
 		}), /* @__PURE__ */ V("main", {
 			className: "studio-content",
-			children: [!W && /* @__PURE__ */ B("div", {
-				className: "runtime-notice",
-				children: "Browser data is read live from the generated application origin through the local Studio bridge."
-			}), /* @__PURE__ */ V(z, { children: [
-				/* @__PURE__ */ B(R, {
-					path: "/",
-					element: /* @__PURE__ */ B(g, {
-						db: s,
-						namespace: C,
-						projectSpec: D,
-						onSpecChange: O
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/overview",
-					element: /* @__PURE__ */ B(y, { stats: A })
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/data",
-					element: /* @__PURE__ */ B(u, {
-						db: s,
-						model: D,
-						namespace: C,
-						applicationUrl: w === "browser" ? T : ""
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/state",
-					element: /* @__PURE__ */ B(u, {
-						db: s,
-						model: D,
-						namespace: C,
-						applicationUrl: w === "browser" ? T : ""
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/references",
-					element: /* @__PURE__ */ B(p, {
-						db: s,
-						model: D,
-						namespace: C
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/operations",
-					element: /* @__PURE__ */ B(a, {
-						db: s,
-						model: D,
-						namespace: C
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/peers",
-					element: /* @__PURE__ */ B(i, {
-						peers: M,
-						localInstance: k?.instanceId
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/capabilities",
-					element: /* @__PURE__ */ B(_, {
-						db: s,
-						model: D
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/executions",
-					element: /* @__PURE__ */ B(l, {
-						db: s,
-						model: D
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/workflows",
-					element: /* @__PURE__ */ B(h, {
-						db: s,
-						model: D
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/agents",
-					element: /* @__PURE__ */ B(f, {
-						db: s,
-						model: D
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/provenance",
-					element: /* @__PURE__ */ B(t, {
-						db: s,
-						model: D,
-						namespace: C,
-						reference: N
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/conflicts",
-					element: /* @__PURE__ */ B(r, {
-						db: s,
-						diagnostics: j
-					})
-				}),
-				/* @__PURE__ */ B(R, {
-					path: "/health",
-					element: /* @__PURE__ */ B(c, {
-						diagnostics: j,
-						model: D
-					})
+			children: [
+				E?.sessionId && /* @__PURE__ */ V("div", {
+					className: "runtime-notice",
+					children: ["Application runtime: ", K.length ? `Connected ✓ (${K[0].runtime}, ${K[0].namespace})` : "Not connected"]
 				}),
-				/* @__PURE__ */ B(R, {
-					path: "/settings",
-					element: /* @__PURE__ */ B(m, {
-						db: s,
-						remoteUrl: b,
-						token: S,
-						onConnect: E
-					})
+				!G && /* @__PURE__ */ B("div", {
+					className: "runtime-notice",
+					children: "Browser data is read live from the generated application origin through the local Studio bridge."
 				}),
-				/* @__PURE__ */ B(R, {
-					path: "/api-keys",
-					element: /* @__PURE__ */ V("div", {
-						style: { padding: "2rem" },
-						children: [/* @__PURE__ */ B("h1", { children: "API Key Management" }), /* @__PURE__ */ B(x, {
-							apiUrl: b,
-							token: S,
+				/* @__PURE__ */ V(z, { children: [
+					/* @__PURE__ */ B(R, {
+						path: "/",
+						element: /* @__PURE__ */ B(g, {
+							db: s,
 							namespace: C,
-							onConfigure: () => window.location.assign("/settings")
-						})]
+							projectSpec: O,
+							onSpecChange: k
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/overview",
+						element: /* @__PURE__ */ B(y, { stats: j })
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/activity",
+						element: /* @__PURE__ */ V("div", {
+							className: "runtime-activity",
+							children: [
+								/* @__PURE__ */ B("h1", { children: "Live Activity" }),
+								/* @__PURE__ */ V("p", { children: [
+									J.some((e) => Date.now() - e.timestamp < 5e3) ? "Active" : "Idle",
+									" · Runtime ",
+									K[0]?.runtimeInstanceId || "not connected"
+								] }),
+								X > 0 && /* @__PURE__ */ V("p", {
+									className: "runtime-notice",
+									children: [
+										"Observation is incomplete: ",
+										X,
+										" events dropped."
+									]
+								}),
+								/* @__PURE__ */ V("table", { children: [/* @__PURE__ */ B("thead", { children: /* @__PURE__ */ V("tr", { children: [
+									/* @__PURE__ */ B("th", { children: "Time" }),
+									/* @__PURE__ */ B("th", { children: "Operation" }),
+									/* @__PURE__ */ B("th", { children: "Collection" }),
+									/* @__PURE__ */ B("th", { children: "Status" }),
+									/* @__PURE__ */ B("th", { children: "Duration" })
+								] }) }), /* @__PURE__ */ B("tbody", { children: [...J].reverse().map((e) => /* @__PURE__ */ V("tr", { children: [
+									/* @__PURE__ */ B("td", { children: new Date(e.timestamp).toLocaleTimeString() }),
+									/* @__PURE__ */ B("td", { children: e.operation?.type }),
+									/* @__PURE__ */ B("td", { children: e.operation?.collection || "—" }),
+									/* @__PURE__ */ B("td", { children: e.status }),
+									/* @__PURE__ */ B("td", { children: e.durationMs === void 0 ? "—" : `${e.durationMs} ms` })
+								] }, e.cursor || e.eventId)) })] })
+							]
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/data",
+						element: /* @__PURE__ */ B(u, {
+							db: s,
+							model: O,
+							namespace: C,
+							applicationUrl: w === "browser" ? T : "",
+							developmentSession: E
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/state",
+						element: /* @__PURE__ */ B(u, {
+							db: s,
+							model: O,
+							namespace: C,
+							applicationUrl: w === "browser" ? T : "",
+							developmentSession: E
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/references",
+						element: /* @__PURE__ */ B(p, {
+							db: s,
+							model: O,
+							namespace: C
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/operations",
+						element: /* @__PURE__ */ B(a, {
+							db: s,
+							model: O,
+							namespace: C
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/peers",
+						element: /* @__PURE__ */ B(i, {
+							peers: N,
+							localInstance: A?.instanceId
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/capabilities",
+						element: /* @__PURE__ */ B(_, {
+							db: s,
+							model: O
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/executions",
+						element: /* @__PURE__ */ B(l, {
+							db: s,
+							model: O
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/workflows",
+						element: /* @__PURE__ */ B(h, {
+							db: s,
+							model: O
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/agents",
+						element: /* @__PURE__ */ B(f, {
+							db: s,
+							model: O
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/provenance",
+						element: /* @__PURE__ */ B(t, {
+							db: s,
+							model: O,
+							namespace: C,
+							reference: U
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/conflicts",
+						element: /* @__PURE__ */ B(r, {
+							db: s,
+							diagnostics: M
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/health",
+						element: /* @__PURE__ */ B(c, {
+							diagnostics: M,
+							model: O
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/settings",
+						element: /* @__PURE__ */ B(m, {
+							db: s,
+							remoteUrl: b,
+							token: S,
+							onConnect: D
+						})
+					}),
+					/* @__PURE__ */ B(R, {
+						path: "/api-keys",
+						element: /* @__PURE__ */ V("div", {
+							style: { padding: "2rem" },
+							children: [/* @__PURE__ */ B("h1", { children: "API Key Management" }), /* @__PURE__ */ B(x, {
+								apiUrl: b,
+								token: S,
+								namespace: C,
+								onConfigure: () => window.location.assign("/settings")
+							})]
+						})
 					})
-				})
-			] })]
+				] })
+			]
 		})]
 	}) });
 }