@feltdb/core 0.4.4 → 0.4.6

package/dist/studio/components-BRYUceo9.js

@@ -0,0 +1,1711 @@
+import "./KeyManagementPanel-BOvWTRyH.js";
+import "./components/ManagedInstancePanel.js";
+import e, { useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createFeltDB as l, diffFlowSpec as u, emptyFlowSpec as d, formatFlowSpec as f, parseFlowSpec as p, planFlowSpecMigration as m, validateFlowSpec as h } from "@feltdb/core";
+//#region src/components/OverviewDashboard.tsx
+function g({ stats: e }) {
+	return e ? /* @__PURE__ */ c("div", {
+		className: "overview-dashboard",
+		children: [/* @__PURE__ */ c("div", {
+			className: "dashboard-header",
+			children: [/* @__PURE__ */ s("h1", { children: "FeltDB Studio" }), /* @__PURE__ */ s("div", {
+				className: "namespace-badge",
+				children: e.namespace
+			})]
+		}), /* @__PURE__ */ c("div", {
+			className: "dashboard-grid",
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "stat-card",
+					children: [
+						/* @__PURE__ */ s("label", { children: "Runtime" }),
+						/* @__PURE__ */ s("div", {
+							className: `status-indicator ${e.status}`,
+							children: "●"
+						}),
+						/* @__PURE__ */ s("span", { children: e.status.charAt(0).toUpperCase() + e.status.slice(1) })
+					]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ s("label", { children: "Storage" }), /* @__PURE__ */ c("span", { children: [
+						e.persistence,
+						" / ",
+						e.storageBackend
+					] })]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ s("label", { children: "Peers" }), /* @__PURE__ */ s("span", {
+						className: "stat-number",
+						children: e.peersCount
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ s("label", { children: "Objects" }), /* @__PURE__ */ s("span", {
+						className: "stat-number",
+						children: e.objectsCount
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ s("label", { children: "Operations" }), /* @__PURE__ */ s("span", {
+						className: "stat-number",
+						children: e.operationsCount
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ s("label", { children: "Capabilities" }), /* @__PURE__ */ s("span", {
+						className: "stat-number",
+						children: e.capabilitiesCount
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ s("label", { children: "Executions" }), /* @__PURE__ */ s("span", {
+						className: "stat-number",
+						children: e.executionsCount
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ s("label", { children: "Workflows" }), /* @__PURE__ */ s("span", {
+						className: "stat-number",
+						children: e.workflowsCount
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ s("label", { children: "Agents" }), /* @__PURE__ */ s("span", {
+						className: "stat-number",
+						children: e.agentsCount
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ s("label", { children: "Conflicts" }), /* @__PURE__ */ s("span", {
+						className: "stat-number",
+						children: e.conflictsCount
+					})]
+				})
+			]
+		})]
+	}) : /* @__PURE__ */ s("div", {
+		className: "overview-dashboard loading",
+		children: /* @__PURE__ */ s("p", { children: "Loading runtime information..." })
+	});
+}
+//#endregion
+//#region src/hooks/index.ts
+function _(e, t = "default") {
+	let [r, i] = a(null);
+	return n(() => {
+		if (!e) {
+			i(null);
+			return;
+		}
+		let n = e.runtime(), r = n.runtime === "browser" ? "browser" : n.runtime === "node" ? "self-hosted" : "remote";
+		i({
+			db: e,
+			connected: !0,
+			namespace: t,
+			instanceId: e.instanceId?.() || "unknown",
+			environment: r
+		});
+	}, [e, t]), r;
+}
+function v(e, t = null, r = "default") {
+	let [i, o] = a(null);
+	return n(() => {
+		if (!e) {
+			o(null);
+			return;
+		}
+		let n = async () => {
+			try {
+				let n = e.runtime(), i = e.health(), a = e.sync?.(), s = t ? await Promise.all(t.collections.map((t) => e.collection(t.name).count())) : [];
+				o({
+					namespace: r,
+					status: i?.status || "healthy",
+					storageBackend: n.storage,
+					persistence: n.persistent ? "durable" : "volatile",
+					peersCount: a?.connected_peers?.length || 0,
+					objectsCount: s.reduce((e, t) => e + t, 0),
+					operationsCount: a?.sequence || 0,
+					capabilitiesCount: t?.capabilities.length || 0,
+					executionsCount: await e.collection("_flow_executions").count() || await e.collection("Decision").count(),
+					workflowsCount: t?.workflows.length || 0,
+					agentsCount: t?.agents.length || 0,
+					conflictsCount: a?.conflicts_detected || 0
+				});
+			} catch (e) {
+				console.error("Failed to fetch dashboard stats:", e);
+			}
+		};
+		n();
+		let i = setInterval(n, 5e3);
+		return () => clearInterval(i);
+	}, [
+		e,
+		t,
+		r
+	]), i;
+}
+function y(e) {
+	let [r, i] = a(null), [o, s] = a(!1), [c, l] = a(null), u = t(async () => {
+		if (e) {
+			s(!0), l(null);
+			try {
+				let t = e.health();
+				i(t);
+			} catch (e) {
+				l(e instanceof Error ? e.message : "Failed to fetch diagnostics");
+			} finally {
+				s(!1);
+			}
+		}
+	}, [e]);
+	return n(() => {
+		u();
+	}, [e, u]), {
+		diagnostics: r,
+		loading: o,
+		error: c,
+		refresh: u
+	};
+}
+function b(e, t) {
+	let [r, i] = a([]), [o, s] = a(!0), [c, l] = a(null);
+	return n(() => {
+		if (e) {
+			s(!0), l(null);
+			try {
+				let n = e.collection(t).subscribe((e) => {
+					i(e), s(!1);
+				});
+				return () => n();
+			} catch (e) {
+				l(e instanceof Error ? e.message : "Failed to load collection"), s(!1);
+			}
+		}
+	}, [e, t]), {
+		items: r,
+		loading: o,
+		error: c
+	};
+}
+function x(e) {
+	let [t, r] = a([]);
+	return n(() => {
+		if (!e) {
+			r([]);
+			return;
+		}
+		let t = () => {
+			try {
+				let t = e.sync?.();
+				r(t?.connected_peers || []);
+			} catch (e) {
+				console.error("Failed to fetch peers:", e);
+			}
+		};
+		t();
+		let n = setInterval(t, 2e3);
+		return () => clearInterval(n);
+	}, [e]), t;
+}
+function S(e, t) {
+	let [r, i] = a(null), [o, s] = a(!1), [c, l] = a(null);
+	return n(() => {
+		if (!e || !t) {
+			i(null);
+			return;
+		}
+		s(!0), l(null), (async () => {
+			try {
+				let n = e.provenance(t);
+				i(n);
+			} catch (e) {
+				l(e instanceof Error ? e.message : "Failed to fetch provenance");
+			} finally {
+				s(!1);
+			}
+		})();
+	}, [e, t]), {
+		provenance: r,
+		loading: o,
+		error: c
+	};
+}
+//#endregion
+//#region src/components/StateExplorer.tsx
+function C({ db: e, definition: t, namespace: n }) {
+	let { items: r, loading: i, error: o } = b(e, t.name), [l, u] = a(null);
+	return /* @__PURE__ */ c("article", {
+		className: "state-collection studio-card",
+		children: [
+			/* @__PURE__ */ c("header", { children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("span", {
+				className: "card-kind",
+				children: "collection"
+			}), /* @__PURE__ */ s("h2", { children: t.name })] }), /* @__PURE__ */ s("strong", { children: i ? "…" : r.length })] }),
+			o && /* @__PURE__ */ s("p", {
+				className: "runtime-error",
+				children: o
+			}),
+			!i && !r.length && /* @__PURE__ */ s("div", {
+				className: "model-empty compact",
+				children: "No materialized state yet. Mutations will appear here live."
+			}),
+			r.map((e, r) => {
+				let i = String(e.id ?? e.key ?? r);
+				return /* @__PURE__ */ c("button", {
+					className: "state-row",
+					onClick: () => u(l === r ? null : r),
+					children: [
+						/* @__PURE__ */ c("span", { children: [/* @__PURE__ */ s("b", { children: i }), /* @__PURE__ */ c("small", { children: [
+							"flow://",
+							n,
+							"/",
+							t.name,
+							"/",
+							i
+						] })] }),
+						/* @__PURE__ */ s("span", { children: l === r ? "−" : "+" }),
+						l === r && /* @__PURE__ */ s("pre", { children: JSON.stringify(e, null, 2) })
+					]
+				}, i);
+			})
+		]
+	});
+}
+function w({ db: e, model: t, namespace: n = "default" }) {
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ c("header", { children: [
+				/* @__PURE__ */ s("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ s("h1", { children: "State" }),
+				/* @__PURE__ */ s("p", { children: "Live, materialized application state. Every object is addressable and reactive." })
+			] }),
+			/* @__PURE__ */ c("div", {
+				className: "model-summary",
+				children: [
+					/* @__PURE__ */ c("span", { children: [t?.collections.length ?? 0, " collections"] }),
+					/* @__PURE__ */ c("span", { children: [n, " namespace"] }),
+					/* @__PURE__ */ s("span", { children: e ? "runtime connected" : "runtime unavailable" })
+				]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "state-grid",
+				children: [t?.collections.map((t) => /* @__PURE__ */ s(C, {
+					db: e ?? null,
+					definition: t,
+					namespace: n
+				}, t.name)), !t?.collections.length && /* @__PURE__ */ c("div", {
+					className: "model-empty",
+					children: [
+						"No collection model is loaded. Open Studio through ",
+						/* @__PURE__ */ s("code", { children: "feltdb dev" }),
+						" to load the active project."
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ReferenceExplorer.tsx
+function T(e) {
+	let t = e.trim().replace(/^flow:\/\//, "").split("/").filter(Boolean);
+	return e.startsWith("flow://") ? t.length >= 3 ? {
+		collection: t[t.length - 2],
+		id: t[t.length - 1]
+	} : null : t.length >= 2 ? {
+		collection: t[t.length - 2],
+		id: t[t.length - 1]
+	} : null;
+}
+function E({ db: e, model: t, namespace: n = "default" }) {
+	let [r, i] = a(""), [o, l] = a(), [u, d] = a("Enter a reference to resolve live state."), f = async () => {
+		let t = T(r);
+		if (!t || !e) {
+			l(void 0), d(e ? "Use Collection/id or flow://namespace/Collection/id." : "Runtime unavailable.");
+			return;
+		}
+		let n = await e.collection(t.collection).get(t.id);
+		l(n), d(n ? "Materialized locally" : "Reference is valid but is not materialized locally");
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ c("header", { children: [
+				/* @__PURE__ */ s("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ s("h1", { children: "References" }),
+				/* @__PURE__ */ s("p", { children: "Resolve stable Flow references directly into their materialized state." })
+			] }),
+			/* @__PURE__ */ c("div", {
+				className: "reference-query",
+				children: [/* @__PURE__ */ s("input", {
+					value: r,
+					onChange: (e) => i(e.target.value),
+					onKeyDown: (e) => {
+						e.key === "Enter" && f();
+					},
+					placeholder: `flow://${n}/Collection/id`
+				}), /* @__PURE__ */ s("button", {
+					onClick: () => void f(),
+					children: "Resolve"
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "reference-layout",
+				children: [/* @__PURE__ */ c("article", {
+					className: "studio-card",
+					children: [/* @__PURE__ */ s("span", {
+						className: "card-kind",
+						children: "Known collections"
+					}), t?.collections.map((e) => /* @__PURE__ */ c("button", {
+						className: "reference-example",
+						onClick: () => i(`flow://${n}/${e.name}/id`),
+						children: [e.name, /* @__PURE__ */ c("small", { children: [e.fields.length, " fields"] })]
+					}, e.name))]
+				}), /* @__PURE__ */ c("article", {
+					className: "studio-card reference-result",
+					children: [
+						/* @__PURE__ */ s("span", {
+							className: "card-kind",
+							children: "Resolution"
+						}),
+						/* @__PURE__ */ s("h2", { children: u }),
+						o !== void 0 && /* @__PURE__ */ s("pre", { children: JSON.stringify(o, null, 2) })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OperationsExplorer.tsx
+function D({ db: e, namespace: t = "default" }) {
+	let [r, i] = a([]), [o, l] = a("all");
+	n(() => {
+		if (!e) return;
+		let t = !0, n = async () => {
+			let n = await e.auditEvents();
+			t && i(n.slice().reverse());
+		};
+		n();
+		let r = setInterval(() => void n(), 1e3);
+		return () => {
+			t = !1, clearInterval(r);
+		};
+	}, [e]);
+	let u = r.filter((e) => o === "all" || e.type === o);
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ c("header", { children: [
+				/* @__PURE__ */ s("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ s("h1", { children: "Operations" }),
+				/* @__PURE__ */ s("p", { children: "The runtime's durable local mutation log—not a simulated activity feed." })
+			] }),
+			/* @__PURE__ */ c("div", {
+				className: "model-summary",
+				children: [
+					/* @__PURE__ */ c("span", { children: [r.length, " recorded"] }),
+					/* @__PURE__ */ c("span", { children: [t, " namespace"] }),
+					/* @__PURE__ */ c("select", {
+						value: o,
+						onChange: (e) => l(e.target.value),
+						children: [
+							/* @__PURE__ */ s("option", {
+								value: "all",
+								children: "All mutations"
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "put",
+								children: "Writes"
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "delete",
+								children: "Deletes"
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "table-shell",
+				children: /* @__PURE__ */ c("table", {
+					className: "operations-table",
+					children: [/* @__PURE__ */ s("thead", { children: /* @__PURE__ */ c("tr", { children: [
+						/* @__PURE__ */ s("th", { children: "Sequence" }),
+						/* @__PURE__ */ s("th", { children: "Mutation" }),
+						/* @__PURE__ */ s("th", { children: "Collection" }),
+						/* @__PURE__ */ s("th", { children: "Key" }),
+						/* @__PURE__ */ s("th", { children: "Timestamp" })
+					] }) }), /* @__PURE__ */ c("tbody", { children: [u.map((e) => /* @__PURE__ */ c("tr", { children: [
+						/* @__PURE__ */ s("td", { children: e.sequence }),
+						/* @__PURE__ */ s("td", { children: /* @__PURE__ */ s("span", {
+							className: `event-pill ${e.type}`,
+							children: e.type
+						}) }),
+						/* @__PURE__ */ s("td", { children: e.collection }),
+						/* @__PURE__ */ s("td", { children: /* @__PURE__ */ s("code", { children: e.key }) }),
+						/* @__PURE__ */ s("td", { children: new Date(e.timestamp).toLocaleString() })
+					] }, `${e.sequence}-${e.key}`)), !u.length && /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", {
+						colSpan: 5,
+						className: "empty-message",
+						children: "No matching mutations yet. Create or change application state to populate this stream."
+					}) })] })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/PeerMap.tsx
+function O({ peers: t = [], localInstance: n = "local" }) {
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ c("header", { children: [
+				/* @__PURE__ */ s("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ s("h1", { children: "Peers" }),
+				/* @__PURE__ */ s("p", { children: "The live topology participating in this application's convergence fabric." })
+			] }),
+			/* @__PURE__ */ c("div", {
+				className: "peer-topology",
+				children: [/* @__PURE__ */ c("article", {
+					className: "peer-node local",
+					children: [
+						/* @__PURE__ */ s("span", { children: "this instance" }),
+						/* @__PURE__ */ s("h2", { children: n }),
+						/* @__PURE__ */ s("small", { children: "online · authoritative local state" })
+					]
+				}), t.map((t) => /* @__PURE__ */ c(e.Fragment, { children: [/* @__PURE__ */ s("i", { className: "peer-link" }), /* @__PURE__ */ c("article", {
+					className: "peer-node",
+					children: [
+						/* @__PURE__ */ s("span", { children: "connected peer" }),
+						/* @__PURE__ */ s("h2", { children: t }),
+						/* @__PURE__ */ s("small", { children: "online · exchanging operations" })
+					]
+				})] }, t))]
+			}),
+			!t.length && /* @__PURE__ */ s("div", {
+				className: "model-empty",
+				children: "This embedded runtime is operating independently. Its state remains durable and can converge when a network peer is attached."
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/CapabilityExplorer.tsx
+function k({ model: e }) {
+	let t = e?.capabilities ?? [];
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ c("header", { children: [
+				/* @__PURE__ */ s("span", {
+					className: "eyebrow",
+					children: "Design"
+				}),
+				/* @__PURE__ */ s("h1", { children: "Capabilities" }),
+				/* @__PURE__ */ c("p", { children: [
+					"Declared authority available to workflows and autonomous agents in ",
+					e?.app ?? "this application",
+					"."
+				] })
+			] }),
+			/* @__PURE__ */ c("div", {
+				className: "model-summary",
+				children: [/* @__PURE__ */ c("span", { children: [t.length, " declared"] }), /* @__PURE__ */ c("span", { children: [new Set(t.flatMap((e) => e.statements)).size, " permission rules"] })]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "studio-card-grid",
+				children: [t.map((e) => /* @__PURE__ */ c("article", {
+					className: "studio-card capability-card",
+					children: [
+						/* @__PURE__ */ s("div", {
+							className: "card-kind",
+							children: "capability"
+						}),
+						/* @__PURE__ */ s("h2", { children: e.name }),
+						/* @__PURE__ */ s("div", {
+							className: "statement-list",
+							children: e.statements.map((e) => {
+								let [t, ...n] = e.split(" ");
+								return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("b", { children: t }), /* @__PURE__ */ s("code", { children: n.join(" ") })] }, e);
+							})
+						})
+					]
+				}, e.name)), !t.length && /* @__PURE__ */ s("div", {
+					className: "model-empty",
+					children: "No capabilities are declared in the current project model."
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ExecutionViewer.tsx
+function A({ db: e, name: t, label: n }) {
+	let { items: r } = b(e, t);
+	return r.length ? /* @__PURE__ */ c("section", { children: [/* @__PURE__ */ c("h2", { children: [n, /* @__PURE__ */ s("span", { children: r.length })] }), /* @__PURE__ */ s("div", {
+		className: "execution-list",
+		children: r.map((e, r) => /* @__PURE__ */ c("article", {
+			className: "execution-row",
+			children: [
+				/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("b", { children: String(e.name ?? e.workflow ?? e.incident_id ?? e.id ?? n) }), /* @__PURE__ */ s("small", { children: t })] }),
+				/* @__PURE__ */ s("span", {
+					className: "event-pill put",
+					children: String(e.status ?? e.state ?? "materialized")
+				}),
+				/* @__PURE__ */ s("pre", { children: JSON.stringify(e, null, 2) })
+			]
+		}, String(e.id ?? r)))
+	})] }) : null;
+}
+function j({ db: e, model: t }) {
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ c("header", { children: [
+				/* @__PURE__ */ s("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ s("h1", { children: "Executions" }),
+				/* @__PURE__ */ s("p", { children: "Capability work, workflow runs, assignments, and agent decisions as inspectable state." })
+			] }),
+			/* @__PURE__ */ c("div", {
+				className: "model-summary",
+				children: [/* @__PURE__ */ c("span", { children: [t?.workflows.length ?? 0, " workflow definitions"] }), /* @__PURE__ */ c("span", { children: [t?.agents.length ?? 0, " autonomous agents"] })]
+			}),
+			/* @__PURE__ */ s(A, {
+				db: e ?? null,
+				name: "_flow_executions",
+				label: "Capability executions"
+			}),
+			/* @__PURE__ */ s(A, {
+				db: e ?? null,
+				name: "_flow_workflow_runs",
+				label: "Workflow runs"
+			}),
+			/* @__PURE__ */ s(A, {
+				db: e ?? null,
+				name: "Assignment",
+				label: "Materialized assignments"
+			}),
+			/* @__PURE__ */ s(A, {
+				db: e ?? null,
+				name: "Decision",
+				label: "Agent decisions"
+			}),
+			/* @__PURE__ */ s(A, {
+				db: e ?? null,
+				name: "_flow_agent_executions",
+				label: "Agent executions"
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "model-empty execution-empty",
+				children: [
+					"Execution sections appear as soon as their state is committed. Defined workflows: ",
+					t?.workflows.map((e) => e.name).join(", ") || "none",
+					"."
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ConflictExplorer.tsx
+function M({ db: e, diagnostics: t }) {
+	let n = e?.sync(), r = n?.conflicts_detected ?? 0;
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ c("header", { children: [
+				/* @__PURE__ */ s("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ s("h1", { children: "Conflicts" }),
+				/* @__PURE__ */ s("p", { children: "Concurrent mutations detected while replicas converge." })
+			] }),
+			/* @__PURE__ */ c("div", {
+				className: "metric-grid",
+				children: [
+					/* @__PURE__ */ c("article", { children: [/* @__PURE__ */ s("b", { children: r }), /* @__PURE__ */ s("span", { children: "detected" })] }),
+					/* @__PURE__ */ c("article", { children: [/* @__PURE__ */ s("b", { children: n?.pending_operations ?? 0 }), /* @__PURE__ */ s("span", { children: "pending operations" })] }),
+					/* @__PURE__ */ c("article", { children: [/* @__PURE__ */ s("b", { children: n?.connected_peers.length ?? 0 }), /* @__PURE__ */ s("span", { children: "connected peers" })] })
+				]
+			}),
+			/* @__PURE__ */ c("article", {
+				className: "studio-card",
+				children: [
+					/* @__PURE__ */ s("span", {
+						className: "card-kind",
+						children: "Convergence"
+					}),
+					/* @__PURE__ */ s("h2", { children: r ? "Conflict activity detected" : "No conflicts detected" }),
+					/* @__PURE__ */ s("p", { children: t?.sync.connected ? "The fabric is connected and applying causal ordering." : "The local replica is independent; conflict detection begins when operations converge with peers." }),
+					/* @__PURE__ */ s("code", { children: "Causal ordering → deterministic materialization → auditable resolution" })
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/WorkflowVisualizer.tsx
+function N({ model: t }) {
+	let n = t?.workflows ?? [], [r, i] = a(), l = n.find((e) => e.name === r) ?? n[0];
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [/* @__PURE__ */ c("header", { children: [
+			/* @__PURE__ */ s("span", {
+				className: "eyebrow",
+				children: "Design"
+			}),
+			/* @__PURE__ */ s("h1", { children: "Workflows" }),
+			/* @__PURE__ */ s("p", { children: "Durable state transitions declared by the application model." })
+		] }), /* @__PURE__ */ c("div", {
+			className: "split-browser",
+			children: [/* @__PURE__ */ s("aside", { children: n.map((e) => /* @__PURE__ */ c("button", {
+				className: e.name === l?.name ? "active" : "",
+				onClick: () => i(e.name),
+				children: [/* @__PURE__ */ s("strong", { children: e.name }), /* @__PURE__ */ c("span", { children: [e.steps.length, " steps"] })]
+			}, e.name)) }), /* @__PURE__ */ s("section", { children: l ? /* @__PURE__ */ c(o, { children: [
+				/* @__PURE__ */ s("div", {
+					className: "card-kind",
+					children: "workflow"
+				}),
+				/* @__PURE__ */ s("h2", { children: l.name }),
+				l.parameters.length > 0 && /* @__PURE__ */ c("code", {
+					className: "signature",
+					children: [
+						"(",
+						l.parameters,
+						")"
+					]
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "workflow-track",
+					children: l.steps.map((t, n) => /* @__PURE__ */ c(e.Fragment, { children: [/* @__PURE__ */ c("article", { children: [/* @__PURE__ */ s("span", { children: n + 1 }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("strong", { children: t.name }), t.statements.map((e) => /* @__PURE__ */ s("code", { children: e }, e))] })] }), n < l.steps.length - 1 && /* @__PURE__ */ s("i", { children: "→" })] }, t.name))
+				})
+			] }) : /* @__PURE__ */ s("div", {
+				className: "model-empty",
+				children: "No workflows are declared."
+			}) })]
+		})]
+	});
+}
+//#endregion
+//#region src/components/AgentExplorer.tsx
+function P({ model: e }) {
+	let t = e?.agents ?? [], [n, r] = a(), i = t.find((e) => e.name === n) ?? t[0];
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [/* @__PURE__ */ c("header", { children: [
+			/* @__PURE__ */ s("span", {
+				className: "eyebrow",
+				children: "Design"
+			}),
+			/* @__PURE__ */ s("h1", { children: "Agents" }),
+			/* @__PURE__ */ s("p", { children: "Autonomous participants whose authority and workflows are part of the model." })
+		] }), /* @__PURE__ */ c("div", {
+			className: "split-browser",
+			children: [/* @__PURE__ */ s("aside", { children: t.map((e) => /* @__PURE__ */ c("button", {
+				className: e.name === i?.name ? "active" : "",
+				onClick: () => r(e.name),
+				children: [/* @__PURE__ */ s("strong", { children: e.name }), /* @__PURE__ */ c("span", { children: [e.statements.length, " bindings"] })]
+			}, e.name)) }), /* @__PURE__ */ s("section", { children: i ? /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
+				className: "agent-orbit",
+				children: [/* @__PURE__ */ c("div", {
+					className: "agent-core",
+					children: [/* @__PURE__ */ s("span", { children: "agent" }), /* @__PURE__ */ s("strong", { children: i.name })]
+				}), i.statements.map((e) => /* @__PURE__ */ c("div", {
+					className: "agent-binding",
+					children: [/* @__PURE__ */ s("span", { children: e.split(" ")[0] }), /* @__PURE__ */ s("strong", { children: e.split(" ").slice(1).join(" ") })]
+				}, e))]
+			}) }) : /* @__PURE__ */ s("div", {
+				className: "model-empty",
+				children: "No agents are declared."
+			}) })]
+		})]
+	});
+}
+//#endregion
+//#region src/components/ProvenanceViewer.tsx
+function F({ db: e, namespace: t = "default", reference: r }) {
+	let [i, l] = a(r ?? ""), [u, d] = a(null), [f, p] = a([]), [m, h] = a("Enter a Flow reference to trace it.");
+	n(() => {
+		r && l(r);
+	}, [r]);
+	let g = async () => {
+		if (!(!e || !i)) try {
+			let t = e.provenance(i);
+			d(t), h("Causal graph resolved");
+		} catch {
+			d(null);
+			let t = await e.auditEvents(), n = i.split("/"), r = n[n.length - 1] ?? "", a = t.filter((e) => e.key.includes(r));
+			p(a), h(a.length ? "Local mutation lineage" : "No local lineage found for this reference");
+		}
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ c("header", { children: [
+				/* @__PURE__ */ s("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ s("h1", { children: "Provenance" }),
+				/* @__PURE__ */ s("p", { children: "Follow why state exists—from durable mutations to causal workflow and agent edges." })
+			] }),
+			/* @__PURE__ */ c("div", {
+				className: "reference-query",
+				children: [/* @__PURE__ */ s("input", {
+					value: i,
+					onChange: (e) => l(e.target.value),
+					placeholder: `flow://${t}/Collection/id`
+				}), /* @__PURE__ */ s("button", {
+					onClick: () => void g(),
+					children: "Trace"
+				})]
+			}),
+			/* @__PURE__ */ c("article", {
+				className: "studio-card provenance-result",
+				children: [
+					/* @__PURE__ */ s("span", {
+						className: "card-kind",
+						children: "Lineage"
+					}),
+					/* @__PURE__ */ s("h2", { children: m }),
+					u && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
+						className: "model-summary",
+						children: [/* @__PURE__ */ c("span", { children: [u.nodes.length, " nodes"] }), /* @__PURE__ */ c("span", { children: [u.edges.length, " edges"] })]
+					}), /* @__PURE__ */ s("div", {
+						className: "provenance-nodes",
+						children: u.nodes.map((e) => /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("b", { children: e.label }), /* @__PURE__ */ s("small", { children: e.type })] }, e.id))
+					})] }),
+					!u && f.map((e) => /* @__PURE__ */ c("div", {
+						className: "provenance-event",
+						children: [
+							/* @__PURE__ */ s("span", { children: e.sequence }),
+							/* @__PURE__ */ c("b", { children: [
+								e.type,
+								" ",
+								e.collection
+							] }),
+							/* @__PURE__ */ s("code", { children: e.key }),
+							/* @__PURE__ */ s("small", { children: new Date(e.timestamp).toLocaleString() })
+						]
+					}, `${e.sequence}-${e.key}`))
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/HealthCenter.tsx
+function I({ diagnostics: e, model: t }) {
+	let n = e ? [
+		[
+			"Runtime",
+			e.runtime.status,
+			e.runtime.reactive ? "reactive" : "non-reactive"
+		],
+		[
+			"Storage",
+			e.storage.status,
+			`${e.storage.backend} · ${e.storage.persistent ? "persistent" : "volatile"}`
+		],
+		[
+			"Synchronization",
+			e.sync.status,
+			`${e.sync.peers} peers · ${e.sync.pendingOperations} pending`
+		],
+		[
+			"Fabric",
+			e.fabric.status,
+			`${e.fabric.references} references`
+		],
+		[
+			"Capabilities",
+			e.capabilities.status,
+			`${e.capabilities.available}/${e.capabilities.count} available`
+		],
+		[
+			"Execution",
+			e.execution.status,
+			`${e.execution.running} running · ${e.execution.failed} failed`
+		],
+		[
+			"Workflows",
+			e.workflow.status,
+			`${e.workflow.active}/${e.workflow.total} active`
+		]
+	] : [];
+	return /* @__PURE__ */ c("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ c("header", { children: [
+				/* @__PURE__ */ s("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ s("h1", { children: "Health" }),
+				/* @__PURE__ */ s("p", { children: "Runtime diagnostics, not optimistic defaults." })
+			] }),
+			/* @__PURE__ */ s("div", {
+				className: "health-grid",
+				children: n.map(([e, t, n]) => /* @__PURE__ */ c("article", {
+					className: `health-item status-${t}`,
+					children: [/* @__PURE__ */ s("span", {
+						className: "status-icon",
+						children: t === "healthy" ? "✓" : "!"
+					}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("b", { children: e }), /* @__PURE__ */ s("small", { children: n })] })]
+				}, e))
+			}),
+			!e && /* @__PURE__ */ s("div", {
+				className: "model-empty",
+				children: "Diagnostics are unavailable until Studio connects to a runtime."
+			}),
+			e?.issues.map((e, t) => /* @__PURE__ */ c("div", {
+				className: `health-issue ${e.severity}`,
+				children: [
+					/* @__PURE__ */ s("b", { children: e.component }),
+					" ",
+					e.message
+				]
+			}, t)),
+			/* @__PURE__ */ c("div", {
+				className: "model-summary",
+				children: [
+					/* @__PURE__ */ c("span", { children: [t?.collections.length ?? 0, " collections modeled"] }),
+					/* @__PURE__ */ c("span", { children: [t?.workflows.length ?? 0, " workflows modeled"] }),
+					/* @__PURE__ */ c("span", { children: [t?.agents.length ?? 0, " agents modeled"] })
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/SettingsPanel.tsx
+function L({ db: e }) {
+	let [t, n] = a("api-keys");
+	return /* @__PURE__ */ c("div", {
+		className: "settings-panel",
+		children: [
+			/* @__PURE__ */ s("h2", { children: "Settings" }),
+			/* @__PURE__ */ c("div", {
+				className: "settings-tabs",
+				children: [/* @__PURE__ */ s("button", {
+					className: `tab ${t === "api-keys" ? "active" : ""}`,
+					onClick: () => n("api-keys"),
+					children: "API Keys"
+				}), /* @__PURE__ */ s("button", {
+					className: `tab ${t === "connection" ? "active" : ""}`,
+					onClick: () => n("connection"),
+					children: "Connection"
+				})]
+			}),
+			t === "api-keys" && /* @__PURE__ */ c("div", {
+				className: "settings-content",
+				children: [
+					/* @__PURE__ */ s("h3", { children: "API Keys" }),
+					/* @__PURE__ */ s("p", { children: "Manage authentication and access control" }),
+					/* @__PURE__ */ s("div", {
+						className: "keys-list",
+						children: /* @__PURE__ */ s("div", {
+							className: "empty-message",
+							children: "No API keys configured"
+						})
+					}),
+					/* @__PURE__ */ s("button", {
+						className: "btn btn-primary",
+						children: "Create API Key"
+					})
+				]
+			}),
+			t === "connection" && /* @__PURE__ */ c("div", {
+				className: "settings-content",
+				children: [/* @__PURE__ */ s("h3", { children: "Connection" }), /* @__PURE__ */ c("div", {
+					className: "connection-info",
+					children: [
+						/* @__PURE__ */ c("div", {
+							className: "info-row",
+							children: [/* @__PURE__ */ s("label", { children: "Runtime Environment" }), /* @__PURE__ */ s("span", { children: "Browser" })]
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "info-row",
+							children: [/* @__PURE__ */ s("label", { children: "Storage Backend" }), /* @__PURE__ */ s("span", { children: "OPFS / IndexedDB" })]
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "info-row",
+							children: [/* @__PURE__ */ s("label", { children: "Instance ID" }), /* @__PURE__ */ s("span", {
+								className: "monospace",
+								children: "instance-xxxx"
+							})]
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/GlobalSearch.tsx
+function R({ db: e, model: t, onSearch: r }) {
+	let [i, o] = a(""), [l, u] = a([]), d = (e) => {
+		o(e), r && r(e);
+	};
+	return n(() => {
+		let n = !0;
+		return (async () => {
+			let r = i.trim().toLowerCase();
+			if (!r) {
+				u([]);
+				return;
+			}
+			let a = [
+				...t?.collections.map((e) => ({
+					kind: "collection",
+					name: e.name,
+					detail: `${e.fields.length} fields`
+				})) ?? [],
+				...t?.capabilities.map((e) => ({
+					kind: "capability",
+					name: e.name,
+					detail: e.statements.join(" · ")
+				})) ?? [],
+				...t?.workflows.map((e) => ({
+					kind: "workflow",
+					name: e.name,
+					detail: `${e.steps.length} steps`
+				})) ?? [],
+				...t?.agents.map((e) => ({
+					kind: "agent",
+					name: e.name,
+					detail: e.statements.join(" · ")
+				})) ?? []
+			].filter((e) => JSON.stringify(e).toLowerCase().includes(r)), o = e && t ? (await Promise.all(t.collections.map(async (t) => (await e.collection(t.name).all()).filter((e) => JSON.stringify(e).toLowerCase().includes(r)).slice(0, 3).map((e) => ({
+				kind: "object",
+				name: `${t.name}/${String(e.id ?? "record")}`,
+				detail: JSON.stringify(e)
+			}))))).flat() : [];
+			n && u([...a, ...o].slice(0, 12));
+		})(), () => {
+			n = !1;
+		};
+	}, [
+		e,
+		t,
+		i
+	]), /* @__PURE__ */ c("div", {
+		className: "global-search",
+		children: [/* @__PURE__ */ s("input", {
+			type: "text",
+			placeholder: "Search: documents/123, flow://, agent/name, etc.",
+			value: i,
+			onChange: (e) => d(e.target.value),
+			className: "search-input global"
+		}), i && /* @__PURE__ */ s("div", {
+			className: "search-results",
+			children: /* @__PURE__ */ c("div", {
+				className: "results-group",
+				children: [
+					/* @__PURE__ */ s("h4", { children: "Model & runtime" }),
+					l.map((e, t) => /* @__PURE__ */ c("div", {
+						className: "search-result",
+						children: [
+							/* @__PURE__ */ s("b", { children: e.name }),
+							/* @__PURE__ */ s("span", { children: e.kind }),
+							/* @__PURE__ */ s("small", { children: e.detail })
+						]
+					}, `${e.kind}-${e.name}-${t}`)),
+					!l.length && /* @__PURE__ */ s("div", {
+						className: "empty-message",
+						children: "No matches"
+					})
+				]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/ApplicationDesigner.tsx
+var z = f({
+	...d("ResearchPlatform"),
+	collections: [{
+		name: "User",
+		fields: [{
+			name: "name",
+			type: "text",
+			optional: !1
+		}, {
+			name: "email",
+			type: "text",
+			optional: !1
+		}],
+		indexes: []
+	}, {
+		name: "Document",
+		fields: [
+			{
+				name: "title",
+				type: "text",
+				optional: !1
+			},
+			{
+				name: "content",
+				type: "text",
+				optional: !1
+			},
+			{
+				name: "author",
+				type: "ref User",
+				optional: !1
+			}
+		],
+		indexes: [{
+			name: "search",
+			kind: "fulltext",
+			expression: "(content)"
+		}]
+	}]
+});
+function B({ db: e, namespace: t = "default", projectSpec: o, onSpecChange: g }) {
+	let _ = `feltdb:studio:draft:${t}`, v = i((() => {
+		if (typeof window > "u") return z;
+		let e = window.localStorage.getItem(_);
+		if (!e) return z;
+		try {
+			return p(e), e;
+		} catch {
+			return z;
+		}
+	})()), y = i(v.current !== z), [b, x] = a(v.current), [S, C] = a(() => p(v.current)), [w, T] = a([]), [E, D] = a([]), [O, k] = a("Draft is valid"), [A, j] = a(0), [M, N] = a(null), [P, F] = a(null), [I, L] = a(!1), [R, B] = a(!1), [V, H] = a({
+		url: "",
+		namespace: t,
+		token: "",
+		allowDestructive: !1
+	}), U = i(null), W = E.length ? E[E.length - 1].source : f(d(S.app)), G = r(() => u(p(W), S), [W, S]), K = r(() => m(p(W), S), [W, S]);
+	n(() => {
+		if (!e) return;
+		let t = !1;
+		return (async () => {
+			try {
+				let n = await e.collection("_flow_apps").all(), r = n.find((e) => e.status === "active") ?? n[0];
+				if (!r || t) return;
+				let i = f(r.spec);
+				y.current || (C(r.spec), x(i)), j(r.version ?? 0);
+				let a = (await e.collection("_flow_app_versions").all()).filter((e) => e.app === r.app).sort((e, t) => e.version - t.version);
+				t || (D(a.map((e) => ({
+					version: e.version,
+					source: f(e.spec),
+					savedAt: e.deployed_at
+				}))), k(`Loaded ${r.app} v${r.version}`));
+			} catch (e) {
+				t || k(`Could not load deployed model: ${e instanceof Error ? e.message : String(e)}`);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [e]), n(() => {
+		let e = window.setTimeout(() => window.localStorage.setItem(_, b), 200);
+		return () => window.clearTimeout(e);
+	}, [_, b]);
+	let q = (e) => {
+		x(e);
+		try {
+			let t = p(e), n = h(t);
+			C(t), g?.(t), T(n), k(n.some((e) => e.severity === "error") ? "Model has validation errors" : "Draft is valid");
+		} catch (e) {
+			T([{
+				severity: "error",
+				message: e instanceof Error ? e.message : String(e)
+			}]), k("DSL parse failed");
+		}
+	};
+	n(() => {
+		if (!o || y.current && S.app === o.app) return;
+		let e = f(o);
+		x(e), C(o), T(h(o)), k(`Loaded ${o.app} project model`);
+	}, [o]);
+	let J = (e) => {
+		C(e), q(f(e));
+	}, Y = () => {
+		if (!P) return F({ name: "" });
+		let e = P.name.trim();
+		if (!/^[A-Z][A-Za-z0-9_]*$/.test(e)) return F({
+			...P,
+			error: "Use a capitalized name with no spaces."
+		});
+		if (S.collections.some((t) => t.name === e)) return F({
+			...P,
+			error: "That collection already exists."
+		});
+		J({
+			...S,
+			collections: [...S.collections, {
+				name: e,
+				fields: [],
+				indexes: []
+			}]
+		}), F(null);
+	}, X = (e) => N({
+		collection: e,
+		name: "",
+		type: "text",
+		reference: S.collections.find((t) => t.name !== e)?.name ?? "",
+		optional: !1
+	}), Z = () => {
+		if (!M) return;
+		let e = M.name.trim(), t = S.collections.find((e) => e.name === M.collection);
+		if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(e)) return N({
+			...M,
+			error: "Use a letter-led name with no spaces."
+		});
+		if (t?.fields.some((t) => t.name === e)) return N({
+			...M,
+			error: "That field already exists."
+		});
+		if (M.type === "ref" && !M.reference) return N({
+			...M,
+			error: "Choose a referenced collection."
+		});
+		let n = M.type === "ref" ? `ref ${M.reference}` : M.type;
+		J({
+			...S,
+			collections: S.collections.map((t) => t.name === M.collection ? {
+				...t,
+				fields: [...t.fields, {
+					name: e,
+					type: n,
+					optional: M.optional
+				}]
+			} : t)
+		}), N(null);
+	}, Q = () => {
+		let e = [...E, {
+			version: E.length + 1,
+			source: b,
+			savedAt: Date.now()
+		}];
+		D(e), k(`Saved local revision v${e.length}`);
+	}, $ = async () => {
+		if (!e) return k("Local embedded storage is unavailable");
+		if (w.some((e) => e.severity === "error")) return k("Resolve validation errors before deploying");
+		if (K.filter((e) => e.safety === "destructive").length && !I) return k("Review and approve destructive local changes before applying");
+		try {
+			let t = await e.deployFlowSpec(S, A, I), n = [...E, {
+				version: t.version,
+				source: b,
+				savedAt: Date.now()
+			}];
+			D(n), j(t.version), L(!1), k(`Applied locally as ${t.app} v${t.version}`);
+		} catch (e) {
+			k(`Local apply failed: ${e instanceof Error ? e.message : String(e)}`);
+		}
+	}, ee = async () => {
+		if (!V.url.trim() || !V.token.trim()) return H({
+			...V,
+			error: "Cloud URL and API key are required."
+		});
+		if (w.some((e) => e.severity === "error")) return H({
+			...V,
+			error: "Resolve validation errors before publishing."
+		});
+		H({
+			...V,
+			publishing: !0,
+			error: void 0
+		});
+		let e = l({
+			namespace: V.namespace.trim() || t,
+			server: {
+				url: V.url.trim().replace(/\/$/, ""),
+				token: V.token
+			}
+		});
+		try {
+			let t = await e.collection("_flow_apps").get(S.app), n = m(t?.spec ?? d(S.app), S).filter((e) => e.safety === "destructive");
+			if (n.length && !V.allowDestructive) return H({
+				...V,
+				publishing: !1,
+				destructive: n.map((e) => e.target),
+				error: `Review and approve destructive changes: ${n.map((e) => e.target).join(", ")}`
+			});
+			let r = await e.deployFlowSpec(S, t?.version ?? 0, V.allowDestructive);
+			window.sessionStorage.setItem(`feltdb-token:${V.url.trim()}`, V.token), H({
+				...V,
+				publishing: !1,
+				token: "",
+				error: void 0
+			}), B(!1), k(`Published ${r.app} v${r.version} to cloud`);
+		} catch (e) {
+			H({
+				...V,
+				publishing: !1,
+				error: e instanceof Error ? e.message : String(e)
+			});
+		} finally {
+			await e.close();
+		}
+	}, te = () => {
+		let e = URL.createObjectURL(new Blob([b], { type: "text/plain" })), t = document.createElement("a");
+		t.href = e, t.download = "feltdb.flow", t.click(), URL.revokeObjectURL(e);
+	}, ne = async (e) => {
+		e && q(await e.text());
+	}, re = [
+		["Data", S.collections.map((e) => e.name)],
+		["Capabilities", S.capabilities.map((e) => e.name)],
+		["Agents", S.agents.map((e) => e.name)],
+		["Workflows", S.workflows.map((e) => e.name)],
+		["Triggers", S.triggers.map((e) => e.event)],
+		["Policies", S.policies.map((e) => e.name)],
+		["Schedules", S.schedules.map((e) => e.name)]
+	];
+	return /* @__PURE__ */ c("div", {
+		className: "application-designer",
+		children: [
+			/* @__PURE__ */ c("header", {
+				className: "designer-header",
+				children: [/* @__PURE__ */ c("div", { children: [
+					/* @__PURE__ */ s("span", {
+						className: "eyebrow",
+						children: "Application fabric"
+					}),
+					/* @__PURE__ */ s("h1", { children: S.app }),
+					/* @__PURE__ */ s("p", { children: "One model for state, intelligence, automation, security, and placement." })
+				] }), /* @__PURE__ */ c("div", {
+					className: "designer-actions",
+					children: [
+						/* @__PURE__ */ s("input", {
+							ref: U,
+							hidden: !0,
+							type: "file",
+							accept: ".flow,text/plain",
+							onChange: (e) => void ne(e.target.files?.[0])
+						}),
+						/* @__PURE__ */ s("button", {
+							className: "btn btn-ghost",
+							onClick: () => U.current?.click(),
+							children: "Import"
+						}),
+						/* @__PURE__ */ s("button", {
+							className: "btn btn-ghost",
+							onClick: te,
+							children: "Export"
+						}),
+						/* @__PURE__ */ s("button", {
+							className: "btn btn-ghost",
+							onClick: Q,
+							children: "Version"
+						}),
+						/* @__PURE__ */ s("button", {
+							className: "btn btn-ghost",
+							onClick: () => void $(),
+							children: "Apply locally"
+						}),
+						/* @__PURE__ */ s("button", {
+							className: "btn btn-primary",
+							onClick: () => B((e) => !e),
+							children: "Publish to cloud"
+						})
+					]
+				})]
+			}),
+			K.some((e) => e.safety === "destructive") && /* @__PURE__ */ c("label", {
+				className: "local-destructive",
+				children: [/* @__PURE__ */ s("input", {
+					type: "checkbox",
+					checked: I,
+					onChange: (e) => L(e.target.checked)
+				}), /* @__PURE__ */ c("span", { children: ["Approve destructive local changes: ", K.filter((e) => e.safety === "destructive").map((e) => e.target).join(", ")] })]
+			}),
+			R && /* @__PURE__ */ c("form", {
+				className: "cloud-publisher",
+				onSubmit: (e) => {
+					e.preventDefault(), ee();
+				},
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "cloud-publisher-heading",
+						children: [/* @__PURE__ */ c("div", { children: [
+							/* @__PURE__ */ s("span", {
+								className: "eyebrow",
+								children: "Cloud release"
+							}),
+							/* @__PURE__ */ s("h2", { children: "Publish this application model" }),
+							/* @__PURE__ */ s("p", { children: "FeltDB compares the cloud version, plans the migration, and publishes atomically." })
+						] }), /* @__PURE__ */ s("button", {
+							type: "button",
+							"aria-label": "Close cloud publisher",
+							onClick: () => B(!1),
+							children: "×"
+						})]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "cloud-fields",
+						children: [
+							/* @__PURE__ */ c("label", { children: [/* @__PURE__ */ s("span", { children: "FeltDB Cloud URL" }), /* @__PURE__ */ s("input", {
+								type: "url",
+								placeholder: "https://your-instance.feltdb.cloud",
+								value: V.url,
+								onChange: (e) => H({
+									...V,
+									url: e.target.value,
+									error: void 0,
+									destructive: void 0,
+									allowDestructive: !1
+								})
+							})] }),
+							/* @__PURE__ */ c("label", { children: [/* @__PURE__ */ s("span", { children: "Namespace" }), /* @__PURE__ */ s("input", {
+								value: V.namespace,
+								onChange: (e) => H({
+									...V,
+									namespace: e.target.value,
+									error: void 0,
+									destructive: void 0,
+									allowDestructive: !1
+								})
+							})] }),
+							/* @__PURE__ */ c("label", { children: [/* @__PURE__ */ s("span", { children: "API key" }), /* @__PURE__ */ s("input", {
+								type: "password",
+								autoComplete: "off",
+								placeholder: "Stored for this browser session only",
+								value: V.token,
+								onChange: (e) => H({
+									...V,
+									token: e.target.value,
+									error: void 0
+								})
+							})] })
+						]
+					}),
+					(V.destructive?.length || K.some((e) => e.safety === "destructive")) && /* @__PURE__ */ c("label", {
+						className: "cloud-destructive",
+						children: [/* @__PURE__ */ s("input", {
+							type: "checkbox",
+							checked: V.allowDestructive,
+							onChange: (e) => H({
+								...V,
+								allowDestructive: e.target.checked
+							})
+						}), /* @__PURE__ */ c("span", { children: ["I reviewed and approve destructive model changes", V.destructive?.length ? `: ${V.destructive.join(", ")}` : "."] })]
+					}),
+					V.error && /* @__PURE__ */ s("div", {
+						className: "cloud-error",
+						role: "alert",
+						children: V.error
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "cloud-actions",
+						children: [/* @__PURE__ */ s("button", {
+							type: "button",
+							className: "btn btn-ghost",
+							onClick: () => B(!1),
+							children: "Cancel"
+						}), /* @__PURE__ */ s("button", {
+							className: "btn btn-primary",
+							disabled: V.publishing,
+							type: "submit",
+							children: V.publishing ? "Publishing…" : "Review and publish"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: `designer-status ${w.some((e) => e.severity === "error") ? "error" : ""}`,
+				children: [/* @__PURE__ */ s("span", { children: O }), /* @__PURE__ */ c("span", { children: [
+					S.collections.length,
+					" collections · ",
+					S.workflows.length,
+					" workflows · ",
+					E.length ? `v${E.length}` : "draft"
+				] })]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "designer-grid",
+				children: [
+					/* @__PURE__ */ c("aside", {
+						className: "model-tree",
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: "panel-title",
+								children: [/* @__PURE__ */ s("span", { children: "Application" }), /* @__PURE__ */ s("button", {
+									"aria-label": "Add collection",
+									onClick: () => F({ name: "" }),
+									children: "＋"
+								})]
+							}),
+							P && /* @__PURE__ */ c("form", {
+								className: "collection-editor",
+								onSubmit: (e) => {
+									e.preventDefault(), Y();
+								},
+								onKeyDown: (e) => {
+									e.key === "Escape" && F(null);
+								},
+								children: [
+									/* @__PURE__ */ c("label", { children: [/* @__PURE__ */ s("span", { children: "New collection" }), /* @__PURE__ */ s("input", {
+										autoFocus: !0,
+										placeholder: "e.g. Customer",
+										value: P.name,
+										onChange: (e) => F({ name: e.target.value })
+									})] }),
+									P.error && /* @__PURE__ */ s("div", {
+										className: "field-error",
+										role: "alert",
+										children: P.error
+									}),
+									/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("button", {
+										type: "button",
+										onClick: () => F(null),
+										children: "Cancel"
+									}), /* @__PURE__ */ s("button", {
+										className: "collection-save",
+										type: "submit",
+										children: "Add"
+									})] })
+								]
+							}),
+							re.map(([e, t]) => /* @__PURE__ */ c("section", { children: [/* @__PURE__ */ s("h3", { children: e }), t.length ? t.map((e) => /* @__PURE__ */ s("div", {
+								className: "tree-item",
+								children: e
+							}, e)) : /* @__PURE__ */ s("div", {
+								className: "tree-empty",
+								children: "None"
+							})] }, e))
+						]
+					}),
+					/* @__PURE__ */ c("section", {
+						className: "model-canvas",
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: "panel-title",
+								children: [/* @__PURE__ */ s("span", { children: "Application graph" }), /* @__PURE__ */ s("span", {
+									className: "graph-legend",
+									children: "intent → fabric"
+								})]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "graph-board",
+								children: [
+									S.collections.map((e) => /* @__PURE__ */ c("article", {
+										className: "model-node",
+										children: [
+											/* @__PURE__ */ s("div", {
+												className: "node-kind",
+												children: "collection"
+											}),
+											/* @__PURE__ */ s("h3", { children: e.name }),
+											e.fields.map((e) => /* @__PURE__ */ c("div", {
+												className: "node-field",
+												children: [/* @__PURE__ */ s("span", { children: e.name }), /* @__PURE__ */ c("code", { children: [e.type, e.optional ? "?" : ""] })]
+											}, e.name)),
+											M?.collection === e.name ? /* @__PURE__ */ c("form", {
+												className: "field-editor",
+												onSubmit: (e) => {
+													e.preventDefault(), Z();
+												},
+												onKeyDown: (e) => {
+													e.key === "Escape" && N(null);
+												},
+												children: [
+													/* @__PURE__ */ c("label", { children: [/* @__PURE__ */ s("span", { children: "Field name" }), /* @__PURE__ */ s("input", {
+														autoFocus: !0,
+														value: M.name,
+														placeholder: "e.g. publishedAt",
+														onChange: (e) => N({
+															...M,
+															name: e.target.value,
+															error: void 0
+														})
+													})] }),
+													/* @__PURE__ */ c("div", {
+														className: "field-editor-row",
+														children: [/* @__PURE__ */ c("label", { children: [/* @__PURE__ */ s("span", { children: "Type" }), /* @__PURE__ */ c("select", {
+															value: M.type,
+															onChange: (e) => N({
+																...M,
+																type: e.target.value,
+																error: void 0
+															}),
+															children: [
+																/* @__PURE__ */ s("option", {
+																	value: "text",
+																	children: "Text"
+																}),
+																/* @__PURE__ */ s("option", {
+																	value: "number",
+																	children: "Number"
+																}),
+																/* @__PURE__ */ s("option", {
+																	value: "boolean",
+																	children: "Boolean"
+																}),
+																/* @__PURE__ */ s("option", {
+																	value: "datetime",
+																	children: "Date & time"
+																}),
+																/* @__PURE__ */ s("option", {
+																	value: "json",
+																	children: "JSON"
+																}),
+																/* @__PURE__ */ s("option", {
+																	value: "ref",
+																	children: "Reference"
+																})
+															]
+														})] }), M.type === "ref" && /* @__PURE__ */ c("label", { children: [/* @__PURE__ */ s("span", { children: "Collection" }), /* @__PURE__ */ s("select", {
+															value: M.reference,
+															onChange: (e) => N({
+																...M,
+																reference: e.target.value,
+																error: void 0
+															}),
+															children: S.collections.filter((t) => t.name !== e.name).map((e) => /* @__PURE__ */ s("option", {
+																value: e.name,
+																children: e.name
+															}, e.name))
+														})] })]
+													}),
+													/* @__PURE__ */ c("label", {
+														className: "field-optional",
+														children: [/* @__PURE__ */ s("input", {
+															type: "checkbox",
+															checked: M.optional,
+															onChange: (e) => N({
+																...M,
+																optional: e.target.checked
+															})
+														}), /* @__PURE__ */ s("span", { children: "Optional field" })]
+													}),
+													M.error && /* @__PURE__ */ s("div", {
+														className: "field-error",
+														role: "alert",
+														children: M.error
+													}),
+													/* @__PURE__ */ c("div", {
+														className: "field-editor-actions",
+														children: [/* @__PURE__ */ s("button", {
+															type: "button",
+															onClick: () => N(null),
+															children: "Cancel"
+														}), /* @__PURE__ */ s("button", {
+															className: "field-save",
+															type: "submit",
+															children: "Add field"
+														})]
+													})
+												]
+											}) : /* @__PURE__ */ s("button", {
+												className: "node-add",
+												onClick: () => X(e.name),
+												children: "+ field"
+											})
+										]
+									}, e.name)),
+									S.workflows.map((e) => /* @__PURE__ */ c("article", {
+										className: "model-node workflow-node",
+										children: [
+											/* @__PURE__ */ s("div", {
+												className: "node-kind",
+												children: "workflow"
+											}),
+											/* @__PURE__ */ s("h3", { children: e.name }),
+											e.steps.map((e) => /* @__PURE__ */ s("div", {
+												className: "node-step",
+												children: e.name
+											}, e.name))
+										]
+									}, e.name)),
+									S.agents.map((e) => /* @__PURE__ */ c("article", {
+										className: "model-node agent-node",
+										children: [
+											/* @__PURE__ */ s("div", {
+												className: "node-kind",
+												children: "agent"
+											}),
+											/* @__PURE__ */ s("h3", { children: e.name }),
+											e.statements.map((e) => /* @__PURE__ */ s("div", {
+												className: "node-step",
+												children: e
+											}, e))
+										]
+									}, e.name))
+								]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "change-strip",
+								children: [
+									/* @__PURE__ */ s("strong", { children: "Model diff" }),
+									/* @__PURE__ */ c("span", {
+										className: "added",
+										children: ["+ ", G.added.join(", ") || "none"]
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "changed",
+										children: ["~ ", G.changed.join(", ") || "none"]
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "removed",
+										children: ["− ", G.removed.join(", ") || "none"]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ c("section", {
+						className: "dsl-panel",
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: "panel-title",
+								children: [/* @__PURE__ */ s("span", { children: "Flow DSL" }), /* @__PURE__ */ s("span", { children: "feltdb.flow" })]
+							}),
+							/* @__PURE__ */ s("textarea", {
+								"aria-label": "Flow DSL",
+								spellCheck: !1,
+								value: b,
+								onChange: (e) => q(e.target.value)
+							}),
+							w.length > 0 && /* @__PURE__ */ s("div", {
+								className: "diagnostics",
+								children: w.map((e, t) => /* @__PURE__ */ c("div", {
+									className: e.severity,
+									children: [
+										e.severity,
+										": ",
+										e.message
+									]
+								}, t))
+							})
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { _, F as a, y as b, M as c, O as d, D as f, v as g, b as h, I as i, j as l, w as m, R as n, P as o, E as p, L as r, N as s, B as t, k as u, x as v, g as x, S as y };