yamlite 0.36.0 → 0.38.0

package/dist/ui-embed/{pageFrame-Dm62WvvT.js → pageFrame-CFoU6UjD.js}

@@ -1,44 +1,44 @@
 import { A as e, C as t, S as n, T as r, a as i, c as a, d as o, f as s, g as c, l, p as u, s as d, u as f, v as p, y as m } from "./theme-BwJfOY1V.js";
-import { A as h, C as g, D as ee, G as _, K as v, L as te, Lt as y, M as b, O as x, P as S, Pt as C, R as w, S as T, _ as ne, _t as E, at as D, bt as O, c as k, dt as re, ft as ie, g as A, gt as ae, h as oe, it as se, k as ce, l as j, lt as M, m as le, mt as ue, n as de, nt as N, ot as fe, pt as pe, r as me, rt as he, s as ge, st as P, tt as F, v as _e, vt as ve, x as ye, y as be, yt as xe } from "./HintPopover-D5P2UuTa.js";
-import { F as Se, a as Ce, h as we, i as Te, l as Ee, n as I, r as De, t as Oe, u as ke } from "./tabs-CLBiDAgo.js";
+import { A as h, C as g, D as ee, G as _, K as v, L as te, Lt as y, M as b, O as x, P as S, Pt as C, R as w, S as T, _ as ne, _t as re, at as ie, bt as E, c as D, dt as ae, ft as O, g as oe, gt as se, h as ce, it as le, k as ue, l as k, lt as A, m as j, mt as de, n as fe, nt as pe, ot as M, pt as me, r as N, rt as he, s as ge, st as _e, tt as ve, v as ye, vt as be, x as xe, y as Se, yt as Ce } from "./HintPopover-D5P2UuTa.js";
+import { F as we, a as Te, h as Ee, i as P, l as De, n as F, r as Oe, t as ke, u as Ae } from "./tabs-CLBiDAgo.js";
 //#region node_modules/.pnpm/@tanstack+react-store@0.11.2_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@tanstack/react-store/dist/useSelector.js
-var L = /* @__PURE__ */ e(t(), 1), Ae = /* @__PURE__ */ e(E(), 1);
-function je(e, t) {
+var I = /* @__PURE__ */ e(t(), 1), je = /* @__PURE__ */ e(re(), 1);
+function Me(e, t) {
 	return e === t;
 }
-function Me(e, t = (e) => e, n) {
-	let r = n?.compare ?? je, i = (0, L.useCallback)((t) => {
+function Ne(e, t = (e) => e, n) {
+	let r = n?.compare ?? Me, i = (0, I.useCallback)((t) => {
 		let { unsubscribe: n } = e.subscribe(t);
 		return n;
-	}, [e]), a = (0, L.useCallback)(() => e.get(), [e]);
-	return (0, Ae.useSyncExternalStoreWithSelector)(i, a, a, t, r);
+	}, [e]), a = (0, I.useCallback)(() => e.get(), [e]);
+	return (0, je.useSyncExternalStoreWithSelector)(i, a, a, t, r);
 }
 //#endregion
 //#region node_modules/.pnpm/@tanstack+react-router@1.170.44_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@tanstack/react-router/dist/esm/useMatch.js
-var Ne = {};
-function Pe(e, t) {
-	let n = L.useRef();
+var Pe = {};
+function Fe(e, t) {
+	let n = I.useRef();
 	return (r) => {
 		let i = e?.select ? e.select(r) : r;
 		return e?.structuralSharing ?? t.options.defaultStructuralSharing ? n.current = y(n.current, i) : i;
 	};
 }
-function Fe(e) {
-	let t = O(), n = L.useContext(e.from ? ve : xe), r = e.from ?? n, i = t.stores.getMatchStore(r), a = Pe(e, t), o = Me(i, (e) => e ? a(e) : Ne);
-	if (o !== Ne) return o;
+function Ie(e) {
+	let t = E(), n = I.useContext(e.from ? be : Ce), r = e.from ?? n, i = t.stores.getMatchStore(r), a = Fe(e, t), o = Ne(i, (e) => e ? a(e) : Pe);
+	if (o !== Pe) return o;
 	(e.shouldThrow ?? !0) && C();
 }
 //#endregion
 //#region node_modules/.pnpm/@tanstack+react-router@1.170.44_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@tanstack/react-router/dist/esm/useRouteContext.js
-function Ie(e) {
-	return Fe({
+function Le(e) {
+	return Ie({
 		...e,
 		select: (t) => e.select ? e.select(t.context) : t.context
 	});
 }
 //#endregion
 //#region node_modules/.pnpm/@tanstack+query-core@5.104.3/node_modules/@tanstack/query-core/build/modern/infiniteQueryObserver.js
-var Le = class extends N {
+var Re = class extends pe {
 	constructor(e, t) {
 		super(e, t);
 	}
@@ -70,7 +70,7 @@ var Le = class extends N {
 			fetchNextPage: this.fetchNextPage,
 			fetchPreviousPage: this.fetchPreviousPage,
 			hasNextPage: he(t, n.data),
-			hasPreviousPage: se(t, n.data),
+			hasPreviousPage: le(t, n.data),
 			isFetchNextPageError: l,
 			isFetchingNextPage: u,
 			isFetchPreviousPageError: d,
@@ -79,7 +79,7 @@ var Le = class extends N {
 			isRefetching: a && !u && !f
 		};
 	}
-}, Re = class extends fe {
+}, ze = class extends M {
 	#e;
 	#t = void 0;
 	#n;
@@ -92,11 +92,11 @@ var Le = class extends N {
 	}
 	setOptions(e) {
 		let t = this.options;
-		this.options = this.#e.defaultMutationOptions(e), re(this.options, t) || this.#e.getMutationCache().notify({
+		this.options = this.#e.defaultMutationOptions(e), ae(this.options, t) || this.#e.getMutationCache().notify({
 			type: "observerOptionsUpdated",
 			mutation: this.#n,
 			observer: this
-		}), t?.mutationKey && this.options.mutationKey && P(t.mutationKey) !== P(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
+		}), t?.mutationKey && this.options.mutationKey && _e(t.mutationKey) !== _e(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
 	}
 	onSubscribe() {
 		this.listeners.size === 1 && this.#n && (this.#n.addObserver(this), this.#i());
@@ -117,7 +117,7 @@ var Le = class extends N {
 		return this.#r = t, this.#n?.removeObserver(this), this.#n = this.#e.getMutationCache().build(this.#e, this.options), this.#n.addObserver(this), this.#n.execute(e);
 	}
 	#i() {
-		let e = this.#n?.state ?? F();
+		let e = this.#n?.state ?? ve();
 		this.#t = {
 			...e,
 			isPending: e.status === "pending",
@@ -129,7 +129,7 @@ var Le = class extends N {
 		};
 	}
 	#a(e) {
-		D.batch(() => {
+		ie.batch(() => {
 			let t = this.#r;
 			if (t && this.hasListeners()) {
 				let n = this.#t.variables, r = this.#t.context, i = {
@@ -169,15 +169,15 @@ var Le = class extends N {
 };
 //#endregion
 //#region node_modules/.pnpm/@tanstack+react-query@5.104.3_react@19.3.1/node_modules/@tanstack/react-query/build/modern/useMutation.js
-function ze(e, t) {
-	let n = pe(t), [r] = L.useState(() => new Re(n, e));
-	L.useEffect(() => {
+function Be(e, t) {
+	let n = me(t), [r] = I.useState(() => new ze(n, e));
+	I.useEffect(() => {
 		r.setOptions(e);
 	}, [r, e]);
-	let i = L.useSyncExternalStore(L.useCallback((e) => r.subscribe(D.batchCalls(e)), [r]), () => r.getCurrentResult(), () => r.getCurrentResult()), a = L.useCallback((...e) => {
-		r.mutate(e[0], e[1]).catch(M);
+	let i = I.useSyncExternalStore(I.useCallback((e) => r.subscribe(ie.batchCalls(e)), [r]), () => r.getCurrentResult(), () => r.getCurrentResult()), a = I.useCallback((...e) => {
+		r.mutate(e[0], e[1]).catch(A);
 	}, [r]);
-	if (i.error && ie(r.options.throwOnError, [i.error])) throw i.error;
+	if (i.error && O(r.options.throwOnError, [i.error])) throw i.error;
 	return {
 		...i,
 		mutate: a,
@@ -186,31 +186,31 @@ function ze(e, t) {
 }
 //#endregion
 //#region node_modules/.pnpm/@tanstack+react-query@5.104.3_react@19.3.1/node_modules/@tanstack/react-query/build/modern/useInfiniteQuery.js
-function Be(e, t) {
-	return v(e, Le, t);
+function Ve(e, t) {
+	return v(e, Re, t);
 }
 //#endregion
 //#region ui/src/paraglide/messages/common_cancel.js
-var Ve = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "キャンセル" : "Cancel"), He = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "閉じる" : "Close"), Ue = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "閉じる" : "close"), We = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "削除" : "Delete"), Ge = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "切断中" : "disconnected"), Ke = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "読み込み中…" : "Loading…"), qe = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "保存" : "Save"), Je = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "追加" : "Add"), Ye = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "+ 追加" : "+ add"), Xe = (e) => `add to ${e?.field}`, Ze = (e) => `${e?.field} に追加`, Qe = ((e, t = {}) => (t.locale ?? r()) === "ja" ? Ze(e) : Xe(e)), $e = (e) => `${e?.field} as ${e?.kind}`, et = (e) => `${e?.field} を ${e?.kind} で編集`, tt = ((e, t = {}) => (t.locale ?? r()) === "ja" ? et(e) : $e(e)), nt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "種類を変える" : "Change type"), rt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "この項目を空にして、種類を選び直しますか？" : "Clear this field and choose another type?"), it = (e) => `Change type of ${e?.field}`, at = (e) => `${e?.field} の種類を変える`, ot = ((e, t = {}) => (t.locale ?? r()) === "ja" ? at(e) : it(e)), st = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "+ キー" : "+ key"), ct = (e) => `new key in ${e?.field}`, lt = (e) => `${e?.field} の新しいキー`, ut = ((e, t = {}) => (t.locale ?? r()) === "ja" ? lt(e) : ct(e)), dt = (e) => `remove ${e?.item}`, ft = (e) => `${e?.item} を削除`, pt = ((e, t = {}) => (t.locale ?? r()) === "ja" ? ft(e) : dt(e)), mt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "— (未設定)" : "— (unset)"), ht = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "作成" : "Created"), gt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "削除" : "Deleted"), _t = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "フィールド" : "Fields"), vt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "たった今" : "just now"), yt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "さらに古い履歴を読み込む" : "Load older history"), bt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "まだコミットされていません" : "Not committed yet"), xt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "コミットすると、ここに変更が並びます。" : "Once you commit, changes show up here."), St = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "git の履歴はありません" : "No git history"), Ct = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "このフォルダは git リポジトリの外にあります。" : "This folder is outside a git repository."), wt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "値の変更はありません" : "No value changes"), Tt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "（なし）" : "(none)"), Et = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "この版に戻す" : "Restore this version"), Dt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "この時点の値をフォームに入れます（保存はしません）" : "Puts this version's values into the form (does not save)"), Ot = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "今の値と同じです" : "Same as the current values"), kt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "未コミット" : "Uncommitted"), At = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "読めない版です" : "This version can't be read"), jt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "未コミットの変更" : "Uncommitted changes"), Mt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "YAML の差分" : "YAML diff"), Nt = (e) => {
+var He = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "キャンセル" : "Cancel"), L = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "閉じる" : "Close"), Ue = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "削除" : "Delete"), We = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "切断中" : "disconnected"), Ge = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "読み込み中…" : "Loading…"), Ke = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "保存" : "Save"), qe = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "追加" : "Add"), Je = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "+ 追加" : "+ add"), Ye = (e) => `add to ${e?.field}`, Xe = (e) => `${e?.field} に追加`, Ze = ((e, t = {}) => (t.locale ?? r()) === "ja" ? Xe(e) : Ye(e)), Qe = (e) => `${e?.field} as ${e?.kind}`, $e = (e) => `${e?.field} を ${e?.kind} で編集`, et = ((e, t = {}) => (t.locale ?? r()) === "ja" ? $e(e) : Qe(e)), tt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "種類を変える" : "Change type"), nt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "この項目を空にして、種類を選び直しますか？" : "Clear this field and choose another type?"), rt = (e) => `Change type of ${e?.field}`, it = (e) => `${e?.field} の種類を変える`, at = ((e, t = {}) => (t.locale ?? r()) === "ja" ? it(e) : rt(e)), ot = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "+ キー" : "+ key"), st = (e) => `new key in ${e?.field}`, ct = (e) => `${e?.field} の新しいキー`, lt = ((e, t = {}) => (t.locale ?? r()) === "ja" ? ct(e) : st(e)), ut = (e) => `remove ${e?.item}`, dt = (e) => `${e?.item} を削除`, ft = ((e, t = {}) => (t.locale ?? r()) === "ja" ? dt(e) : ut(e)), pt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "— (未設定)" : "— (unset)"), mt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "作成" : "Created"), ht = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "削除" : "Deleted"), gt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "フィールド" : "Fields"), _t = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "たった今" : "just now"), vt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "さらに古い履歴を読み込む" : "Load older history"), yt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "まだコミットされていません" : "Not committed yet"), bt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "コミットすると、ここに変更が並びます。" : "Once you commit, changes show up here."), xt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "git の履歴はありません" : "No git history"), St = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "このフォルダは git リポジトリの外にあります。" : "This folder is outside a git repository."), Ct = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "値の変更はありません" : "No value changes"), wt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "（なし）" : "(none)"), Tt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "この版に戻す" : "Restore this version"), Et = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "この時点の値をフォームに入れます（保存はしません）" : "Puts this version's values into the form (does not save)"), Dt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "今の値と同じです" : "Same as the current values"), Ot = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "未コミット" : "Uncommitted"), kt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "読めない版です" : "This version can't be read"), At = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "未コミットの変更" : "Uncommitted changes"), jt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "YAML の差分" : "YAML diff"), Mt = (e) => {
 	let t = b("en", e?.count, {}, !0);
 	return t === "one" ? `⋯ ${e?.count} unchanged line` : t === "other" ? `⋯ ${e?.count} unchanged lines` : "proposal_unchanged_lines";
-}, Pt = (e) => `⋯ 変更のない ${e?.count} 行`, Ft = ((e, t = {}) => (t.locale ?? r()) === "ja" ? Pt(e) : Nt(e)), It = (e) => {
+}, Nt = (e) => `⋯ 変更のない ${e?.count} 行`, Pt = ((e, t = {}) => (t.locale ?? r()) === "ja" ? Nt(e) : Mt(e)), Ft = (e) => {
 	let t = b("en", e?.count, {}, !0);
 	return t === "one" ? `${e?.count} change · saving writes it to the file` : t === "other" ? `${e?.count} changes · saving writes them to the file` : "record_changes";
-}, Lt = (e) => `変更 ${e?.count} 件 · 保存するとファイルに反映`, Rt = ((e, t = {}) => (t.locale ?? r()) === "ja" ? Lt(e) : It(e)), zt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコードを削除" : "delete record"), Bt = (e) => `It is also removed from ${e?.file}.`, Vt = (e) => `${e?.file} からも削除されます。`, Ht = ((e, t = {}) => (t.locale ?? r()) === "ja" ? Vt(e) : Bt(e)), Ut = (e) => `Delete ${e?.key}?`, Wt = (e) => `${e?.key} を削除しますか？`, Gt = ((e, t = {}) => (t.locale ?? r()) === "ja" ? Wt(e) : Ut(e)), Kt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "破棄" : "Discard"), qt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "接続が切れています" : "Connection lost"), Jt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコードのファイル" : "record file"), Yt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコードの JSON" : "record JSON"), Xt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコードは JSON オブジェクトにしてください" : "a record must be a JSON object"), Zt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコード" : "record"), Qt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "新規" : "new"), $t = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "上書き" : "Overwrite"), en = (e) => `⚠ Not reflected: ${e?.reason}`, tn = (e) => `⚠ 反映されませんでした: ${e?.reason}`, nn = ((e, t = {}) => (t.locale ?? r()) === "ja" ? tn(e) : en(e)), rn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "反映待ち" : "Waiting to reflect"), an = (e) => `Reflected to ${e?.file}`, on = (e) => `${e?.file} に反映済み`, sn = ((e, t = {}) => (t.locale ?? r()) === "ja" ? on(e) : an(e)), cn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "反映中…" : "Reflecting…"), ln = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "最新を読み込む" : "Load latest"), un = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "必須" : "required"), dn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコードパネルの幅を変更" : "Resize record panel"), fn = (e) => {
+}, It = (e) => `変更 ${e?.count} 件 · 保存するとファイルに反映`, Lt = ((e, t = {}) => (t.locale ?? r()) === "ja" ? It(e) : Ft(e)), Rt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコードを削除" : "delete record"), zt = (e) => `It is also removed from ${e?.file}.`, Bt = (e) => `${e?.file} からも削除されます。`, Vt = ((e, t = {}) => (t.locale ?? r()) === "ja" ? Bt(e) : zt(e)), Ht = (e) => `Delete ${e?.key}?`, Ut = (e) => `${e?.key} を削除しますか？`, Wt = ((e, t = {}) => (t.locale ?? r()) === "ja" ? Ut(e) : Ht(e)), Gt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "破棄" : "Discard"), Kt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "接続が切れています" : "Connection lost"), qt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコードのファイル" : "record file"), Jt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコードの JSON" : "record JSON"), Yt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコードは JSON オブジェクトにしてください" : "a record must be a JSON object"), Xt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコード" : "record"), Zt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "新規" : "new"), Qt = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "上書き" : "Overwrite"), $t = (e) => `⚠ Not reflected: ${e?.reason}`, en = (e) => `⚠ 反映されませんでした: ${e?.reason}`, tn = ((e, t = {}) => (t.locale ?? r()) === "ja" ? en(e) : $t(e)), nn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "反映待ち" : "Waiting to reflect"), rn = (e) => `Reflected to ${e?.file}`, an = (e) => `${e?.file} に反映済み`, on = ((e, t = {}) => (t.locale ?? r()) === "ja" ? an(e) : rn(e)), sn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "反映中…" : "Reflecting…"), cn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "最新を読み込む" : "Load latest"), ln = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "必須" : "required"), R = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "レコードパネルの幅を変更" : "Resize record panel"), un = (e) => {
 	let t = b("en", e?.count, {}, !0);
 	return t === "one" ? `Restored the values from ${e?.from} · ${e?.count} field unsaved` : t === "other" ? `Restored the values from ${e?.from} · ${e?.count} fields unsaved` : "record_restored";
