@feltdb/core 0.7.4 → 0.8.0

package/dist/studio/components-CNSNrmA9.js

@@ -0,0 +1,2787 @@
+import { ServiceApiError as e, StudioServiceApi as t, safeDisplayValue as n, serviceApiErrorMessage as r } from "./utils/service-api.js";
+import { StudioProposalApi as i, proposalErrorMessage as a, proposalSections as o } from "./utils/proposal-api.js";
+import "./KeyManagementPanel-DZuSeWBK.js";
+import "./components/ManagedInstancePanel.js";
+import s, { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { Link as p } from "react-router-dom";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { createFeltDB as _, diffFlowSpec as v, emptyFlowSpec as y, formatFlowSpec as b, parseFlowSpec as x, planFlowSpecMigration as S, resolveFeltDBModules as C, validateFlowSpec as w } from "@feltdb/core";
+//#region src/components/OverviewDashboard.tsx
+function T({ stats: e }) {
+	return e ? /* @__PURE__ */ g("div", {
+		className: "overview-dashboard",
+		children: [/* @__PURE__ */ g("div", {
+			className: "dashboard-header",
+			children: [/* @__PURE__ */ h("h1", { children: "FeltDB Studio" }), /* @__PURE__ */ h("div", {
+				className: "namespace-badge",
+				children: e.namespace
+			})]
+		}), /* @__PURE__ */ g("div", {
+			className: "dashboard-grid",
+			children: [
+				/* @__PURE__ */ g("div", {
+					className: "stat-card",
+					children: [
+						/* @__PURE__ */ h("label", { children: "Runtime" }),
+						/* @__PURE__ */ h("div", {
+							className: `status-indicator ${e.status}`,
+							children: "●"
+						}),
+						/* @__PURE__ */ h("span", { children: e.status.charAt(0).toUpperCase() + e.status.slice(1) })
+					]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ h("label", { children: "Storage" }), /* @__PURE__ */ g("span", { children: [
+						e.persistence,
+						" / ",
+						e.storageBackend
+					] })]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ h("label", { children: "Peers" }), /* @__PURE__ */ h("span", {
+						className: "stat-number",
+						children: e.peersCount
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ h("label", { children: "Objects" }), /* @__PURE__ */ h("span", {
+						className: "stat-number",
+						children: e.objectsCount
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ h("label", { children: "Operations" }), /* @__PURE__ */ h("span", {
+						className: "stat-number",
+						children: e.operationsCount
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ h("label", { children: "Capabilities" }), /* @__PURE__ */ h("span", {
+						className: "stat-number",
+						children: e.capabilitiesCount
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ h("label", { children: "Executions" }), /* @__PURE__ */ h("span", {
+						className: "stat-number",
+						children: e.executionsCount
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ h("label", { children: "Workflows" }), /* @__PURE__ */ h("span", {
+						className: "stat-number",
+						children: e.workflowsCount
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ h("label", { children: "Agents" }), /* @__PURE__ */ h("span", {
+						className: "stat-number",
+						children: e.agentsCount
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "stat-card",
+					children: [/* @__PURE__ */ h("label", { children: "Conflicts" }), /* @__PURE__ */ h("span", {
+						className: "stat-number",
+						children: e.conflictsCount
+					})]
+				})
+			]
+		})]
+	}) : /* @__PURE__ */ h("div", {
+		className: "overview-dashboard loading",
+		children: /* @__PURE__ */ h("p", { children: "Loading runtime information..." })
+	});
+}
+//#endregion
+//#region src/components/StateExplorer.tsx
+function E({ field: e, value: t }) {
+	let r = n(e, t);
+	if (r == null) return /* @__PURE__ */ h("span", {
+		className: "data-null",
+		children: "—"
+	});
+	if (typeof r == "boolean") return /* @__PURE__ */ h("span", {
+		className: `data-boolean ${r}`,
+		children: r ? "True" : "False"
+	});
+	if (/date|time/i.test(e.type) && (typeof r == "string" || typeof r == "number")) {
+		let e = new Date(r);
+		if (!Number.isNaN(e.valueOf())) return /* @__PURE__ */ h("time", {
+			dateTime: e.toISOString(),
+			children: e.toLocaleString()
+		});
+	}
+	return typeof r == "object" ? !Array.isArray(r) && r.secret === !0 ? /* @__PURE__ */ g("span", {
+		className: "secret-state",
+		children: [r.configured ? "Configured" : "Not configured", " · Secret"]
+	}) : /* @__PURE__ */ g("details", { children: [/* @__PURE__ */ h("summary", { children: Array.isArray(r) ? `${r.length} items` : "Object" }), /* @__PURE__ */ h("pre", { children: JSON.stringify(r, null, 2) })] }) : /* @__PURE__ */ h(m, { children: String(r) });
+}
+function D({ api: e, schema: t, detail: n, onNavigate: i, onClose: a }) {
+	let [o, c] = f({}), [l, u] = f(""), d = new Map(n.relationships.map((e) => [e.name, e])), p = async (t) => {
+		try {
+			let r = await e.records(t.source_collection, void 0, { [t.foreign_field]: String(n.record.id) }, 20);
+			c((e) => ({
+				...e,
+				[t.name]: r.records
+			}));
+		} catch (e) {
+			u(r(e, t.source_collection));
+		}
+	};
+	return /* @__PURE__ */ g("section", {
+		className: "data-detail studio-card",
+		"aria-label": `${t.collection} record detail`,
+		children: [
+			/* @__PURE__ */ g("header", { children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("span", {
+				className: "card-kind",
+				children: "record"
+			}), /* @__PURE__ */ h("h2", { children: t.collection })] }), /* @__PURE__ */ h("button", {
+				className: "data-close",
+				onClick: a,
+				"aria-label": "Close record",
+				children: "×"
+			})] }),
+			/* @__PURE__ */ h("dl", { children: [{
+				name: "id",
+				type: "text"
+			}, ...t.fields].map((e) => {
+				let t = d.get(e.name);
+				return /* @__PURE__ */ g(s.Fragment, { children: [/* @__PURE__ */ g("dt", { children: [e.name, /* @__PURE__ */ g("small", { children: [e.type, e.required ? " · required" : ""] })] }), /* @__PURE__ */ h("dd", { children: t?.reference ? /* @__PURE__ */ g("button", {
+					className: "reference-value",
+					onClick: () => i(t.reference.collection, t.reference.id),
+					children: [
+						"→ ",
+						t.reference.collection,
+						" / ",
+						t.reference.id
+					]
+				}) : /* @__PURE__ */ h(E, {
+					field: e,
+					value: n.record[e.name]
+				}) })] }, e.name);
+			}) }),
+			t.relationships.filter((e) => e.cardinality === "many").map((e) => /* @__PURE__ */ g("section", {
+				className: "reverse-relationship",
+				children: [
+					/* @__PURE__ */ h("h3", { children: e.source_collection }),
+					/* @__PURE__ */ g("p", { children: [
+						"References this ",
+						t.collection,
+						" through ",
+						/* @__PURE__ */ h("code", { children: e.foreign_field }),
+						"."
+					] }),
+					!o[e.name] && /* @__PURE__ */ h("button", {
+						className: "btn btn-ghost",
+						onClick: () => void p(e),
+						children: "Show related records (up to 20)"
+					}),
+					o[e.name]?.map((t) => /* @__PURE__ */ g("button", {
+						className: "reference-value",
+						onClick: () => i(e.source_collection, String(t.id)),
+						children: [
+							"→ ",
+							e.source_collection,
+							" / ",
+							String(t.id)
+						]
+					}, String(t.id)))
+				]
+			}, e.name)),
+			l && /* @__PURE__ */ h("p", {
+				role: "alert",
+				className: "runtime-error",
+				children: l
+			})
+		]
+	});
+}
+function O({ serviceUrl: n = "", token: i = "", applicationId: a, environment: o, refreshIntervalMs: s = 3e4 }) {
+	let d = u(() => new t({
+		baseUrl: n,
+		token: i,
+		applicationId: a,
+		environment: o
+	}), [
+		n,
+		i,
+		a,
+		o
+	]), [p, m] = f(), [_, v] = f(), [y, b] = f(""), [x, S] = f([]), [C, w] = f(), [T, O] = f(), [k, A] = f([]), [j, M] = f(null), [N, P] = f(""), [F, I] = f(""), [L, R] = f({}), [z, B] = f(!0), [V, H] = f(""), U = c(async () => {
+		try {
+			let [e, t] = await Promise.all([d.application(), d.schema()]);
+			m(e), v(t), H(""), b((e) => t.collections.some((t) => t.collection === e) ? e : t.collections[0]?.collection || "");
+		} catch (e) {
+			H(r(e));
+		}
+	}, [d]), W = c(async (t, n = L, i = !0) => {
+		if (y) {
+			B(!0), H(""), w(void 0);
+			try {
+				let e = await d.records(y, t, n);
+				S(e.records), O(t), M(e.pagination.nextCursor);
+			} catch (a) {
+				if (i && t && a instanceof e && a.code === "invalid_cursor") {
+					A([]), await W(void 0, n, !1), H("The cursor expired. Refreshed from the first page.");
+					return;
+				}
+				H(r(a, y)), S([]);
+			} finally {
+				B(!1);
+			}
+		}
+	}, [
+		L,
+		d,
+		y
+	]);
+	l(() => {
+		B(!0), U().finally(() => B(!1));
+		let e = window.setInterval(() => void U(), s);
+		return () => window.clearInterval(e);
+	}, [U, s]), l(() => {
+		A([]), O(void 0), M(null), R({}), P(""), I(""), y && W(void 0, {});
+	}, [y, d]);
+	let G = _?.collections.find((e) => e.collection === y), K = _?.collections.find((e) => e.collection === C?.collection), q = async (e, t) => {
+		H("");
+		try {
+			w(await d.record(e, t));
+		} catch (t) {
+			w(void 0), H(r(t, e));
+		}
+	}, J = () => {
+		let e = N && F ? { [N]: F } : {};
+		R(e), A([]), W(void 0, e);
+	};
+	return /* @__PURE__ */ g("div", {
+		className: "studio-model-page data-explorer",
+		children: [
+			/* @__PURE__ */ g("header", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Application state"
+				}),
+				/* @__PURE__ */ h("h1", { children: "Data" }),
+				/* @__PURE__ */ h("p", { children: "Real persisted records, authorized and redacted by the FeltDB Service API." })
+			] }),
+			/* @__PURE__ */ g("section", {
+				className: "application-context",
+				"aria-label": "Active application context",
+				children: [
+					/* @__PURE__ */ g("span", { children: [/* @__PURE__ */ h("small", { children: "Application" }), /* @__PURE__ */ h("strong", { children: p?.application_name || p?.application_id || a })] }),
+					/* @__PURE__ */ g("span", { children: [/* @__PURE__ */ h("small", { children: "Environment" }), /* @__PURE__ */ h("strong", { children: p?.environment || o })] }),
+					/* @__PURE__ */ g("span", { children: [/* @__PURE__ */ h("small", { children: "Contract" }), /* @__PURE__ */ g("strong", { children: ["v", p?.version ?? _?.contract_version ?? "…"] })] }),
+					/* @__PURE__ */ g("span", { children: [/* @__PURE__ */ h("small", { children: "Contract Hash" }), /* @__PURE__ */ h("code", { children: p?.contract_hash ? `${p.contract_hash.slice(0, 12)}…` : "…" })] }),
+					/* @__PURE__ */ g("span", { children: [/* @__PURE__ */ h("small", { children: "Flow" }), /* @__PURE__ */ h("code", { children: p?.flow_hash ? `${p.flow_hash.slice(0, 12)}…` : "Not recorded" })] })
+				]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "data-layout",
+				children: [/* @__PURE__ */ g("aside", {
+					className: "studio-card",
+					children: [
+						/* @__PURE__ */ h("span", {
+							className: "card-kind",
+							children: "Collections"
+						}),
+						_?.collections.map((e) => /* @__PURE__ */ h("button", {
+							className: e.collection === y ? "active" : "",
+							onClick: () => b(e.collection),
+							children: e.collection
+						}, e.collection)),
+						!_?.collections.length && !z && /* @__PURE__ */ h("p", { children: "No application collections." })
+					]
+				}), /* @__PURE__ */ g("section", {
+					className: "data-browser",
+					children: [
+						/* @__PURE__ */ g("header", { children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("span", {
+							className: "card-kind",
+							children: "collection"
+						}), /* @__PURE__ */ h("h2", { children: y || "Data" })] }), G && /* @__PURE__ */ g("form", {
+							onSubmit: (e) => {
+								e.preventDefault(), J();
+							},
+							children: [
+								/* @__PURE__ */ g("select", {
+									"aria-label": "Filter field",
+									value: N,
+									onChange: (e) => P(e.target.value),
+									children: [/* @__PURE__ */ h("option", {
+										value: "",
+										children: "Filter field"
+									}), G.fields.map((e) => /* @__PURE__ */ h("option", {
+										value: e.name,
+										children: e.name
+									}, e.name))]
+								}),
+								/* @__PURE__ */ h("input", {
+									"aria-label": "Filter value",
+									value: F,
+									onChange: (e) => I(e.target.value),
+									placeholder: "Equals…"
+								}),
+								/* @__PURE__ */ h("button", { children: "Apply" })
+							]
+						})] }),
+						V && /* @__PURE__ */ g("div", {
+							className: "data-error",
+							role: "alert",
+							children: [V, /* @__PURE__ */ h("button", {
+								onClick: () => void W(void 0),
+								children: "Refresh"
+							})]
+						}),
+						z ? /* @__PURE__ */ h("div", {
+							className: "model-empty",
+							children: "Loading…"
+						}) : x.length === 0 ? /* @__PURE__ */ g("div", {
+							className: "model-empty",
+							children: [
+								"No records yet.",
+								/* @__PURE__ */ h("br", {}),
+								"Create a ",
+								y || "record",
+								" through your application to see persisted application state here."
+							]
+						}) : G && /* @__PURE__ */ h("div", {
+							className: "table-shell",
+							children: /* @__PURE__ */ g("table", { children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", { children: [/* @__PURE__ */ h("th", { children: "id" }), G.fields.map((e) => /* @__PURE__ */ g("th", { children: [e.name, /* @__PURE__ */ g("small", { children: [e.type, e.reference ? ` → ${e.reference}` : ""] })] }, e.name))] }) }), /* @__PURE__ */ h("tbody", { children: x.map((e) => /* @__PURE__ */ g("tr", {
+								onClick: () => void q(y, String(e.id)),
+								children: [/* @__PURE__ */ h("td", { children: /* @__PURE__ */ h("button", {
+									className: "record-link",
+									children: String(e.id)
+								}) }), G.fields.map((t) => /* @__PURE__ */ h("td", { children: t.reference && e[t.name] != null ? /* @__PURE__ */ g("span", {
+									className: "reference-value",
+									children: [
+										"→ ",
+										t.reference,
+										" / ",
+										String(e[t.name])
+									]
+								}) : /* @__PURE__ */ h(E, {
+									field: t,
+									value: e[t.name]
+								}) }, t.name))]
+							}, String(e.id))) })] })
+						}),
+						/* @__PURE__ */ g("footer", {
+							className: "data-pagination",
+							children: [
+								/* @__PURE__ */ g("span", { children: [
+									"Showing ",
+									+!!x.length,
+									"–",
+									x.length
+								] }),
+								/* @__PURE__ */ h("button", {
+									disabled: !k.length,
+									onClick: () => {
+										let e = k.at(-1);
+										A((e) => e.slice(0, -1)), W(e);
+									},
+									children: "← Previous"
+								}),
+								/* @__PURE__ */ h("button", {
+									disabled: !j,
+									onClick: () => {
+										A((e) => [...e, T]), W(j || void 0);
+									},
+									children: "Next →"
+								})
+							]
+						}),
+						C && K && /* @__PURE__ */ h(D, {
+							api: d,
+							schema: K,
+							detail: C,
+							onNavigate: (e, t) => void q(e, t),
+							onClose: () => w(void 0)
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ReferenceExplorer.tsx
+function k(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 A({ db: e, model: t, namespace: n = "default" }) {
+	let [r, i] = f(""), [a, o] = f(), [s, c] = f("Enter a reference to resolve live state."), l = async () => {
+		let t = k(r);
+		if (!t || !e) {
+			o(void 0), c(e ? "Use Collection/id or flow://namespace/Collection/id." : "Runtime unavailable.");
+			return;
+		}
+		let n = await e.collection(t.collection).get(t.id);
+		o(n), c(n ? "Materialized locally" : "Reference is valid but is not materialized locally");
+	};
+	return /* @__PURE__ */ g("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ g("header", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ h("h1", { children: "References" }),
+				/* @__PURE__ */ h("p", { children: "Resolve stable Flow references directly into their materialized state." })
+			] }),
+			/* @__PURE__ */ g("div", {
+				className: "reference-query",
+				children: [/* @__PURE__ */ h("input", {
+					value: r,
+					onChange: (e) => i(e.target.value),
+					onKeyDown: (e) => {
+						e.key === "Enter" && l();
+					},
+					placeholder: `flow://${n}/Collection/id`
+				}), /* @__PURE__ */ h("button", {
+					onClick: () => void l(),
+					children: "Resolve"
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "reference-layout",
+				children: [/* @__PURE__ */ g("article", {
+					className: "studio-card",
+					children: [/* @__PURE__ */ h("span", {
+						className: "card-kind",
+						children: "Known collections"
+					}), t?.collections.map((e) => /* @__PURE__ */ g("button", {
+						className: "reference-example",
+						onClick: () => i(`flow://${n}/${e.name}/id`),
+						children: [e.name, /* @__PURE__ */ g("small", { children: [e.fields.length, " fields"] })]
+					}, e.name))]
+				}), /* @__PURE__ */ g("article", {
+					className: "studio-card reference-result",
+					children: [
+						/* @__PURE__ */ h("span", {
+							className: "card-kind",
+							children: "Resolution"
+						}),
+						/* @__PURE__ */ h("h2", { children: s }),
+						a !== void 0 && /* @__PURE__ */ h("pre", { children: JSON.stringify(a, null, 2) })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OperationsExplorer.tsx
+function j({ db: e, namespace: t = "default" }) {
+	let [n, r] = f([]), [i, a] = f("all");
+	l(() => {
+		if (!e) return;
+		let t = !0, n = async () => {
+			let n = await e.auditEvents();
+			t && r(n.slice().reverse());
+		};
+		n();
+		let i = setInterval(() => void n(), 1e3);
+		return () => {
+			t = !1, clearInterval(i);
+		};
+	}, [e]);
+	let o = n.filter((e) => i === "all" || e.type === i);
+	return /* @__PURE__ */ g("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ g("header", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ h("h1", { children: "Operations" }),
+				/* @__PURE__ */ h("p", { children: "The runtime's durable local mutation log—not a simulated activity feed." })
+			] }),
+			/* @__PURE__ */ g("div", {
+				className: "model-summary",
+				children: [
+					/* @__PURE__ */ g("span", { children: [n.length, " recorded"] }),
+					/* @__PURE__ */ g("span", { children: [t, " namespace"] }),
+					/* @__PURE__ */ g("select", {
+						value: i,
+						onChange: (e) => a(e.target.value),
+						children: [
+							/* @__PURE__ */ h("option", {
+								value: "all",
+								children: "All mutations"
+							}),
+							/* @__PURE__ */ h("option", {
+								value: "put",
+								children: "Writes"
+							}),
+							/* @__PURE__ */ h("option", {
+								value: "delete",
+								children: "Deletes"
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "table-shell",
+				children: /* @__PURE__ */ g("table", {
+					className: "operations-table",
+					children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", { children: [
+						/* @__PURE__ */ h("th", { children: "Sequence" }),
+						/* @__PURE__ */ h("th", { children: "Mutation" }),
+						/* @__PURE__ */ h("th", { children: "Collection" }),
+						/* @__PURE__ */ h("th", { children: "Key" }),
+						/* @__PURE__ */ h("th", { children: "Timestamp" })
+					] }) }), /* @__PURE__ */ g("tbody", { children: [o.map((e) => /* @__PURE__ */ g("tr", { children: [
+						/* @__PURE__ */ h("td", { children: e.sequence }),
+						/* @__PURE__ */ h("td", { children: /* @__PURE__ */ h("span", {
+							className: `event-pill ${e.type}`,
+							children: e.type
+						}) }),
+						/* @__PURE__ */ h("td", { children: e.collection }),
+						/* @__PURE__ */ h("td", { children: /* @__PURE__ */ h("code", { children: e.key }) }),
+						/* @__PURE__ */ h("td", { children: new Date(e.timestamp).toLocaleString() })
+					] }, `${e.sequence}-${e.key}`)), !o.length && /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h("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 M({ peers: e = [], localInstance: t = "local" }) {
+	return /* @__PURE__ */ g("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ g("header", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ h("h1", { children: "Peers" }),
+				/* @__PURE__ */ h("p", { children: "The live topology participating in this application's convergence fabric." })
+			] }),
+			/* @__PURE__ */ g("div", {
+				className: "peer-topology",
+				children: [/* @__PURE__ */ g("article", {
+					className: "peer-node local",
+					children: [
+						/* @__PURE__ */ h("span", { children: "this instance" }),
+						/* @__PURE__ */ h("h2", { children: t }),
+						/* @__PURE__ */ h("small", { children: "online · authoritative local state" })
+					]
+				}), e.map((e) => /* @__PURE__ */ g(s.Fragment, { children: [/* @__PURE__ */ h("i", { className: "peer-link" }), /* @__PURE__ */ g("article", {
+					className: "peer-node",
+					children: [
+						/* @__PURE__ */ h("span", { children: "connected peer" }),
+						/* @__PURE__ */ h("h2", { children: e }),
+						/* @__PURE__ */ h("small", { children: "online · exchanging operations" })
+					]
+				})] }, e))]
+			}),
+			!e.length && /* @__PURE__ */ h("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 N({ model: e }) {
+	let t = e?.capabilities ?? [];
+	return /* @__PURE__ */ g("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ g("header", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Design"
+				}),
+				/* @__PURE__ */ h("h1", { children: "Capabilities" }),
+				/* @__PURE__ */ g("p", { children: [
+					"Declared authority available to workflows and autonomous agents in ",
+					e?.app ?? "this application",
+					"."
+				] })
+			] }),
+			/* @__PURE__ */ g("div", {
+				className: "model-summary",
+				children: [/* @__PURE__ */ g("span", { children: [t.length, " declared"] }), /* @__PURE__ */ g("span", { children: [new Set(t.flatMap((e) => e.statements)).size, " permission rules"] })]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "studio-card-grid",
+				children: [t.map((e) => /* @__PURE__ */ g("article", {
+					className: "studio-card capability-card",
+					children: [
+						/* @__PURE__ */ h("div", {
+							className: "card-kind",
+							children: "capability"
+						}),
+						/* @__PURE__ */ h("h2", { children: e.name }),
+						/* @__PURE__ */ h("div", {
+							className: "statement-list",
+							children: e.statements.map((e) => {
+								let [t, ...n] = e.split(" ");
+								return /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("b", { children: t }), /* @__PURE__ */ h("code", { children: n.join(" ") })] }, e);
+							})
+						})
+					]
+				}, e.name)), !t.length && /* @__PURE__ */ h("div", {
+					className: "model-empty",
+					children: "No capabilities are declared in the current project model."
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/hooks/index.ts
+function P(e, t = "default") {
+	let [n, r] = f(null);
+	return l(() => {
+		if (!e) {
+			r(null);
+			return;
+		}
+		let n = e.runtime(), i = n.runtime === "browser" ? "browser" : n.runtime === "node" ? "self-hosted" : "remote";
+		r({
+			db: e,
+			connected: !0,
+			namespace: t,
+			instanceId: e.instanceId?.() || "unknown",
+			environment: i
+		});
+	}, [e, t]), n;
+}
+function F(e, t = null, n = "default") {
+	let [r, i] = f(null);
+	return l(() => {
+		if (!e) {
+			i(null);
+			return;
+		}
+		let r = async () => {
+			try {
+				let r = e.runtime(), a = e.health(), o = e.sync?.(), s = t ? await Promise.all(t.collections.map((t) => e.collection(t.name).count())) : [];
+				i({
+					namespace: n,
+					status: a?.status || "healthy",
+					storageBackend: r.storage,
+					persistence: r.persistent ? "durable" : "volatile",
+					peersCount: o?.connected_peers?.length || 0,
+					objectsCount: s.reduce((e, t) => e + t, 0),
+					operationsCount: o?.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: o?.conflicts_detected || 0
+				});
+			} catch (e) {
+				console.error("Failed to fetch dashboard stats:", e);
+			}
+		};
+		r();
+		let a = setInterval(r, 5e3);
+		return () => clearInterval(a);
+	}, [
+		e,
+		t,
+		n
+	]), r;
+}
+function I(e) {
+	let [t, n] = f(null), [r, i] = f(!1), [a, o] = f(null), s = c(async () => {
+		if (e) {
+			i(!0), o(null);
+			try {
+				let t = e.health();
+				n(t);
+			} catch (e) {
+				o(e instanceof Error ? e.message : "Failed to fetch diagnostics");
+			} finally {
+				i(!1);
+			}
+		}
+	}, [e]);
+	return l(() => {
+		s();
+	}, [e, s]), {
+		diagnostics: t,
+		loading: r,
+		error: a,
+		refresh: s
+	};
+}
+function L(e, t) {
+	let [n, r] = f([]), [i, a] = f(!0), [o, s] = f(null);
+	return l(() => {
+		if (e) {
+			a(!0), s(null);
+			try {
+				let n = e.collection(t).subscribe((e) => {
+					r(e), a(!1);
+				});
+				return () => n();
+			} catch (e) {
+				s(e instanceof Error ? e.message : "Failed to load collection"), a(!1);
+			}
+		}
+	}, [e, t]), {
+		items: n,
+		loading: i,
+		error: o
+	};
+}
+function R(e) {
+	let [t, n] = f([]);
+	return l(() => {
+		if (!e) {
+			n([]);
+			return;
+		}
+		let t = () => {
+			try {
+				let t = e.sync?.();
+				n(t?.connected_peers || []);
+			} catch (e) {
+				console.error("Failed to fetch peers:", e);
+			}
+		};
+		t();
+		let r = setInterval(t, 2e3);
+		return () => clearInterval(r);
+	}, [e]), t;
+}
+function z(e, t) {
+	let [n, r] = f(null), [i, a] = f(!1), [o, s] = f(null);
+	return l(() => {
+		if (!e || !t) {
+			r(null);
+			return;
+		}
+		a(!0), s(null), (async () => {
+			try {
+				let n = e.provenance(t);
+				r(n);
+			} catch (e) {
+				s(e instanceof Error ? e.message : "Failed to fetch provenance");
+			} finally {
+				a(!1);
+			}
+		})();
+	}, [e, t]), {
+		provenance: n,
+		loading: i,
+		error: o
+	};
+}
+//#endregion
+//#region src/components/ExecutionViewer.tsx
+function B({ db: e, name: t, label: n }) {
+	let { items: r } = L(e, t);
+	return r.length ? /* @__PURE__ */ g("section", { children: [/* @__PURE__ */ g("h2", { children: [n, /* @__PURE__ */ h("span", { children: r.length })] }), /* @__PURE__ */ h("div", {
+		className: "execution-list",
+		children: r.map((e, r) => /* @__PURE__ */ g("article", {
+			className: "execution-row",
+			children: [
+				/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("b", { children: String(e.name ?? e.workflow ?? e.incident_id ?? e.id ?? n) }), /* @__PURE__ */ h("small", { children: t })] }),
+				/* @__PURE__ */ h("span", {
+					className: "event-pill put",
+					children: String(e.status ?? e.state ?? "materialized")
+				}),
+				/* @__PURE__ */ h("pre", { children: JSON.stringify(e, null, 2) })
+			]
+		}, String(e.id ?? r)))
+	})] }) : null;
+}
+function V({ db: e, model: t }) {
+	return /* @__PURE__ */ g("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ g("header", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ h("h1", { children: "Executions" }),
+				/* @__PURE__ */ h("p", { children: "Capability work, workflow runs, assignments, and agent decisions as inspectable state." })
+			] }),
+			/* @__PURE__ */ g("div", {
+				className: "model-summary",
+				children: [/* @__PURE__ */ g("span", { children: [t?.workflows.length ?? 0, " workflow definitions"] }), /* @__PURE__ */ g("span", { children: [t?.agents.length ?? 0, " autonomous agents"] })]
+			}),
+			/* @__PURE__ */ h(B, {
+				db: e ?? null,
+				name: "_flow_executions",
+				label: "Capability executions"
+			}),
+			/* @__PURE__ */ h(B, {
+				db: e ?? null,
+				name: "_flow_workflow_runs",
+				label: "Workflow runs"
+			}),
+			/* @__PURE__ */ h(B, {
+				db: e ?? null,
+				name: "Assignment",
+				label: "Materialized assignments"
+			}),
+			/* @__PURE__ */ h(B, {
+				db: e ?? null,
+				name: "Decision",
+				label: "Agent decisions"
+			}),
+			/* @__PURE__ */ h(B, {
+				db: e ?? null,
+				name: "_flow_agent_executions",
+				label: "Agent executions"
+			}),
+			/* @__PURE__ */ g("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 H({ db: e, diagnostics: t }) {
+	let n = (() => {
+		try {
+			return e?.sync();
+		} catch {
+			return;
+		}
+	})(), r = n?.conflicts_detected ?? 0;
+	return /* @__PURE__ */ g("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ g("header", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ h("h1", { children: "Conflicts" }),
+				/* @__PURE__ */ h("p", { children: "Concurrent mutations detected while replicas converge." })
+			] }),
+			/* @__PURE__ */ g("div", {
+				className: "metric-grid",
+				children: [
+					/* @__PURE__ */ g("article", { children: [/* @__PURE__ */ h("b", { children: r }), /* @__PURE__ */ h("span", { children: "detected" })] }),
+					/* @__PURE__ */ g("article", { children: [/* @__PURE__ */ h("b", { children: n?.pending_operations ?? 0 }), /* @__PURE__ */ h("span", { children: "pending operations" })] }),
+					/* @__PURE__ */ g("article", { children: [/* @__PURE__ */ h("b", { children: n?.connected_peers.length ?? 0 }), /* @__PURE__ */ h("span", { children: "connected peers" })] })
+				]
+			}),
+			/* @__PURE__ */ g("article", {
+				className: "studio-card",
+				children: [
+					/* @__PURE__ */ h("span", {
+						className: "card-kind",
+						children: "Convergence"
+					}),
+					/* @__PURE__ */ h("h2", { children: r ? "Conflict activity detected" : "No conflicts detected" }),
+					/* @__PURE__ */ h("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__ */ h("code", { children: "Causal ordering → deterministic materialization → auditable resolution" })
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/WorkflowVisualizer.tsx
+function U({ model: e }) {
+	let t = e?.workflows ?? [], [n, r] = f(), i = t.find((e) => e.name === n) ?? t[0];
+	return /* @__PURE__ */ g("div", {
+		className: "studio-model-page",
+		children: [/* @__PURE__ */ g("header", { children: [
+			/* @__PURE__ */ h("span", {
+				className: "eyebrow",
+				children: "Design"
+			}),
+			/* @__PURE__ */ h("h1", { children: "Workflows" }),
+			/* @__PURE__ */ h("p", { children: "Durable state transitions declared by the application model." })
+		] }), /* @__PURE__ */ g("div", {
+			className: "split-browser",
+			children: [/* @__PURE__ */ h("aside", { children: t.map((e) => /* @__PURE__ */ g("button", {
+				className: e.name === i?.name ? "active" : "",
+				onClick: () => r(e.name),
+				children: [/* @__PURE__ */ h("strong", { children: e.name }), /* @__PURE__ */ g("span", { children: [e.steps.length, " steps"] })]
+			}, e.name)) }), /* @__PURE__ */ h("section", { children: i ? /* @__PURE__ */ g(m, { children: [
+				/* @__PURE__ */ h("div", {
+					className: "card-kind",
+					children: "workflow"
+				}),
+				/* @__PURE__ */ h("h2", { children: i.name }),
+				i.parameters.length > 0 && /* @__PURE__ */ g("code", {
+					className: "signature",
+					children: [
+						"(",
+						i.parameters,
+						")"
+					]
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "workflow-track",
+					children: i.steps.map((e, t) => /* @__PURE__ */ g(s.Fragment, { children: [/* @__PURE__ */ g("article", { children: [/* @__PURE__ */ h("span", { children: t + 1 }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("strong", { children: e.name }), e.statements.map((e) => /* @__PURE__ */ h("code", { children: e }, e))] })] }), t < i.steps.length - 1 && /* @__PURE__ */ h("i", { children: "→" })] }, e.name))
+				})
+			] }) : /* @__PURE__ */ h("div", {
+				className: "model-empty",
+				children: "No workflows are declared."
+			}) })]
+		})]
+	});
+}
+//#endregion
+//#region src/components/AgentExplorer.tsx
+function W({ model: e }) {
+	let t = e?.agents ?? [], [n, r] = f(), i = t.find((e) => e.name === n) ?? t[0];
+	return /* @__PURE__ */ g("div", {
+		className: "studio-model-page",
+		children: [/* @__PURE__ */ g("header", { children: [
+			/* @__PURE__ */ h("span", {
+				className: "eyebrow",
+				children: "Design"
+			}),
+			/* @__PURE__ */ h("h1", { children: "Agents" }),
+			/* @__PURE__ */ h("p", { children: "Autonomous participants whose authority and workflows are part of the model." })
+		] }), /* @__PURE__ */ g("div", {
+			className: "split-browser",
+			children: [/* @__PURE__ */ h("aside", { children: t.map((e) => /* @__PURE__ */ g("button", {
+				className: e.name === i?.name ? "active" : "",
+				onClick: () => r(e.name),
+				children: [/* @__PURE__ */ h("strong", { children: e.name }), /* @__PURE__ */ g("span", { children: [e.statements.length, " bindings"] })]
+			}, e.name)) }), /* @__PURE__ */ h("section", { children: i ? /* @__PURE__ */ h(m, { children: /* @__PURE__ */ g("div", {
+				className: "agent-orbit",
+				children: [/* @__PURE__ */ g("div", {
+					className: "agent-core",
+					children: [/* @__PURE__ */ h("span", { children: "agent" }), /* @__PURE__ */ h("strong", { children: i.name })]
+				}), i.statements.map((e) => /* @__PURE__ */ g("div", {
+					className: "agent-binding",
+					children: [/* @__PURE__ */ h("span", { children: e.split(" ")[0] }), /* @__PURE__ */ h("strong", { children: e.split(" ").slice(1).join(" ") })]
+				}, e))]
+			}) }) : /* @__PURE__ */ h("div", {
+				className: "model-empty",
+				children: "No agents are declared."
+			}) })]
+		})]
+	});
+}
+//#endregion
+//#region src/components/ProvenanceViewer.tsx
+function G({ db: e, namespace: t = "default", reference: n }) {
+	let [r, i] = f(n ?? ""), [a, o] = f(null), [s, c] = f([]), [u, d] = f("Enter a Flow reference to trace it.");
+	l(() => {
+		n && i(n);
+	}, [n]);
+	let p = async () => {
+		if (!(!e || !r)) try {
+			let t = e.provenance(r);
+			o(t), d("Causal graph resolved");
+		} catch {
+			o(null);
+			let t = await e.auditEvents(), n = r.split("/"), i = n[n.length - 1] ?? "", a = t.filter((e) => e.key.includes(i));
+			c(a), d(a.length ? "Local mutation lineage" : "No local lineage found for this reference");
+		}
+	};
+	return /* @__PURE__ */ g("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ g("header", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ h("h1", { children: "Provenance" }),
+				/* @__PURE__ */ h("p", { children: "Follow why state exists—from durable mutations to causal workflow and agent edges." })
+			] }),
+			/* @__PURE__ */ g("div", {
+				className: "reference-query",
+				children: [/* @__PURE__ */ h("input", {
+					value: r,
+					onChange: (e) => i(e.target.value),
+					placeholder: `flow://${t}/Collection/id`
+				}), /* @__PURE__ */ h("button", {
+					onClick: () => void p(),
+					children: "Trace"
+				})]
+			}),
+			/* @__PURE__ */ g("article", {
+				className: "studio-card provenance-result",
+				children: [
+					/* @__PURE__ */ h("span", {
+						className: "card-kind",
+						children: "Lineage"
+					}),
+					/* @__PURE__ */ h("h2", { children: u }),
+					a && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+						className: "model-summary",
+						children: [/* @__PURE__ */ g("span", { children: [a.nodes.length, " nodes"] }), /* @__PURE__ */ g("span", { children: [a.edges.length, " edges"] })]
+					}), /* @__PURE__ */ h("div", {
+						className: "provenance-nodes",
+						children: a.nodes.map((e) => /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("b", { children: e.label }), /* @__PURE__ */ h("small", { children: e.type })] }, e.id))
+					})] }),
+					!a && s.map((e) => /* @__PURE__ */ g("div", {
+						className: "provenance-event",
+						children: [
+							/* @__PURE__ */ h("span", { children: e.sequence }),
+							/* @__PURE__ */ g("b", { children: [
+								e.type,
+								" ",
+								e.collection
+							] }),
+							/* @__PURE__ */ h("code", { children: e.key }),
+							/* @__PURE__ */ h("small", { children: new Date(e.timestamp).toLocaleString() })
+						]
+					}, `${e.sequence}-${e.key}`))
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/HealthCenter.tsx
+function K({ 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__ */ g("div", {
+		className: "studio-model-page",
+		children: [
+			/* @__PURE__ */ g("header", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Observe"
+				}),
+				/* @__PURE__ */ h("h1", { children: "Health" }),
+				/* @__PURE__ */ h("p", { children: "Runtime diagnostics, not optimistic defaults." })
+			] }),
+			/* @__PURE__ */ h("div", {
+				className: "health-grid",
+				children: n.map(([e, t, n]) => /* @__PURE__ */ g("article", {
+					className: `health-item status-${t}`,
+					children: [/* @__PURE__ */ h("span", {
+						className: "status-icon",
+						children: t === "healthy" ? "✓" : "!"
+					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("b", { children: e }), /* @__PURE__ */ h("small", { children: n })] })]
+				}, e))
+			}),
+			!e && /* @__PURE__ */ h("div", {
+				className: "model-empty",
+				children: "Diagnostics are unavailable until Studio connects to a runtime."
+			}),
+			e?.issues.map((e, t) => /* @__PURE__ */ g("div", {
+				className: `health-issue ${e.severity}`,
+				children: [
+					/* @__PURE__ */ h("b", { children: e.component }),
+					" ",
+					e.message
+				]
+			}, t)),
+			/* @__PURE__ */ g("div", {
+				className: "model-summary",
+				children: [
+					/* @__PURE__ */ g("span", { children: [t?.collections.length ?? 0, " collections modeled"] }),
+					/* @__PURE__ */ g("span", { children: [t?.workflows.length ?? 0, " workflows modeled"] }),
+					/* @__PURE__ */ g("span", { children: [t?.agents.length ?? 0, " agents modeled"] })
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/SettingsPanel.tsx
+function q({ db: e, remoteUrl: t = "", token: n = "", onConnect: r }) {
+	let [i, a] = f(t), [o, s] = f(n), c = e?.runtime();
+	return l(() => {
+		a(t), s(n);
+	}, [t, n]), /* @__PURE__ */ g("div", {
+		className: "settings-panel",
+		children: [/* @__PURE__ */ h("h2", { children: "Settings" }), /* @__PURE__ */ g("div", {
+			className: "settings-content",
+			children: [
+				/* @__PURE__ */ h("h3", { children: "Connection" }),
+				/* @__PURE__ */ g("div", {
+					className: "connection-info",
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "info-row",
+							children: [/* @__PURE__ */ h("label", { children: "Runtime Environment" }), /* @__PURE__ */ h("span", { children: c?.runtime || "unavailable" })]
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "info-row",
+							children: [/* @__PURE__ */ h("label", { children: "Storage Backend" }), /* @__PURE__ */ h("span", { children: c?.storage || "unavailable" })]
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "info-row",
+							children: [/* @__PURE__ */ h("label", { children: "Instance ID" }), /* @__PURE__ */ h("span", {
+								className: "monospace",
+								children: e?.instanceId?.() || "unavailable"
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ g("form", {
+					className: "connection-form",
+					onSubmit: (e) => {
+						e.preventDefault(), r?.(i, o);
+					},
+					children: [
+						/* @__PURE__ */ g("label", { children: ["Server or managed endpoint", /* @__PURE__ */ h("input", {
+							type: "url",
+							value: i,
+							onChange: (e) => a(e.target.value),
+							placeholder: "https://your-runtime.example.com"
+						})] }),
+						/* @__PURE__ */ g("label", { children: ["API token", /* @__PURE__ */ h("input", {
+							type: "password",
+							value: o,
+							onChange: (e) => s(e.target.value),
+							placeholder: "fdb_live_…",
+							autoComplete: "off"
+						})] }),
+						/* @__PURE__ */ h("p", { children: "Tokens are kept in this browser session and are never written to the project." }),
+						/* @__PURE__ */ h("button", {
+							className: "btn btn-primary",
+							type: "submit",
+							children: "Connect Studio"
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/GlobalSearch.tsx
+function J({ db: e, model: t, onSearch: n }) {
+	let [r, i] = f(""), [a, o] = f([]), s = (e) => {
+		i(e), n && n(e);
+	};
+	return l(() => {
+		let n = !0;
+		return (async () => {
+			let i = r.trim().toLowerCase();
+			if (!i) {
+				o([]);
+				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(i)), s = e && t ? (await Promise.all(t.collections.map(async (t) => (await e.collection(t.name).all()).filter((e) => JSON.stringify(e).toLowerCase().includes(i)).slice(0, 3).map((e) => ({
+				kind: "object",
+				name: `${t.name}/${String(e.id ?? "record")}`,
+				detail: JSON.stringify(e)
+			}))))).flat() : [];
+			n && o([...a, ...s].slice(0, 12));
+		})(), () => {
+			n = !1;
+		};
+	}, [
+		e,
+		t,
+		r
+	]), /* @__PURE__ */ g("div", {
+		className: "global-search",
+		children: [/* @__PURE__ */ h("input", {
+			type: "text",
+			placeholder: "Search: documents/123, flow://, agent/name, etc.",
+			value: r,
+			onChange: (e) => s(e.target.value),
+			className: "search-input global"
+		}), r && /* @__PURE__ */ h("div", {
+			className: "search-results",
+			children: /* @__PURE__ */ g("div", {
+				className: "results-group",
+				children: [
+					/* @__PURE__ */ h("h4", { children: "Model & runtime" }),
+					a.map((e, t) => /* @__PURE__ */ g("div", {
+						className: "search-result",
+						children: [
+							/* @__PURE__ */ h("b", { children: e.name }),
+							/* @__PURE__ */ h("span", { children: e.kind }),
+							/* @__PURE__ */ h("small", { children: e.detail })
+						]
+					}, `${e.kind}-${e.name}-${t}`)),
+					!a.length && /* @__PURE__ */ h("div", {
+						className: "empty-message",
+						children: "No matches"
+					})
+				]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/ApplicationDesigner.tsx
+var Y = b(y("Application"));
+function ee({ db: e, namespace: t = "default", projectSpec: n, managedPublish: r, onSpecChange: i }) {
+	let a = `feltdb:studio:draft:${t}`, o = d((() => {
+		if (typeof window > "u") return Y;
+		let e = window.localStorage.getItem(a);
+		if (!e) return Y;
+		try {
+			return x(e), e;
+		} catch {
+			return Y;
+		}
+	})()), s = d(o.current !== Y), [c, p] = f(o.current), [m, C] = f(() => x(o.current)), [T, E] = f([]), [D, O] = f([]), [k, A] = f("Draft is valid"), [j, M] = f(0), [N, P] = f(null), [F, I] = f(null), [L, R] = f(!1), [z, B] = f(!1), [V, H] = f(() => ({
+		url: r?.url || "",
+		namespace: r?.namespace || t,
+		token: r?.token || "",
+		environment: r?.environment,
+		applicationId: r?.applicationId,
+		publishEndpoint: r?.publishEndpoint,
+		allowDestructive: !1
+	})), U = d(null), W = D.length ? D[D.length - 1].source : b(y(m.app)), G = u(() => v(x(W), m), [W, m]), K = u(() => S(x(W), m), [W, m]);
+	l(() => {
+		if (!e || n) 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 = b(r.spec);
+				s.current || (C(r.spec), p(i)), M(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 || (O(a.map((e) => ({
+					version: e.version,
+					source: b(e.spec),
+					savedAt: e.deployed_at
+				}))), A(`Loaded ${r.app} v${r.version}`));
+			} catch (e) {
+				t || A(`Could not load deployed model: ${e instanceof Error ? e.message : String(e)}`);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [e, n]), l(() => {
+		let e = window.setTimeout(() => window.localStorage.setItem(a, c), 200);
+		return () => window.clearTimeout(e);
+	}, [a, c]);
+	let q = (e) => {
+		p(e);
+		try {
+			let t = x(e), n = w(t);
+			C(t), i?.(t), E(n), A(n.some((e) => e.severity === "error") ? "Model has validation errors" : "Draft is valid");
+		} catch (e) {
+			E([{
+				severity: "error",
+				message: e instanceof Error ? e.message : String(e)
+			}]), A("DSL parse failed");
+		}
+	};
+	l(() => {
+		if (!n) return;
+		let e = b(n);
+		p(e), C(n), E(w(n)), A(`Loaded ${n.app} project model`);
+	}, [n]);
+	let J = (e) => {
+		C(e), q(b(e));
+	}, ee = () => {
+		if (!F) return I({ name: "" });
+		let e = F.name.trim();
+		if (!/^[A-Z][A-Za-z0-9_]*$/.test(e)) return I({
+			...F,
+			error: "Use a capitalized name with no spaces."
+		});
+		if (m.collections.some((t) => t.name === e)) return I({
+			...F,
+			error: "That collection already exists."
+		});
+		J({
+			...m,
+			collections: [...m.collections, {
+				name: e,
+				fields: [],
+				indexes: []
+			}]
+		}), I(null);
+	}, te = (e) => P({
+		collection: e,
+		name: "",
+		type: "text",
+		reference: "",
+		optional: !1
+	}), ne = () => {
+		if (!N) return;
+		let e = N.name.trim(), t = m.collections.find((e) => e.name === N.collection);
+		if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(e)) return P({
+			...N,
+			error: "Use a letter-led name with no spaces."
+		});
+		if (t?.fields.some((t) => t.name === e)) return P({
+			...N,
+			error: "That field already exists."
+		});
+		if ([
+			"ref",
+			"enum",
+			"array",
+			"map",
+			"vector"
+		].includes(N.type) && !N.reference.trim()) return P({
+			...N,
+			error: "Configure this field type."
+		});
+		let n = N.type === "ref" ? `ref ${N.reference}` : N.type === "enum" ? `enum(${N.reference.split(",").map((e) => e.trim()).filter(Boolean).join(",")})` : N.type === "array" ? `array<${N.reference.trim()}>` : N.type === "map" ? `map<${N.reference.trim()}>` : N.type === "vector" ? `vector<${N.reference.trim()}>` : N.type;
+		J({
+			...m,
+			collections: m.collections.map((t) => t.name === N.collection ? {
+				...t,
+				fields: [...t.fields, {
+					name: e,
+					type: n,
+					optional: N.optional
+				}]
+			} : t)
+		}), P(null);
+	}, re = () => {
+		let e = [...D, {
+			version: D.length + 1,
+			source: c,
+			savedAt: Date.now()
+		}];
+		O(e), A(`Saved local revision v${e.length}`);
+	}, ie = async () => {
+		if (!e) return A("Local embedded storage is unavailable");
+		if (T.some((e) => e.severity === "error")) return A("Resolve validation errors before deploying");
+		if (K.filter((e) => e.safety === "destructive").length && !L) return A("Review and approve destructive local changes before applying");
+		try {
+			let t = await e.deployFlowSpec(m, j, L), n = [...D, {
+				version: t.version,
+				source: c,
+				savedAt: Date.now()
+			}];
+			O(n), M(t.version), R(!1), A(`Applied locally as ${t.app} v${t.version}`);
+		} catch (e) {
+			A(`Local apply failed: ${e instanceof Error ? e.message : String(e)}`);
+		}
+	}, X = async () => {
+		if (V.publishEndpoint) {
+			H({
+				...V,
+				publishing: !0,
+				error: void 0
+			});
+			try {
+				let e = await fetch(V.publishEndpoint, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({
+						environment: V.environment,
+						approveDestructive: V.allowDestructive
+					})
+				}), t = await e.json();
+				if (!e.ok) throw Error(t.error || "Publish failed");
+				H({
+					...V,
+					publishing: !1,
+					error: void 0
+				}), B(!1), A(t.messages?.at(-1) || `Published immutable version ${t.version}`);
+				return;
+			} catch (e) {
+				H({
+					...V,
+					publishing: !1,
+					error: e instanceof Error ? e.message : String(e)
+				});
+				return;
+			}
+		}
+		if (!V.url.trim() || !V.token.trim()) return H({
+			...V,
+			error: "Cloud URL and API key are required."
+		});
+		if (T.some((e) => e.severity === "error")) return H({
+			...V,
+			error: "Resolve validation errors before publishing."
+		});
+		H({
+			...V,
+			publishing: !0,
+			error: void 0
+		});
+		let e = _({
+			namespace: V.namespace.trim() || t,
+			server: {
+				url: V.url.trim().replace(/\/$/, ""),
+				token: V.token
+			}
+		});
+		try {
+			let t = await e.collection("_flow_apps").get(m.app), n = S(t?.spec ?? y(m.app), m).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(m, t?.version ?? 0, V.allowDestructive);
+			window.sessionStorage.setItem(`feltdb-token:${V.url.trim()}`, V.token), H({
+				...V,
+				publishing: !1,
+				error: void 0
+			}), B(!1), A(`Published ${r.app} v${r.version} to ${V.environment || "cloud"}`);
+		} catch (e) {
+			H({
+				...V,
+				publishing: !1,
+				error: e instanceof Error ? e.message : String(e)
+			});
+		} finally {
+			await e.close();
+		}
+	}, ae = () => {
+		let e = URL.createObjectURL(new Blob([c], { type: "text/plain" })), t = document.createElement("a");
+		t.href = e, t.download = "feltdb.flow", t.click(), URL.revokeObjectURL(e);
+	}, oe = async (e) => {
+		e && q(await e.text());
+	}, se = [
+		["Data", m.collections.map((e) => e.name)],
+		["Capabilities", m.capabilities.map((e) => e.name)],
+		["Agents", m.agents.map((e) => e.name)],
+		["Workflows", m.workflows.map((e) => e.name)],
+		["Triggers", m.triggers.map((e) => e.event)],
+		["Policies", m.policies.map((e) => e.name)],
+		["Schedules", m.schedules.map((e) => e.name)]
+	];
+	return /* @__PURE__ */ g("div", {
+		className: "application-designer",
+		children: [
+			/* @__PURE__ */ g("header", {
+				className: "designer-header",
+				children: [/* @__PURE__ */ g("div", { children: [
+					/* @__PURE__ */ h("span", {
+						className: "eyebrow",
+						children: "Application fabric"
+					}),
+					/* @__PURE__ */ h("h1", { children: m.app }),
+					/* @__PURE__ */ h("p", { children: "One model for state, intelligence, automation, security, and placement." })
+				] }), /* @__PURE__ */ g("div", {
+					className: "designer-actions",
+					children: [
+						/* @__PURE__ */ h("input", {
+							ref: U,
+							hidden: !0,
+							type: "file",
+							accept: ".flow,text/plain",
+							onChange: (e) => void oe(e.target.files?.[0])
+						}),
+						/* @__PURE__ */ h("button", {
+							className: "btn btn-ghost",
+							onClick: () => U.current?.click(),
+							children: "Import"
+						}),
+						/* @__PURE__ */ h("button", {
+							className: "btn btn-ghost",
+							onClick: ae,
+							children: "Export"
+						}),
+						/* @__PURE__ */ h("button", {
+							className: "btn btn-ghost",
+							onClick: re,
+							children: "Version"
+						}),
+						/* @__PURE__ */ h("button", {
+							className: "btn btn-ghost",
+							onClick: () => void ie(),
+							children: "Apply locally"
+						}),
+						/* @__PURE__ */ h("button", {
+							className: "btn btn-primary",
+							onClick: () => B((e) => !e),
+							children: "Publish to cloud"
+						})
+					]
+				})]
+			}),
+			K.some((e) => e.safety === "destructive") && /* @__PURE__ */ g("label", {
+				className: "local-destructive",
+				children: [/* @__PURE__ */ h("input", {
+					type: "checkbox",
+					checked: L,
+					onChange: (e) => R(e.target.checked)
+				}), /* @__PURE__ */ g("span", { children: ["Approve destructive local changes: ", K.filter((e) => e.safety === "destructive").map((e) => e.target).join(", ")] })]
+			}),
+			z && /* @__PURE__ */ g("form", {
+				className: "cloud-publisher",
+				onSubmit: (e) => {
+					e.preventDefault(), X();
+				},
+				children: [
+					/* @__PURE__ */ g("div", {
+						className: "cloud-publisher-heading",
+						children: [/* @__PURE__ */ g("div", { children: [
+							/* @__PURE__ */ h("span", {
+								className: "eyebrow",
+								children: "Cloud release"
+							}),
+							/* @__PURE__ */ h("h2", { children: "Publish this application definition" }),
+							/* @__PURE__ */ h("p", { children: "FeltDB validates an immutable revision and atomically promotes the environment." })
+						] }), /* @__PURE__ */ h("button", {
+							type: "button",
+							"aria-label": "Close cloud publisher",
+							onClick: () => B(!1),
+							children: "×"
+						})]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "cloud-fields",
+						children: [
+							/* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "FeltDB Cloud URL" }), /* @__PURE__ */ h("input", {
+								type: "url",
+								value: V.url,
+								readOnly: !!V.publishEndpoint,
+								onChange: (e) => H({
+									...V,
+									url: e.target.value,
+									error: void 0,
+									destructive: void 0,
+									allowDestructive: !1
+								})
+							})] }),
+							/* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "Namespace" }), /* @__PURE__ */ h("input", {
+								value: V.namespace,
+								readOnly: !!V.publishEndpoint,
+								onChange: (e) => H({
+									...V,
+									namespace: e.target.value,
+									error: void 0,
+									destructive: void 0,
+									allowDestructive: !1
+								})
+							})] }),
+							!V.publishEndpoint && /* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "API key" }), /* @__PURE__ */ h("input", {
+								type: "password",
+								autoComplete: "off",
+								placeholder: "Loaded securely from this project",
+								value: V.token,
+								onChange: (e) => H({
+									...V,
+									token: e.target.value,
+									error: void 0
+								})
+							})] }),
+							V.environment && /* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "Environment" }), /* @__PURE__ */ h("input", {
+								value: V.environment,
+								readOnly: !0
+							})] }),
+							V.applicationId && /* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "Application" }), /* @__PURE__ */ h("input", {
+								value: V.applicationId,
+								readOnly: !0
+							})] })
+						]
+					}),
+					(V.destructive?.length || K.some((e) => e.safety === "destructive")) && /* @__PURE__ */ g("label", {
+						className: "cloud-destructive",
+						children: [/* @__PURE__ */ h("input", {
+							type: "checkbox",
+							checked: V.allowDestructive,
+							onChange: (e) => H({
+								...V,
+								allowDestructive: e.target.checked
+							})
+						}), /* @__PURE__ */ g("span", { children: ["I reviewed and approve destructive model changes", V.destructive?.length ? `: ${V.destructive.join(", ")}` : "."] })]
+					}),
+					V.error && /* @__PURE__ */ h("div", {
+						className: "cloud-error",
+						role: "alert",
+						children: V.error
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "cloud-actions",
+						children: [/* @__PURE__ */ h("button", {
+							type: "button",
+							className: "btn btn-ghost",
+							onClick: () => B(!1),
+							children: "Cancel"
+						}), /* @__PURE__ */ h("button", {
+							className: "btn btn-primary",
+							disabled: V.publishing,
+							type: "submit",
+							children: V.publishing ? "Publishing…" : "Review and publish"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: `designer-status ${T.some((e) => e.severity === "error") ? "error" : ""}`,
+				children: [/* @__PURE__ */ h("span", { children: k }), /* @__PURE__ */ g("span", { children: [
+					m.collections.length,
+					" collections · ",
+					m.workflows.length,
+					" workflows · ",
+					D.length ? `v${D.length}` : "draft"
+				] })]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "designer-grid",
+				children: [
+					/* @__PURE__ */ g("aside", {
+						className: "model-tree",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "panel-title",
+								children: [/* @__PURE__ */ h("span", { children: "Application" }), /* @__PURE__ */ h("button", {
+									"aria-label": "Add collection",
+									onClick: () => I({ name: "" }),
+									children: "＋"
+								})]
+							}),
+							F && /* @__PURE__ */ g("form", {
+								className: "collection-editor",
+								onSubmit: (e) => {
+									e.preventDefault(), ee();
+								},
+								onKeyDown: (e) => {
+									e.key === "Escape" && I(null);
+								},
+								children: [
+									/* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "New collection" }), /* @__PURE__ */ h("input", {
+										autoFocus: !0,
+										placeholder: "e.g. Customer",
+										value: F.name,
+										onChange: (e) => I({ name: e.target.value })
+									})] }),
+									F.error && /* @__PURE__ */ h("div", {
+										className: "field-error",
+										role: "alert",
+										children: F.error
+									}),
+									/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("button", {
+										type: "button",
+										onClick: () => I(null),
+										children: "Cancel"
+									}), /* @__PURE__ */ h("button", {
+										className: "collection-save",
+										type: "submit",
+										children: "Add"
+									})] })
+								]
+							}),
+							se.map(([e, t]) => /* @__PURE__ */ g("section", { children: [/* @__PURE__ */ h("h3", { children: e }), t.length ? t.map((e) => /* @__PURE__ */ h("div", {
+								className: "tree-item",
+								children: e
+							}, e)) : /* @__PURE__ */ h("div", {
+								className: "tree-empty",
+								children: "None"
+							})] }, e))
+						]
+					}),
+					/* @__PURE__ */ g("section", {
+						className: "model-canvas",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "panel-title",
+								children: [/* @__PURE__ */ h("span", { children: "Application graph" }), /* @__PURE__ */ h("span", {
+									className: "graph-legend",
+									children: "intent → fabric"
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "graph-board",
+								children: [
+									m.collections.map((e) => /* @__PURE__ */ g("article", {
+										className: "model-node",
+										children: [
+											/* @__PURE__ */ h("div", {
+												className: "node-kind",
+												children: "collection"
+											}),
+											/* @__PURE__ */ h("h3", { children: e.name }),
+											e.fields.map((e) => /* @__PURE__ */ g("div", {
+												className: "node-field",
+												children: [/* @__PURE__ */ h("span", { children: e.name }), /* @__PURE__ */ g("code", { children: [e.type, e.optional ? "?" : ""] })]
+											}, e.name)),
+											N?.collection === e.name ? /* @__PURE__ */ g("form", {
+												className: "field-editor",
+												onSubmit: (e) => {
+													e.preventDefault(), ne();
+												},
+												onKeyDown: (e) => {
+													e.key === "Escape" && P(null);
+												},
+												children: [
+													/* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "Field name" }), /* @__PURE__ */ h("input", {
+														autoFocus: !0,
+														value: N.name,
+														placeholder: "e.g. publishedAt",
+														onChange: (e) => P({
+															...N,
+															name: e.target.value,
+															error: void 0
+														})
+													})] }),
+													/* @__PURE__ */ g("div", {
+														className: "field-editor-row",
+														children: [
+															/* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "Type" }), /* @__PURE__ */ g("select", {
+																value: N.type,
+																onChange: (e) => P({
+																	...N,
+																	type: e.target.value,
+																	error: void 0
+																}),
+																children: [
+																	/* @__PURE__ */ h("option", {
+																		value: "text",
+																		children: "Text"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "integer",
+																		children: "Integer"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "number",
+																		children: "Number"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "decimal",
+																		children: "Decimal"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "money",
+																		children: "Money"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "bigint",
+																		children: "Big integer"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "boolean",
+																		children: "Boolean"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "datetime",
+																		children: "Date & time"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "date",
+																		children: "Date"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "time",
+																		children: "Time"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "uuid",
+																		children: "UUID"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "email",
+																		children: "Email"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "url",
+																		children: "URL"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "phone",
+																		children: "Phone"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "json",
+																		children: "JSON"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "object",
+																		children: "Object"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "binary",
+																		children: "Binary"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "file",
+																		children: "File"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "geo",
+																		children: "Geo point"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "enum",
+																		children: "Enum"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "array",
+																		children: "Array"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "map",
+																		children: "Typed map"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "vector",
+																		children: "Vector"
+																	}),
+																	/* @__PURE__ */ h("option", {
+																		value: "ref",
+																		children: "Reference"
+																	})
+																]
+															})] }),
+															N.type === "ref" && /* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "Collection" }), /* @__PURE__ */ h("select", {
+																value: N.reference,
+																onChange: (e) => P({
+																	...N,
+																	reference: e.target.value,
+																	error: void 0
+																}),
+																children: m.collections.filter((t) => t.name !== e.name).map((e) => /* @__PURE__ */ h("option", {
+																	value: e.name,
+																	children: e.name
+																}, e.name))
+															})] }),
+															N.type === "enum" && /* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "Values" }), /* @__PURE__ */ h("input", {
+																placeholder: "draft,active,done",
+																value: N.reference,
+																onChange: (e) => P({
+																	...N,
+																	reference: e.target.value,
+																	error: void 0
+																})
+															})] }),
+															(N.type === "array" || N.type === "map") && /* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "Item type" }), /* @__PURE__ */ h("input", {
+																placeholder: "text, uuid, ref Project…",
+																value: N.reference,
+																onChange: (e) => P({
+																	...N,
+																	reference: e.target.value,
+																	error: void 0
+																})
+															})] }),
+															N.type === "vector" && /* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("span", { children: "Dimensions" }), /* @__PURE__ */ h("input", {
+																type: "number",
+																min: "1",
+																placeholder: "1536",
+																value: N.reference,
+																onChange: (e) => P({
+																	...N,
+																	reference: e.target.value,
+																	error: void 0
+																})
+															})] })
+														]
+													}),
+													/* @__PURE__ */ g("label", {
+														className: "field-optional",
+														children: [/* @__PURE__ */ h("input", {
+															type: "checkbox",
+															checked: N.optional,
+															onChange: (e) => P({
+																...N,
+																optional: e.target.checked
+															})
+														}), /* @__PURE__ */ h("span", { children: "Optional field" })]
+													}),
+													N.error && /* @__PURE__ */ h("div", {
+														className: "field-error",
+														role: "alert",
+														children: N.error
+													}),
+													/* @__PURE__ */ g("div", {
+														className: "field-editor-actions",
+														children: [/* @__PURE__ */ h("button", {
+															type: "button",
+															onClick: () => P(null),
+															children: "Cancel"
+														}), /* @__PURE__ */ h("button", {
+															className: "field-save",
+															type: "submit",
+															children: "Add field"
+														})]
+													})
+												]
+											}) : /* @__PURE__ */ h("button", {
+												className: "node-add",
+												onClick: () => te(e.name),
+												children: "+ field"
+											})
+										]
+									}, e.name)),
+									m.workflows.map((e) => /* @__PURE__ */ g("article", {
+										className: "model-node workflow-node",
+										children: [
+											/* @__PURE__ */ h("div", {
+												className: "node-kind",
+												children: "workflow"
+											}),
+											/* @__PURE__ */ h("h3", { children: e.name }),
+											e.steps.map((e) => /* @__PURE__ */ h("div", {
+												className: "node-step",
+												children: e.name
+											}, e.name))
+										]
+									}, e.name)),
+									m.agents.map((e) => /* @__PURE__ */ g("article", {
+										className: "model-node agent-node",
+										children: [
+											/* @__PURE__ */ h("div", {
+												className: "node-kind",
+												children: "agent"
+											}),
+											/* @__PURE__ */ h("h3", { children: e.name }),
+											e.statements.map((e) => /* @__PURE__ */ h("div", {
+												className: "node-step",
+												children: e
+											}, e))
+										]
+									}, e.name))
+								]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "change-strip",
+								children: [
+									/* @__PURE__ */ h("strong", { children: "Model diff" }),
+									/* @__PURE__ */ g("span", {
+										className: "added",
+										children: ["+ ", G.added.join(", ") || "none"]
+									}),
+									/* @__PURE__ */ g("span", {
+										className: "changed",
+										children: ["~ ", G.changed.join(", ") || "none"]
+									}),
+									/* @__PURE__ */ g("span", {
+										className: "removed",
+										children: ["− ", G.removed.join(", ") || "none"]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ g("section", {
+						className: "dsl-panel",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "panel-title",
+								children: [/* @__PURE__ */ h("span", { children: "Flow DSL" }), /* @__PURE__ */ h("span", { children: "feltdb.flow" })]
+							}),
+							/* @__PURE__ */ h("textarea", {
+								"aria-label": "Flow DSL",
+								spellCheck: !1,
+								value: c,
+								onChange: (e) => q(e.target.value)
+							}),
+							T.length > 0 && /* @__PURE__ */ h("div", {
+								className: "diagnostics",
+								children: T.map((e, t) => /* @__PURE__ */ g("div", {
+									className: e.severity,
+									children: [
+										e.severity,
+										": ",
+										e.message
+									]
+								}, t))
+							})
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/AskFeltDB.tsx
+function te({ configuration: e, onApplied: t, onProposalCreated: n }) {
+	let [r, i] = f(""), [a, o] = f(), [s, c] = f(), [l, u] = f(""), [d, p] = f(0), [_, v] = f(!1), [y, b] = f([]), S = typeof navigator < "u" && "gpu" in navigator, C = e?.aiModel?.provider === "openai-compatible", w = !!(e?.enabled && (C ? e.aiModel?.credentialConfigured : e.webllmEnabled && S)), T = async () => {
+		if (!(!w || !e)) {
+			u("Loading local model…"), c(void 0), o(void 0);
+			try {
+				let t = await fetch("/_feltdb/contract", { cache: "no-store" }), i = await t.json();
+				if (!t.ok) throw Error(i.error || "Could not load contract");
+				if (i.drift && !i.drift.synchronized) throw Error("Contract drift detected. Review feltdb status before generating.");
+				let a;
+				if (C) {
+					u(`Asking ${e.aiModel?.model} through the local CLI…`);
+					let t = await fetch("/_feltdb/ai/generate", {
+						method: "POST",
+						headers: {
+							"content-type": "application/json",
+							"x-feltdb-studio-token": e.token
+						},
+						body: JSON.stringify({ intent: r })
+					}), n = await t.json();
+					if (!t.ok) throw Error(n.error || "Configured model failed");
+					a = n.proposal;
+				} else {
+					let { WebLLMProvider: t } = await import("@feltdb/webllm"), n = new t({
+						model: e.aiModel?.model,
+						contract: i.snapshot,
+						onProgress: (e) => {
+							p(e.progress), u(e.text);
+						}
+					});
+					try {
+						a = await n.generateFlow(r, { currentFlow: i.source });
+					} finally {
+						await n.shutdown();
+					}
+				}
+				let s = await fetch("/_feltdb/proposals", {
+					method: "POST",
+					headers: {
+						"content-type": "application/json",
+						"x-feltdb-studio-token": e.token
+					},
+					body: JSON.stringify({ proposal: a })
+				}), l = await s.json();
+				if (!s.ok) throw Error(l.error || "Proposal validation failed");
+				o(a), c(l), l.proposalId && l.proposalId !== "ephemeral" && n?.(l.proposalId), b(x(a.proposedFlow).collections.map((e) => ({
+					name: e.name,
+					fields: e.fields.map((e) => e.name)
+				}))), u("Validated proposal ready for review");
+			} catch (e) {
+				u(e instanceof Error ? e.message : String(e));
+			}
+		}
+	}, E = async (t) => {
+		if (!(!s || !e)) {
+			u(t === "approve" ? "Recording approval…" : "Rejecting preview…");
+			try {
+				let n = await fetch(`/_feltdb/proposals/${t}`, {
+					method: "POST",
+					headers: {
+						"content-type": "application/json",
+						"x-feltdb-studio-token": e.token
+					},
+					body: JSON.stringify({
+						proposalId: s.proposalId,
+						confirm: !0,
+						approveAuthorization: _
+					})
+				}), r = await n.json();
+				if (!n.ok) throw Error(r.error || "Proposal decision failed");
+				t === "approve" ? u(`Approved. Run ${r.command} in your project to synchronize the repository.`) : (o(void 0), c(void 0), b([]), u("Preview rejected. The application and repository are unchanged."));
+			} catch (e) {
+				u(e instanceof Error ? e.message : String(e));
+			}
+		}
+	};
+	return /* @__PURE__ */ g("section", {
+		className: "ask-feltdb",
+		children: [
+			/* @__PURE__ */ g("div", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Contract-aware proposal engine"
+				}),
+				/* @__PURE__ */ h("h2", { children: "Ask FeltDB" }),
+				/* @__PURE__ */ h("p", { children: "Describe a contract change. Your selected model proposes; FeltDB validates, and the CLI owns source synchronization." })
+			] }),
+			/* @__PURE__ */ g("p", {
+				className: "ai-model-choice",
+				children: [
+					"Model: ",
+					/* @__PURE__ */ h("strong", { children: e?.aiModel?.model ?? "SmolLM2-360M-Instruct" }),
+					" (",
+					C ? "bring-your-own provider; credential held by CLI" : "private local WebLLM",
+					"). Change it with ",
+					/* @__PURE__ */ h("code", { children: "feltdb ai model set" }),
+					"."
+				]
+			}),
+			C && !e?.aiModel?.credentialConfigured ? /* @__PURE__ */ g("p", {
+				className: "ai-unavailable",
+				children: [
+					"The selected hosted model needs a credential. Pipe it securely with ",
+					/* @__PURE__ */ h("code", { children: "printf %s \"$KEY\" | feltdb ai model set ... --api-key-stdin" }),
+					"."
+				]
+			}) : !C && !e?.webllmEnabled ? /* @__PURE__ */ g("p", {
+				className: "ai-unavailable",
+				children: [
+					"Local AI is not enabled for this project. Install ",
+					/* @__PURE__ */ h("code", { children: "@feltdb/webllm" }),
+					" to opt in, or configure your own model with ",
+					/* @__PURE__ */ h("code", { children: "feltdb ai model set" }),
+					"."
+				]
+			}) : !C && !S ? /* @__PURE__ */ h("p", {
+				className: "ai-unavailable",
+				children: "Local FeltDB AI is unavailable because WebGPU is not available. You can configure an OpenAI-compatible model instead."
+			}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("textarea", {
+				"aria-label": "Ask FeltDB",
+				value: r,
+				onChange: (e) => i(e.target.value),
+				placeholder: "Add invitations so organization owners can invite users."
+			}), /* @__PURE__ */ h("button", {
+				className: "btn btn-primary",
+				disabled: !r.trim(),
+				onClick: () => void T(),
+				children: "Generate proposal"
+			})] }),
+			d > 0 && d < 1 && /* @__PURE__ */ h("progress", {
+				value: d,
+				max: 1
+			}),
+			" ",
+			l && /* @__PURE__ */ h("p", {
+				className: "ai-status",
+				children: l
+			}),
+			a && s && /* @__PURE__ */ g("div", {
+				className: "proposal-review",
+				children: [
+					/* @__PURE__ */ h("h3", { children: "Ephemeral application preview" }),
+					/* @__PURE__ */ h("p", { children: a.summary }),
+					/* @__PURE__ */ h("ul", { children: s.changes.map((e) => /* @__PURE__ */ h("li", { children: e }, e)) }),
+					/* @__PURE__ */ g("div", {
+						className: "proposal-app-preview",
+						"aria-label": "Proposed application preview",
+						children: [/* @__PURE__ */ h("nav", { children: y.map((e) => /* @__PURE__ */ h("span", { children: e.name }, e.name)) }), y.map((e) => /* @__PURE__ */ g("section", { children: [/* @__PURE__ */ h("strong", { children: e.name }), /* @__PURE__ */ h("small", { children: e.fields.join(" · ") || "No fields" })] }, e.name))]
+					}),
+					a.implementation && /* @__PURE__ */ g("section", { children: [
+						/* @__PURE__ */ h("h4", { children: "Module implementation" }),
+						/* @__PURE__ */ g("p", { children: [
+							/* @__PURE__ */ h("strong", { children: a.implementation.module.name }),
+							" · owner ",
+							a.implementation.owner
+						] }),
+						/* @__PURE__ */ h("pre", { children: a.implementation.stateFlow.join(" → ") }),
+						/* @__PURE__ */ h("p", { children: a.implementation.applicationModels.map((e) => `${e.name}: ${e.ownership}`).join(" · ") })
+					] }),
+					/* @__PURE__ */ g("p", { children: [
+						/* @__PURE__ */ h("strong", { children: "Source impact" }),
+						": ",
+						s.sourcePlan.join(", ")
+					] }),
+					a.warnings.length > 0 && /* @__PURE__ */ h("div", {
+						className: "proposal-warning",
+						children: a.warnings.join(" · ")
+					}),
+					s.authorizationChanges.length > 0 && /* @__PURE__ */ g("div", { children: [s.authorizationChanges.map((e) => /* @__PURE__ */ g("div", {
+						className: "proposal-warning",
+						children: [
+							/* @__PURE__ */ g("strong", { children: ["AUTHORIZATION CHANGE", e.widening ? " — POSSIBLE WIDENING" : ""] }),
+							/* @__PURE__ */ h("br", {}),
+							e.policy,
+							/* @__PURE__ */ h("br", {}),
+							/* @__PURE__ */ g("code", { children: [
+								(e.before ?? ["<absent>"]).join(" | "),
+								" → ",
+								(e.after ?? ["<removed>"]).join(" | ")
+							] })
+						]
+					}, e.policy)), /* @__PURE__ */ g("label", {
+						className: "authorization-approval",
+						children: [/* @__PURE__ */ h("input", {
+							type: "checkbox",
+							checked: _,
+							onChange: (e) => v(e.target.checked)
+						}), /* @__PURE__ */ h("span", { children: "I explicitly approve this authorization change." })]
+					})] }),
+					/* @__PURE__ */ g("details", { children: [/* @__PURE__ */ h("summary", { children: "Proposed feltdb.flow" }), /* @__PURE__ */ h("pre", { children: a.proposedFlow })] }),
+					!e?.previewOnly && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
+						className: "btn btn-primary",
+						disabled: s.authorizationChanges.length > 0 && !_,
+						onClick: () => void E("approve"),
+						children: "Approve proposal"
+					}), /* @__PURE__ */ h("button", {
+						className: "btn",
+						onClick: () => void E("reject"),
+						children: "Reject preview"
+					})] }),
+					e?.previewOnly && /* @__PURE__ */ g("p", {
+						className: "proposal-boundary",
+						children: [/* @__PURE__ */ h("strong", { children: "Preview-only session:" }), " no proposal artifact or source file will be written."]
+					}),
+					/* @__PURE__ */ h("p", {
+						className: "proposal-boundary",
+						children: "This preview is ephemeral. Approval records a proposal artifact; Studio never writes application source, changes the running contract, or publishes."
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ProposalBrowser.tsx
+var ne = [
+	"",
+	"proposed",
+	"validated",
+	"previewed",
+	"approved",
+	"applied",
+	"rejected",
+	"expired"
+], re = (e) => e ? `${e.slice(0, 12)}…` : "Not recorded", ie = (e) => new Date(typeof e == "number" && e < 1e10 ? e * 1e3 : e).toLocaleString();
+function X({ name: e, values: t }) {
+	return t.length ? /* @__PURE__ */ g("section", {
+		className: "semantic-section",
+		children: [/* @__PURE__ */ h("h4", { children: e }), t.map((e, t) => /* @__PURE__ */ g("div", { children: ["+ ", e] }, `${e}-${t}`))]
+	}) : null;
+}
+function ae({ value: e }) {
+	let t = {
+		contract_changed: "Contract changed since Proposal creation.",
+		flow_changed: "Flow changed since Proposal creation.",
+		module_versions_changed: "Resolved module versions changed.",
+		expired: "Proposal expired."
+	};
+	return /* @__PURE__ */ g("section", {
+		className: `proposal-readiness ${e.readiness}`,
+		children: [
+			/* @__PURE__ */ h("h3", { children: "Readiness" }),
+			/* @__PURE__ */ h("strong", { children: e.readiness === "ready" ? "✓ READY" : "⚠ BLOCKED" }),
+			e.readiness === "ready" ? /* @__PURE__ */ g("ul", { children: [
+				/* @__PURE__ */ h("li", { children: "✓ Contract current" }),
+				/* @__PURE__ */ h("li", { children: "✓ Flow current" }),
+				/* @__PURE__ */ h("li", { children: "✓ Modules resolved" }),
+				/* @__PURE__ */ h("li", { children: "No blockers" })
+			] }) : /* @__PURE__ */ g(m, { children: [
+				/* @__PURE__ */ h("ul", { children: e.blockers.map((e) => /* @__PURE__ */ h("li", { children: t[e] || e }, e)) }),
+				/* @__PURE__ */ g("dl", { children: [
+					/* @__PURE__ */ h("dt", { children: "Proposal" }),
+					/* @__PURE__ */ h("dd", { children: /* @__PURE__ */ h("code", { children: e.proposal_contract_hash }) }),
+					/* @__PURE__ */ h("dt", { children: "Current" }),
+					/* @__PURE__ */ h("dd", { children: /* @__PURE__ */ h("code", { children: e.current_contract_hash }) })
+				] }),
+				/* @__PURE__ */ h("p", { children: "Regenerate this Proposal." })
+			] }),
+			e.notes.length > 0 && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h4", { children: "Notes" }), /* @__PURE__ */ h("ul", { children: e.notes.map((e) => /* @__PURE__ */ h("li", { children: e }, e)) })] })
+		]
+	});
+}
+function oe({ artifact: e }) {
+	let t = e.current_contract ?? e.current, n = e.proposed_contract ?? e.proposed;
+	return /* @__PURE__ */ g("section", {
+		className: "proposal-runtime-preview",
+		children: [/* @__PURE__ */ g("div", {
+			className: "preview-banner",
+			children: [
+				/* @__PURE__ */ h("b", { children: "PROPOSED PREVIEW" }),
+				/* @__PURE__ */ h("br", {}),
+				"Synthetic, isolated state. This is not the live application or repository."
+			]
+		}), /* @__PURE__ */ g("div", {
+			className: "preview-comparison",
+			children: [
+				/* @__PURE__ */ g("section", { children: [/* @__PURE__ */ h("h4", { children: "Current" }), t.schema.map((e) => /* @__PURE__ */ h("span", { children: e.name }, e.name))] }),
+				/* @__PURE__ */ h("i", { children: "→" }),
+				/* @__PURE__ */ g("section", { children: [
+					/* @__PURE__ */ h("h4", { children: "Proposed" }),
+					n.schema.map((e) => /* @__PURE__ */ h("span", { children: e.name }, e.name)),
+					n.workflows.map((e) => /* @__PURE__ */ h("span", { children: e.name }, e.name))
+				] })
+			]
+		})]
+	});
+}
+function se({ value: e }) {
+	return /* @__PURE__ */ g("section", {
+		className: `repository-readiness ${e?.ready ? "ready" : "blocked"}`,
+		children: [/* @__PURE__ */ h("h3", { children: "Repository" }), e ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("strong", { children: e.ready ? "✓ READY FOR CLI APPLY" : "⚠ BLOCKED" }), /* @__PURE__ */ g("ul", { children: [
+			/* @__PURE__ */ g("li", { children: [
+				e.contractMatches ? "✓" : "⚠",
+				" Contract ",
+				e.contractMatches ? "matches Proposal" : "does not match"
+			] }),
+			/* @__PURE__ */ g("li", { children: [
+				e.flowMatches ? "✓" : "⚠",
+				" Flow ",
+				e.flowMatches ? "matches Proposal" : "does not match"
+			] }),
+			/* @__PURE__ */ h("li", { children: e.gitClean ? "✓ Clean" : "⚠ Local source conflicts" }),
+			e.conflicts.map((e) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("code", { children: e }) }, e))
+		] })] }) : /* @__PURE__ */ g("p", { children: [
+			"Repository context is available when Studio is opened through ",
+			/* @__PURE__ */ h("code", { children: "feltdb studio" }),
+			"."
+		] })]
+	});
+}
+function Z({ serviceUrl: t = "", token: n = "", applicationId: r, environment: d, applicationName: p, sourceSync: _ }) {
+	let v = u(() => new i({
+		baseUrl: t,
+		token: n,
+		applicationId: r,
+		environment: d
+	}), [
+		t,
+		n,
+		r,
+		d
+	]), [y, b] = f([]), [x, S] = f(), [C, w] = f([]), [T, E] = f(), [D, O] = f(), [k, A] = f(), [j, M] = f(""), [N, P] = f(), [F, I] = f(null), [L, R] = f([]), [z, B] = f(!0), [V, H] = f(""), [U, W] = f(!1), [G, K] = f(!1), [q, J] = f(""), [Y, ee] = f(!1), Z = c(async (t, n = !0) => {
+		B(!0);
+		try {
+			let e = await v.list(j, t);
+			b(e.proposals), P(t), I(e.pagination?.nextCursor ?? null), H("");
+		} catch (r) {
+			if (n && t && r instanceof e && r.code === "invalid_cursor") {
+				R([]), await Z(void 0, !1), H(a(r));
+				return;
+			}
+			H(a(r));
+		} finally {
+			B(!1);
+		}
+	}, [v, j]), Q = c(async (e) => {
+		H("");
+		try {
+			let [t, n, r] = await Promise.all([
+				v.get(e),
+				v.status(e),
+				v.history(e)
+			]);
+			S(t), E(n), w(r.events), fetch(`/_feltdb/repository-readiness?proposal=${encodeURIComponent(e)}`, { cache: "no-store" }).then((e) => e.ok ? e.json() : void 0).then(A).catch(() => A(void 0)), t.preview_id ? v.preview(t.preview_id).then(O).catch((e) => H(a(e))) : O(void 0);
+		} catch (e) {
+			H(a(e));
+		}
+	}, [v]);
+	l(() => {
+		R([]), Z();
+	}, [Z]), l(() => {
+		if (!x?.id) return;
+		let e = window.setInterval(() => {
+			Q(x.id), Z(N);
+		}, 5e3);
+		return () => window.clearInterval(e);
+	}, [
+		x?.id,
+		Q,
+		Z,
+		N
+	]);
+	let $ = async () => {
+		await Z(N), x && await Q(x.id);
+	}, ce = async (e) => {
+		if (x) try {
+			e === "approve" ? await v.approve(x.id, Y) : await v.reject(x.id, q || void 0), W(!1), K(!1), await $();
+		} catch (e) {
+			H(a(e));
+		}
+	}, le = async () => {
+		if (x) try {
+			x.status === "proposed" ? await v.validate(x.id) : await v.createPreview(x.id), await $();
+		} catch (e) {
+			H(a(e));
+		}
+	}, ue = x ? o(x) : void 0, de = x?.warnings.some((e) => e.startsWith("Authorization "));
+	return /* @__PURE__ */ g("div", {
+		className: "proposal-workspace",
+		children: [
+			/* @__PURE__ */ g("header", { children: [
+				/* @__PURE__ */ h("span", {
+					className: "eyebrow",
+					children: "Visual control plane"
+				}),
+				/* @__PURE__ */ h("h1", { children: "Proposals" }),
+				/* @__PURE__ */ g("p", { children: [
+					p || r,
+					" · ",
+					d,
+					" · Service API authoritative"
+				] })
+			] }),
+			/* @__PURE__ */ h(te, {
+				configuration: _,
+				onProposalCreated: () => void Z()
+			}),
+			V && /* @__PURE__ */ g("div", {
+				className: "data-error",
+				role: "alert",
+				children: [V, /* @__PURE__ */ h("button", {
+					onClick: () => void $(),
+					children: "Refresh"
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "proposal-workspace-layout",
+				children: [/* @__PURE__ */ g("aside", {
+					className: "studio-card",
+					children: [
+						/* @__PURE__ */ g("header", { children: [/* @__PURE__ */ h("h2", { children: "Proposals" }), /* @__PURE__ */ h("select", {
+							"aria-label": "Proposal status",
+							value: j,
+							onChange: (e) => M(e.target.value),
+							children: ne.map((e) => /* @__PURE__ */ h("option", {
+								value: e,
+								children: e ? e.toUpperCase() : "ALL STATUSES"
+							}, e || "all"))
+						})] }),
+						z ? /* @__PURE__ */ h("p", { children: "Loading…" }) : y.length ? y.map((e) => /* @__PURE__ */ g("button", {
+							className: `proposal-list-row ${x?.id === e.id ? "active" : ""}`,
+							onClick: () => void Q(e.id),
+							children: [/* @__PURE__ */ g("span", { children: [/* @__PURE__ */ h("strong", { children: e.summary }), /* @__PURE__ */ g("small", { children: [
+								e.id,
+								" · ",
+								ie(e.created_at)
+							] })] }), /* @__PURE__ */ h("b", { children: e.status })]
+						}, e.id)) : /* @__PURE__ */ h("p", { children: "No Proposals yet. Ask FeltDB AI to propose an application change." }),
+						/* @__PURE__ */ g("footer", {
+							className: "data-pagination",
+							children: [/* @__PURE__ */ h("button", {
+								disabled: !L.length,
+								onClick: () => {
+									let e = L.at(-1);
+									R((e) => e.slice(0, -1)), Z(e);
+								},
+								children: "←"
+							}), /* @__PURE__ */ h("button", {
+								disabled: !F,
+								onClick: () => {
+									R((e) => [...e, N]), Z(F || void 0);
+								},
+								children: "→"
+							})]
+						})
+					]
+				}), /* @__PURE__ */ h("main", {
+					className: "studio-card proposal-detail",
+					children: x ? /* @__PURE__ */ g(m, { children: [
+						/* @__PURE__ */ g("header", { children: [/* @__PURE__ */ g("div", { children: [
+							/* @__PURE__ */ h("span", {
+								className: `proposal-status ${x.status}`,
+								children: x.status
+							}),
+							/* @__PURE__ */ h("h2", { children: x.summary }),
+							x.parent_proposal_id && /* @__PURE__ */ g("p", { children: ["Incremental Proposal · Based on ", /* @__PURE__ */ h("button", {
+								className: "reference-value",
+								onClick: () => void Q(x.parent_proposal_id),
+								children: x.parent_proposal_id
+							})] })
+						] }), /* @__PURE__ */ g("dl", { children: [
+							/* @__PURE__ */ h("dt", { children: "Application" }),
+							/* @__PURE__ */ h("dd", { children: p || x.application_id }),
+							/* @__PURE__ */ h("dt", { children: "Environment" }),
+							/* @__PURE__ */ h("dd", { children: x.environment }),
+							/* @__PURE__ */ h("dt", { children: "Contract" }),
+							/* @__PURE__ */ g("dd", { children: [
+								"v",
+								x.base_contract_version,
+								" · ",
+								/* @__PURE__ */ h("code", { children: re(x.base_contract_hash) })
+							] }),
+							/* @__PURE__ */ h("dt", { children: "Flow" }),
+							/* @__PURE__ */ h("dd", { children: /* @__PURE__ */ h("code", { children: re(x.base_flow_hash) }) })
+						] })] }),
+						x.module_versions.length > 0 && /* @__PURE__ */ h(X, {
+							name: "Modules",
+							values: x.module_versions.map((e) => `${e.id} (${e.provider}) ${e.version}`)
+						}),
+						/* @__PURE__ */ g("section", {
+							className: "semantic-diff",
+							children: [
+								/* @__PURE__ */ h("h3", { children: "Current application → Semantic diff → Proposed application" }),
+								ue && Object.entries(ue).map(([e, t]) => /* @__PURE__ */ h(X, {
+									name: e,
+									values: t
+								}, e)),
+								/* @__PURE__ */ h(X, {
+									name: "Semantic Diff",
+									values: x.contract_diff
+								})
+							]
+						}),
+						Object.keys(x.module_impact.ownership).length > 0 && /* @__PURE__ */ g("section", { children: [/* @__PURE__ */ h("h3", { children: "State ownership" }), /* @__PURE__ */ h("div", {
+							className: "ownership-grid",
+							children: Object.entries(x.module_impact.ownership).map(([e, t]) => /* @__PURE__ */ g("span", { children: [/* @__PURE__ */ h("strong", { children: e }), /* @__PURE__ */ h("small", { children: t.replace(/_/g, " ") })] }, e))
+						})] }),
+						x.module_impact.state_flow.length > 0 && /* @__PURE__ */ g("section", { children: [/* @__PURE__ */ h("h3", { children: "Reconciliation" }), x.module_impact.state_flow.map((e) => /* @__PURE__ */ h("div", {
+							className: "reconciliation-flow",
+							children: e.split(/\s*->\s*/).map((t, n) => /* @__PURE__ */ g(s.Fragment, { children: [/* @__PURE__ */ h("span", { children: t }), n < e.split(/\s*->\s*/).length - 1 && /* @__PURE__ */ h("i", { children: "↓" })] }, `${t}-${n}`))
+						}, e))] }),
+						(x.module_impact.configuration.length > 0 || x.module_impact.secrets.length > 0) && /* @__PURE__ */ g("section", { children: [
+							/* @__PURE__ */ h("h3", { children: "Configuration" }),
+							x.module_impact.configuration.map((e) => /* @__PURE__ */ g("p", { children: [
+								/* @__PURE__ */ h("strong", { children: e }),
+								/* @__PURE__ */ h("br", {}),
+								/* @__PURE__ */ h("small", { children: "Required · Configuration" })
+							] }, e)),
+							x.module_impact.secrets.map((e) => /* @__PURE__ */ g("p", { children: [
+								/* @__PURE__ */ h("strong", { children: e }),
+								/* @__PURE__ */ h("br", {}),
+								/* @__PURE__ */ h("small", { children: "Required · Secret · Value never exposed" })
+							] }, e))
+						] }),
+						T && /* @__PURE__ */ h(ae, { value: T }),
+						D && /* @__PURE__ */ h(oe, { artifact: D }),
+						/* @__PURE__ */ g("section", { children: [/* @__PURE__ */ h("h3", { children: "Source plan" }), x.source_plan.files.map((e) => /* @__PURE__ */ h("p", { children: /* @__PURE__ */ g("code", { children: [
+							e.operation,
+							" ",
+							e.path
+						] }) }, e.path))] }),
+						/* @__PURE__ */ h(se, { value: k }),
+						/* @__PURE__ */ g("section", { children: [/* @__PURE__ */ h("h3", { children: "History" }), /* @__PURE__ */ h("ol", {
+							className: "proposal-history",
+							children: C.map((e) => /* @__PURE__ */ g("li", { children: [
+								/* @__PURE__ */ h("strong", { children: e.to_status }),
+								/* @__PURE__ */ h("span", { children: ie(e.created_at) }),
+								/* @__PURE__ */ h("small", { children: e.actor })
+							] }, e.id))
+						})] }),
+						x.status === "proposed" && /* @__PURE__ */ h("button", {
+							className: "btn btn-primary",
+							onClick: () => void le(),
+							children: "Validate Proposal"
+						}),
+						x.status === "validated" && /* @__PURE__ */ h("button", {
+							className: "btn btn-primary",
+							onClick: () => void le(),
+							children: "Create Proposed Preview"
+						}),
+						x.status === "previewed" && /* @__PURE__ */ g("div", {
+							className: "proposal-actions",
+							children: [/* @__PURE__ */ h("button", {
+								className: "btn btn-primary",
+								disabled: T?.readiness === "blocked",
+								onClick: () => W(!0),
+								children: "Approve Proposal"
+							}), /* @__PURE__ */ h("button", {
+								className: "btn btn-ghost",
+								onClick: () => K(!0),
+								children: "Reject"
+							})]
+						}),
+						["proposed", "validated"].includes(x.status) && /* @__PURE__ */ h("button", {
+							className: "btn btn-ghost",
+							onClick: () => K(!0),
+							children: "Reject"
+						}),
+						x.status === "approved" && /* @__PURE__ */ g("section", {
+							className: "proposal-boundary",
+							children: [
+								/* @__PURE__ */ h("strong", { children: "Approved · Ready for repository application." }),
+								/* @__PURE__ */ g("code", { children: ["feltdb ai apply ", x.id] }),
+								/* @__PURE__ */ h("button", {
+									className: "btn btn-ghost",
+									onClick: () => void navigator.clipboard.writeText(`feltdb ai apply ${x.id}`),
+									children: "Copy command"
+								}),
+								/* @__PURE__ */ h("p", { children: "Studio cannot mutate repository source." })
+							]
+						})
+					] }) : /* @__PURE__ */ h("div", {
+						className: "model-empty",
+						children: "Select a Proposal to inspect its canonical semantics."
+					})
+				})]
+			}),
+			U && x && /* @__PURE__ */ h("div", {
+				className: "proposal-modal",
+				role: "dialog",
+				"aria-modal": "true",
+				children: /* @__PURE__ */ g("section", { children: [
+					/* @__PURE__ */ h("h2", { children: "Approve this Proposal?" }),
+					/* @__PURE__ */ h("p", { children: x.summary }),
+					x.contract_diff.slice(0, 6).map((e) => /* @__PURE__ */ h("div", { children: e }, e)),
+					/* @__PURE__ */ h("p", { children: /* @__PURE__ */ h("strong", { children: "Repository source will not be modified." }) }),
+					de && /* @__PURE__ */ g("label", { children: [/* @__PURE__ */ h("input", {
+						type: "checkbox",
+						checked: Y,
+						onChange: (e) => ee(e.target.checked)
+					}), " I explicitly approve the authorization change."] }),
+					/* @__PURE__ */ g("footer", { children: [/* @__PURE__ */ h("button", {
+						onClick: () => W(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ h("button", {
+						disabled: de && !Y,
+						onClick: () => void ce("approve"),
+						children: "Approve"
+					})] })
+				] })
+			}),
+			G && x && /* @__PURE__ */ h("div", {
+				className: "proposal-modal",
+				role: "dialog",
+				"aria-modal": "true",
+				children: /* @__PURE__ */ g("section", { children: [
+					/* @__PURE__ */ h("h2", { children: "Reject Proposal?" }),
+					/* @__PURE__ */ h("textarea", {
+						"aria-label": "Rejection reason",
+						value: q,
+						onChange: (e) => J(e.target.value),
+						placeholder: "Optional reason"
+					}),
+					/* @__PURE__ */ g("footer", { children: [/* @__PURE__ */ h("button", {
+						onClick: () => K(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ h("button", {
+						onClick: () => void ce("reject"),
+						children: "Reject"
+					})] })
+				] })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ModuleExplorer.tsx
+function Q({ model: e }) {
+	let t = C(e?.modules ?? []);
+	return /* @__PURE__ */ g("section", {
+		className: "module-explorer",
+		children: [
+			/* @__PURE__ */ h("h1", { children: "Modules" }),
+			!t.length && /* @__PURE__ */ h("p", { children: "No modules are declared. Add a module block to feltdb.flow." }),
+			t.map((t) => /* @__PURE__ */ g("article", {
+				className: "proposal-card",
+				children: [
+					/* @__PURE__ */ h("h2", { children: t.name }),
+					/* @__PURE__ */ g("p", { children: [
+						/* @__PURE__ */ g("code", { children: [
+							t.id,
+							"@",
+							t.version
+						] }),
+						" · provider ",
+						/* @__PURE__ */ h("code", { children: t.provider })
+					] }),
+					/* @__PURE__ */ h("h3", { children: "Models" }),
+					/* @__PURE__ */ h("p", { children: t.models.map((e) => e.name).join(", ") }),
+					/* @__PURE__ */ h("ul", { children: t.models.map((e) => /* @__PURE__ */ g("li", { children: [
+						e.name,
+						": ",
+						e.ownership
+					] }, e.name)) }),
+					/* @__PURE__ */ h("h3", { children: "Application References" }),
+					/* @__PURE__ */ h("ul", { children: (e?.collections ?? []).flatMap((e) => e.fields.filter((e) => e.type.startsWith(`ref ${t.id}.`)).map((t) => /* @__PURE__ */ g("li", { children: [
+						e.name,
+						".",
+						t.name,
+						" → ",
+						t.type.slice(4)
+					] }, `${e.name}.${t.name}`))) }),
+					/* @__PURE__ */ h("h3", { children: "Relationships" }),
+					/* @__PURE__ */ h("ul", { children: t.relationships.map((e) => /* @__PURE__ */ g("li", { children: [
+						e.from,
+						" → ",
+						e.to,
+						" (",
+						e.kind,
+						")"
+					] }, `${e.from}-${e.to}`)) }),
+					/* @__PURE__ */ h("h3", { children: "Events" }),
+					/* @__PURE__ */ h("p", { children: t.events.join(", ") }),
+					/* @__PURE__ */ h("h3", { children: "Capabilities" }),
+					/* @__PURE__ */ h("p", { children: t.capabilities.join(", ") }),
+					/* @__PURE__ */ h("h3", { children: "Configuration" }),
+					/* @__PURE__ */ h("p", { children: t.configuration.map((e) => e.name).join(", ") || "None" }),
+					/* @__PURE__ */ h("h3", { children: "Secrets" }),
+					/* @__PURE__ */ g("p", { children: [t.secrets.map((e) => e.name).join(", "), " (values are never included in the contract)"] }),
+					/* @__PURE__ */ h("h3", { children: "Reconciliation" }),
+					/* @__PURE__ */ h("ul", { children: t.reconciliation.map((e) => /* @__PURE__ */ g("li", { children: [
+						e.event,
+						" → ",
+						e.workflow,
+						" → ",
+						e.writes.join(", ")
+					] }, e.event)) })
+				]
+			}, `${t.id}@${t.version}`))
+		]
+	});
+}
+//#endregion
+//#region src/components/ContractInspector.tsx
+function $({ model: e, section: t }) {
+	return e ? /* @__PURE__ */ g("div", {
+		className: "studio-model-page",
+		children: [/* @__PURE__ */ g("header", { children: [/* @__PURE__ */ h("span", {
+			className: "eyebrow",
+			children: "Contract"
+		}), /* @__PURE__ */ h("h1", { children: t === "schema" ? "Schema" : "Policies" })] }), t === "schema" ? e.collections.map((e) => /* @__PURE__ */ g("article", {
+			className: "studio-card",
+			children: [
+				/* @__PURE__ */ h("h2", { children: e.name }),
+				/* @__PURE__ */ h("p", { children: e.fields.map((e) => `${e.name}: ${e.type}${e.optional ? "?" : ""}`).join(" · ") }),
+				/* @__PURE__ */ h(p, {
+					to: {
+						pathname: "/data",
+						search: window.location.search
+					},
+					children: "Inspect records →"
+				})
+			]
+		}, e.name)) : e.policies.map((e) => /* @__PURE__ */ g("article", {
+			className: "studio-card",
+			children: [/* @__PURE__ */ h("h2", { children: e.name }), /* @__PURE__ */ h("pre", { children: e.statements.join("\n") })]
+		}, e.name))]
+	}) : /* @__PURE__ */ h("div", {
+		className: "model-empty",
+		children: "No active application contract."
+	});
+}
+//#endregion
+export { A as C, j as S, T, R as _, ee as a, N as b, K as c, U as d, H as f, P as g, F as h, te as i, G as l, L as m, Q as n, J as o, V as p, Z as r, q as s, $ as t, W as u, z as v, O as w, M as x, I as y };