@pstdio/workbench 0.12.0 → 0.36.0

package/dist/file-renderer-view-DKu2l8bT.js

@@ -0,0 +1,637 @@
+import { o as e, t } from "./workbench-renderers-RPeMVtTc.js";
+import { a as n, o as r, s as i } from "./react-BxrTklvM.js";
+import { resourceKey as a } from "@pstdio/sdk/extensions";
+import { c as o } from "react/compiler-runtime";
+import { Box as s, Button as c, Center as l, Flex as u, Image as d, Spinner as f, Text as p } from "@chakra-ui/react";
+import { EmptyState as m, Header as h, resolveFileIconElement as g, useFileIconThemePreference as _ } from "@pstdio/ui";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useEffect as b, useLayoutEffect as x, useRef as S, useState as C } from "react";
+import { CodeEditor as w } from "@pstdio/ui/diff";
+import { MarkdownEditor as T } from "@pstdio/ui/rich-text";
+//#region src/core/registries/renderers/file-section-navigation.ts
+var E = "pstdio.fileSectionNavigation", D = (e) => {
+	if (!e || typeof e != "object") return !1;
+	let t = e, n = t.occurrence === void 0 || typeof t.occurrence == "number" && Number.isInteger(t.occurrence) && t.occurrence >= 0;
+	return typeof t.id == "string" && typeof t.heading == "string" && n;
+}, O = (e) => {
+	let t = e?.metadata?.[E];
+	if (!t || typeof t != "object") return;
+	let n = t;
+	if (typeof n.treeId == "string" && typeof n.targetNodeId == "string" && Array.isArray(n.anchors) && n.anchors.every(D)) return {
+		treeId: n.treeId,
+		targetNodeId: n.targetNodeId,
+		anchors: n.anchors
+	};
+}, k = (e, t) => t && e.anchors.some((e) => e.id === t) ? t : e.targetNodeId, ee = (e) => {
+	let { previous: t, current: n, currentResourceKey: r, selectedNodeId: i } = e;
+	return !t || !i || !t.anchorIds.includes(i) || n?.targetNodeId === i ? !1 : !n || t.treeId !== n.treeId || t.resourceKey !== r;
+}, A = /* @__PURE__ */ new Set([
+	"png",
+	"jpg",
+	"jpeg",
+	"gif",
+	"webp",
+	"svg",
+	"avif",
+	"bmp",
+	"ico"
+]), te = /* @__PURE__ */ new Set([
+	"md",
+	"markdown",
+	"txt"
+]), j = {
+	ts: "typescript",
+	tsx: "typescript",
+	js: "javascript",
+	jsx: "javascript",
+	mjs: "javascript",
+	cjs: "javascript",
+	json: "json",
+	jsonc: "json",
+	py: "python",
+	rb: "ruby",
+	rs: "rust",
+	go: "go",
+	java: "java",
+	kt: "kotlin",
+	c: "c",
+	h: "c",
+	cpp: "cpp",
+	cc: "cpp",
+	hpp: "cpp",
+	cs: "csharp",
+	php: "php",
+	swift: "swift",
+	sh: "shell",
+	bash: "shell",
+	zsh: "shell",
+	sql: "sql",
+	css: "css",
+	scss: "scss",
+	less: "less",
+	html: "html",
+	xml: "xml",
+	yml: "yaml",
+	yaml: "yaml",
+	toml: "ini",
+	ini: "ini",
+	dockerfile: "dockerfile",
+	graphql: "graphql",
+	gql: "graphql",
+	md: "markdown",
+	markdown: "markdown",
+	txt: "plaintext"
+}, M = (e) => {
+	if (!e) return "";
+	let t = e.lastIndexOf(".");
+	return t < 0 || t === e.length - 1 ? "" : e.slice(t + 1).toLowerCase();
+}, N = (e, t) => t?.startsWith("image/") ? !0 : A.has(M(e)), P = (e, t) => {
+	if (N(e, t)) return "image";
+	let n = M(e);
+	return !te.has(n) && n in j ? "code" : "markdown";
+}, F = (e) => j[M(e)] ?? "plaintext", ne = (e, t) => {
+	if (e.emptyState) return {
+		kind: "empty",
+		isEditable: !1
+	};
+	let n = P(e.fileName, e.mimeType);
+	if (n === "image") return {
+		kind: "image",
+		isEditable: !1
+	};
+	let r = t && e.editable !== !1;
+	return n === "code" || e.textRenderer === "monaco" ? {
+		kind: "code",
+		isEditable: r,
+		language: F(e.fileName)
+	} : {
+		kind: "markdown",
+		isEditable: r
+	};
+}, re = (e) => {
+	let t = o(41), { content: n, editorKey: r, errorNotice: i, contributionCanSave: a, onActiveSectionChange: c, onChange: f, rendererRef: h, sectionNavigation: g, title: _ } = e, b;
+	t[0] !== n || t[1] !== a ? (b = ne(n, a), t[0] = n, t[1] = a, t[2] = b) : b = t[2];
+	let x = b;
+	if (x.kind === "empty") {
+		let e = n.emptyState?.title ?? "Select a file", r = n.emptyState?.description, a;
+		t[3] !== e || t[4] !== r ? (a = /* @__PURE__ */ v(m, {
+			flex: "1",
+			minH: "0",
+			title: e,
+			description: r
+		}), t[3] = e, t[4] = r, t[5] = a) : a = t[5];
+		let o;
+		return t[6] !== i || t[7] !== a ? (o = /* @__PURE__ */ y(u, {
+			direction: "column",
+			h: "full",
+			minH: "0",
+			bg: "bg",
+			children: [i, a]
+		}), t[6] = i, t[7] = a, t[8] = o) : o = t[8], o;
+	}
+	if (x.kind === "image") {
+		if (!n.dataUrl) {
+			let e;
+			return t[9] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ v(l, {
+				h: "full",
+				minH: "0",
+				bg: "bg",
+				p: "md",
+				children: /* @__PURE__ */ v(p, {
+					color: "fg.muted",
+					children: "This image preview is unavailable."
+				})
+			}), t[9] = e) : e = t[9], e;
+		}
+		let e = n.fileName ?? _, r;
+		t[10] !== n.dataUrl || t[11] !== e ? (r = /* @__PURE__ */ v(d, {
+			src: n.dataUrl,
+			alt: e,
+			maxW: "100%",
+			maxH: "100%",
+			objectFit: "contain"
+		}), t[10] = n.dataUrl, t[11] = e, t[12] = r) : r = t[12];
+		let a;
+		t[13] !== h || t[14] !== r ? (a = /* @__PURE__ */ v(l, {
+			ref: h,
+			flex: "1",
+			minH: "0",
+			p: "md",
+			overflow: "auto",
+			children: r
+		}), t[13] = h, t[14] = r, t[15] = a) : a = t[15];
+		let o;
+		return t[16] !== i || t[17] !== a ? (o = /* @__PURE__ */ y(u, {
+			direction: "column",
+			h: "full",
+			minH: "0",
+			bg: "bg",
+			children: [i, a]
+		}), t[16] = i, t[17] = a, t[18] = o) : o = t[18], o;
+	}
+	if (x.kind === "code") {
+		let e = n.content ?? "", a = x.isEditable ? f : void 0, o;
+		t[19] !== n.fileName || t[20] !== r || t[21] !== x.isEditable || t[22] !== x.language || t[23] !== e || t[24] !== a ? (o = /* @__PURE__ */ v(s, {
+			flex: "1",
+			minH: "0",
+			children: /* @__PURE__ */ v(w, {
+				language: x.language,
+				fileName: n.fileName,
+				defaultCode: e,
+				isEditable: x.isEditable,
+				showLineNumbers: !0,
+				onChange: a
+			}, r)
+		}), t[19] = n.fileName, t[20] = r, t[21] = x.isEditable, t[22] = x.language, t[23] = e, t[24] = a, t[25] = o) : o = t[25];
+		let c;
+		return t[26] !== i || t[27] !== o ? (c = /* @__PURE__ */ y(u, {
+			direction: "column",
+			h: "full",
+			minH: "0",
+			bg: "bg",
+			children: [i, o]
+		}), t[26] = i, t[27] = o, t[28] = c) : c = t[28], c;
+	}
+	let S = n.content ?? "", C = x.isEditable ? n.placeholder ?? "Write…" : void 0, E = x.isEditable ? f : void 0, D;
+	t[29] !== r || t[30] !== c || t[31] !== x.isEditable || t[32] !== g || t[33] !== S || t[34] !== C || t[35] !== E ? (D = /* @__PURE__ */ v(s, {
+		flex: "1",
+		minH: "0",
+		overflowY: "auto",
+		children: /* @__PURE__ */ v(T, {
+			defaultState: S,
+			isEditable: x.isEditable,
+			sectionNavigation: g,
+			placeholder: C,
+			onActiveSectionChange: c,
+			onChange: E
+		}, r)
+	}), t[29] = r, t[30] = c, t[31] = x.isEditable, t[32] = g, t[33] = S, t[34] = C, t[35] = E, t[36] = D) : D = t[36];
+	let O;
+	return t[37] !== i || t[38] !== h || t[39] !== D ? (O = /* @__PURE__ */ y(u, {
+		ref: h,
+		direction: "column",
+		h: "full",
+		minH: "0",
+		overflow: "hidden",
+		bg: "bg",
+		children: [i, D]
+	}), t[37] = i, t[38] = h, t[39] = D, t[40] = O) : O = t[40], O;
+}, ie = (e) => {
+	let t, n = !1, r, i = null, a = null, o, s, c = !1, l = null, u = 0, d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), p = (e) => e instanceof Error ? e.message : "Failed to save file.", m = () => ({
+		dirty: i !== null || a !== null && a.value !== t,
+		saving: a !== null,
+		...o ? { saveError: o } : {},
+		...n ? { removed: !0 } : {}
+	}), h = () => e.onStateChange?.(m()), g = () => {
+		l !== null && (clearTimeout(l), l = null);
+	}, _ = () => e.createOperationId?.() ?? `file-save-${Date.now()}-${++u}`, v = () => i !== null || a !== null || l !== null || !!o, y = (e) => {
+		e.revision && (!s || e.revision.localeCompare(s) > 0) && (s = e.revision), e.revision || (c = !0);
+	}, b = (t) => {
+		let n = t.origin?.operationId;
+		return !n || t.origin?.rendererId !== e.binding.rendererId || t.origin.instanceId !== e.binding.instanceId ? !1 : a?.origin.operationId === n || f.has(n);
+	}, x = (t) => {
+		if (i !== null || a) return;
+		let n = s, r = c;
+		if (s = void 0, c = !1, n && (!t || n.localeCompare(t) > 0)) {
+			e.load({
+				resourceKey: e.binding.resourceKey,
+				revision: n
+			});
+			return;
+		}
+		r && e.load({ resourceKey: e.binding.resourceKey });
+	}, S = () => {
+		if (n || i === null || a || o) return;
+		let s = i;
+		i = null;
+		let c = {
+			rendererId: e.binding.rendererId,
+			instanceId: e.binding.instanceId,
+			operationId: _()
+		};
+		a = {
+			value: s,
+			origin: c
+		}, h(), Promise.resolve(e.save(s, c)).then((e) => {
+			if (a?.origin.operationId === c.operationId) {
+				if (a = null, f.add(c.operationId), f.size > 20 && f.delete(f.values().next().value), t = s, r = e?.revision ?? r, i === t && (i = null, g()), h(), i !== null) {
+					C();
+					return;
+				}
+				x(e?.revision);
+			}
+		}).catch((e) => {
+			n || a?.origin.operationId === c.operationId && (a = null, i === null && (i = s), o = p(e), h());
+		});
+	}, C = () => {
+		g(), l = setTimeout(() => {
+			l = null, S();
+		}, e.debounceMs);
+	};
+	return {
+		getDraft() {
+			return i ?? a?.value ?? t;
+		},
+		markRemoved() {
+			let e = v();
+			return n = !0, i = i ?? a?.value ?? null, a = null, g(), h(), e;
+		},
+		getBaseline() {
+			return t;
+		},
+		getState: m,
+		setBaseline(e, n) {
+			t = e, r = n, h();
+		},
+		acceptLoaded(e, i) {
+			if (n) return null;
+			if (v()) return y(i ? { revision: i } : {}), null;
+			let a = t;
+			return t = e, r = i, h(), { shown: a };
+		},
+		handleChange(e) {
+			if (n) {
+				i = e, h();
+				return;
+			}
+			if (!(o && e === i)) {
+				if (o = void 0, e === t && !a) {
+					i = null, g(), h();
+					return;
+				}
+				if (a?.value === e) {
+					i = null, g(), h();
+					return;
+				}
+				i = e, C(), h();
+			}
+		},
+		handleRefreshEvent(t = {}) {
+			if (!n && !(t.resourceKey && t.resourceKey !== e.binding.resourceKey) && !b(t) && !(t.revision && d.has(t.revision))) {
+				if (t.revision && d.add(t.revision), v()) {
+					y(t);
+					return;
+				}
+				t.revision && r && t.revision.localeCompare(r) <= 0 || e.load(t);
+			}
+		},
+		retry() {
+			o && i !== null && !a && (o = void 0, h(), S());
+		},
+		retryLoad() {
+			n || e.load({ resourceKey: e.binding.resourceKey });
+		},
+		flush() {
+			g(), S();
+		}
+	};
+}, ae = (e) => {
+	let t = o(7), { message: n, onRetry: r } = e, i;
+	t[0] === n ? i = t[1] : (i = /* @__PURE__ */ v(p, {
+		color: "fg.muted",
+		textStyle: "label/S/regular",
+		children: n
+	}), t[0] = n, t[1] = i);
+	let a;
+	t[2] === r ? a = t[3] : (a = r ? /* @__PURE__ */ v(c, {
+		size: "2xs",
+		variant: "subtle",
+		onClick: r,
+		children: "Retry"
+	}) : null, t[2] = r, t[3] = a);
+	let s;
+	return t[4] !== i || t[5] !== a ? (s = /* @__PURE__ */ y(u, {
+		flex: "none",
+		alignItems: "center",
+		justifyContent: "space-between",
+		gap: "sm",
+		borderBottomWidth: "1px",
+		borderColor: "border.muted",
+		bg: "bg.muted",
+		px: "sm",
+		py: "xs",
+		children: [i, a]
+	}), t[4] = i, t[5] = a, t[6] = s) : s = t[6], s;
+}, I = (e) => Array.isArray(e) ? e.map(I) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => [e, I(t)])), oe = (e) => {
+	let { fileRendererId: t, resource: n } = e, r = n ? I({
+		id: n.id,
+		type: n.type,
+		metadata: n.metadata
+	}) : null;
+	return `${JSON.stringify(a(n))}:${t}:${JSON.stringify(r)}`;
+}, se = (e, t) => e?.loadKey === t, ce = (e) => {
+	let t = o(9), { fileName: n, filePath: r } = e, { activeFileIconTheme: i } = _(), a;
+	t[0] !== i || t[1] !== n ? (a = g(n, { theme: i }), t[0] = i, t[1] = n, t[2] = a) : a = t[2];
+	let s = `File path ${r}`, c;
+	t[3] !== r || t[4] !== s ? (c = /* @__PURE__ */ v(p, {
+		"aria-label": s,
+		textStyle: "label/S/regular",
+		color: "fg.muted",
+		truncate: !0,
+		children: r
+	}), t[3] = r, t[4] = s, t[5] = c) : c = t[5];
+	let l;
+	return t[6] !== a || t[7] !== c ? (l = /* @__PURE__ */ y(h, {
+		variant: "narrow",
+		flexShrink: 0,
+		gap: "2xs",
+		bg: "bg",
+		children: [a, c]
+	}), t[6] = a, t[7] = c, t[8] = l) : l = t[8], l;
+}, le = 600, ue = (e) => e instanceof Error ? e.message : "Failed to load file.", de = (e) => {
+	let { workbench: n, navigation: r, sectionId: i } = e;
+	if (!r || !t(n).getTreeRenderer(r.treeId)) return;
+	if (i && r.anchors.some((e) => e.id === i)) {
+		t(n).setSelectedNode(r.treeId, i);
+		return;
+	}
+	let a = t(n).getTreeState(r.treeId).selectedNodeId;
+	a && r.anchors.some((e) => e.id === a) && t(n).setSelectedNode(r.treeId, void 0);
+}, fe = (e, n) => {
+	if (!n) return;
+	let r = t(e).getTreeRenderer(n.treeId) ? t(e).getTreeState(n.treeId).selectedNodeId : void 0;
+	return {
+		anchors: n.anchors,
+		targetId: k(n, r)
+	};
+}, pe = (d) => {
+	let m = o(71), { workbench: h, contribution: g } = d, _ = d.placement?.resource, w, T;
+	m[0] !== _ || m[1] !== h ? (w = O(_), T = fe(h, w), m[0] = _, m[1] = h, m[2] = w, m[3] = T) : (w = m[2], T = m[3]);
+	let E = T, D = oe({
+		fileRendererId: g.id,
+		resource: _
+	}), [k, A] = C(null), [te, j] = C(null), M;
+	m[4] === Symbol.for("react.memo_cache_sentinel") ? (M = {
+		dirty: !1,
+		saving: !1
+	}, m[4] = M) : M = m[4];
+	let [N, P] = C(M), F = S(null), ne = S(void 0), I = S(null), pe = S(null), L, he;
+	m[5] !== _ || m[6] !== w || m[7] !== h ? (L = () => {
+		let e = pe.current, n = e && t(h).getTreeRenderer(e.treeId) ? t(h).getTreeState(e.treeId).selectedNodeId : void 0;
+		ee({
+			previous: e,
+			current: w,
+			currentResourceKey: a(_),
+			selectedNodeId: n
+		}) && e && t(h).setSelectedNode(e.treeId, void 0), pe.current = w ? {
+			resourceKey: a(_),
+			treeId: w.treeId,
+			anchorIds: w.anchors.map(me)
+		} : null;
+	}, he = [
+		_,
+		w,
+		h
+	], m[5] = _, m[6] = w, m[7] = h, m[8] = L, m[9] = he) : (L = m[8], he = m[9]), b(L, he);
+	let ge = S(g), R = S(_), _e = S(d.placement), ve;
+	m[10] !== g || m[11] !== d.placement || m[12] !== _ ? (ve = () => {
+		ge.current = g, R.current = _, _e.current = d.placement;
+	}, m[10] = g, m[11] = d.placement, m[12] = _, m[13] = ve) : ve = m[13], b(ve);
+	let z = g.id, B = !!g.save, V = d.placement ? e(d.placement) : JSON.stringify([
+		"file",
+		z,
+		D
+	]), H = d.placement?.instanceId ?? z, U;
+	m[14] !== z || m[15] !== B || m[16] !== H || m[17] !== D || m[18] !== V || m[19] !== P || m[20] !== j || m[21] !== A || m[22] !== h ? (U = () => {
+		let e = !1, o = !1, s = R.current, c = ge.current, l = h.views.reads.bind(V), u = null;
+		j(null);
+		let d = r(D);
+		A(d ? {
+			...d,
+			editorRevision: 1,
+			loadKey: D
+		} : null);
+		let f = (t) => {
+			let r = t === void 0 ? "refresh" : t;
+			l.request({
+				queryKey: D,
+				load: (e) => ge.current.load(R.current, e),
+				onValue: (t) => {
+					if (e || o) return;
+					let r = n(t, D, u);
+					r && (j(null), A(r));
+				},
+				onError: (t) => {
+					e || o || j({
+						loadKey: D,
+						message: ue(t)
+					});
+				}
+			}, r);
+		};
+		ne.current = () => f("retry"), u = B ? ie({
+			binding: {
+				rendererId: z,
+				instanceId: H,
+				resourceKey: a(R.current)
+			},
+			debounceMs: le,
+			load: () => f(),
+			onStateChange: (t) => {
+				e || P(t);
+			},
+			save: (e, t) => Promise.resolve(c.save?.(s, e, t)).then((t) => {
+				let n = r(D);
+				return n && !o && i(D, {
+					...n,
+					content: e
+				}), t ?? void 0;
+			})
+		}) : null, F.current = u, d && F.current?.setBaseline(d.content, d.revision), P({
+			dirty: !1,
+			saving: !1
+		}), f();
+		let p = h.resources.onWillRemove((e) => {
+			if (a(e) !== a(R.current)) return [];
+			o = !0;
+			let t = F.current?.markRemoved(), n = _e.current?.placementIdentity;
+			return t && n ? [n] : [];
+		}), m = t(h).onDidRefreshFileRenderer((e) => {
+			if (o || e.fileRendererId !== z) return;
+			let t = F.current;
+			t ? t.handleRefreshEvent(e) : f();
+		});
+		return () => {
+			e = !0, l.dispose(), ne.current = void 0, m.dispose(), p.dispose(), u?.flush(), F.current === u && (F.current = null);
+		};
+	}, m[14] = z, m[15] = B, m[16] = H, m[17] = D, m[18] = V, m[19] = P, m[20] = j, m[21] = A, m[22] = h, m[23] = U) : U = m[23];
+	let W;
+	m[24] !== z || m[25] !== B || m[26] !== H || m[27] !== D || m[28] !== V || m[29] !== h ? (W = [
+		z,
+		B,
+		h,
+		D,
+		V,
+		H
+	], m[24] = z, m[25] = B, m[26] = H, m[27] = D, m[28] = V, m[29] = h, m[30] = W) : W = m[30], b(U, W);
+	let G, K;
+	m[31] === Symbol.for("react.memo_cache_sentinel") ? (G = () => {
+		let e = () => F.current?.flush(), t = () => {
+			document.visibilityState === "hidden" && e();
+		};
+		return window.addEventListener("beforeunload", e), document.addEventListener("visibilitychange", t), () => {
+			window.removeEventListener("beforeunload", e), document.removeEventListener("visibilitychange", t);
+		};
+	}, K = [], m[31] = G, m[32] = K) : (G = m[31], K = m[32]), b(G, K);
+	let q;
+	m[33] === Symbol.for("react.memo_cache_sentinel") ? (q = (e) => {
+		F.current?.handleChange(e);
+	}, m[33] = q) : q = m[33];
+	let ye = q, be;
+	m[34] !== D || m[35] !== k ? (be = se(k, D) ? k : null, m[34] = D, m[35] = k, m[36] = be) : be = m[36];
+	let J = be, xe = J ? `${J.loadKey}:${J.editorRevision}` : "", Se, Ce;
+	m[37] !== xe || m[38] !== w ? (Se = () => {
+		if (!xe || w) return;
+		let e = I.current;
+		e && requestAnimationFrame(() => {
+			let t = e.parentElement;
+			for (; t;) {
+				let e = getComputedStyle(t).overflowY;
+				[
+					"auto",
+					"scroll",
+					"overlay"
+				].includes(e) && t.scrollHeight > t.clientHeight && (t.scrollTop = 0), t = t.parentElement;
+			}
+		});
+	}, Ce = [xe, w], m[37] = xe, m[38] = w, m[39] = Se, m[40] = Ce) : (Se = m[39], Ce = m[40]), x(Se, Ce);
+	let Y = te?.loadKey === D ? te.message : void 0, we;
+	m[41] === Symbol.for("react.memo_cache_sentinel") ? (we = () => ne.current?.(), m[41] = we) : we = m[41];
+	let Te = we, X;
+	m[42] === Symbol.for("react.memo_cache_sentinel") ? (X = () => F.current?.retry(), m[42] = X) : X = m[42];
+	let Ee = X;
+	if (Y && !J) {
+		let e;
+		m[43] === Y ? e = m[44] : (e = /* @__PURE__ */ v(p, {
+			color: "fg.muted",
+			children: Y
+		}), m[43] = Y, m[44] = e);
+		let t;
+		m[45] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ v(c, {
+			size: "xs",
+			variant: "subtle",
+			onClick: Te,
+			children: "Retry"
+		}), m[45] = t) : t = m[45];
+		let n;
+		return m[46] === e ? n = m[47] : (n = /* @__PURE__ */ y(l, {
+			h: "full",
+			minH: "0",
+			bg: "bg",
+			p: "md",
+			flexDirection: "column",
+			gap: "sm",
+			children: [e, t]
+		}), m[46] = e, m[47] = n), n;
+	}
+	if (!J) {
+		let e;
+		return m[48] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ v(l, {
+			h: "full",
+			minH: "0",
+			bg: "bg",
+			children: /* @__PURE__ */ v(f, { size: "sm" })
+		}), m[48] = e) : e = m[48], e;
+	}
+	let De = `${J.loadKey}:${J.editorRevision}`, Z = null;
+	if (N.removed) {
+		let e;
+		m[49] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ v(ae, { message: "This resource was removed. Your draft is kept here. Copy it before closing this tab." }), m[49] = e) : e = m[49], Z = e;
+	} else if (Y) {
+		let e;
+		m[50] === Y ? e = m[51] : (e = /* @__PURE__ */ v(ae, {
+			message: Y,
+			onRetry: Te
+		}), m[50] = Y, m[51] = e), Z = e;
+	} else if (N.saveError) {
+		let e;
+		m[52] === N.saveError ? e = m[53] : (e = /* @__PURE__ */ v(ae, {
+			message: N.saveError,
+			onRetry: Ee
+		}), m[52] = N.saveError, m[53] = e), Z = e;
+	}
+	let Oe;
+	m[54] !== w || m[55] !== h ? (Oe = (e) => {
+		de({
+			workbench: h,
+			navigation: w,
+			sectionId: e
+		});
+	}, m[54] = w, m[55] = h, m[56] = Oe) : Oe = m[56];
+	let ke = Oe, Q;
+	m[57] !== J.fileName || m[58] !== J.filePath ? (Q = J.filePath ? /* @__PURE__ */ v(ce, {
+		fileName: J.fileName ?? J.filePath,
+		filePath: J.filePath
+	}) : null, m[57] = J.fileName, m[58] = J.filePath, m[59] = Q) : Q = m[59];
+	let Ae = Z, je = !!g.save, Me = w ? ke : void 0, $;
+	m[60] !== g.title || m[61] !== J || m[62] !== De || m[63] !== E || m[64] !== Z || m[65] !== je || m[66] !== Me ? ($ = /* @__PURE__ */ v(s, {
+		flex: "1",
+		minH: "0",
+		children: /* @__PURE__ */ v(re, {
+			content: J,
+			editorKey: De,
+			errorNotice: Ae,
+			contributionCanSave: je,
+			onActiveSectionChange: Me,
+			onChange: ye,
+			rendererRef: I,
+			sectionNavigation: E,
+			title: g.title
+		})
+	}), m[60] = g.title, m[61] = J, m[62] = De, m[63] = E, m[64] = Z, m[65] = je, m[66] = Me, m[67] = $) : $ = m[67];
+	let Ne;
+	return m[68] !== Q || m[69] !== $ ? (Ne = /* @__PURE__ */ y(u, {
+		direction: "column",
+		h: "full",
+		minH: "0",
+		bg: "bg",
+		children: [Q, $]
+	}), m[68] = Q, m[69] = $, m[70] = Ne) : Ne = m[70], Ne;
+};
+function me(e) {
+	return e.id;
+}
+//#endregion
+export { pe as WorkbenchFileRendererView };
+
+//# sourceMappingURL=file-renderer-view-DKu2l8bT.js.map