-}, pn = (e) => `${e?.from} の値に戻しました · ${e?.count} 項目が未保存`, mn = ((e, t = {}) => (t.locale ?? r()) === "ja" ? pn(e) : fn(e)), hn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "保存 ⌘S" : "Save ⌘S"), gn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "読み込んだあとに、ファイルか DB で次のフィールドが変わりました。" : "After you loaded it, these fields changed in the file or the DB."), _n = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "あなたの編集" : "Your edit"), vn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "いまの値" : "Current value"), yn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "他で変更されました" : "Changed elsewhere"), bn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "ファイル" : "File"), xn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "フォーム" : "Form"), Sn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "履歴" : "History"), R = n(), Cn = Object.defineProperty, z = (e, t) => Cn(e, "name", {
+}, dn = (e) => `${e?.from} の値に戻しました · ${e?.count} 項目が未保存`, fn = ((e, t = {}) => (t.locale ?? r()) === "ja" ? dn(e) : un(e)), pn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "保存 ⌘S" : "Save ⌘S"), mn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "読み込んだあとに、ファイルか DB で次のフィールドが変わりました。" : "After you loaded it, these fields changed in the file or the DB."), hn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "あなたの編集" : "Your edit"), gn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "いまの値" : "Current value"), _n = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "他で変更されました" : "Changed elsewhere"), vn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "ファイル" : "File"), yn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "フォーム" : "Form"), bn = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "履歴" : "History"), z = n(), xn = Object.defineProperty, B = (e, t) => xn(e, "name", {
 	value: t,
 	configurable: !0
-}), wn = "Dialog", [Tn, En] = s(wn), [Dn, B] = Tn(wn), On = /* @__PURE__ */ z((e) => {
-	let { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = L.useRef(null), c = L.useRef(null), { nodes: u, registry: f } = ye(), [p, m] = l({
+}), Sn = "Dialog", [Cn, wn] = s(Sn), [Tn, V] = Cn(Sn), En = /* @__PURE__ */ B((e) => {
+	let { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = I.useRef(null), c = I.useRef(null), { nodes: u, registry: f } = xe(), [p, m] = l({
 		prop: r,
 		defaultProp: i ?? !1,
 		onChange: a,
-		caller: wn
-	}), [h, g] = L.useState(0), [ee, _] = L.useState(0);
-	return /* @__PURE__ */ (0, R.jsx)(Dn, {
+		caller: Sn
+	}), [h, g] = I.useState(0), [ee, _] = I.useState(0);
+	return /* @__PURE__ */ (0, z.jsx)(Tn, {
 		scope: t,
 		triggerRef: s,
 		contentRef: c,
@@ -223,43 +223,43 @@ var Ve = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "キャンセル" : "
 		setDescriptionCount: _,
 		open: p,
 		onOpenChange: m,
-		onOpenToggle: L.useCallback(() => m((e) => !e), [m]),
+		onOpenToggle: I.useCallback(() => m((e) => !e), [m]),
 		modal: o,
 		branchNodes: u,
 		branchRegistry: f,
 		children: n
 	});
-}, "Dialog"), kn = "DialogPortal", [An, jn] = Tn(kn, { forceMount: void 0 }), Mn = /* @__PURE__ */ z((e) => {
-	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, o = B(kn, t);
-	return /* @__PURE__ */ (0, R.jsx)(An, {
+}, "Dialog"), Dn = "DialogPortal", [On, kn] = Cn(Dn, { forceMount: void 0 }), An = /* @__PURE__ */ B((e) => {
+	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, o = V(Dn, t);
+	return /* @__PURE__ */ (0, z.jsx)(On, {
 		scope: t,
 		forceMount: n,
-		children: L.Children.map(r, (e) => /* @__PURE__ */ (0, R.jsx)(a, {
+		children: I.Children.map(r, (e) => /* @__PURE__ */ (0, z.jsx)(a, {
 			present: n || o.open,
-			children: /* @__PURE__ */ (0, R.jsx)(ne, {
+			children: /* @__PURE__ */ (0, z.jsx)(ne, {
 				asChild: !0,
 				container: i,
 				children: e
 			})
 		}))
 	});
-}, "DialogPortal"), Nn = "DialogOverlay", Pn = /* @__PURE__ */ L.forwardRef(/* @__PURE__ */ z(function(e, t) {
-	let n = jn(Nn, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, o = B(Nn, e.__scopeDialog);
-	return o.modal ? /* @__PURE__ */ (0, R.jsx)(a, {
+}, "DialogPortal"), jn = "DialogOverlay", Mn = /* @__PURE__ */ I.forwardRef(/* @__PURE__ */ B(function(e, t) {
+	let n = kn(jn, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, o = V(jn, e.__scopeDialog);
+	return o.modal ? /* @__PURE__ */ (0, z.jsx)(a, {
 		present: r || o.open,
-		children: /* @__PURE__ */ (0, R.jsx)(In, {
+		children: /* @__PURE__ */ (0, z.jsx)(Pn, {
 			...i,
 			ref: t
 		})
 	}) : null;
-}, "DialogOverlay")), Fn = c("DialogOverlay.RemoveScroll"), In = /* @__PURE__ */ L.forwardRef(/* @__PURE__ */ z(function(e, t) {
-	let { __scopeDialog: n, ...r } = e, i = B(Nn, n), a = g(), o = p(t, a);
-	return /* @__PURE__ */ (0, R.jsx)(oe, {
-		as: Fn,
+}, "DialogOverlay")), Nn = c("DialogOverlay.RemoveScroll"), Pn = /* @__PURE__ */ I.forwardRef(/* @__PURE__ */ B(function(e, t) {
+	let { __scopeDialog: n, ...r } = e, i = V(jn, n), a = g(), o = p(t, a);
+	return /* @__PURE__ */ (0, z.jsx)(ce, {
+		as: Nn,
 		allowPinchZoom: !0,
-		shards: L.useMemo(() => [i.contentRef, ...i.branchNodes.map((e) => ({ current: e }))], [i.contentRef, i.branchNodes]),
-		children: /* @__PURE__ */ (0, R.jsx)(u.div, {
-			"data-state": Kn(i.open),
+		shards: I.useMemo(() => [i.contentRef, ...i.branchNodes.map((e) => ({ current: e }))], [i.contentRef, i.branchNodes]),
+		children: /* @__PURE__ */ (0, z.jsx)(u.div, {
+			"data-state": Wn(i.open),
 			...r,
 			ref: o,
 			style: {
@@ -268,24 +268,24 @@ var Ve = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "キャンセル" : "
 			}
 		})
 	});
-}, "DialogOverlayImpl")), V = "DialogContent", Ln = /* @__PURE__ */ L.forwardRef(/* @__PURE__ */ z(function(e, t) {
-	let n = jn(V, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, o = B(V, e.__scopeDialog);
-	return /* @__PURE__ */ (0, R.jsx)(a, {
+}, "DialogOverlayImpl")), H = "DialogContent", Fn = /* @__PURE__ */ I.forwardRef(/* @__PURE__ */ B(function(e, t) {
+	let n = kn(H, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, o = V(H, e.__scopeDialog);
+	return /* @__PURE__ */ (0, z.jsx)(a, {
 		present: r || o.open,
-		children: o.modal ? /* @__PURE__ */ (0, R.jsx)(Rn, {
+		children: o.modal ? /* @__PURE__ */ (0, z.jsx)(In, {
 			...i,
 			ref: t
-		}) : /* @__PURE__ */ (0, R.jsx)(zn, {
+		}) : /* @__PURE__ */ (0, z.jsx)(Ln, {
 			...i,
 			ref: t
 		})
 	});
-}, "DialogContent")), Rn = /* @__PURE__ */ L.forwardRef(/* @__PURE__ */ z(function(e, t) {
-	let n = B(V, e.__scopeDialog), r = L.useRef(null), i = p(t, n.contentRef, r);
-	return L.useEffect(() => {
+}, "DialogContent")), In = /* @__PURE__ */ I.forwardRef(/* @__PURE__ */ B(function(e, t) {
+	let n = V(H, e.__scopeDialog), r = I.useRef(null), i = p(t, n.contentRef, r);
+	return I.useEffect(() => {
 		let e = r.current;
-		if (e) return le(e);
-	}, []), /* @__PURE__ */ (0, R.jsx)(Bn, {
+		if (e) return j(e);
+	}, []), /* @__PURE__ */ (0, z.jsx)(Rn, {
 		...e,
 		ref: i,
 		trapFocus: n.open,
@@ -299,9 +299,9 @@ var Ve = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "キャンセル" : "
 		}),
 		onFocusOutside: f(e.onFocusOutside, (e) => e.preventDefault())
 	});
-}, "DialogContentModal")), zn = /* @__PURE__ */ L.forwardRef(/* @__PURE__ */ z(function(e, t) {
-	let n = B(V, e.__scopeDialog), r = L.useRef(!1), i = L.useRef(!1);
-	return /* @__PURE__ */ (0, R.jsx)(Bn, {
+}, "DialogContentModal")), Ln = /* @__PURE__ */ I.forwardRef(/* @__PURE__ */ B(function(e, t) {
+	let n = V(H, e.__scopeDialog), r = I.useRef(!1), i = I.useRef(!1);
+	return /* @__PURE__ */ (0, z.jsx)(Rn, {
 		...e,
 		ref: t,
 		trapFocus: !1,
@@ -315,23 +315,23 @@ var Ve = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "キャンセル" : "
 			n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
 		}
 	});
-}, "DialogContentNonModal")), Bn = /* @__PURE__ */ L.forwardRef(/* @__PURE__ */ z(function(e, t) {
-	let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, "aria-describedby": o, children: s, ...c } = e, l = B(V, n);
-	return A(), /* @__PURE__ */ (0, R.jsx)(be, {
+}, "DialogContentNonModal")), Rn = /* @__PURE__ */ I.forwardRef(/* @__PURE__ */ B(function(e, t) {
+	let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, "aria-describedby": o, children: s, ...c } = e, l = V(H, n);
+	return oe(), /* @__PURE__ */ (0, z.jsx)(Se, {
 		registry: l.branchRegistry,
-		children: /* @__PURE__ */ (0, R.jsx)(_e, {
+		children: /* @__PURE__ */ (0, z.jsx)(ye, {
 			asChild: !0,
 			loop: !0,
 			trapped: r,
 			branches: l.branchNodes,
 			onMountAutoFocus: i,
 			onUnmountAutoFocus: a,
-			children: /* @__PURE__ */ (0, R.jsx)(T, {
+			children: /* @__PURE__ */ (0, z.jsx)(T, {
 				role: "dialog",
 				id: l.contentId,
 				"aria-labelledby": l.titlePresent ? l.titleId : void 0,
-				"aria-describedby": l.descriptionPresent ? Gn(o, l.descriptionId) : o,
-				"data-state": Kn(l.open),
+				"aria-describedby": l.descriptionPresent ? Un(o, l.descriptionId) : o,
+				"data-state": Wn(l.open),
 				...c,
 				ref: t,
 				deferPointerDownOutside: !0,
@@ -340,42 +340,42 @@ var Ve = ((e = {}, t = {}) => (t.locale ?? r()) === "ja" ? "キャンセル" : "
 			})
 		})
 	});
-}, "DialogContentImpl")), Vn = /* @__PURE__ */ L.forwardRef(/* @__PURE__ */ z(function(e, t) {
-	let { __scopeDialog: n, ...r } = e, i = B("DialogTitle", n), { setTitleCount: a } = i;
-	return o(() => (a((e) => e + 1), () => a((e) => e - 1)), [a]), /* @__PURE__ */ (0, R.jsx)(u.h2, {
+}, "DialogContentImpl")), zn = /* @__PURE__ */ I.forwardRef(/* @__PURE__ */ B(function(e, t) {
+	let { __scopeDialog: n, ...r } = e, i = V("DialogTitle", n), { setTitleCount: a } = i;
+	return o(() => (a((e) => e + 1), () => a((e) => e - 1)), [a]), /* @__PURE__ */ (0, z.jsx)(u.h2, {
 		id: i.titleId,
 		...r,
 		ref: t
 	});
-}, "DialogTitle")), Hn = /* @__PURE__ */ L.forwardRef(/* @__PURE__ */ z(function(e, t) {
-	let { __scopeDialog: n, ...r } = e, i = B("DialogDescription", n), { setDescriptionCount: a } = i;
-	return o(() => (a((e) => e + 1), () => a((e) => e - 1)), [a]), /* @__PURE__ */ (0, R.jsx)(u.p, {
+}, "DialogTitle")), Bn = /* @__PURE__ */ I.forwardRef(/* @__PURE__ */ B(function(e, t) {
+	let { __scopeDialog: n, ...r } = e, i = V("DialogDescription", n), { setDescriptionCount: a } = i;
+	return o(() => (a((e) => e + 1), () => a((e) => e - 1)), [a]), /* @__PURE__ */ (0, z.jsx)(u.p, {
 		id: i.descriptionId,
 		...r,
 		ref: t
 	});
-}, "DialogDescription")), Un = "DialogClose", Wn = /* @__PURE__ */ L.forwardRef(/* @__PURE__ */ z(function(e, t) {
-	let { __scopeDialog: n, ...r } = e, i = B(Un, n);
-	return /* @__PURE__ */ (0, R.jsx)(u.button, {
+}, "DialogDescription")), Vn = "DialogClose", Hn = /* @__PURE__ */ I.forwardRef(/* @__PURE__ */ B(function(e, t) {
+	let { __scopeDialog: n, ...r } = e, i = V(Vn, n);
+	return /* @__PURE__ */ (0, z.jsx)(u.button, {
 		type: "button",
 		...r,
 		ref: t,
 		onClick: f(e.onClick, () => i.onOpenChange(!1))
 	});
 }, "DialogClose"));
-function Gn(...e) {
+function Un(...e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e) if (typeof n == "string") for (let e of String(n).trim().split(/\s+/)) e && t.add(e);
 	return t.size > 0 ? Array.from(t).join(" ") : void 0;
 }
-z(Gn, "concatAriaDescribedby");
-function Kn(e) {
+B(Un, "concatAriaDescribedby");
+function Wn(e) {
 	return e ? "open" : "closed";
 }
-z(Kn, "getState");
+B(Wn, "getState");
 //#endregion
 //#region node_modules/.pnpm/lucide-react@1.58.0_@types+react@19.3.0_react@19.3.1/node_modules/lucide-react/dist/esm/icons/arrow-left.mjs
-var qn = {
+var Gn = {
 	name: "arrow-left",
 	size: 24,
 	node: [["path", {
@@ -386,8 +386,8 @@ var qn = {
 		key: "x3x0zl"
 	}]]
 };
-qn.node;
-var Jn = k(qn), Yn = {
+Gn.node;
+var Kn = D(Gn), qn = {
 	name: "arrow-up-right",
 	size: 24,
 	node: [["path", {
@@ -398,8 +398,8 @@ var Jn = k(qn), Yn = {
 		key: "1vkiza"
 	}]]
 };
-Yn.node;
-var Xn = k(Yn), Zn = {
+qn.node;
+var Jn = D(qn), Yn = {
 	name: "calendar",
 	size: 24,
 	node: [
@@ -425,8 +425,8 @@ var Xn = k(Yn), Zn = {
 		}]
 	]
 };
-Zn.node;
-var Qn = k(Zn), $n = {
+Yn.node;
+var Xn = D(Yn), Zn = {
 	name: "clock",
 	size: 24,
 	node: [["circle", {
@@ -439,8 +439,8 @@ var Qn = k(Zn), $n = {
 		key: "mmk7yg"
 	}]]
 };
-$n.node;
-var er = k($n), tr = {
+Zn.node;
+var Qn = D(Zn), $n = {
 	name: "trash",
 	size: 24,
 	node: [
@@ -467,8 +467,8 @@ var er = k($n), tr = {
 	],
 	aliases: ["trash-2"]
 };
-tr.node;
-var nr = k(tr), rr = {
+$n.node;
+var er = D($n), tr = {
 	name: "type",
 	size: 24,
 	node: [
@@ -486,8 +486,8 @@ var nr = k(tr), rr = {
 		}]
 	]
 };
-rr.node;
-var ir = k(rr), ar = {
+tr.node;
+var nr = D(tr), rr = {
 	name: "x",
 	size: 24,
 	node: [["path", {
@@ -498,12 +498,12 @@ var ir = k(rr), ar = {
 		key: "d8bk6v"
 	}]]
 };
-ar.node;
-var H = k(ar);
+rr.node;
+var U = D(rr);
 //#endregion
 //#region ui/src/components/ui/input.tsx
-function U({ className: e, type: t, ...n }) {
-	return /* @__PURE__ */ (0, R.jsx)("input", {
+function W({ className: e, type: t, ...n }) {
+	return /* @__PURE__ */ (0, z.jsx)("input", {
 		type: t,
 		"data-slot": "input",
 		className: m("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", e),
@@ -512,81 +512,81 @@ function U({ className: e, type: t, ...n }) {
 }
 //#endregion
 //#region ui/src/components/ui/dialog.tsx
-function or({ ...e }) {
-	return /* @__PURE__ */ (0, R.jsx)(On, {
+function ir({ ...e }) {
+	return /* @__PURE__ */ (0, z.jsx)(En, {
 		"data-slot": "dialog",
 		...e
 	});
 }
-function sr({ ...e }) {
-	return /* @__PURE__ */ (0, R.jsx)(Mn, {
+function ar({ ...e }) {
+	return /* @__PURE__ */ (0, z.jsx)(An, {
 		"data-slot": "dialog-portal",
 		...e
 	});
 }
-function cr({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, R.jsx)(Pn, {
+function or({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, z.jsx)(Mn, {
 		"data-slot": "dialog-overlay",
 		className: m("fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", e),
 		...t
 	});
 }
-var lr = "flex flex-col gap-0 overflow-hidden p-0 max-md:overflow-hidden md:max-h-[85vh]", ur = "shrink-0 border-t bg-background px-6 py-3 max-md:pb-[calc(0.75rem+env(safe-area-inset-bottom))]";
-function dr({ className: e, children: t, showCloseButton: n = !0, pinned: r = !1, ...i }) {
-	return /* @__PURE__ */ (0, R.jsxs)(sr, {
+var sr = "flex flex-col gap-0 overflow-hidden p-0 max-md:overflow-hidden md:max-h-[85vh]", cr = "shrink-0 border-t bg-background px-6 py-3 max-md:pb-[calc(0.75rem+env(safe-area-inset-bottom))]";
+function lr({ className: e, children: t, showCloseButton: n = !0, pinned: r = !1, ...i }) {
+	return /* @__PURE__ */ (0, z.jsxs)(ar, {
 		"data-slot": "dialog-portal",
-		children: [/* @__PURE__ */ (0, R.jsx)(cr, {}), /* @__PURE__ */ (0, R.jsxs)(Ln, {
+		children: [/* @__PURE__ */ (0, z.jsx)(or, {}), /* @__PURE__ */ (0, z.jsxs)(Fn, {
 			"data-slot": "dialog-content",
-			className: m("fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg", "max-md:inset-0 max-md:top-0 max-md:left-0 max-md:h-dvh max-md:max-w-none max-md:translate-x-0 max-md:translate-y-0 max-md:flex max-md:flex-col max-md:overflow-auto max-md:rounded-none max-md:border-0 max-md:pt-[calc(1.5rem+env(safe-area-inset-top))]", r && lr, e),
+			className: m("fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg", "max-md:inset-0 max-md:top-0 max-md:left-0 max-md:h-dvh max-md:max-w-none max-md:translate-x-0 max-md:translate-y-0 max-md:flex max-md:flex-col max-md:overflow-auto max-md:rounded-none max-md:border-0 max-md:pt-[calc(1.5rem+env(safe-area-inset-top))]", r && sr, e),
 			...i,
-			children: [t, n && /* @__PURE__ */ (0, R.jsxs)(Wn, {
+			children: [t, n && /* @__PURE__ */ (0, z.jsxs)(Hn, {
 				"data-slot": "dialog-close",
 				className: "absolute top-4 right-4 rounded-xs max-md:top-[calc(0.75rem+env(safe-area-inset-top))] max-md:right-2 max-md:grid max-md:size-10 max-md:place-items-center opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				children: [/* @__PURE__ */ (0, R.jsx)(H, {}), /* @__PURE__ */ (0, R.jsx)("span", {
+				children: [/* @__PURE__ */ (0, z.jsx)(U, {}), /* @__PURE__ */ (0, z.jsx)("span", {
 					className: "sr-only",
-					children: He()
+					children: L()
 				})]
 			})]
 		})]
 	});
 }
-function fr({ className: e, pinned: t = !1, ...n }) {
-	return /* @__PURE__ */ (0, R.jsx)("div", {
+function ur({ className: e, pinned: t = !1, ...n }) {
+	return /* @__PURE__ */ (0, z.jsx)("div", {
 		"data-slot": "dialog-header",
 		className: m("flex flex-col gap-2 text-center sm:text-left", t && "shrink-0 border-b px-6 pt-6 pr-12 pb-4 max-md:pt-0", e),
 		...n
 	});
 }
-function pr({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, R.jsx)("div", {
+function dr({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, z.jsx)("div", {
 		"data-slot": "dialog-body",
 		className: m("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-6 py-4", e),
 		...t
 	});
 }
-function mr({ className: e, showCloseButton: t = !1, pinned: n = !1, children: r, ...i }) {
-	return /* @__PURE__ */ (0, R.jsxs)("div", {
+function fr({ className: e, showCloseButton: t = !1, pinned: n = !1, children: r, ...i }) {
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
 		"data-slot": "dialog-footer",
-		className: m("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", n ? ur : "max-md:sticky max-md:bottom-0 max-md:-mx-6 max-md:-mb-6 max-md:mt-auto max-md:border-t max-md:bg-background max-md:px-6 max-md:pt-3 max-md:pb-[calc(0.75rem+env(safe-area-inset-bottom))]", e),
+		className: m("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", n ? cr : "max-md:sticky max-md:bottom-0 max-md:-mx-6 max-md:-mb-6 max-md:mt-auto max-md:border-t max-md:bg-background max-md:px-6 max-md:pt-3 max-md:pb-[calc(0.75rem+env(safe-area-inset-bottom))]", e),
 		...i,
-		children: [r, t && /* @__PURE__ */ (0, R.jsx)(Wn, {
+		children: [r, t && /* @__PURE__ */ (0, z.jsx)(Hn, {
 			asChild: !0,
-			children: /* @__PURE__ */ (0, R.jsx)(j, {
+			children: /* @__PURE__ */ (0, z.jsx)(k, {
 				variant: "outline",
-				children: He()
+				children: L()
 			})
 		})]
 	});
 }
-function hr({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, R.jsx)(Vn, {
+function pr({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, z.jsx)(zn, {
 		"data-slot": "dialog-title",
 		className: m("text-lg leading-none font-semibold", e),
 		...t
 	});
 }
-function gr({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, R.jsx)(Hn, {
+function mr({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, z.jsx)(Bn, {
 		"data-slot": "dialog-description",
 		className: m("text-sm text-muted-foreground", e),
 		...t
@@ -594,7 +594,7 @@ function gr({ className: e, ...t }) {
 }
 //#endregion
 //#region ui/src/components/ui/field.ts
-var _r = "text-[12px] font-semibold tracking-wider text-muted-foreground uppercase max-md:text-[13px]", vr = "text-[12px] font-semibold text-muted-foreground max-md:text-[13px]", yr = "h-9 rounded-md border bg-background px-2 text-base md:text-sm", br = "w-56 max-md:w-full", xr = "inline-flex items-center rounded-full bg-chip py-0.5 pr-1 pl-2.5 text-[13px] text-chip-foreground", Sr = /^(\d{4})-(\d{2})-(\d{2})$/, Cr = /^(\d{4}-\d{2}-\d{2})([T ])(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,9}))?)?(Z|[+-](\d{2}):(\d{2}))?$/, wr = [
+var hr = "text-[12px] font-semibold tracking-wider text-muted-foreground uppercase max-md:text-[13px]", gr = "text-[12px] font-semibold text-muted-foreground max-md:text-[13px]", _r = "h-9 rounded-md border bg-background px-2 text-base md:text-sm", vr = "w-56 max-md:w-full", yr = "inline-flex items-center rounded-full bg-chip py-0.5 pr-1 pl-2.5 text-[13px] text-chip-foreground", br = /^(\d{4})-(\d{2})-(\d{2})$/, xr = /^(\d{4}-\d{2}-\d{2})([T ])(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,9}))?)?(Z|[+-](\d{2}):(\d{2}))?$/, Sr = [
 	31,
 	28,
 	31,
@@ -607,24 +607,24 @@ var _r = "text-[12px] font-semibold tracking-wider text-muted-foreground upperca
 	31,
 	30,
 	31
-], Tr = (e) => e % 4 == 0 && e % 100 != 0 || e % 400 == 0;
-function Er(e) {
+], Cr = (e) => e % 4 == 0 && e % 100 != 0 || e % 400 == 0;
+function wr(e) {
 	if (typeof e != "string") return !1;
-	let t = Sr.exec(e);
+	let t = br.exec(e);
 	if (!t) return !1;
 	let [n, r, i] = [
 		Number(t[1]),
 		Number(t[2]),
 		Number(t[3])
 	];
-	return r < 1 || r > 12 || i < 1 ? !1 : i <= (r === 2 && Tr(n) ? 29 : wr[r - 1]);
+	return r < 1 || r > 12 || i < 1 ? !1 : i <= (r === 2 && Cr(n) ? 29 : Sr[r - 1]);
 }
-function W(e) {
+function G(e) {
 	if (typeof e != "string") return null;
-	let t = Cr.exec(e);
+	let t = xr.exec(e);
 	if (!t) return null;
 	let [, n, r, i, a, o, s, c, l, u] = t;
-	return !Er(n) || Number(i) > 23 || Number(a) > 59 || o !== void 0 && Number(o) > 59 || l !== void 0 && (Number(l) > 23 || Number(u) > 59) ? null : {
+	return !wr(n) || Number(i) > 23 || Number(a) > 59 || o !== void 0 && Number(o) > 59 || l !== void 0 && (Number(l) > 23 || Number(u) > 59) ? null : {
 		date: n,
 		sep: r,
 		hour: i,
@@ -634,22 +634,22 @@ function W(e) {
 		offset: c ?? null
 	};
 }
-var Dr = (e) => W(e) !== null;
-function Or(e) {
+var Tr = (e) => G(e) !== null;
+function Er(e) {
 	let t = e.second === null ? "" : `:${e.second}${e.fraction === null ? "" : `.${e.fraction}`}`;
 	return `${e.date}${e.sep}${e.hour}:${e.minute}${t}${e.offset ?? ""}`;
 }
-function kr(e) {
-	if (Er(e)) return Date.parse(`${e}T00:00:00Z`);
-	let t = W(e);
+function Dr(e) {
+	if (wr(e)) return Date.parse(`${e}T00:00:00Z`);
+	let t = G(e);
 	if (!t) return null;
 	let n = (t.fraction ?? "").padEnd(3, "0").slice(0, 3);
 	return Date.parse(`${t.date}T${t.hour}:${t.minute}:${t.second ?? "00"}.${n}${t.offset ?? "Z"}`);
 }
 //#endregion
 //#region ui/src/components/ui/textarea.tsx
-function Ar({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, R.jsx)("textarea", {
+function Or({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, z.jsx)("textarea", {
 		"data-slot": "textarea",
 		className: m("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40", e),
 		...t
@@ -657,9 +657,9 @@ function Ar({ className: e, ...t }) {
 }
 //#endregion
 //#region ui/src/lib/datetime.ts
-var jr = /^(\d{4}-\d{2}-\d{2})T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/, Mr = (e) => String(e).padStart(2, "0");
-function Nr(e) {
-	let t = W(e);
+var kr = /^(\d{4}-\d{2}-\d{2})T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/, Ar = (e) => String(e).padStart(2, "0");
+function jr(e) {
+	let t = G(e);
 	if (!t || t.fraction !== null && t.fraction.length > 3) return null;
 	let n = t.second === null ? "" : `:${t.second}${t.fraction === null ? "" : `.${t.fraction}`}`, r = t.fraction === null ? t.second === null ? 60 : 1 : .001;
 	return {
@@ -667,15 +667,15 @@ function Nr(e) {
 		step: r
 	};
 }
-function Pr(e, t, n) {
+function Mr(e, t, n) {
 	let [r, i, a] = e.split("-").map(Number), o = -new Date(r, i - 1, a, Number(t), Number(n)).getTimezoneOffset(), s = Math.abs(o);
-	return `${o < 0 ? "-" : "+"}${Mr(Math.floor(s / 60))}:${Mr(s % 60)}`;
+	return `${o < 0 ? "-" : "+"}${Ar(Math.floor(s / 60))}:${Ar(s % 60)}`;
 }
-function Fr(e, t, n = Pr) {
-	let r = jr.exec(e);
+function Nr(e, t, n = Mr) {
+	let r = kr.exec(e);
 	if (!r) return null;
-	let [, i, a, o, s, c] = r, l = t === null ? null : W(t);
-	if (!l) return Or({
+	let [, i, a, o, s, c] = r, l = t === null ? null : G(t);
+	if (!l) return Er({
 		date: i,
 		sep: "T",
 		hour: a,
@@ -685,7 +685,7 @@ function Fr(e, t, n = Pr) {
 		offset: n(i, a, o)
 	});
 	let u = l.fraction?.length ?? 0, d = (c ?? "").replace(/0+$/, "").length;
-	return Or({
+	return Er({
 		date: i,
 		sep: l.sep,
 		hour: a,
@@ -695,40 +695,40 @@ function Fr(e, t, n = Pr) {
 		offset: l.offset
 	});
 }
-var Ir = (e) => {
+var Pr = (e) => {
 	let t = /^([+-])(\d{2}):(\d{2})$/.exec(e ?? "");
 	return t ? (t[1] === "-" ? -1 : 1) * (Number(t[2]) * 60 + Number(t[3])) : 0;
 };
-function Lr(e, t) {
+function Fr(e, t) {
 	if (typeof e != "string") return;
-	let n = kr(e);
+	let n = Dr(e);
 	if (n === null) return;
-	let r = new Date(n + Ir(t) * 6e4).toISOString(), i = W(e), a = i?.second == null ? "" : i.fraction === null ? r.slice(16, 19) : r.slice(16, 23);
+	let r = new Date(n + Pr(t) * 6e4).toISOString(), i = G(e), a = i?.second == null ? "" : i.fraction === null ? r.slice(16, 19) : r.slice(16, 23);
 	return `${r.slice(0, 16)}${a}`;
 }
 //#endregion
 //#region src/rules.ts
-function Rr(e, t) {
-	return t === "date" ? Er(e) ? null : "not a date" : t === "datetime" ? Dr(e) ? null : "not a datetime" : t === "list" ? Array.isArray(e) ? null : "not a list" : t === "map" ? typeof e == "object" && e && !Array.isArray(e) ? null : "not a map" : null;
+function Ir(e, t) {
+	return t === "date" ? wr(e) ? null : "not a date" : t === "datetime" ? Tr(e) ? null : "not a datetime" : t === "list" ? Array.isArray(e) ? null : "not a list" : t === "map" ? typeof e == "object" && e && !Array.isArray(e) ? null : "not a map" : null;
 }
-function zr(e, t) {
-	return t === "date" || t === "datetime" ? Rr(e, t) === null ? kr(e) : null : typeof e == "number" ? e : typeof e == "bigint" ? Number(e) : null;
+function Lr(e, t) {
+	return t === "date" || t === "datetime" ? Ir(e, t) === null ? Dr(e) : null : typeof e == "number" ? e : typeof e == "bigint" ? Number(e) : null;
 }
-var Br = (e) => typeof e == "number" ? e : kr(e);
-function Vr(e, t, n, r) {
-	let i = zr(e, t);
-	return i === null ? null : n !== void 0 && i < Br(n) ? `below min ${n}` : r !== void 0 && i > Br(r) ? `above max ${r}` : null;
+var Rr = (e) => typeof e == "number" ? e : Dr(e);
+function zr(e, t, n, r) {
+	let i = Lr(e, t);
+	return i === null ? null : n !== void 0 && i < Rr(n) ? `below min ${n}` : r !== void 0 && i > Rr(r) ? `above max ${r}` : null;
 }
 //#endregion
 //#region ui/src/lib/form.ts
-var Hr = (e) => typeof e == "object" && !!e && !Array.isArray(e), Ur = (e) => Array.isArray(e) && e.every((e) => typeof e == "string");
-function Wr(e) {
-	return Ee(e) ? !0 : Array.isArray(e) ? Ur(e) : Hr(e) && Object.values(e).every(Wr);
+var Br = (e) => typeof e == "object" && !!e && !Array.isArray(e), Vr = (e) => Array.isArray(e) && e.every((e) => typeof e == "string");
+function Hr(e) {
+	return De(e) ? !0 : Array.isArray(e) ? Vr(e) : Br(e) && Object.values(e).every(Hr);
 }
-function Gr(e, t, n, r) {
-	return n ? "ref" : r === "date" && (e == null || Er(e)) ? "date" : r === "datetime" && (e == null || typeof e == "string" && Nr(e) !== null) ? "datetime" : e == null ? r === "map" ? "map" : "unset" : typeof e == "boolean" ? "switch" : typeof e == "number" ? "number" : typeof e == "string" ? t === "INTEGER" && /^-?\d+$/.test(e) ? "bigint" : r === "markdown" ? "markdown" : e.includes("\n") || e.length > 80 ? "textarea" : "text" : Ur(e) ? "chips" : Hr(e) && Wr(e) ? "map" : "json";
+function Ur(e, t, n, r) {
+	return n ? "ref" : r === "date" && (e == null || wr(e)) ? "date" : r === "datetime" && (e == null || typeof e == "string" && jr(e) !== null) ? "datetime" : e == null ? r === "map" ? "map" : "unset" : typeof e == "boolean" ? "switch" : typeof e == "number" ? "number" : typeof e == "string" ? t === "INTEGER" && /^-?\d+$/.test(e) ? "bigint" : r === "markdown" ? "markdown" : e.includes("\n") || e.length > 80 ? "textarea" : "text" : Vr(e) ? "chips" : Br(e) && Hr(e) ? "map" : "json";
 }
-function Kr(e) {
+function Wr(e) {
 	switch (e) {
 		case "BOOLEAN": return !1;
 		case "INTEGER":
@@ -737,57 +737,57 @@ function Kr(e) {
 		case "TEXT": return "";
 	}
 }
-function qr(e) {
-	return JSON.stringify(e ?? null, (e, t) => Hr(t) ? Object.fromEntries(Object.keys(t).sort().map((e) => [e, t[e]])) : t);
+function Gr(e) {
+	return JSON.stringify(e ?? null, (e, t) => Br(t) ? Object.fromEntries(Object.keys(t).sort().map((e) => [e, t[e]])) : t);
 }
-function G(e, t) {
-	return [.../* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)])].filter((n) => qr(e[n]) !== qr(t[n]));
+function K(e, t) {
+	return [.../* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)])].filter((n) => Gr(e[n]) !== Gr(t[n]));
 }
-function Jr(e, t) {
-	let n = G(e, t);
+function Kr(e, t) {
+	let n = K(e, t);
 	return {
 		values: Object.fromEntries(n.map((e) => [e, t[e] ?? null])),
 		base: Object.fromEntries(n.map((t) => [t, e[t] ?? null]))
 	};
 }
-function Yr(e, t, n) {
+function qr(e, t, n) {
 	if (t.length === 0) return n;
 	let [r, ...i] = t;
 	if (Array.isArray(e)) {
 		let t = [...e];
-		return t[r] = Yr(t[r], i, n), t;
+		return t[r] = qr(t[r], i, n), t;
 	}
-	let a = Hr(e) ? e : {};
+	let a = Br(e) ? e : {};
 	return {
 		...a,
-		[r]: Yr(a[r], i, n)
+		[r]: qr(a[r], i, n)
 	};
 }
-function Xr(e, t, n, r) {
-	return e == null ? null : Rr(e, t) ?? Vr(e, t, n, r);
+function Jr(e, t, n, r) {
+	return e == null ? null : Ir(e, t) ?? zr(e, t, n, r);
 }
 //#endregion
 //#region ui/src/components/ChipsInput.tsx
-function Zr({ label: e, value: t, onChange: n, placeholder: r = Ye(), removeLabel: i = (e) => pt({ item: e }), accept: a = () => !0, unique: o = !1, invalid: s = !1 }) {
-	let [c, l] = (0, L.useState)(""), u = () => {
+function Yr({ label: e, value: t, onChange: n, placeholder: r = Je(), removeLabel: i = (e) => ft({ item: e }), accept: a = () => !0, unique: o = !1, invalid: s = !1 }) {
+	let [c, l] = (0, I.useState)(""), u = () => {
 		let e = c.trim();
 		if (e === "") return l("");
 		a(e) && (o && t.includes(e) || n([...t, e]), l(""));
 	};
-	return /* @__PURE__ */ (0, R.jsxs)("div", {
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
 		className: `flex min-h-9 flex-wrap items-center gap-1 rounded-md border ${s ? "border-warn" : ""} bg-background px-1.5 py-1 transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50`,
 		children: [
-			t.map((e, r) => /* @__PURE__ */ (0, R.jsxs)("span", {
-				className: xr,
-				children: [e, /* @__PURE__ */ (0, R.jsx)("button", {
+			t.map((e, r) => /* @__PURE__ */ (0, z.jsxs)("span", {
+				className: yr,
+				children: [e, /* @__PURE__ */ (0, z.jsx)("button", {
 					type: "button",
 					"aria-label": i(e),
 					className: "ml-1 opacity-60 hover:opacity-100 max-md:grid max-md:size-7 max-md:place-items-center",
 					onClick: () => n(t.filter((e, t) => t !== r)),
-					children: /* @__PURE__ */ (0, R.jsx)(H, { className: "size-3" })
+					children: /* @__PURE__ */ (0, z.jsx)(U, { className: "size-3" })
 				})]
 			}, `${r}-${e}`)),
-			/* @__PURE__ */ (0, R.jsx)("input", {
+			/* @__PURE__ */ (0, z.jsx)("input", {
 				"aria-label": e,
 				className: "min-w-32 flex-1 bg-transparent px-1 text-base outline-none placeholder:text-muted-foreground md:text-sm",
 				placeholder: r,
@@ -798,20 +798,20 @@ function Zr({ label: e, value: t, onChange: n, placeholder: r = Ye(), removeLabe
 				},
 				onBlur: u
 			}),
-			c.trim() !== "" && /* @__PURE__ */ (0, R.jsx)("button", {
+			c.trim() !== "" && /* @__PURE__ */ (0, z.jsx)("button", {
 				type: "button",
-				"aria-label": Qe({ field: e }),
+				"aria-label": Ze({ field: e }),
 				className: "rounded-md px-2 text-[13px] text-muted-foreground md:hidden",
 				onMouseDown: (e) => e.preventDefault(),
 				onClick: u,
-				children: Je()
+				children: qe()
 			})
 		]
 	});
 }
 //#endregion
 //#region ui/src/lib/references.ts
-function Qr(e, t, n) {
+function Xr(e, t, n) {
 	let r = t?.find((t) => t.name === e.table)?.key;
 	return e.target === void 0 || e.target === r ? { key: n } : { filter: [{
 		col: e.target,
@@ -821,12 +821,12 @@ function Qr(e, t, n) {
 }
 //#endregion
 //#region ui/src/components/RefLink.tsx
-function $r({ reference: e, value: t, className: n, children: r }) {
+function Zr({ reference: e, value: t, className: n, children: r }) {
 	let { data: i } = x();
-	return /* @__PURE__ */ (0, R.jsx)(ue, {
+	return /* @__PURE__ */ (0, z.jsx)(de, {
 		to: "/t/$table",
 		params: { table: e.table },
-		search: Qr(e, i?.tables, t),
+		search: Xr(e, i?.tables, t),
 		"aria-label": `open ${e.table} ${t}`,
 		className: n ?? "text-tomato underline-offset-2 hover:underline",
 		onClick: (e) => e.stopPropagation(),
@@ -835,37 +835,37 @@ function $r({ reference: e, value: t, className: n, children: r }) {
 }
 //#endregion
 //#region ui/src/lib/appMode.ts
-var ei = () => Ie({
+var Qr = () => Le({
 	from: "__root__",
 	select: (e) => e.app !== void 0
-}), ti = (0, L.createContext)(!1), ni = () => (0, L.useContext)(ti), ri, ii = (e) => {
+}), $r = (0, I.createContext)(!1), ei = () => (0, I.useContext)($r), ti, ni = (e) => {
+	ti = e;
+}, ri, ii = (e) => {
 	ri = e;
-}, ai, oi = (e) => {
-	ai = e;
-}, si = () => ai;
-function ci(e, t = document.baseURI) {
-	return ri === null ? null : ri ? ri(e) : new URL(`-/apps/${encodeURIComponent(e)}/`, t).toString();
+}, ai = () => ri;
+function oi(e, t = document.baseURI) {
+	return ti === null ? null : ti ? ti(e) : new URL(`-/apps/${encodeURIComponent(e)}/`, t).toString();
 }
 //#endregion
 //#region ui/src/components/FormField.tsx
-var K = (e) => e.join("."), li = (0, L.lazy)(() => import("./MarkdownField-DTAEh2oz.js"));
-function ui({ path: e, value: t, problem: n, onChange: r, onValidity: a, readOnly: o }) {
-	let [s, c] = (0, L.useState)(() => JSON.stringify(t, null, 2)), [l, u] = (0, L.useState)(null), d = i(), f = (0, L.useRef)(JSON.stringify(t)), p = (0, L.useRef)(a);
+var q = (e) => e.join("."), si = (0, I.lazy)(() => import("./MarkdownField-DTAEh2oz.js"));
+function ci({ path: e, value: t, problem: n, onChange: r, onValidity: a, readOnly: o }) {
+	let [s, c] = (0, I.useState)(() => JSON.stringify(t, null, 2)), [l, u] = (0, I.useState)(null), d = i(), f = (0, I.useRef)(JSON.stringify(t)), p = (0, I.useRef)(a);
 	p.current = a;
-	let m = K(e);
-	return (0, L.useEffect)(() => {
+	let m = q(e);
+	return (0, I.useEffect)(() => {
 		JSON.stringify(t) !== f.current && (f.current = JSON.stringify(t), c(JSON.stringify(t, null, 2)), u(null), p.current?.(m, !0));
-	}, [t, m]), (0, L.useEffect)(() => () => p.current?.(m, !0), [m]), /* @__PURE__ */ (0, R.jsxs)("div", { children: [/* @__PURE__ */ (0, R.jsx)(ke, {
+	}, [t, m]), (0, I.useEffect)(() => () => p.current?.(m, !0), [m]), /* @__PURE__ */ (0, z.jsxs)("div", { children: [/* @__PURE__ */ (0, z.jsx)(Ae, {
 		"aria-label": m,
 		value: s,
-		extensions: [we(), Se.lineWrapping],
+		extensions: [Ee(), we.lineWrapping],
 		theme: d,
 		editable: !o,
 		basicSetup: {
 			lineNumbers: !1,
 			foldGutter: !1
 		},
-		className: `overflow-hidden rounded-md border text-[12px] ${J(n)}`,
+		className: `overflow-hidden rounded-md border text-[12px] ${Y(n)}`,
 		onChange: (e) => {
 			c(e);
 			try {
@@ -875,44 +875,44 @@ function ui({ path: e, value: t, problem: n, onChange: r, onValidity: a, readOnl
 				u(e instanceof Error ? e.message : String(e)), a?.(m, !1);
 			}
 		}
-	}), l && /* @__PURE__ */ (0, R.jsx)("p", {
+	}), l && /* @__PURE__ */ (0, z.jsx)("p", {
 		className: "mt-1 text-[11px] text-err",
 		children: l
 	})] });
 }
-var q = (e) => e === !0 ? "1" : e === !1 ? "0" : e == null ? "" : String(e);
-function di({ path: e, value: t, allowed: n, onChange: r, readOnly: i }) {
-	let a = q(t), o = a !== "" && !n.some((e) => q(e) === a);
-	return /* @__PURE__ */ (0, R.jsxs)("select", {
-		"aria-label": K(e),
+var J = (e) => e === !0 ? "1" : e === !1 ? "0" : e == null ? "" : String(e);
+function li({ path: e, value: t, allowed: n, onChange: r, readOnly: i }) {
+	let a = J(t), o = a !== "" && !n.some((e) => J(e) === a);
+	return /* @__PURE__ */ (0, z.jsxs)("select", {
+		"aria-label": q(e),
 		"aria-invalid": o || void 0,
 		disabled: i,
-		className: `${yr} w-full ${o ? "border-warn text-warn" : ""}`,
+		className: `${_r} w-full ${o ? "border-warn text-warn" : ""}`,
 		value: a,
 		onChange: (e) => {
 			let t = e.target.value;
 			if (t === "") return r(null);
-			let i = n.find((e) => q(e) === t);
+			let i = n.find((e) => J(e) === t);
 			i !== void 0 && r(i);
 		},
 		children: [
-			/* @__PURE__ */ (0, R.jsx)("option", {
+			/* @__PURE__ */ (0, z.jsx)("option", {
 				value: "",
 				children: "—"
 			}),
-			o && /* @__PURE__ */ (0, R.jsx)("option", {
+			o && /* @__PURE__ */ (0, z.jsx)("option", {
 				value: a,
 				children: `${a} (not in values)`
 			}),
-			n.map((e, t) => /* @__PURE__ */ (0, R.jsx)("option", {
-				value: q(e),
+			n.map((e, t) => /* @__PURE__ */ (0, z.jsx)("option", {
+				value: J(e),
 				children: String(e)
-			}, `${t}:${q(e)}`))
+			}, `${t}:${J(e)}`))
 		]
 	});
 }
-function fi({ path: e, value: t, type: n, reference: r, onChange: i }) {
-	let a = ni(), o = r?.table ?? "", s = r?.key, { data: c } = _({
+function ui({ path: e, value: t, type: n, reference: r, onChange: i }) {
+	let a = ei(), o = r?.table ?? "", s = r?.key, { data: c } = _({
 		queryKey: ["refKeys", o],
 		queryFn: () => w.rows(o, {
 			limit: 500,
@@ -920,42 +920,42 @@ function fi({ path: e, value: t, type: n, reference: r, onChange: i }) {
 			filters: []
 		}),
 		enabled: o !== ""
-	}), l = `ref-${K(e)}`, u = t == null ? "" : String(t);
-	return /* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsxs)("div", {
+	}), l = `ref-${q(e)}`, u = t == null ? "" : String(t);
+	return /* @__PURE__ */ (0, z.jsxs)(z.Fragment, { children: [/* @__PURE__ */ (0, z.jsxs)("div", {
 		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ (0, R.jsx)(U, {
-			"aria-label": K(e),
+		children: [/* @__PURE__ */ (0, z.jsx)(W, {
+			"aria-label": q(e),
 			list: l,
 			value: u,
 			onChange: (e) => {
 				let t = e.target.value;
 				if (t === "") return i(null);
 				let r = Number(t);
-				i(n === "INTEGER" && gi.test(t) && Number.isSafeInteger(r) ? r : t);
+				i(n === "INTEGER" && mi.test(t) && Number.isSafeInteger(r) ? r : t);
 			}
-		}), r && u !== "" && !a && /* @__PURE__ */ (0, R.jsx)($r, {
+		}), r && u !== "" && !a && /* @__PURE__ */ (0, z.jsx)(Zr, {
 			reference: r,
 			value: u,
 			className: "shrink-0 text-muted-foreground hover:text-foreground max-md:grid max-md:size-9 max-md:place-items-center max-md:text-foreground",
-			children: /* @__PURE__ */ (0, R.jsx)(Xn, { className: "size-4" })
+			children: /* @__PURE__ */ (0, z.jsx)(Jn, { className: "size-4" })
 		})]
-	}), /* @__PURE__ */ (0, R.jsx)("datalist", {
+	}), /* @__PURE__ */ (0, z.jsx)("datalist", {
 		id: l,
-		children: s !== void 0 && [...new Set(c?.rows.flatMap((e) => e[s] == null ? [] : [String(e[s])]))].map((e) => /* @__PURE__ */ (0, R.jsx)("option", { value: e }, e))
+		children: s !== void 0 && [...new Set(c?.rows.flatMap((e) => e[s] == null ? [] : [String(e[s])]))].map((e) => /* @__PURE__ */ (0, z.jsx)("option", { value: e }, e))
 	})] });
 }
-function pi(e) {
-	let { path: t, value: n, problem: r, onChange: i } = e, a = Object.entries(n ?? {}), [o, s] = (0, L.useState)(null);
-	return /* @__PURE__ */ (0, R.jsxs)("div", {
-		className: `rounded-lg border bg-panel px-2.5 pt-2.5 pb-1 ${J(r)}`,
-		children: [a.map(([r, a]) => /* @__PURE__ */ (0, R.jsxs)("div", {
+function di(e) {
+	let { path: t, value: n, problem: r, onChange: i } = e, a = Object.entries(n ?? {}), [o, s] = (0, I.useState)(null);
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
+		className: `rounded-lg border bg-panel px-2.5 pt-2.5 pb-1 ${Y(r)}`,
+		children: [a.map(([r, a]) => /* @__PURE__ */ (0, z.jsxs)("div", {
 			className: "mb-2.5 grid grid-cols-[minmax(34px,auto)_1fr_auto] items-start gap-1.5",
 			children: [
-				/* @__PURE__ */ (0, R.jsx)("span", {
+				/* @__PURE__ */ (0, z.jsx)("span", {
 					className: "pt-1.5 font-mono text-[11px] text-syn-key max-md:text-[12.5px]",
 					children: r
 				}),
-				/* @__PURE__ */ (0, R.jsx)(bi, {
+				/* @__PURE__ */ (0, z.jsx)(vi, {
 					...e,
 					path: [...t, r],
 					value: a,
@@ -970,25 +970,25 @@ function pi(e) {
 						[r]: e
 					})
 				}),
-				/* @__PURE__ */ (0, R.jsx)("button", {
+				/* @__PURE__ */ (0, z.jsx)("button", {
 					type: "button",
-					"aria-label": pt({ item: K([...t, r]) }),
+					"aria-label": ft({ item: q([...t, r]) }),
 					className: "pt-1.5 text-muted-foreground max-md:grid max-md:size-8 max-md:place-items-center max-md:pt-0",
 					onClick: () => {
 						let { [r]: e, ...t } = n;
 						i(t);
 					},
-					children: /* @__PURE__ */ (0, R.jsx)(H, { className: "size-3.5" })
+					children: /* @__PURE__ */ (0, z.jsx)(U, { className: "size-3.5" })
 				})
 			]
-		}, r)), o === null ? /* @__PURE__ */ (0, R.jsx)("button", {
+		}, r)), o === null ? /* @__PURE__ */ (0, z.jsx)("button", {
 			type: "button",
 			className: "pb-2 text-[11.5px] text-muted-foreground max-md:py-2 max-md:text-[13px]",
 			onClick: () => s(""),
-			children: st()
-		}) : /* @__PURE__ */ (0, R.jsx)(U, {
+			children: ot()
+		}) : /* @__PURE__ */ (0, z.jsx)(W, {
 			autoFocus: !0,
-			"aria-label": ut({ field: K(t) }),
+			"aria-label": lt({ field: q(t) }),
 			className: "mb-2 h-7",
 			value: o,
 			onChange: (e) => s(e.target.value),
@@ -1001,126 +1001,126 @@ function pi(e) {
 		})]
 	});
 }
-var J = (e) => e ? "border-warn" : "";
-function mi({ path: e, value: t, min: n, max: r, problem: i, onChange: a }) {
-	return /* @__PURE__ */ (0, R.jsx)(U, {
+var Y = (e) => e ? "border-warn" : "";
+function fi({ path: e, value: t, min: n, max: r, problem: i, onChange: a }) {
+	return /* @__PURE__ */ (0, z.jsx)(W, {
 		type: "date",
-		"aria-label": K(e),
-		className: `${br} font-mono ${J(i)}`,
+		"aria-label": q(e),
+		className: `${vr} font-mono ${Y(i)}`,
 		value: typeof t == "string" ? t : "",
 		min: typeof n == "string" ? n : void 0,
 		max: typeof r == "string" ? r : void 0,
 		onChange: (e) => a(e.target.value === "" ? null : e.target.value)
 	});
 }
-function hi({ path: e, value: t, min: n, max: r, problem: i, onChange: a }) {
-	let o = typeof t == "string" ? t : "", s = o === "" ? null : Nr(o), c = W(o)?.offset ?? null, l = o === "" ? Pr((/* @__PURE__ */ new Date()).toISOString().slice(0, 10), "12", "00") : c, u = (0, L.useRef)(o);
-	return o !== "" && (u.current = o), /* @__PURE__ */ (0, R.jsxs)("div", {
+function pi({ path: e, value: t, min: n, max: r, problem: i, onChange: a }) {
+	let o = typeof t == "string" ? t : "", s = o === "" ? null : jr(o), c = G(o)?.offset ?? null, l = o === "" ? Mr((/* @__PURE__ */ new Date()).toISOString().slice(0, 10), "12", "00") : c, u = (0, I.useRef)(o);
+	return o !== "" && (u.current = o), /* @__PURE__ */ (0, z.jsxs)("div", {
 		className: "flex items-center gap-1.5 max-md:flex-wrap",
-		children: [/* @__PURE__ */ (0, R.jsx)(U, {
+		children: [/* @__PURE__ */ (0, z.jsx)(W, {
 			type: "datetime-local",
-			"aria-label": K(e),
-			className: `w-60 font-mono max-md:w-full ${J(i)}`,
+			"aria-label": q(e),
+			className: `w-60 font-mono max-md:w-full ${Y(i)}`,
 			step: s?.step ?? 60,
 			value: s?.value ?? "",
-			min: Lr(n, l),
-			max: Lr(r, l),
+			min: Fr(n, l),
+			max: Fr(r, l),
 			onChange: (e) => {
 				if (e.target.value === "") return a(null);
-				let t = Fr(e.target.value, u.current === "" ? null : u.current);
+				let t = Nr(e.target.value, u.current === "" ? null : u.current);
 				t !== null && a(t);
 			}
-		}), c && /* @__PURE__ */ (0, R.jsx)("span", {
+		}), c && /* @__PURE__ */ (0, z.jsx)("span", {
 			className: "font-mono text-[12px] text-muted-foreground",
 			children: c
 		})]
 	});
 }
-var gi = /^-?\d+$/, _i = /^-?(\d+\.?\d*|\.\d+)(e[+-]?\d+)?$/i;
-function vi(e) {
-	let { path: t, value: n, type: r, format: i, reference: a, problem: o, onChange: s } = e, c = i === "date" || i === "datetime", [l, u] = (0, L.useState)(() => Gr(n, r, a !== void 0, i)), [d, f] = (0, L.useState)(n == null ? "" : String(n)), p = n == null ? "" : String(n), m = (e, t) => {
-		l === "unset" && (u(t ?? Gr(e, r, !1, i)), f(e == null ? "" : String(e))), s(e);
-	}, h = (e) => /* @__PURE__ */ (0, R.jsx)("button", {
+var mi = /^-?\d+$/, hi = /^-?(\d+\.?\d*|\.\d+)(e[+-]?\d+)?$/i;
+function gi(e) {
+	let { path: t, value: n, type: r, format: i, reference: a, problem: o, onChange: s } = e, c = i === "date" || i === "datetime", [l, u] = (0, I.useState)(() => Ur(n, r, a !== void 0, i)), [d, f] = (0, I.useState)(n == null ? "" : String(n)), p = n == null ? "" : String(n), m = (e, t) => {
+		l === "unset" && (u(t ?? Ur(e, r, !1, i)), f(e == null ? "" : String(e))), s(e);
+	}, h = (e) => /* @__PURE__ */ (0, z.jsx)("button", {
 		type: "button",
-		"aria-label": tt({
-			field: K(t),
+		"aria-label": et({
+			field: q(t),
 			kind: e
 		}),
 		className: "shrink-0 rounded border px-1.5 py-0.5 font-mono text-[11.5px] text-muted-foreground hover:text-foreground max-md:grid max-md:min-h-8 max-md:min-w-8 max-md:place-items-center",
-		onClick: () => u(e === "text" ? "text" : Gr(n, r, !1, i)),
-		children: e === "text" ? /* @__PURE__ */ (0, R.jsx)(ir, { className: "size-3.5" }) : i === "date" ? /* @__PURE__ */ (0, R.jsx)(Qn, { className: "size-3.5" }) : /* @__PURE__ */ (0, R.jsx)(er, { className: "size-3.5" })
+		onClick: () => u(e === "text" ? "text" : Ur(n, r, !1, i)),
+		children: e === "text" ? /* @__PURE__ */ (0, z.jsx)(nr, { className: "size-3.5" }) : i === "date" ? /* @__PURE__ */ (0, z.jsx)(Xn, { className: "size-3.5" }) : /* @__PURE__ */ (0, z.jsx)(Qn, { className: "size-3.5" })
 	});
-	if (e.allowed && r !== "JSON") return /* @__PURE__ */ (0, R.jsx)(di, {
+	if (e.allowed && r !== "JSON") return /* @__PURE__ */ (0, z.jsx)(li, {
 		...e,
 		allowed: e.allowed
 	});
 	switch (l) {
-		case "switch": return /* @__PURE__ */ (0, R.jsx)(me, {
-			"aria-label": K(t),
+		case "switch": return /* @__PURE__ */ (0, z.jsx)(N, {
+			"aria-label": q(t),
 			checked: n === !0,
 			onCheckedChange: m
 		});
 		case "number":
-		case "bigint": return /* @__PURE__ */ (0, R.jsx)(U, {
-			"aria-label": K(t),
+		case "bigint": return /* @__PURE__ */ (0, z.jsx)(W, {
+			"aria-label": q(t),
 			inputMode: r === "REAL" ? "decimal" : "numeric",
-			className: `${br} font-mono ${J(o)}`,
+			className: `${vr} font-mono ${Y(o)}`,
 			value: d,
 			onChange: (e) => {
 				let t = e.target.value;
 				f(t);
 				let n = t.trim();
 				if (r === "INTEGER") {
-					if (!gi.test(n)) return;
+					if (!mi.test(n)) return;
 					let e = Number(n);
 					s(Number.isSafeInteger(e) ? e : n);
-				} else _i.test(n) && Number.isFinite(Number(n)) && s(Number(n));
+				} else hi.test(n) && Number.isFinite(Number(n)) && s(Number(n));
 			}
 		});
 		case "date":
-		case "datetime": return /* @__PURE__ */ (0, R.jsxs)("div", {
+		case "datetime": return /* @__PURE__ */ (0, z.jsxs)("div", {
 			className: "flex items-center gap-1.5",
-			children: [l === "date" ? /* @__PURE__ */ (0, R.jsx)(mi, { ...e }) : /* @__PURE__ */ (0, R.jsx)(hi, { ...e }), h("text")]
+			children: [l === "date" ? /* @__PURE__ */ (0, z.jsx)(fi, { ...e }) : /* @__PURE__ */ (0, z.jsx)(pi, { ...e }), h("text")]
 		});
 		case "text": {
-			let e = /* @__PURE__ */ (0, R.jsx)(U, {
-				"aria-label": K(t),
-				className: J(o),
+			let e = /* @__PURE__ */ (0, z.jsx)(W, {
+				"aria-label": q(t),
+				className: Y(o),
 				value: p,
 				onChange: (e) => m(c && e.target.value === "" ? null : e.target.value)
 			});
 			if (!c) return e;
-			let a = Gr(n, r, !1, i) === i;
-			return /* @__PURE__ */ (0, R.jsxs)("div", {
+			let a = Ur(n, r, !1, i) === i;
+			return /* @__PURE__ */ (0, z.jsxs)("div", {
 				className: "flex items-center gap-1.5",
 				children: [e, a && h("picker")]
 			});
 		}
-		case "textarea": return /* @__PURE__ */ (0, R.jsx)(Ar, {
-			"aria-label": K(t),
-			className: J(o),
+		case "textarea": return /* @__PURE__ */ (0, z.jsx)(Or, {
+			"aria-label": q(t),
+			className: Y(o),
 			rows: 4,
 			value: p,
 			onChange: (e) => m(e.target.value)
 		});
-		case "markdown": return /* @__PURE__ */ (0, R.jsx)(L.Suspense, {
-			fallback: /* @__PURE__ */ (0, R.jsx)(Ar, {
-				"aria-label": K(t),
+		case "markdown": return /* @__PURE__ */ (0, z.jsx)(I.Suspense, {
+			fallback: /* @__PURE__ */ (0, z.jsx)(Or, {
+				"aria-label": q(t),
 				rows: 4,
 				value: p,
 				readOnly: !0
 			}),
-			children: /* @__PURE__ */ (0, R.jsx)(li, { ...e })
+			children: /* @__PURE__ */ (0, z.jsx)(si, { ...e })
 		});
-		case "ref": return /* @__PURE__ */ (0, R.jsx)(fi, { ...e });
-		case "chips": return /* @__PURE__ */ (0, R.jsx)(Zr, {
-			label: K(t),
+		case "ref": return /* @__PURE__ */ (0, z.jsx)(ui, { ...e });
+		case "chips": return /* @__PURE__ */ (0, z.jsx)(Yr, {
+			label: q(t),
 			value: n ?? [],
 			onChange: s,
 			invalid: o
 		});
-		case "map": return /* @__PURE__ */ (0, R.jsx)(pi, { ...e });
-		case "json": return /* @__PURE__ */ (0, R.jsx)(ui, { ...e });
+		case "map": return /* @__PURE__ */ (0, z.jsx)(di, { ...e });
+		case "json": return /* @__PURE__ */ (0, z.jsx)(ci, { ...e });
 		case "unset":
 			if (r === "JSON") {
 				let e = [
@@ -1143,12 +1143,12 @@ function vi(e) {
 						chosen: "json"
 					}
 				], n = i === "list" ? e.filter((e) => e.name !== "map") : e;
-				return /* @__PURE__ */ (0, R.jsx)("div", {
+				return /* @__PURE__ */ (0, z.jsx)("div", {
 					className: "flex gap-1.5",
-					children: n.map((e) => /* @__PURE__ */ (0, R.jsx)("button", {
+					children: n.map((e) => /* @__PURE__ */ (0, z.jsx)("button", {
 						type: "button",
-						"aria-label": tt({
-							field: K(t),
+						"aria-label": et({
+							field: q(t),
 							kind: e.name
 						}),
 						className: "rounded border px-1.5 py-0.5 font-mono text-[11.5px] text-muted-foreground hover:text-foreground",
@@ -1157,38 +1157,38 @@ function vi(e) {
 					}, e.name))
 				});
 			}
-			return /* @__PURE__ */ (0, R.jsx)("button", {
+			return /* @__PURE__ */ (0, z.jsx)("button", {
 				type: "button",
-				"aria-label": K(t),
+				"aria-label": q(t),
 				className: "text-[12px] text-muted-foreground hover:text-foreground",
-				onClick: () => m(Kr(r ?? "TEXT")),
-				children: mt()
+				onClick: () => m(Wr(r ?? "TEXT")),
+				children: pt()
 			});
 	}
 }
-var yi = (e) => e == null || (Array.isArray(e) ? e.length === 0 : typeof e == "object" && Object.keys(e).length === 0);
-function bi(e) {
-	let { label: t, value: n, type: r, readOnly: i, onChange: a } = e, o = Xr(n, e.format, e.min, e.max), [s] = (0, L.useState)(() => r === "JSON" && n == null && e.format !== "map"), [c, l] = (0, L.useState)(0);
-	return /* @__PURE__ */ (0, R.jsxs)("div", {
+var _i = (e) => e == null || (Array.isArray(e) ? e.length === 0 : typeof e == "object" && Object.keys(e).length === 0);
+function vi(e) {
+	let { label: t, value: n, type: r, readOnly: i, onChange: a } = e, o = Jr(n, e.format, e.min, e.max), [s] = (0, I.useState)(() => r === "JSON" && n == null && e.format !== "map"), [c, l] = (0, I.useState)(0);
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
 		"data-problem": o ?? void 0,
 		children: [
-			t !== void 0 && /* @__PURE__ */ (0, R.jsxs)("div", {
+			t !== void 0 && /* @__PURE__ */ (0, z.jsxs)("div", {
 				className: "mb-1 flex items-center gap-2",
-				children: [t, s && !i && n != null && /* @__PURE__ */ (0, R.jsxs)("button", {
+				children: [t, s && !i && n != null && /* @__PURE__ */ (0, z.jsxs)("button", {
 					type: "button",
-					"aria-label": ot({ field: K(e.path) }),
+					"aria-label": at({ field: q(e.path) }),
 					className: "inline-flex shrink-0 items-center gap-1 rounded px-1 text-[12px] font-semibold text-muted-foreground max-md:text-[13px] font-medium hover:text-foreground",
 					onClick: () => {
-						(yi(n) || window.confirm(rt())) && (a(null), l((e) => e + 1));
+						(_i(n) || window.confirm(nt())) && (a(null), l((e) => e + 1));
 					},
-					children: [/* @__PURE__ */ (0, R.jsx)(ge, { className: "size-3" }), nt()]
+					children: [/* @__PURE__ */ (0, z.jsx)(ge, { className: "size-3" }), tt()]
 				})]
 			}),
-			/* @__PURE__ */ (0, R.jsx)(vi, {
+			/* @__PURE__ */ (0, z.jsx)(gi, {
 				...e,
 				problem: o !== null
 			}, c),
-			o && /* @__PURE__ */ (0, R.jsx)("p", {
+			o && /* @__PURE__ */ (0, z.jsx)("p", {
 				className: "mt-1 text-[11px] text-warn",
 				children: o
 			})
@@ -1196,86 +1196,10 @@ function bi(e) {
 	});
 }
 //#endregion
-//#region ui/src/lib/panelWidth.ts
-var xi = {
-	min: 320,
-	max: () => Math.max(320, Math.floor(window.innerWidth * .7))
-}, Si = {
-	min: 180,
-	max: () => Math.max(180, Math.min(480, Math.floor(window.innerWidth * .4)))
-}, Ci = (e, t) => Math.min(t.max(), Math.max(t.min, Math.round(e)));
-function wi(e, t, n) {
-	try {
-		let r = localStorage.getItem(e);
-		return r !== null && Number.isFinite(Number(r)) ? Ci(Number(r), n) : t;
-	} catch {
-		return t;
-	}
-}
-function Ti(e, t, n = xi) {
-	let [r, i] = (0, L.useState)(() => wi(e, t, n));
-	return [r, (r) => {
-		let a = r === null ? t : Ci(r, n);
-		i(a);
-		try {
-			r === null ? localStorage.removeItem(e) : localStorage.setItem(e, String(a));
-		} catch {}
-	}];
-}
-//#endregion
-//#region ui/src/components/PanelResizeHandle.tsx
-var Ei = 16;
-function Di({ width: e, label: t, onResize: n, edge: r = "left", bounds: i = xi }) {
-	let a = r === "left" ? -1 : 1;
-	return /* @__PURE__ */ (0, R.jsx)("div", {
-		role: "separator",
-		"aria-label": t,
-		"aria-orientation": "vertical",
-		"aria-valuenow": e,
-		"aria-valuemin": i.min,
-		"aria-valuemax": i.max(),
-		tabIndex: 0,
-		onPointerDown: (t) => {
-			if (t.button !== 0) return;
-			t.preventDefault();
-			let r = t.currentTarget;
-			r.setPointerCapture?.(t.pointerId), document.body.setAttribute("data-resizing", "");
-			let i = t.clientX, o = (t) => n(e + a * (t.clientX - i)), s = !1, c = () => {
-				if (s) return;
-				s = !0, document.removeEventListener("pointermove", o), document.removeEventListener("pointerup", c), document.removeEventListener("pointercancel", c), r.removeEventListener("lostpointercapture", c), document.body.removeAttribute("data-resizing");
-				let e = (e) => e.stopPropagation();
-				window.addEventListener("click", e, {
-					capture: !0,
-					once: !0
-				}), setTimeout(() => window.removeEventListener("click", e, { capture: !0 }), 0);
-			};
-			document.addEventListener("pointermove", o), document.addEventListener("pointerup", c), document.addEventListener("pointercancel", c), r.addEventListener("lostpointercapture", c);
-		},
-		onDoubleClick: () => n(null),
-		onKeyDown: (t) => {
-			let r = t.key === "ArrowLeft" ? -a * Ei : t.key === "ArrowRight" ? a * Ei : 0;
-			r !== 0 && (t.preventDefault(), n(e + r));
-		},
-		className: m("absolute inset-y-0 z-10 w-1 cursor-col-resize outline-none hover:bg-primary/40 focus-visible:bg-primary/40", r === "left" ? "-left-0.5" : "-right-0.5")
-	});
-}
-//#endregion
-//#region ui/src/lib/viewportHeight.ts
-var Oi = (e) => {
-	let t = window.visualViewport;
-	return t?.addEventListener("resize", e), t?.addEventListener("scroll", e), () => {
-		t?.removeEventListener("resize", e), t?.removeEventListener("scroll", e);
-	};
-};
-function ki(e) {
-	let t = (0, L.useSyncExternalStore)(Oi, () => window.visualViewport?.height);
-	return e ? t : void 0;
-}
-//#endregion
 //#region ui/src/lib/recordHistory.ts
-function Ai(e, t) {
+function yi(e, t) {
 	let n = Math.max(0, Math.round((t - Date.parse(e)) / 1e3));
-	if (n < 60) return vt();
+	if (n < 60) return _t();
 	let i = new Intl.RelativeTimeFormat(r(), { numeric: "always" }), a = Math.round(n / 60);
 	if (a < 60) return i.format(-a, "minute");
 	let o = Math.round(a / 60);
@@ -1283,26 +1207,26 @@ function Ai(e, t) {
 	let s = Math.round(o / 24);
 	return s < 30 ? i.format(-s, "day") : e.slice(0, 10);
 }
-var ji = (e) => e == null ? Tt() : typeof e == "string" ? e : JSON.stringify(e), Mi = (e, t, n) => Object.defineProperty(e, t, {
+var bi = (e) => e == null ? wt() : typeof e == "string" ? e : JSON.stringify(e), xi = (e, t, n) => Object.defineProperty(e, t, {
 	value: n,
 	enumerable: !0,
 	writable: !0,
 	configurable: !0
 });
-function Ni(e, t, n) {
+function Si(e, t, n) {
 	let r = {};
-	for (let t of Object.keys(e)) Mi(r, t, null);
-	for (let [e, n] of Object.entries(t)) Mi(r, e, n);
-	return Mi(r, n, e[n]), r;
+	for (let t of Object.keys(e)) xi(r, t, null);
+	for (let [e, n] of Object.entries(t)) xi(r, e, n);
+	return xi(r, n, e[n]), r;
 }
-function Pi(e) {
+function Ci(e) {
 	let t = e?.at(-1);
 	if (!e || !t || t.state !== "ok") return null;
 	let n = e.reduce((e, t) => e + (t.state === "ok" ? t.entries.filter((e) => e.kind === "commit").length : 0), 0);
 	return t.next === null ? String(n) : `${n}+`;
 }
-function Fi(e, t, n) {
-	return Be({
+function wi(e, t, n) {
+	return Ve({
 		queryKey: [
 			"history",
 			e,
@@ -1316,23 +1240,23 @@ function Fi(e, t, n) {
 }
 //#endregion
 //#region ui/src/components/RecordHistory.tsx
-var Ii = (e) => e.slice(0, 7), Li = (e) => e.sha ?? "wip";
-function Ri({ title: e, children: t }) {
-	return /* @__PURE__ */ (0, R.jsxs)("div", {
+var Ti = (e) => e.slice(0, 7), Ei = (e) => e.sha ?? "wip";
+function Di({ title: e, children: t }) {
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
 		className: "px-2 py-10 text-center text-[13px] text-muted-foreground",
-		children: [/* @__PURE__ */ (0, R.jsx)("p", {
+		children: [/* @__PURE__ */ (0, z.jsx)("p", {
 			className: "mb-1.5 text-[15px] font-semibold text-foreground",
 			children: e
 		}), t]
 	});
 }
-function zi({ children: e }) {
-	return /* @__PURE__ */ (0, R.jsx)("span", {
+function Oi({ children: e }) {
+	return /* @__PURE__ */ (0, z.jsx)("span", {
 		className: "rounded border px-1.5 font-mono text-[11px] text-muted-foreground",
 		children: e
 	});
 }
-function Bi({ table: e, recordKey: t, rev: n }) {
+function ki({ table: e, recordKey: t, rev: n }) {
 	let { data: r, error: i } = _({
 		queryKey: [
 			"history",
@@ -1343,179 +1267,303 @@ function Bi({ table: e, recordKey: t, rev: n }) {
 		],
 		queryFn: () => w.historyDiff(e, t, n)
 	});
-	return i ? /* @__PURE__ */ (0, R.jsx)("p", {
+	return i ? /* @__PURE__ */ (0, z.jsx)("p", {
 		className: "text-[12px] text-err",
 		children: i.message
-	}) : r ? /* @__PURE__ */ (0, R.jsx)("pre", {
+	}) : r ? /* @__PURE__ */ (0, z.jsx)("pre", {
 		className: "overflow-x-auto rounded-md bg-panel py-2 font-mono text-[12px] leading-relaxed",
-		children: r.text.split("\n").map((e, t) => /* @__PURE__ */ (0, R.jsx)("span", {
+		children: r.text.split("\n").map((e, t) => /* @__PURE__ */ (0, z.jsx)("span", {
 			className: m("block px-3 whitespace-pre", e.startsWith("+") && !e.startsWith("+++") && "bg-ok/15 text-ok", e.startsWith("-") && !e.startsWith("---") && "bg-err-soft text-err"),
 			children: e
 		}, t))
-	}) : /* @__PURE__ */ (0, R.jsx)("p", {
+	}) : /* @__PURE__ */ (0, z.jsx)("p", {
 		className: "text-[12px] text-muted-foreground",
-		children: Ke()
+		children: Ge()
 	});
 }
-function Vi({ entry: e, ...t }) {
-	let [n, r] = (0, L.useState)("fields"), i = e.record, a = i !== null && G(t.current, Ni(t.current, i, t.keyColumn)).length > 0, o = n === "yaml" || e.changes.length === 0;
-	return /* @__PURE__ */ (0, R.jsxs)("div", {
+function Ai({ entry: e, ...t }) {
+	let [n, r] = (0, I.useState)("fields"), i = e.record, a = i !== null && K(t.current, Si(t.current, i, t.keyColumn)).length > 0, o = n === "yaml" || e.changes.length === 0;
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
 		className: "rounded-b-lg border border-t-0 p-3",
-		children: [/* @__PURE__ */ (0, R.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, z.jsxs)("div", {
 			className: "mb-2.5 flex items-center gap-2",
-			children: [e.changes.length > 0 ? /* @__PURE__ */ (0, R.jsx)("div", {
+			children: [e.changes.length > 0 ? /* @__PURE__ */ (0, z.jsx)("div", {
 				className: "inline-flex overflow-hidden rounded-md border text-[12px]",
-				children: ["fields", "yaml"].map((e) => /* @__PURE__ */ (0, R.jsx)("button", {
+				children: ["fields", "yaml"].map((e) => /* @__PURE__ */ (0, z.jsx)("button", {
 					type: "button",
 					"aria-pressed": n === e,
 					onClick: () => r(e),
 					className: m("px-2.5 py-0.5", n === e && "bg-foreground text-background"),
-					children: e === "fields" ? _t() : Mt()
+					children: e === "fields" ? gt() : jt()
 				}, e))
-			}) : /* @__PURE__ */ (0, R.jsx)("span", {
+			}) : /* @__PURE__ */ (0, z.jsx)("span", {
 				className: "text-[12px] text-muted-foreground",
-				children: e.unreadable ? At() : wt()
-			}), e.kind === "commit" && e.sha && i !== null && t.canRestore && /* @__PURE__ */ (0, R.jsx)(j, {
+				children: e.unreadable ? kt() : Ct()
+			}), e.kind === "commit" && e.sha && i !== null && t.canRestore && /* @__PURE__ */ (0, z.jsx)(k, {
 				variant: "outline",
 				size: "sm",
 				className: "ml-auto",
 				disabled: !a,
-				title: a ? Dt() : Ot(),
+				title: a ? Et() : Dt(),
 				onClick: () => t.onRestore(i, e.sha),
-				children: Et()
+				children: Tt()
 			})]
-		}), o ? /* @__PURE__ */ (0, R.jsx)(Bi, {
+		}), o ? /* @__PURE__ */ (0, z.jsx)(ki, {
 			table: t.table,
 			recordKey: t.recordKey,
-			rev: Li(e)
-		}) : e.changes.map((e) => /* @__PURE__ */ (0, R.jsxs)("div", {
+			rev: Ei(e)
+		}) : e.changes.map((e) => /* @__PURE__ */ (0, z.jsxs)("div", {
 			className: "grid grid-cols-[7rem_1fr] gap-2 border-b border-dashed py-2 last:border-b-0",
-			children: [/* @__PURE__ */ (0, R.jsx)("span", {
+			children: [/* @__PURE__ */ (0, z.jsx)("span", {
 				className: "font-mono text-[12px] break-all text-muted-foreground",
 				children: e.path
-			}), /* @__PURE__ */ (0, R.jsxs)("span", {
+			}), /* @__PURE__ */ (0, z.jsxs)("span", {
 				className: "flex min-w-0 flex-col gap-1 font-mono text-[12px]",
-				children: [e.from !== null && /* @__PURE__ */ (0, R.jsx)("span", {
+				children: [e.from !== null && /* @__PURE__ */ (0, z.jsx)("span", {
 					className: "rounded bg-err-soft px-2 py-0.5 break-all text-err line-through",
-					children: ji(e.from)
-				}), /* @__PURE__ */ (0, R.jsx)("span", {
+					children: bi(e.from)
+				}), /* @__PURE__ */ (0, z.jsx)("span", {
 					className: "rounded bg-ok/15 px-2 py-0.5 break-all text-ok",
-					children: ji(e.to)
+					children: bi(e.to)
 				})]
 			})]
 		}, e.path))]
 	});
 }
-function Hi(e) {
-	let { query: t } = e, [n, r] = (0, L.useState)(null);
-	if (t.error) return /* @__PURE__ */ (0, R.jsx)("p", {
+function ji(e) {
+	let { query: t } = e, [n, r] = (0, I.useState)(null);
+	if (t.error) return /* @__PURE__ */ (0, z.jsx)("p", {
 		className: "text-[13px] text-err",
 		children: t.error.message
 	});
 	let i = t.data?.pages[0];
-	if (!t.data || !i) return /* @__PURE__ */ (0, R.jsx)("p", {
+	if (!t.data || !i) return /* @__PURE__ */ (0, z.jsx)("p", {
 		className: "text-[13px] text-muted-foreground",
-		children: Ke()
+		children: Ge()
 	});
-	if (i.state === "nogit") return /* @__PURE__ */ (0, R.jsx)(Ri, {
-		title: St(),
-		children: Ct()
+	if (i.state === "nogit") return /* @__PURE__ */ (0, z.jsx)(Di, {
+		title: xt(),
+		children: St()
 	});
-	if (i.state === "untracked") return /* @__PURE__ */ (0, R.jsx)(Ri, {
-		title: bt(),
-		children: xt()
+	if (i.state === "untracked") return /* @__PURE__ */ (0, z.jsx)(Di, {
+		title: yt(),
+		children: bt()
 	});
-	if (i.state === "error") return /* @__PURE__ */ (0, R.jsx)("p", {
+	if (i.state === "error") return /* @__PURE__ */ (0, z.jsx)("p", {
 		className: "text-[13px] text-err",
 		children: i.message
 	});
 	let a = t.data.pages.flatMap((e) => e.state === "ok" ? e.entries : []), o = Date.now();
-	return /* @__PURE__ */ (0, R.jsxs)("div", { children: [/* @__PURE__ */ (0, R.jsx)("ol", {
+	return /* @__PURE__ */ (0, z.jsxs)("div", { children: [/* @__PURE__ */ (0, z.jsx)("ol", {
 		className: "relative m-0 list-none p-0 before:absolute before:top-3.5 before:bottom-3.5 before:left-[11px] before:w-0.5 before:bg-border",
 		children: a.map((t) => {
-			let i = Li(t), a = n === i;
-			return /* @__PURE__ */ (0, R.jsxs)("li", {
+			let i = Ei(t), a = n === i;
+			return /* @__PURE__ */ (0, z.jsxs)("li", {
 				className: "relative mb-1.5 pl-8",
 				children: [
-					/* @__PURE__ */ (0, R.jsx)("span", { className: m("absolute top-3.5 left-1 size-4 rounded-full border-2 border-muted-foreground bg-background", t.kind === "wip" && "border-dashed border-warn", t.head && "border-tomato", a && "border-primary bg-primary") }),
-					/* @__PURE__ */ (0, R.jsxs)("button", {
+					/* @__PURE__ */ (0, z.jsx)("span", { className: m("absolute top-3.5 left-1 size-4 rounded-full border-2 border-muted-foreground bg-background", t.kind === "wip" && "border-dashed border-warn", t.head && "border-tomato", a && "border-primary bg-primary") }),
+					/* @__PURE__ */ (0, z.jsxs)("button", {
 						type: "button",
 						"aria-expanded": a,
 						onClick: () => r(a ? null : i),
 						className: m("block w-full rounded-lg border border-transparent px-3 py-2 text-left hover:bg-panel", a && "rounded-b-none border-border bg-panel"),
 						children: [
-							/* @__PURE__ */ (0, R.jsxs)("span", {
+							/* @__PURE__ */ (0, z.jsxs)("span", {
 								className: "flex items-baseline gap-2 text-[14px] font-semibold",
 								children: [
-									t.kind === "wip" ? jt() : t.subject,
-									t.kind === "wip" && /* @__PURE__ */ (0, R.jsx)("span", {
+									t.kind === "wip" ? At() : t.subject,
+									t.kind === "wip" && /* @__PURE__ */ (0, z.jsx)("span", {
 										className: "rounded bg-warn-soft px-1.5 text-[11px] text-warn",
-										children: kt()
+										children: Ot()
 									}),
-									t.head && /* @__PURE__ */ (0, R.jsx)("span", {
+									t.head && /* @__PURE__ */ (0, z.jsx)("span", {
 										className: "rounded bg-chip px-1.5 text-[11px] text-chip-foreground",
 										children: "HEAD"
 									})
 								]
 							}),
-							/* @__PURE__ */ (0, R.jsxs)("span", {
+							/* @__PURE__ */ (0, z.jsxs)("span", {
 								className: "mt-0.5 flex flex-wrap items-center gap-1.5 text-[12px] text-muted-foreground",
 								children: [
-									t.sha && /* @__PURE__ */ (0, R.jsx)("span", {
+									t.sha && /* @__PURE__ */ (0, z.jsx)("span", {
 										className: "font-mono text-foreground",
-										children: Ii(t.sha)
+										children: Ti(t.sha)
 									}),
-									t.author && /* @__PURE__ */ (0, R.jsx)("span", { children: t.author }),
-									/* @__PURE__ */ (0, R.jsx)("span", { children: Ai(t.date, o) })
+									t.author && /* @__PURE__ */ (0, z.jsx)("span", { children: t.author }),
+									/* @__PURE__ */ (0, z.jsx)("span", { children: yi(t.date, o) })
 								]
 							}),
-							t.renamedFrom ? /* @__PURE__ */ (0, R.jsxs)("span", {
+							t.renamedFrom ? /* @__PURE__ */ (0, z.jsxs)("span", {
 								className: "mt-1 block font-mono text-[12px] text-muted-foreground",
 								children: [
 									t.renamedFrom,
 									" → ",
 									t.path
 								]
-							}) : /* @__PURE__ */ (0, R.jsxs)("span", {
+							}) : /* @__PURE__ */ (0, z.jsxs)("span", {
 								className: "mt-1.5 flex flex-wrap gap-1",
 								children: [
-									t.event === "created" && /* @__PURE__ */ (0, R.jsx)(zi, { children: ht() }),
-									t.event === "deleted" && /* @__PURE__ */ (0, R.jsx)(zi, { children: gt() }),
-									t.changes.map((e) => /* @__PURE__ */ (0, R.jsx)(zi, { children: e.path }, e.path))
+									t.event === "created" && /* @__PURE__ */ (0, z.jsx)(Oi, { children: mt() }),
+									t.event === "deleted" && /* @__PURE__ */ (0, z.jsx)(Oi, { children: ht() }),
+									t.changes.map((e) => /* @__PURE__ */ (0, z.jsx)(Oi, { children: e.path }, e.path))
 								]
 							})
 						]
 					}),
-					a && /* @__PURE__ */ (0, R.jsx)(Vi, {
+					a && /* @__PURE__ */ (0, z.jsx)(Ai, {
 						...e,
 						entry: t
 					})
 				]
 			}, i);
 		})
-	}), t.hasNextPage && /* @__PURE__ */ (0, R.jsx)("button", {
+	}), t.hasNextPage && /* @__PURE__ */ (0, z.jsx)("button", {
 		type: "button",
 		disabled: t.isFetchingNextPage,
 		onClick: () => void t.fetchNextPage(),
 		className: "mt-2 ml-8 text-[12px] text-muted-foreground",
-		children: yt()
+		children: vt()
 	})] });
 }
 //#endregion
 //#region ui/src/components/ReflectBadge.tsx
-function Ui({ table: e, recordKey: t }) {
-	let n = ce(e, t);
+function Mi({ table: e, recordKey: t }) {
+	let n = ue(e, t);
 	if (!n) return null;
-	let r = n.state === "pending" ? cn() : n.state === "applied" ? sn({ file: n.file }) : n.state === "failed" ? nn({ reason: n.reason }) : rn(), i = n.state === "applied" ? "text-ok" : n.state === "failed" ? "text-err" : "text-muted-foreground";
-	return /* @__PURE__ */ (0, R.jsx)("span", {
+	let r = n.state === "pending" ? sn() : n.state === "applied" ? on({ file: n.file }) : n.state === "failed" ? tn({ reason: n.reason }) : nn(), i = n.state === "applied" ? "text-ok" : n.state === "failed" ? "text-err" : "text-muted-foreground";
+	return /* @__PURE__ */ (0, z.jsx)("span", {
 		role: "status",
 		className: `text-[11px] ${i}`,
 		children: r
 	});
 }
 //#endregion
+//#region ui/src/lib/panelWidth.ts
+var Ni = {
+	min: 320,
+	max: () => Math.max(320, Math.floor(window.innerWidth * .7))
+}, Pi = {
+	min: 180,
+	max: () => Math.max(180, Math.min(480, Math.floor(window.innerWidth * .4)))
+}, Fi = (e, t) => Math.min(t.max(), Math.max(t.min, Math.round(e)));
+function Ii(e, t, n) {
+	try {
+		let r = localStorage.getItem(e);
+		return r !== null && Number.isFinite(Number(r)) ? Fi(Number(r), n) : t;
+	} catch {
+		return t;
+	}
+}
+function Li(e, t, n = Ni) {
+	let [r, i] = (0, I.useState)(() => Ii(e, t, n));
+	return [r, (r) => {
+		let a = r === null ? t : Fi(r, n);
+		i(a);
+		try {
+			r === null ? localStorage.removeItem(e) : localStorage.setItem(e, String(a));
+		} catch {}
+	}];
+}
+//#endregion
+//#region ui/src/lib/viewportHeight.ts
+var Ri = (e) => {
+	let t = window.visualViewport;
+	return t?.addEventListener("resize", e), t?.addEventListener("scroll", e), () => {
+		t?.removeEventListener("resize", e), t?.removeEventListener("scroll", e);
+	};
+};
+function zi(e) {
+	let t = (0, I.useSyncExternalStore)(Ri, () => window.visualViewport?.height);
+	return e ? t : void 0;
+}
+//#endregion
+//#region ui/src/components/PanelResizeHandle.tsx
+var Bi = 16;
+function Vi({ width: e, label: t, onResize: n, edge: r = "left", bounds: i = Ni }) {
+	let a = r === "left" ? -1 : 1;
+	return /* @__PURE__ */ (0, z.jsx)("div", {
+		role: "separator",
+		"aria-label": t,
+		"aria-orientation": "vertical",
+		"aria-valuenow": e,
+		"aria-valuemin": i.min,
+		"aria-valuemax": i.max(),
+		tabIndex: 0,
+		onPointerDown: (t) => {
+			if (t.button !== 0) return;
+			t.preventDefault();
+			let r = t.currentTarget;
+			r.setPointerCapture?.(t.pointerId), document.body.setAttribute("data-resizing", "");
+			let i = t.clientX, o = (t) => n(e + a * (t.clientX - i)), s = !1, c = () => {
+				if (s) return;
+				s = !0, document.removeEventListener("pointermove", o), document.removeEventListener("pointerup", c), document.removeEventListener("pointercancel", c), r.removeEventListener("lostpointercapture", c), document.body.removeAttribute("data-resizing");
+				let e = (e) => e.stopPropagation();
+				window.addEventListener("click", e, {
+					capture: !0,
+					once: !0
+				}), setTimeout(() => window.removeEventListener("click", e, { capture: !0 }), 0);
+			};
+			document.addEventListener("pointermove", o), document.addEventListener("pointerup", c), document.addEventListener("pointercancel", c), r.addEventListener("lostpointercapture", c);
+		},
+		onDoubleClick: () => n(null),
+		onKeyDown: (t) => {
+			let r = t.key === "ArrowLeft" ? -a * Bi : t.key === "ArrowRight" ? a * Bi : 0;
+			r !== 0 && (t.preventDefault(), n(e + r));
+		},
+		className: m("absolute inset-y-0 z-10 w-1 cursor-col-resize outline-none hover:bg-primary/40 focus-visible:bg-primary/40", r === "left" ? "-left-0.5" : "-right-0.5")
+	});
+}
+//#endregion
+//#region ui/src/components/SidePanel.tsx
+var Hi = {
+	overlay: "absolute inset-y-0 right-0 z-20 shadow-xl",
+	docked: "relative"
+};
+function Ui({ layout: e, widthKey: t, defaultWidth: n, resizeLabel: r, className: i, children: a, ...o }) {
+	let s = fe(), [c, l] = Li(t, n), u = zi(s), d = s ? u ? { height: u } : void 0 : { width: c };
+	return /* @__PURE__ */ (0, z.jsxs)("aside", {
+		...o,
+		className: m("flex min-h-0 flex-col border-l bg-background", Hi[e], "max-md:fixed max-md:inset-0 max-md:z-40 max-md:h-dvh max-md:border-l-0 max-md:shadow-none max-md:animate-[y-slide-up_160ms_ease-out]", i),
+		style: d,
+		children: [!s && /* @__PURE__ */ (0, z.jsx)(Vi, {
+			width: c,
+			label: r,
+			onResize: l
+		}), a]
+	});
+}
+function Wi({ onClose: e, className: t, children: n }) {
+	let r = fe();
+	return /* @__PURE__ */ (0, z.jsxs)("header", {
+		className: m("flex items-center gap-2 border-b px-3.5 py-2.5 max-md:gap-1 max-md:px-2 max-md:pt-[calc(0.625rem+env(safe-area-inset-top))]", t),
+		children: [
+			r && /* @__PURE__ */ (0, z.jsx)(k, {
+				variant: "ghost",
+				size: "icon-lg",
+				"aria-label": L(),
+				onClick: e,
+				children: /* @__PURE__ */ (0, z.jsx)(Kn, { className: "size-5" })
+			}),
+			n,
+			!r && /* @__PURE__ */ (0, z.jsx)(k, {
+				variant: "ghost",
+				size: "icon",
+				"aria-label": L(),
+				onClick: e,
+				children: /* @__PURE__ */ (0, z.jsx)(U, { className: "size-5" })
+			})
+		]
+	});
+}
+function Gi({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, z.jsx)("div", {
+		...t,
+		className: m("flex items-center gap-2 border-t px-3.5 py-2.5 max-md:pb-[calc(0.625rem+env(safe-area-inset-bottom))]", e)
+	});
+}
+//#endregion
 //#region node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/diff/base.js
-var Y = class {
+var X = class {
 	diff(e, t, n = {}) {
 		let r;
 		typeof n == "function" ? (r = n, n = {}) : "callback" in n && (r = n.callback);
@@ -1644,39 +1692,39 @@ var Y = class {
 		return r;
 	}
 };
-new class extends Y {}();
+new class extends X {}();
 //#endregion
 //#region node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/util/string.js
-function Wi(e, t) {
+function Ki(e, t) {
 	let n = 0;
 	for (; n < e.length && n < t.length; n++) if (e[n] != t[n]) return e.slice(0, n);
 	return e.slice(0, n);
 }
-function Gi(e, t) {
+function qi(e, t) {
 	let n;
 	if (!e || !t || e[e.length - 1] != t[t.length - 1]) return "";
 	for (n = 0; n < e.length && n < t.length; n++) if (e[e.length - (n + 1)] != t[t.length - (n + 1)]) return e.slice(-n);
 	return e.slice(-n);
 }
-function Ki(e, t, n) {
+function Ji(e, t, n) {
 	if (e.slice(0, t.length) != t) throw Error(`string ${JSON.stringify(e)} doesn't start with prefix ${JSON.stringify(t)}; this is a bug`);
 	return n + e.slice(t.length);
 }
-function qi(e, t, n) {
+function Yi(e, t, n) {
 	if (!t) return e + n;
 	if (e.slice(-t.length) != t) throw Error(`string ${JSON.stringify(e)} doesn't end with suffix ${JSON.stringify(t)}; this is a bug`);
 	return e.slice(0, -t.length) + n;
 }
-function X(e, t) {
-	return Ki(e, t, "");
-}
 function Z(e, t) {
-	return qi(e, t, "");
+	return Ji(e, t, "");
+}
+function Xi(e, t) {
+	return Yi(e, t, "");
 }
-function Ji(e, t) {
-	return t.slice(0, Yi(e, t));
+function Zi(e, t) {
+	return t.slice(0, Qi(e, t));
 }
-function Yi(e, t) {
+function Qi(e, t) {
 	let n = 0;
 	e.length > t.length && (n = e.length - t.length);
 	let r = t.length;
@@ -1694,7 +1742,7 @@ function Yi(e, t) {
 	}
 	return a;
 }
-function Xi(e, t) {
+function $i(e, t) {
 	let n = [];
 	for (let r of Array.from(t.segment(e))) {
 		let e = r.segment;
@@ -1702,7 +1750,7 @@ function Xi(e, t) {
 	}
 	return n;
 }
-function Zi(e, t) {
+function ea(e, t) {
 	if (t) return $(e, t)[1];
 	let n;
 	for (n = e.length - 1; n >= 0 && e[n].match(/\s/); n--);
@@ -1714,14 +1762,14 @@ function Q(e, t) {
 	return n ? n[0] : "";
 }
 function $(e, t) {
-	if (!t) return [Q(e), Zi(e)];
+	if (!t) return [Q(e), ea(e)];
 	if (t.resolvedOptions().granularity != "word") throw Error("The segmenter passed must have a granularity of \"word\"");
-	let n = Xi(e, t), r = n[0], i = n[n.length - 1];
+	let n = $i(e, t), r = n[0], i = n[n.length - 1];
 	return [/\s/.test(r) ? r : "", /\s/.test(i) ? i : ""];
 }
 //#endregion
 //#region node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/diff/word.js
-var Qi = "a-zA-Z0-9_\\u{AD}\\u{C0}-\\u{D6}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}", $i = RegExp(`[${Qi}]+|\\s+|[^${Qi}]`, "ug"), ea = new class extends Y {
+var ta = "a-zA-Z0-9_\\u{AD}\\u{C0}-\\u{D6}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}", na = RegExp(`[${ta}]+|\\s+|[^${ta}]`, "ug"), ra = new class extends X {
 	equals(e, t, n) {
 		return n.ignoreCase && (e = e.toLowerCase(), t = t.toLowerCase()), e.trim() === t.trim();
 	}
@@ -1730,8 +1778,8 @@ var Qi = "a-zA-Z0-9_\\u{AD}\\u{C0}-\\u{D6}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8
 		if (t.intlSegmenter) {
 			let r = t.intlSegmenter;
 			if (r.resolvedOptions().granularity != "word") throw Error("The segmenter passed must have a granularity of \"word\"");
-			n = Xi(e, r);
-		} else n = e.match($i) || [];
+			n = $i(e, r);
+		} else n = e.match(na) || [];
 		let r = [], i = null;
 		return n.forEach((e) => {
 			/\s/.test(e) ? i == null ? r.push(e) : r.push(r.pop() + e) : i != null && /\s/.test(i) ? r[r.length - 1] == i ? r.push(r.pop() + e) : r.push(i + e) : r.push(e), i = e;
@@ -1744,23 +1792,23 @@ var Qi = "a-zA-Z0-9_\\u{AD}\\u{C0}-\\u{D6}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8
 		if (!e || t.oneChangePerToken) return e;
 		let n = null, r = null, i = null;
 		return e.forEach((e) => {
-			e.added ? r = e : e.removed ? i = e : ((r || i) && na(n, i, r, e, t.intlSegmenter), n = e, r = null, i = null);
-		}), (r || i) && na(n, i, r, null, t.intlSegmenter), e;
+			e.added ? r = e : e.removed ? i = e : ((r || i) && aa(n, i, r, e, t.intlSegmenter), n = e, r = null, i = null);
+		}), (r || i) && aa(n, i, r, null, t.intlSegmenter), e;
 	}
 }();
-function ta(e, t, n) {
-	return n?.ignoreWhitespace != null && !n.ignoreWhitespace ? ia(e, t, n) : ea.diff(e, t, n);
+function ia(e, t, n) {
+	return n?.ignoreWhitespace != null && !n.ignoreWhitespace ? sa(e, t, n) : ra.diff(e, t, n);
 }
-function na(e, t, n, r, i) {
+function aa(e, t, n, r, i) {
 	if (t && n) {
 		let [a, o] = $(t.value, i), [s, c] = $(n.value, i);
 		if (e) {
-			let r = Wi(a, s);
-			e.value = qi(e.value, s, r), t.value = X(t.value, r), n.value = X(n.value, r);
+			let r = Ki(a, s);
+			e.value = Yi(e.value, s, r), t.value = Z(t.value, r), n.value = Z(n.value, r);
 		}
 		if (r) {
-			let e = Gi(o, c);
-			r.value = Ki(r.value, c, e), t.value = Z(t.value, e), n.value = Z(n.value, e);
+			let e = qi(o, c);
+			r.value = Ji(r.value, c, e), t.value = Xi(t.value, e), n.value = Xi(n.value, e);
 		}
 	} else if (n) {
 		if (e) {
@@ -1772,39 +1820,39 @@ function na(e, t, n, r, i) {
 			r.value = r.value.substring(e.length);
 		}
 	} else if (e && r) {
-		let n = Q(r.value, i), [a, o] = $(t.value, i), s = Wi(n, a);
-		t.value = X(t.value, s);
-		let c = Gi(X(n, s), o);
-		t.value = Z(t.value, c), r.value = Ki(r.value, n, c), e.value = qi(e.value, n, n.slice(0, n.length - c.length));
+		let n = Q(r.value, i), [a, o] = $(t.value, i), s = Ki(n, a);
+		t.value = Z(t.value, s);
+		let c = qi(Z(n, s), o);
+		t.value = Xi(t.value, c), r.value = Ji(r.value, n, c), e.value = Yi(e.value, n, n.slice(0, n.length - c.length));
 	} else if (r) {
-		let e = Q(r.value, i), n = Ji(Zi(t.value, i), e);
-		t.value = Z(t.value, n);
+		let e = Q(r.value, i), n = Zi(ea(t.value, i), e);
+		t.value = Xi(t.value, n);
 	} else if (e) {
-		let n = Ji(Zi(e.value, i), Q(t.value, i));
-		t.value = X(t.value, n);
+		let n = Zi(ea(e.value, i), Q(t.value, i));
+		t.value = Z(t.value, n);
 	}
 }
-var ra = new class extends Y {
+var oa = new class extends X {
 	tokenize(e) {
-		let t = RegExp(`(\\r?\\n)|[${Qi}]+|[^\\S\\n\\r]+|[^${Qi}]`, "ug");
+		let t = RegExp(`(\\r?\\n)|[${ta}]+|[^\\S\\n\\r]+|[^${ta}]`, "ug");
 		return e.match(t) || [];
 	}
 }();
-function ia(e, t, n) {
-	return ra.diff(e, t, n);
+function sa(e, t, n) {
+	return oa.diff(e, t, n);
 }
-var aa = new class extends Y {
+var ca = new class extends X {
 	constructor() {
-		super(...arguments), this.tokenize = sa;
+		super(...arguments), this.tokenize = ua;
 	}
 	equals(e, t, n) {
 		return n.ignoreWhitespace ? ((!n.newlineIsToken || !e.includes("\n")) && (e = e.trim()), (!n.newlineIsToken || !t.includes("\n")) && (t = t.trim())) : n.ignoreNewlineAtEof && !n.newlineIsToken && (e.endsWith("\n") && (e = e.slice(0, -1)), t.endsWith("\n") && (t = t.slice(0, -1))), super.equals(e, t, n);
 	}
 }();
-function oa(e, t, n) {
-	return aa.diff(e, t, n);
+function la(e, t, n) {
+	return ca.diff(e, t, n);
 }
-function sa(e, t) {
+function ua(e, t) {
 	t.stripTrailingCr && (e = e.replace(/\r\n/g, "\n"));
 	let n = [], r = e.split(/(\n|\r\n)/);
 	r[r.length - 1] || r.pop();
@@ -1816,10 +1864,10 @@ function sa(e, t) {
 }
 //#endregion
 //#region node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/diff/sentence.js
-function ca(e) {
+function da(e) {
 	return e == "." || e == "!" || e == "?";
 }
-new class extends Y {
+new class extends X {
 	tokenize(e) {
 		let t = [], n = 0;
 		for (let r = 0; r < e.length; r++) {
@@ -1827,39 +1875,39 @@ new class extends Y {
 				t.push(e.slice(n));
 				break;
 			}
-			if (ca(e[r]) && e[r + 1].match(/\s/)) {
+			if (da(e[r]) && e[r + 1].match(/\s/)) {
 				for (t.push(e.slice(n, r + 1)), r = n = r + 1; e[r + 1]?.match(/\s/);) r++;
 				t.push(e.slice(n, r + 1)), n = r + 1;
 			}
 		}
 		return t;
 	}
-}(), new class extends Y {
+}(), new class extends X {
 	tokenize(e) {
 		return e.split(/([{}:;,]|\s+)/);
 	}
-}(), new class extends Y {
+}(), new class extends X {
 	constructor() {
-		super(...arguments), this.tokenize = sa;
+		super(...arguments), this.tokenize = ua;
 	}
 	get useLongestToken() {
 		return !0;
 	}
 	castInput(e, t) {
 		let { undefinedReplacement: n, stringifyReplacer: r = (e, t) => t === void 0 ? n : t } = t;
-		return typeof e == "string" ? e : JSON.stringify(la(e, null, null, r), null, "  ");
+		return typeof e == "string" ? e : JSON.stringify(fa(e, null, null, r), null, "  ");
 	}
 	equals(e, t, n) {
 		return super.equals(e.replace(/,([\r\n])/g, "$1"), t.replace(/,([\r\n])/g, "$1"), n);
 	}
 }();
-function la(e, t, n, r, i) {
+function fa(e, t, n, r, i) {
 	t ||= [], n ||= [], r && (e = r(i === void 0 ? "" : i, e));
 	let a = 0;
 	for (; a < t.length; a += 1) if (t[a] === e) return n[a];
 	let o;
 	if (Object.prototype.toString.call(e) === "[object Array]") {
-		for (t.push(e), o = Array(e.length), n.push(o), a = 0; a < e.length; a += 1) o[a] = la(e[a], t, n, r, String(a));
+		for (t.push(e), o = Array(e.length), n.push(o), a = 0; a < e.length; a += 1) o[a] = fa(e[a], t, n, r, String(a));
 		return t.pop(), n.pop(), o;
 	}
 	if (e && e.toJSON && (e = e.toJSON()), typeof e == "object" && e) {
@@ -1868,12 +1916,12 @@ function la(e, t, n, r, i) {
 		for (s in e)
  /* istanbul ignore else */
 		Object.prototype.hasOwnProperty.call(e, s) && i.push(s);
-		for (i.sort(), a = 0; a < i.length; a += 1) s = i[a], o[s] = la(e[s], t, n, r, s);
+		for (i.sort(), a = 0; a < i.length; a += 1) s = i[a], o[s] = fa(e[s], t, n, r, s);
 		t.pop(), n.pop();
 	} else o = e;
 	return o;
 }
-new class extends Y {
+new class extends X {
 	tokenize(e) {
 		return e.slice();
 	}
@@ -1886,15 +1934,15 @@ new class extends Y {
 }();
 //#endregion
 //#region ui/src/lib/textdiff.ts
-var ua = 2, da = new Intl.Segmenter(void 0, { granularity: "word" }), fa = (e) => typeof e == "string" && (e.includes("\n") || e.length > 120), pa = (e) => e.replace(/\n$/, "").split("\n"), ma = (e, t) => ({
+var pa = 2, ma = new Intl.Segmenter(void 0, { granularity: "word" }), ha = (e) => typeof e == "string" && (e.includes("\n") || e.length > 120), ga = (e) => e.replace(/\n$/, "").split("\n"), _a = (e, t) => ({
 	kind: e,
 	segments: [{
 		text: t,
 		mark: !1
 	}]
 });
-function ha(e, t) {
-	let n = ta(e, t, { intlSegmenter: da });
+function va(e, t) {
+	let n = ia(e, t, { intlSegmenter: ma });
 	return [{
 		kind: "del",
 		segments: n.filter((e) => !e.added).map((e) => ({
@@ -1909,21 +1957,21 @@ function ha(e, t) {
 		}))
 	}];
 }
-function ga(e, t) {
-	let n = oa(e, t), r = [];
+function ya(e, t) {
+	let n = la(e, t), r = [];
 	for (let e = 0; e < n.length; e++) {
-		let t = n[e], i = pa(t.value), a = n[e + 1];
+		let t = n[e], i = ga(t.value), a = n[e + 1];
 		if (t.removed && a?.added) {
-			let t = pa(a.value), n = Math.min(i.length, t.length), o = Array.from({ length: n }, (e, n) => ha(i[n], t[n]));
-			r.push(...o.map(([e]) => e), ...i.slice(n).map((e) => ma("del", e))), r.push(...o.map(([, e]) => e), ...t.slice(n).map((e) => ma("add", e))), e++;
-		} else r.push(...i.map((e) => ma(t.added ? "add" : t.removed ? "del" : "same", e)));
+			let t = ga(a.value), n = Math.min(i.length, t.length), o = Array.from({ length: n }, (e, n) => va(i[n], t[n]));
+			r.push(...o.map(([e]) => e), ...i.slice(n).map((e) => _a("del", e))), r.push(...o.map(([, e]) => e), ...t.slice(n).map((e) => _a("add", e))), e++;
+		} else r.push(...i.map((e) => _a(t.added ? "add" : t.removed ? "del" : "same", e)));
 	}
 	return r;
 }
-function _a(e) {
+function ba(e) {
 	let t = e.map(() => !1);
 	e.forEach((n, r) => {
-		if (n.kind !== "same") for (let n = Math.max(0, r - ua); n <= Math.min(e.length - 1, r + ua); n++) t[n] = !0;
+		if (n.kind !== "same") for (let n = Math.max(0, r - pa); n <= Math.min(e.length - 1, r + pa); n++) t[n] = !0;
 	});
 	let n = [];
 	return e.forEach((e, r) => {
@@ -1936,156 +1984,156 @@ function _a(e) {
 }
 //#endregion
 //#region ui/src/components/TextDiff.tsx
-var va = {
+var xa = {
 	same: " ",
 	add: "+",
 	del: "-"
 };
-function ya({ line: e }) {
-	return e.segments.map((t, n) => t.mark ? /* @__PURE__ */ (0, R.jsx)("mark", {
+function Sa({ line: e }) {
+	return e.segments.map((t, n) => t.mark ? /* @__PURE__ */ (0, z.jsx)("mark", {
 		className: m("rounded-sm text-inherit", e.kind === "add" ? "bg-ok/30" : "bg-err/25"),
 		children: t.text
 	}, n) : t.text);
 }
-function ba({ line: e }) {
-	return /* @__PURE__ */ (0, R.jsxs)("div", {
+function Ca({ line: e }) {
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
 		className: m("flex gap-2 px-2.5", e.kind === "add" && "bg-ok/15", e.kind === "del" && "bg-err-soft", e.kind === "same" && "text-muted-foreground"),
-		children: [/* @__PURE__ */ (0, R.jsx)("span", {
+		children: [/* @__PURE__ */ (0, z.jsx)("span", {
 			"aria-hidden": !0,
 			className: m("shrink-0 select-none", e.kind === "add" ? "text-ok" : e.kind === "del" && "text-err"),
-			children: va[e.kind]
-		}), /* @__PURE__ */ (0, R.jsxs)("span", {
+			children: xa[e.kind]
+		}), /* @__PURE__ */ (0, z.jsxs)("span", {
 			className: "min-w-0 whitespace-pre-wrap [overflow-wrap:anywhere]",
-			children: [/* @__PURE__ */ (0, R.jsx)(ya, { line: e }), e.segments.every((e) => e.text === "") && "\xA0"]
+			children: [/* @__PURE__ */ (0, z.jsx)(Sa, { line: e }), e.segments.every((e) => e.text === "") && "\xA0"]
 		})]
 	});
 }
-function xa({ hunk: e }) {
-	let [t, n] = (0, L.useState)(!1);
-	return t ? e.lines.map((e, t) => /* @__PURE__ */ (0, R.jsx)(ba, { line: e }, t)) : /* @__PURE__ */ (0, R.jsx)("button", {
+function wa({ hunk: e }) {
+	let [t, n] = (0, I.useState)(!1);
+	return t ? e.lines.map((e, t) => /* @__PURE__ */ (0, z.jsx)(Ca, { line: e }, t)) : /* @__PURE__ */ (0, z.jsx)("button", {
 		type: "button",
 		onClick: () => n(!0),
 		className: "block w-full bg-panel px-2.5 py-0.5 text-left font-sans text-[13px] text-muted-foreground hover:text-foreground",
-		children: Ft({ count: e.lines.length })
+		children: Pt({ count: e.lines.length })
 	});
 }
-function Sa({ field: e, before: t, after: n, legend: r }) {
-	let i = (0, L.useMemo)(() => _a(ga(t, n)), [t, n]);
-	return /* @__PURE__ */ (0, R.jsxs)("div", {
+function Ta({ field: e, before: t, after: n, legend: r }) {
+	let i = (0, I.useMemo)(() => ba(ya(t, n)), [t, n]);
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
 		role: "group",
 		"aria-label": e,
 		className: "flex min-w-0 flex-col gap-1",
-		children: [/* @__PURE__ */ (0, R.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, z.jsxs)("div", {
 			className: "flex flex-wrap items-baseline gap-x-3 text-[13px]",
 			children: [
-				/* @__PURE__ */ (0, R.jsx)("span", {
+				/* @__PURE__ */ (0, z.jsx)("span", {
 					className: "font-mono text-syn-key",
 					children: e
 				}),
-				/* @__PURE__ */ (0, R.jsxs)("span", {
+				/* @__PURE__ */ (0, z.jsxs)("span", {
 					className: "text-muted-foreground",
 					children: [
-						/* @__PURE__ */ (0, R.jsx)("span", {
+						/* @__PURE__ */ (0, z.jsx)("span", {
 							className: "font-mono text-err",
-							children: va.del
+							children: xa.del
 						}),
 						" ",
-						/* @__PURE__ */ (0, R.jsx)("span", {
+						/* @__PURE__ */ (0, z.jsx)("span", {
 							className: "[&>*]:text-inherit",
 							children: r[0]
 						})
 					]
 				}),
-				/* @__PURE__ */ (0, R.jsxs)("span", {
+				/* @__PURE__ */ (0, z.jsxs)("span", {
 					className: "text-muted-foreground",
 					children: [
-						/* @__PURE__ */ (0, R.jsx)("span", {
+						/* @__PURE__ */ (0, z.jsx)("span", {
 							className: "font-mono text-ok",
-							children: va.add
+							children: xa.add
 						}),
 						" ",
-						/* @__PURE__ */ (0, R.jsx)("span", {
+						/* @__PURE__ */ (0, z.jsx)("span", {
 							className: "[&>*]:text-inherit",
 							children: r[1]
 						})
 					]
 				})
 			]
-		}), /* @__PURE__ */ (0, R.jsx)("div", {
+		}), /* @__PURE__ */ (0, z.jsx)("div", {
 			className: "overflow-hidden rounded-md border font-mono text-[13px] leading-relaxed",
-			children: i.map((e, t) => e.kind === "skip" ? /* @__PURE__ */ (0, R.jsx)(xa, { hunk: e }, t) : e.lines.map((e, n) => /* @__PURE__ */ (0, R.jsx)(ba, { line: e }, `${t}:${n}`)))
+			children: i.map((e, t) => e.kind === "skip" ? /* @__PURE__ */ (0, z.jsx)(wa, { hunk: e }, t) : e.lines.map((e, n) => /* @__PURE__ */ (0, z.jsx)(Ca, { line: e }, `${t}:${n}`)))
 		})]
 	});
 }
 //#endregion
 //#region ui/src/components/FieldDiff.tsx
-var Ca = (e) => typeof e == "string" ? e : e == null ? "" : JSON.stringify(e), wa = (e) => !e.dim && e.a !== e.b && (fa(e.a) || fa(e.b));
-function Ta(e, t) {
+var Ea = (e) => typeof e == "string" ? e : e == null ? "" : JSON.stringify(e), Da = (e) => !e.dim && e.a !== e.b && (ha(e.a) || ha(e.b));
+function Oa(e, t) {
 	let n = t(e.a), r = t(e.b);
 	if (e.dim || typeof e.a != "string" || typeof e.b != "string" || e.a === e.b) return {
 		a: n,
 		b: r
 	};
-	let [i, a] = ha(n, r);
+	let [i, a] = va(n, r);
 	return {
-		a: /* @__PURE__ */ (0, R.jsx)(ya, { line: i }),
-		b: /* @__PURE__ */ (0, R.jsx)(ya, { line: a })
+		a: /* @__PURE__ */ (0, z.jsx)(Sa, { line: i }),
+		b: /* @__PURE__ */ (0, z.jsx)(Sa, { line: a })
 	};
 }
-function Ea({ labels: e, rows: t, note: n, className: r }) {
-	return de() ? /* @__PURE__ */ (0, R.jsxs)("div", {
+function ka({ labels: e, rows: t, note: n, className: r }) {
+	return fe() ? /* @__PURE__ */ (0, z.jsxs)("div", {
 		"data-testid": "field-diff",
 		className: m("flex flex-col gap-2 font-mono text-[13px]", r),
-		children: [n && /* @__PURE__ */ (0, R.jsx)("p", {
+		children: [n && /* @__PURE__ */ (0, z.jsx)("p", {
 			className: "font-sans text-muted-foreground",
 			children: n
-		}), t.map((t) => /* @__PURE__ */ (0, R.jsxs)("div", {
+		}), t.map((t) => /* @__PURE__ */ (0, z.jsxs)("div", {
 			role: "group",
 			"aria-label": t.field,
 			className: m("overflow-hidden rounded-md border", t.dim && "opacity-50"),
-			children: [/* @__PURE__ */ (0, R.jsx)("div", {
+			children: [/* @__PURE__ */ (0, z.jsx)("div", {
 				className: "bg-panel px-2.5 py-1.5 font-semibold text-syn-key",
 				children: t.field
-			}), [[e[0], t.a], [e[1], t.b]].map(([e, n], r) => /* @__PURE__ */ (0, R.jsxs)("div", {
+			}), [[e[0], t.a], [e[1], t.b]].map(([e, n], r) => /* @__PURE__ */ (0, z.jsxs)("div", {
 				className: "flex gap-2 border-t px-2.5 py-1.5 break-all",
-				children: [/* @__PURE__ */ (0, R.jsx)("span", {
+				children: [/* @__PURE__ */ (0, z.jsx)("span", {
 					className: "w-24 shrink-0 font-sans text-[12px] text-muted-foreground",
 					children: e
-				}), /* @__PURE__ */ (0, R.jsx)("span", {
+				}), /* @__PURE__ */ (0, z.jsx)("span", {
 					className: m(t.dim && "line-clamp-2"),
 					children: n
 				})]
 			}, r))]
 		}, t.field))]
-	}) : /* @__PURE__ */ (0, R.jsxs)("div", {
+	}) : /* @__PURE__ */ (0, z.jsxs)("div", {
 		"data-testid": "field-diff",
 		className: m("grid grid-cols-[auto_1fr_1fr] gap-x-3 gap-y-1 font-mono text-[12px]", r),
 		children: [
-			/* @__PURE__ */ (0, R.jsx)("span", {}),
-			/* @__PURE__ */ (0, R.jsx)("span", {
+			/* @__PURE__ */ (0, z.jsx)("span", {}),
+			/* @__PURE__ */ (0, z.jsx)("span", {
 				className: "font-sans text-muted-foreground",
 				children: e[0]
 			}),
-			/* @__PURE__ */ (0, R.jsx)("span", {
+			/* @__PURE__ */ (0, z.jsx)("span", {
 				className: "font-sans text-muted-foreground",
 				children: e[1]
 			}),
-			n && /* @__PURE__ */ (0, R.jsx)("span", {
+			n && /* @__PURE__ */ (0, z.jsx)("span", {
 				className: "col-span-3 text-muted-foreground",
 				children: n
 			}),
-			t.map((e) => /* @__PURE__ */ (0, R.jsxs)("div", {
+			t.map((e) => /* @__PURE__ */ (0, z.jsxs)("div", {
 				className: m("contents", e.dim && "opacity-50"),
 				children: [
-					/* @__PURE__ */ (0, R.jsx)("span", {
+					/* @__PURE__ */ (0, z.jsx)("span", {
 						className: "text-syn-key",
 						children: e.field
 					}),
-					/* @__PURE__ */ (0, R.jsx)("span", {
+					/* @__PURE__ */ (0, z.jsx)("span", {
 						className: m("[overflow-wrap:anywhere]", e.dim && "line-clamp-2"),
 						children: e.a
 					}),
-					/* @__PURE__ */ (0, R.jsx)("span", {
+					/* @__PURE__ */ (0, z.jsx)("span", {
 						className: m("[overflow-wrap:anywhere]", e.dim && "line-clamp-2"),
 						children: e.b
 					})
@@ -2094,42 +2142,42 @@ function Ea({ labels: e, rows: t, note: n, className: r }) {
 		]
 	});
 }
-function Da({ labels: e, rows: t, format: n, note: r, className: i }) {
-	let a = t.filter((e) => !wa(e)), o = t.filter(wa);
-	return /* @__PURE__ */ (0, R.jsxs)("div", {
+function Aa({ labels: e, rows: t, format: n, note: r, className: i }) {
+	let a = t.filter((e) => !Da(e)), o = t.filter(Da);
+	return /* @__PURE__ */ (0, z.jsxs)("div", {
 		className: "flex min-w-0 flex-col gap-3",
-		children: [(a.length > 0 || r) && /* @__PURE__ */ (0, R.jsx)(Ea, {
+		children: [(a.length > 0 || r) && /* @__PURE__ */ (0, z.jsx)(ka, {
 			labels: e,
 			note: r,
 			className: i,
 			rows: a.map((e) => ({
 				field: e.field,
-				...Ta(e, n),
+				...Oa(e, n),
 				dim: e.dim
 			}))
-		}), o.map((t) => /* @__PURE__ */ (0, R.jsx)(Sa, {
+		}), o.map((t) => /* @__PURE__ */ (0, z.jsx)(Ta, {
 			field: t.field,
 			legend: e,
-			before: Ca(t.a),
-			after: Ca(t.b)
+			before: Ea(t.a),
+			after: Ea(t.b)
 		}, t.field))]
 	});
 }
 //#endregion
 //#region ui/src/components/StaleDialog.tsx
-function Oa({ stale: e, current: t, draft: n, onReload: r, onOverwrite: i, onClose: a }) {
-	let o = (0, L.useRef)(null);
-	return /* @__PURE__ */ (0, R.jsx)(or, {
+function ja({ stale: e, current: t, draft: n, onReload: r, onOverwrite: i, onClose: a }) {
+	let o = (0, I.useRef)(null);
+	return /* @__PURE__ */ (0, z.jsx)(ir, {
 		open: !0,
 		onOpenChange: (e) => !e && a(),
-		children: /* @__PURE__ */ (0, R.jsxs)(dr, {
+		children: /* @__PURE__ */ (0, z.jsxs)(lr, {
 			onOpenAutoFocus: (e) => {
 				e.preventDefault(), o.current?.focus();
 			},
 			children: [
-				/* @__PURE__ */ (0, R.jsxs)(fr, { children: [/* @__PURE__ */ (0, R.jsx)(hr, { children: yn() }), /* @__PURE__ */ (0, R.jsx)(gr, { children: gn() })] }),
-				/* @__PURE__ */ (0, R.jsx)(Da, {
-					labels: [vn(), _n()],
+				/* @__PURE__ */ (0, z.jsxs)(ur, { children: [/* @__PURE__ */ (0, z.jsx)(pr, { children: _n() }), /* @__PURE__ */ (0, z.jsx)(mr, { children: mn() })] }),
+				/* @__PURE__ */ (0, z.jsx)(Aa, {
+					labels: [gn(), hn()],
 					format: (e) => JSON.stringify(e ?? null),
 					rows: e.map((e) => ({
 						field: e,
@@ -2137,14 +2185,14 @@ function Oa({ stale: e, current: t, draft: n, onReload: r, onOverwrite: i, onClo
 						b: n[e]
 					}))
 				}),
-				/* @__PURE__ */ (0, R.jsxs)(mr, { children: [/* @__PURE__ */ (0, R.jsx)(j, {
+				/* @__PURE__ */ (0, z.jsxs)(fr, { children: [/* @__PURE__ */ (0, z.jsx)(k, {
 					ref: o,
 					variant: "outline",
 					onClick: r,
-					children: ln()
-				}), /* @__PURE__ */ (0, R.jsx)(j, {
+					children: cn()
+				}), /* @__PURE__ */ (0, z.jsx)(k, {
 					onClick: i,
-					children: $t()
+					children: Qt()
 				})] })
 			]
 		})
@@ -2152,12 +2200,17 @@ function Oa({ stale: e, current: t, draft: n, onReload: r, onOverwrite: i, onClo
 }
 //#endregion
 //#region ui/src/components/RecordDrawer.tsx
-var ka = (e, t) => Object.hasOwn(e.columns, t) ? e.columns[t] : void 0, Aa = (e, t) => Object.hasOwn(e.formats, t) ? e.formats[t] : void 0, ja = (e) => e.files?.endsWith(".mdx") ?? !1, Ma = (e, t) => Object.hasOwn(e.values, t) ? e.values[t] : void 0, Na = (e, t) => Object.hasOwn(e, t) ? e[t] : void 0, Pa = "absolute inset-y-0 right-0 z-20 border-l bg-background shadow-xl max-md:fixed max-md:inset-0 max-md:z-40 max-md:h-dvh max-md:border-l-0 max-md:shadow-none max-md:animate-[y-slide-up_160ms_ease-out]", Fa = "max-md:flex-1 max-md:text-[14px]";
-function Ia(e, t = !0) {
-	let n = (0, L.useRef)(void 0);
-	(0, L.useEffect)(() => {
+var Ma = (e, t) => Object.hasOwn(e.columns, t) ? e.columns[t] : void 0, Na = (e, t) => Object.hasOwn(e.formats, t) ? e.formats[t] : void 0, Pa = (e) => e.files?.endsWith(".mdx") ?? !1, Fa = (e, t) => Object.hasOwn(e.values, t) ? e.values[t] : void 0, Ia = (e, t) => Object.hasOwn(e, t) ? e[t] : void 0, La = {
+	layout: "overlay",
+	widthKey: "yamlite-drawer-width",
+	defaultWidth: 360,
+	"data-record-drawer": ""
+}, Ra = "flex-1 text-[14px]";
+function za(e, t = !0) {
+	let n = (0, I.useRef)(void 0);
+	(0, I.useEffect)(() => {
 		t && (n.current = window.event);
-	}, [t]), (0, L.useEffect)(() => {
+	}, [t]), (0, I.useEffect)(() => {
 		if (!t) return;
 		let r = (t) => {
 			if (t === n.current) return;
@@ -2171,25 +2224,25 @@ function Ia(e, t = !0) {
 		};
 	});
 }
-function La({ table: e, recordKey: t, headerActions: n, onClose: r }) {
-	let a = i(), o = pe(), s = ae(), c = h(), { connected: l } = ee(), u = l && !S(), { data: d, error: f } = _({
+function Ba({ table: e, recordKey: t, headerActions: n, onClose: r }) {
+	let a = i(), o = me(), s = se(), c = h(), { connected: l } = ee(), u = l && !S(), { data: d, error: f } = _({
 		queryKey: [
 			"record",
 			e.name,
 			t
 		],
 		queryFn: () => w.record(e.name, t)
-	}), [p, g] = (0, L.useState)(null), [v, y] = (0, L.useState)(null), [b, x] = (0, L.useState)(/* @__PURE__ */ new Set()), [C, T] = (0, L.useState)(null), [ne, E] = (0, L.useState)(!1), [D, O] = (0, L.useState)(null), [k, re] = (0, L.useState)("form"), [ie, A] = (0, L.useState)(null), oe = Fi(e.name, t, k === "history" && !S()), [se, ce] = (0, L.useState)(0), M = p !== null && v !== null && G(p, v).length > 0, [le, ue] = Ti("yamlite-drawer-width", 360), N = de(), fe = ki(N), me = N ? fe ? { height: fe } : void 0 : { width: le };
-	(0, L.useEffect)(() => {
-		d && !M && (v && G(v, d.row).length === 0 ? g(d.row) : he(d.row));
-	}, [d, M]);
-	function he(e) {
-		g(e), y(e), x(/* @__PURE__ */ new Set()), O(null), ce((e) => e + 1), A(null);
+	}), [p, g] = (0, I.useState)(null), [v, y] = (0, I.useState)(null), [b, x] = (0, I.useState)(/* @__PURE__ */ new Set()), [C, T] = (0, I.useState)(null), [ne, re] = (0, I.useState)(!1), [ie, E] = (0, I.useState)(null), [D, ae] = (0, I.useState)("form"), [O, oe] = (0, I.useState)(null), ce = wi(e.name, t, D === "history" && !S()), [le, ue] = (0, I.useState)(0), A = p !== null && v !== null && K(p, v).length > 0, j = fe();
+	(0, I.useEffect)(() => {
+		d && !A && (v && K(v, d.row).length === 0 ? g(d.row) : de(d.row));
+	}, [d, A]);
+	function de(e) {
+		g(e), y(e), x(/* @__PURE__ */ new Set()), E(null), ue((e) => e + 1), oe(null);
 	}
-	function ge(t, n) {
-		p && (y(Ni(p, t, e.key)), x(/* @__PURE__ */ new Set()), ce((e) => e + 1), A(n.slice(0, 7)), re("form"));
+	function pe(t, n) {
+		p && (y(Si(p, t, e.key)), x(/* @__PURE__ */ new Set()), ue((e) => e + 1), oe(n.slice(0, 7)), ae("form"));
 	}
-	let P = ze({
+	let M = Be({
 		mutationFn: ({ values: n, base: r }) => w.update(e.name, t, n, r),
 		onMutate: () => c({
 			type: "saved",
@@ -2202,7 +2255,7 @@ function La({ table: e, recordKey: t, headerActions: n, onClose: r }) {
 				...p,
 				...r.values
 			};
-			g(i), y(i), A(null), o.setQueryData([
+			g(i), y(i), oe(null), o.setQueryData([
 				"record",
 				e.name,
 				t
@@ -2225,7 +2278,7 @@ function La({ table: e, recordKey: t, headerActions: n, onClose: r }) {
 				current: n.body.current
 			});
 		}
-	}), F = ze({
+	}), N = Be({
 		mutationFn: () => w.remove(e.name, t),
 		onMutate: () => c({
 			type: "saved",
@@ -2245,9 +2298,9 @@ function La({ table: e, recordKey: t, headerActions: n, onClose: r }) {
 				search: {}
 			});
 		}
-	}), _e = () => {
-		!p || !v || !M || b.size > 0 || !l || P.isPending || P.mutate(Jr(p, v));
-	}, ve = () => r ? r() : void s({
+	}), he = () => {
+		!p || !v || !A || b.size > 0 || !l || M.isPending || M.mutate(Kr(p, v));
+	}, ge = () => r ? r() : void s({
 		to: "/t/$table",
 		params: { table: e.name },
 		search: (e) => ({
@@ -2255,133 +2308,113 @@ function La({ table: e, recordKey: t, headerActions: n, onClose: r }) {
 			key: void 0
 		})
 	});
-	if (Ia(ve, !M), (0, L.useEffect)(() => {
+	if (za(ge, !A), (0, I.useEffect)(() => {
 		let e = (e) => {
-			e.key === "s" && (e.metaKey || e.ctrlKey) && !S() && (e.preventDefault(), _e());
+			e.key === "s" && (e.metaKey || e.ctrlKey) && !S() && (e.preventDefault(), he());
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}), f) return /* @__PURE__ */ (0, R.jsx)("aside", {
-		"data-record-drawer": !0,
-		"aria-label": Zt(),
-		className: m(Pa, "p-4 text-err"),
-		style: me,
+	}), f) return /* @__PURE__ */ (0, z.jsx)(Ui, {
+		...La,
+		resizeLabel: R(),
+		"aria-label": Xt(),
+		className: "p-4 text-err",
 		children: f.message
 	});
-	if (!v || !p || !d) return /* @__PURE__ */ (0, R.jsx)("aside", {
-		"data-record-drawer": !0,
-		"aria-label": Zt(),
-		className: Pa,
-		style: me
+	if (!v || !p || !d) return /* @__PURE__ */ (0, z.jsx)(Ui, {
+		...La,
+		resizeLabel: R(),
+		"aria-label": Xt()
 	});
-	let ye = Object.keys(e.columns).filter((t) => t !== e.key), be = Object.keys(v).filter((t) => t !== e.key && !ye.includes(t)), xe = new Set(G(p, v)), Ee = xe.size, Ae = Pi(oe.data?.pages);
-	return /* @__PURE__ */ (0, R.jsxs)("aside", {
-		"data-record-drawer": !0,
-		"aria-label": Zt(),
-		className: m(Pa, "flex flex-col"),
-		style: me,
+	let _e = Object.keys(e.columns).filter((t) => t !== e.key), ve = Object.keys(v).filter((t) => t !== e.key && !_e.includes(t)), ye = new Set(K(p, v)), be = ye.size, xe = Ci(ce.data?.pages);
+	return /* @__PURE__ */ (0, z.jsxs)(Ui, {
+		...La,
+		resizeLabel: R(),
+		"aria-label": Xt(),
 		children: [
-			!N && /* @__PURE__ */ (0, R.jsx)(Di, {
-				width: le,
-				label: dn(),
-				onResize: ue
-			}),
-			/* @__PURE__ */ (0, R.jsxs)(Oe, {
-				value: k,
+			/* @__PURE__ */ (0, z.jsxs)(ke, {
+				value: D,
 				onValueChange: (e) => {
-					re(e), x((e) => new Set([...e].filter((e) => e !== "$json"))), O(null);
+					ae(e), x((e) => new Set([...e].filter((e) => e !== "$json"))), E(null);
 				},
 				className: "flex min-h-0 flex-1 flex-col",
 				children: [
-					/* @__PURE__ */ (0, R.jsxs)("div", {
-						className: "flex flex-wrap items-center gap-x-2 gap-y-1.5 border-b px-4 py-3 max-md:gap-1 max-md:px-2 max-md:pt-[calc(0.5rem+env(safe-area-inset-top))] max-md:pb-2",
-						children: [
-							N && /* @__PURE__ */ (0, R.jsx)("button", {
-								type: "button",
-								"aria-label": Ue(),
-								onClick: ve,
-								className: "grid size-10 place-items-center",
-								children: /* @__PURE__ */ (0, R.jsx)(Jn, { className: "size-5" })
-							}),
-							/* @__PURE__ */ (0, R.jsx)("span", {
-								className: "min-w-[6rem] flex-1 truncate font-mono font-bold",
-								children: t
-							}),
-							n,
-							/* @__PURE__ */ (0, R.jsxs)(De, {
-								className: "ml-auto h-7 max-md:order-last max-md:ml-0 max-md:h-9 max-md:w-full",
-								children: [
-									/* @__PURE__ */ (0, R.jsx)(Te, {
-										value: "form",
-										className: Fa,
-										children: xn()
-									}),
-									/* @__PURE__ */ (0, R.jsx)(Te, {
-										value: "json",
-										className: Fa,
-										children: "JSON"
-									}),
-									/* @__PURE__ */ (0, R.jsx)(Te, {
-										value: "yaml",
-										className: Fa,
-										children: bn()
-									}),
-									!S() && /* @__PURE__ */ (0, R.jsxs)(Te, {
-										value: "history",
-										className: Fa,
-										children: [Sn(), Ae !== null && /* @__PURE__ */ (0, R.jsx)("span", {
-											className: "ml-1 font-mono text-[10px] text-muted-foreground",
-											children: Ae
-										})]
-									})
-								]
-							}),
-							!N && /* @__PURE__ */ (0, R.jsx)("button", {
-								type: "button",
-								"aria-label": Ue(),
-								onClick: ve,
-								className: "text-muted-foreground",
-								children: /* @__PURE__ */ (0, R.jsx)(H, { className: "size-4" })
-							})
-						]
+					/* @__PURE__ */ (0, z.jsxs)(Wi, {
+						onClose: ge,
+						children: [/* @__PURE__ */ (0, z.jsx)("span", {
+							className: "min-w-0 flex-1 truncate font-mono font-bold",
+							title: t,
+							children: t
+						}), n]
+					}),
+					/* @__PURE__ */ (0, z.jsx)("div", {
+						className: "border-b px-3.5 py-2",
+						children: /* @__PURE__ */ (0, z.jsxs)(Oe, {
+							className: "h-9 w-full",
+							children: [
+								/* @__PURE__ */ (0, z.jsx)(P, {
+									value: "form",
+									className: Ra,
+									children: yn()
+								}),
+								/* @__PURE__ */ (0, z.jsx)(P, {
+									value: "json",
+									className: Ra,
+									children: "JSON"
+								}),
+								/* @__PURE__ */ (0, z.jsx)(P, {
+									value: "yaml",
+									className: Ra,
+									children: vn()
+								}),
+								!S() && /* @__PURE__ */ (0, z.jsxs)(P, {
+									value: "history",
+									className: Ra,
+									children: [bn(), xe !== null && /* @__PURE__ */ (0, z.jsx)("span", {
+										className: "ml-1 font-mono text-[12px] text-muted-foreground",
+										children: xe
+									})]
+								})
+							]
+						})
 					}),
-					/* @__PURE__ */ (0, R.jsx)("div", {
-						className: "truncate px-4 pt-3 font-mono text-[11px] text-muted-foreground max-md:text-[12px]",
+					/* @__PURE__ */ (0, z.jsx)("div", {
+						className: "truncate px-4 pt-3 font-mono text-[13px] text-muted-foreground",
 						children: d.file
 					}),
-					/* @__PURE__ */ (0, R.jsxs)(I, {
+					/* @__PURE__ */ (0, z.jsxs)(F, {
 						value: "form",
 						className: "min-h-0 flex-1 overflow-auto px-4 py-3",
-						onFocus: (e) => N && e.target.matches("input, textarea, [contenteditable]") && e.target.scrollIntoView?.({ block: "center" }),
-						children: [!l && /* @__PURE__ */ (0, R.jsx)("p", {
-							className: "mb-2 text-[11.5px] text-err",
-							children: qt()
-						}), /* @__PURE__ */ (0, R.jsx)("fieldset", {
+						onFocus: (e) => j && e.target.matches("input, textarea, [contenteditable]") && e.target.scrollIntoView?.({ block: "center" }),
+						children: [!l && /* @__PURE__ */ (0, z.jsx)("p", {
+							className: "mb-2 text-[13px] text-err",
+							children: Kt()
+						}), /* @__PURE__ */ (0, z.jsx)("fieldset", {
 							disabled: !u,
 							className: "m-0 min-w-0 border-0 p-0",
-							children: [...ye, ...be].map((t) => {
-								let n = e.references.find((e) => e.column === t), r = (e.captures ?? []).some((e) => e.column === t), i = /* @__PURE__ */ (0, R.jsx)(bi, {
+							children: [..._e, ...ve].map((t) => {
+								let n = e.references.find((e) => e.column === t), r = (e.captures ?? []).some((e) => e.column === t), i = /* @__PURE__ */ (0, z.jsx)(vi, {
 									readOnly: !u || r,
 									path: [t],
-									label: /* @__PURE__ */ (0, R.jsxs)("div", {
-										className: `flex flex-1 justify-between ${vr}`,
-										children: [/* @__PURE__ */ (0, R.jsxs)("span", {
+									label: /* @__PURE__ */ (0, z.jsxs)("div", {
+										className: `flex flex-1 justify-between ${gr}`,
+										children: [/* @__PURE__ */ (0, z.jsxs)("span", {
 											className: e.required.includes(t) && v[t] == null ? "text-warn" : void 0,
-											children: [t, e.required.includes(t) && /* @__PURE__ */ (0, R.jsx)("span", {
-												"aria-label": un(),
+											children: [t, e.required.includes(t) && /* @__PURE__ */ (0, z.jsx)("span", {
+												"aria-label": ln(),
 												children: " *"
 											})]
-										}), /* @__PURE__ */ (0, R.jsx)("span", {
+										}), /* @__PURE__ */ (0, z.jsx)("span", {
 											className: "font-mono text-[10px] font-medium max-md:text-[11.5px]",
-											children: n ? `→ ${n.table}` : Aa(e, t) ?? ka(e, t) ?? Qt()
+											children: n ? `→ ${n.table}` : Na(e, t) ?? Ma(e, t) ?? Zt()
 										})]
 									}),
 									value: v[t],
-									type: ka(e, t),
-									format: Aa(e, t),
-									mdx: ja(e),
-									allowed: Ma(e, t),
-									min: Na(e.min, t),
-									max: Na(e.max, t),
+									type: Ma(e, t),
+									format: Na(e, t),
+									mdx: Pa(e),
+									allowed: Fa(e, t),
+									min: Ia(e.min, t),
+									max: Ia(e.max, t),
 									reference: n,
 									onChange: (e) => y({
 										...v,
@@ -2391,10 +2424,10 @@ function La({ table: e, recordKey: t, headerActions: n, onClose: r }) {
 										let r = new Set(n);
 										return t ? r.delete(e) : r.add(e), r;
 									})
-								}, `${t}:${se}`);
-								return /* @__PURE__ */ (0, R.jsx)("div", {
-									className: m("mb-3.5", ie && xe.has(t) && "-mx-2 rounded-md bg-warn-soft px-2 py-1"),
-									children: r ? /* @__PURE__ */ (0, R.jsx)("fieldset", {
+								}, `${t}:${le}`);
+								return /* @__PURE__ */ (0, z.jsx)("div", {
+									className: m("mb-3.5", O && ye.has(t) && "-mx-2 rounded-md bg-warn-soft px-2 py-1"),
+									children: r ? /* @__PURE__ */ (0, z.jsx)("fieldset", {
 										disabled: !0,
 										className: "m-0 min-w-0 border-0 p-0",
 										children: i
@@ -2403,142 +2436,142 @@ function La({ table: e, recordKey: t, headerActions: n, onClose: r }) {
 							})
 						})]
 					}),
-					/* @__PURE__ */ (0, R.jsxs)(I, {
+					/* @__PURE__ */ (0, z.jsxs)(F, {
 						value: "json",
 						className: "min-h-0 flex-1 overflow-auto px-4 py-3",
-						children: [/* @__PURE__ */ (0, R.jsx)(ke, {
-							"aria-label": Yt(),
+						children: [/* @__PURE__ */ (0, z.jsx)(Ae, {
+							"aria-label": Jt(),
 							value: JSON.stringify(v, null, 2),
-							extensions: [we(), Se.lineWrapping],
+							extensions: [Ee(), we.lineWrapping],
 							theme: a,
 							editable: u,
 							onChange: (t) => {
 								try {
 									let n = JSON.parse(t);
-									if (typeof n != "object" || !n || Array.isArray(n)) throw Error(Xt());
+									if (typeof n != "object" || !n || Array.isArray(n)) throw Error(Yt());
 									y({
 										...n,
 										[e.key]: v[e.key]
-									}), x((e) => new Set([...e].filter((e) => e !== "$json"))), O(null);
+									}), x((e) => new Set([...e].filter((e) => e !== "$json"))), E(null);
 								} catch (e) {
-									x((e) => /* @__PURE__ */ new Set([...e, "$json"])), O(e instanceof Error ? e.message : String(e));
+									x((e) => /* @__PURE__ */ new Set([...e, "$json"])), E(e instanceof Error ? e.message : String(e));
 								}
 							}
-						}), D && /* @__PURE__ */ (0, R.jsx)("p", {
-							className: "mt-1 text-[11px] text-err",
-							children: D
+						}), ie && /* @__PURE__ */ (0, z.jsx)("p", {
+							className: "mt-1 text-[13px] text-err",
+							children: ie
 						})]
 					}),
-					/* @__PURE__ */ (0, R.jsxs)(I, {
+					/* @__PURE__ */ (0, z.jsxs)(F, {
 						value: "yaml",
 						className: "min-h-0 flex-1 overflow-auto px-4 py-3",
-						children: [d.yamlError && /* @__PURE__ */ (0, R.jsx)("p", {
-							className: "mb-2 text-[11.5px] text-err",
+						children: [d.yamlError && /* @__PURE__ */ (0, z.jsx)("p", {
+							className: "mb-2 text-[13px] text-err",
 							children: d.yamlError
-						}), /* @__PURE__ */ (0, R.jsx)(ke, {
-							"aria-label": Jt(),
+						}), /* @__PURE__ */ (0, z.jsx)(Ae, {
+							"aria-label": qt(),
 							value: d.yaml ?? "# not written to a file yet",
-							extensions: [Ce(), Se.lineWrapping],
+							extensions: [Te(), we.lineWrapping],
 							editable: !1,
 							theme: a
 						})]
 					}),
-					!S() && /* @__PURE__ */ (0, R.jsx)(I, {
+					!S() && /* @__PURE__ */ (0, z.jsx)(F, {
 						value: "history",
 						className: "min-h-0 flex-1 overflow-auto px-4 py-3",
-						children: /* @__PURE__ */ (0, R.jsx)(Hi, {
+						children: /* @__PURE__ */ (0, z.jsx)(ji, {
 							table: e.name,
 							recordKey: t,
-							query: oe,
+							query: ce,
 							current: p,
 							keyColumn: e.key,
 							canRestore: u,
-							onRestore: ge
+							onRestore: pe
 						})
 					})
 				]
 			}),
-			!S() && /* @__PURE__ */ (0, R.jsxs)("div", {
-				className: "flex items-center gap-2 border-t px-4 py-2.5 max-md:flex-wrap max-md:pb-[calc(0.625rem+env(safe-area-inset-bottom))]",
+			!S() && /* @__PURE__ */ (0, z.jsxs)(Gi, {
+				className: "max-md:flex-wrap",
 				children: [
-					/* @__PURE__ */ (0, R.jsxs)("span", {
-						className: "mr-auto flex min-w-0 flex-col text-[11px] text-muted-foreground max-md:basis-full max-md:text-[12px]",
-						children: [Ee > 0 ? ie ? mn({
-							from: ie,
-							count: Ee
-						}) : Rt({ count: Ee }) : /* @__PURE__ */ (0, R.jsx)(Ui, {
+					/* @__PURE__ */ (0, z.jsxs)("span", {
+						className: "mr-auto flex min-w-0 flex-col text-[13px] text-muted-foreground max-md:basis-full",
+						children: [be > 0 ? O ? fn({
+							from: O,
+							count: be
+						}) : Lt({ count: be }) : /* @__PURE__ */ (0, z.jsx)(Mi, {
 							table: e.name,
 							recordKey: t
-						}), P.isError && !(P.error instanceof te && P.error.status === 409) && /* @__PURE__ */ (0, R.jsx)("span", {
+						}), M.isError && !(M.error instanceof te && M.error.status === 409) && /* @__PURE__ */ (0, z.jsx)("span", {
 							className: "text-err",
-							children: P.error.message
+							children: M.error.message
 						})]
 					}),
-					/* @__PURE__ */ (0, R.jsx)(j, {
+					/* @__PURE__ */ (0, z.jsx)(k, {
 						variant: "ghost",
 						size: "icon",
-						"aria-label": zt(),
+						"aria-label": Rt(),
 						disabled: !l,
-						onClick: () => E(!0),
-						children: /* @__PURE__ */ (0, R.jsx)(nr, { className: "size-4" })
+						onClick: () => re(!0),
+						children: /* @__PURE__ */ (0, z.jsx)(er, { className: "size-4" })
 					}),
-					/* @__PURE__ */ (0, R.jsx)(j, {
+					/* @__PURE__ */ (0, z.jsx)(k, {
 						variant: "outline",
-						size: N ? "lg" : "sm",
-						disabled: !M,
-						onClick: () => he(p),
-						children: Kt()
+						size: j ? "lg" : "sm",
+						disabled: !A,
+						onClick: () => de(p),
+						children: Gt()
 					}),
-					/* @__PURE__ */ (0, R.jsx)(j, {
-						size: N ? "lg" : "sm",
+					/* @__PURE__ */ (0, z.jsx)(k, {
+						size: j ? "lg" : "sm",
 						className: "max-md:flex-1",
-						disabled: !M || b.size > 0 || P.isPending || !l,
-						title: l ? void 0 : Ge(),
-						onClick: _e,
-						children: N ? qe() : hn()
+						disabled: !A || b.size > 0 || M.isPending || !l,
+						title: l ? void 0 : We(),
+						onClick: he,
+						children: j ? Ke() : pn()
 					})
 				]
 			}),
-			C && /* @__PURE__ */ (0, R.jsx)(Oa, {
+			C && /* @__PURE__ */ (0, z.jsx)(ja, {
 				stale: C.fields,
 				current: C.current,
 				draft: v,
 				onClose: () => T(null),
 				onReload: () => {
-					he(C.current), T(null);
+					de(C.current), T(null);
 				},
 				onOverwrite: () => {
-					let e = Jr(p, v);
+					let e = Kr(p, v);
 					for (let t of C.fields) e.base[t] = C.current[t] ?? null;
-					T(null), P.mutate(e);
+					T(null), M.mutate(e);
 				}
 			}),
-			ne && /* @__PURE__ */ (0, R.jsx)(or, {
+			ne && /* @__PURE__ */ (0, z.jsx)(ir, {
 				open: !0,
 				onOpenChange: (e) => {
-					e || (E(!1), F.reset());
+					e || (re(!1), N.reset());
 				},
-				children: /* @__PURE__ */ (0, R.jsxs)(dr, { children: [
-					/* @__PURE__ */ (0, R.jsx)(fr, { children: /* @__PURE__ */ (0, R.jsx)(hr, { children: Gt({ key: t }) }) }),
-					/* @__PURE__ */ (0, R.jsx)("p", {
+				children: /* @__PURE__ */ (0, z.jsxs)(lr, { children: [
+					/* @__PURE__ */ (0, z.jsx)(ur, { children: /* @__PURE__ */ (0, z.jsx)(pr, { children: Wt({ key: t }) }) }),
+					/* @__PURE__ */ (0, z.jsx)("p", {
 						className: "text-[12px] text-muted-foreground",
-						children: Ht({ file: d.file })
+						children: Vt({ file: d.file })
 					}),
-					F.error && /* @__PURE__ */ (0, R.jsx)("p", {
+					N.error && /* @__PURE__ */ (0, z.jsx)("p", {
 						className: "text-[12px] text-err",
-						children: F.error.message
+						children: N.error.message
 					}),
-					/* @__PURE__ */ (0, R.jsxs)(mr, { children: [/* @__PURE__ */ (0, R.jsx)(j, {
+					/* @__PURE__ */ (0, z.jsxs)(fr, { children: [/* @__PURE__ */ (0, z.jsx)(k, {
 						variant: "outline",
 						onClick: () => {
-							E(!1), F.reset();
+							re(!1), N.reset();
 						},
-						children: Ve()
-					}), /* @__PURE__ */ (0, R.jsx)(j, {
+						children: He()
+					}), /* @__PURE__ */ (0, z.jsx)(k, {
 						variant: "destructive",
-						disabled: F.isPending,
-						onClick: () => F.mutate(),
-						children: We()
+						disabled: N.isPending,
+						onClick: () => N.mutate(),
+						children: Ue()
 					})] })
 				] })
 			})
@@ -2547,10 +2580,10 @@ function La({ table: e, recordKey: t, headerActions: n, onClose: r }) {
 }
 //#endregion
 //#region ui/src/lib/pageFrame.ts
-var Ra;
-function za(e) {
-	Ra = e;
+var Va;
+function Ha(e) {
+	Va = e;
 }
-var Ba = () => Ra;
+var Ua = () => Va;
 //#endregion
-export { Rt as $, or as A, nr as B, Yr as C, br as D, vr as E, fr as F, Pn as G, Jn as H, hr as I, hn as J, Mn as K, ur as L, dr as M, gr as N, _r as O, mr as P, Kt as Q, U as R, G as S, xr as T, On as U, Xn as V, Ln as W, un as X, dn as Y, qt as Z, ii as _, Ia as a, Ve as at, $r as b, ki as c, Ie as ct, Ti as d, Me as dt, qe as et, bi as f, oi as g, ci as h, Pa as i, He as it, pr as j, yr as k, Di as l, Fe as lt, si as m, za as n, Ge as nt, Da as o, Be as ot, ti as p, Vn as q, La as r, Ue as rt, Ui as s, ze as st, Ba as t, Ke as tt, Si as u, Pe as ut, ni as v, Ar as w, Zr as x, ei as y, H as z };
+export { Gt as $, hr as A, W as B, Yr as C, yr as D, Or as E, mr as F, Fn as G, er as H, fr as I, zn as J, Mn as K, ur as L, ir as M, dr as N, gr as O, lr as P, Kt as Q, pr as R, Zr as S, qr as T, Jn as U, U as V, En as W, R as X, pn as Y, ln as Z, oi as _, za as a, He as at, ei as b, Gi as c, Le as ct, Pi as d, Ne as dt, Lt as et, Li as f, ai as g, $r as h, La as i, L as it, _r as j, vr as k, Wi as l, Ie as lt, vi as m, Ha as n, Ge as nt, Aa as o, Ve as ot, Mi as p, An as q, Ba as r, We as rt, Ui as s, Be as st, Ua as t, Ke as tt, Vi as u, Fe as ut, ii as v, K as w, Qr as x, ni as y, cr as z };