@questpie/admin 1.1.1 → 3.0.0

package/dist/client/views/collection/cells/complex-cells.mjs

@@ -0,0 +1,746 @@
+import { useResolveText, useTranslation } from "../../../i18n/hooks.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { Badge } from "../../../components/ui/badge.mjs";
+import { isBlockContent } from "../../../blocks/types.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.mjs";
+import { useAdminConfig } from "../../../hooks/use-admin-config.mjs";
+import { formatFieldLabel, formatPrimitiveValue, getFieldLabel, getItemLabel, summarizeValue } from "./shared/cell-helpers.mjs";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/collection/cells/complex-cells.tsx
+/**
+* JSON cell - compact JSON display
+*/
+function JsonCell(t0) {
+	const $ = c(8);
+	const { value } = t0;
+	if (value === null || value === void 0) {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	let t1;
+	if ($[1] !== value) {
+		t1 = typeof value === "string" ? value : JSON.stringify(value, null, 0);
+		$[1] = value;
+		$[2] = t1;
+	} else t1 = $[2];
+	const json = t1;
+	let t2;
+	if ($[3] !== json) {
+		t2 = json.length > 50 ? `${json.slice(0, 50)}...` : json;
+		$[3] = json;
+		$[4] = t2;
+	} else t2 = $[4];
+	const truncated = t2;
+	let t3;
+	if ($[5] !== json || $[6] !== truncated) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground font-mono text-xs",
+			title: json,
+			children: truncated
+		});
+		$[5] = json;
+		$[6] = truncated;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
+}
+/**
+* Object cell - displays nested object with hover tooltip preview
+*/
+function ObjectCell(t0) {
+	const $ = c(40);
+	const { value, fieldDef } = t0;
+	const { t } = useTranslation();
+	const resolveText = useResolveText();
+	if (value === null || value === void 0) {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	if (typeof value !== "object" || Array.isArray(value)) {
+		const t1$1 = String(value);
+		let t2$1;
+		if ($[1] !== t1$1) {
+			t2$1 = /* @__PURE__ */ jsx("span", { children: t1$1 });
+			$[1] = t1$1;
+			$[2] = t2$1;
+		} else t2$1 = $[2];
+		return t2$1;
+	}
+	const obj = value;
+	let T0;
+	let T1;
+	let entries;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	if ($[3] !== fieldDef || $[4] !== obj || $[5] !== resolveText) {
+		t7 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			entries = Object.entries(obj);
+			if (entries.length === 0) {
+				let t8$1;
+				if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+					t8$1 = /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground",
+						children: "-"
+					});
+					$[16] = t8$1;
+				} else t8$1 = $[16];
+				t7 = t8$1;
+				break bb0;
+			}
+			const nestedFieldsOption = fieldDef?.["~options"]?.fields;
+			const nestedFields = typeof nestedFieldsOption === "function" ? void 0 : nestedFieldsOption;
+			const previewParts = entries.slice(0, 2).map((t8$1) => {
+				const [key, val] = t8$1;
+				return `${resolveText(getFieldLabel(key, nestedFields?.[key]))}: ${summarizeValue(val)}`;
+			});
+			const hasMore = entries.length > 2;
+			T1 = Tooltip;
+			let t9$1;
+			if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+				t9$1 = cn("inline-flex items-center gap-1 text-xs", "text-muted-foreground hover:text-foreground", "max-w-[220px] cursor-default transition-colors");
+				$[17] = t9$1;
+			} else t9$1 = $[17];
+			const t10$1 = previewParts.join(", ");
+			let t11$1;
+			if ($[18] !== t10$1) {
+				t11$1 = /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: t10$1
+				});
+				$[18] = t10$1;
+				$[19] = t11$1;
+			} else t11$1 = $[19];
+			const t12 = hasMore && /* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground/50 shrink-0",
+				children: ["+", entries.length - 2]
+			});
+			if ($[20] !== t11$1 || $[21] !== t12) {
+				t6 = /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsxs("span", {
+					className: t9$1,
+					children: [t11$1, t12]
+				}) });
+				$[20] = t11$1;
+				$[21] = t12;
+				$[22] = t6;
+			} else t6 = $[22];
+			T0 = TooltipContent;
+			t3 = "bottom";
+			t4 = "start";
+			t5 = "w-72 p-0";
+			t1 = "max-h-[300px] space-y-0.5 overflow-y-auto p-3";
+			t2 = entries.slice(0, 12).map((t13) => {
+				const [key_0, val_0] = t13;
+				const nestedDef = nestedFields?.[key_0];
+				const label_0 = resolveText(getFieldLabel(key_0, nestedDef));
+				if (val_0 && typeof val_0 === "object" && !Array.isArray(val_0)) {
+					const nestedObj = val_0;
+					const nestedEntries = Object.entries(nestedObj).slice(0, 4);
+					return /* @__PURE__ */ jsxs("div", {
+						className: "py-1",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-1.5 text-xs font-medium",
+							children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), label_0]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "border-border mt-0.5 ml-2.5 space-y-0.5 border-l pl-2",
+							children: nestedEntries.map(_temp)
+						})]
+					}, key_0);
+				}
+				if (Array.isArray(val_0)) return /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-2 py-0.5 text-xs",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: label_0
+						})]
+					}), /* @__PURE__ */ jsx(Badge, {
+						variant: "secondary",
+						className: "h-4 px-1 text-[10px]",
+						children: val_0.length
+					})]
+				}, key_0);
+				return /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-2 py-0.5 text-xs",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: label_0
+						})]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "max-w-[140px] truncate font-medium",
+						children: formatPrimitiveValue(val_0)
+					})]
+				}, key_0);
+			});
+		}
+		$[3] = fieldDef;
+		$[4] = obj;
+		$[5] = resolveText;
+		$[6] = T0;
+		$[7] = T1;
+		$[8] = entries;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+		$[15] = t7;
+	} else {
+		T0 = $[6];
+		T1 = $[7];
+		entries = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		t3 = $[11];
+		t4 = $[12];
+		t5 = $[13];
+		t6 = $[14];
+		t7 = $[15];
+	}
+	if (t7 !== Symbol.for("react.early_return_sentinel")) return t7;
+	let t8;
+	if ($[23] !== t1 || $[24] !== t2) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children: t2
+		});
+		$[23] = t1;
+		$[24] = t2;
+		$[25] = t8;
+	} else t8 = $[25];
+	let t9;
+	if ($[26] !== entries.length || $[27] !== t) {
+		t9 = entries.length > 12 && /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground border-border border-t py-1.5 text-center text-[11px]",
+			children: t("cell.more", { count: entries.length - 12 })
+		});
+		$[26] = entries.length;
+		$[27] = t;
+		$[28] = t9;
+	} else t9 = $[28];
+	let t10;
+	if ($[29] !== T0 || $[30] !== t3 || $[31] !== t4 || $[32] !== t5 || $[33] !== t8 || $[34] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(T0, {
+			side: t3,
+			align: t4,
+			className: t5,
+			children: [t8, t9]
+		});
+		$[29] = T0;
+		$[30] = t3;
+		$[31] = t4;
+		$[32] = t5;
+		$[33] = t8;
+		$[34] = t9;
+		$[35] = t10;
+	} else t10 = $[35];
+	let t11;
+	if ($[36] !== T1 || $[37] !== t10 || $[38] !== t6) {
+		t11 = /* @__PURE__ */ jsxs(T1, { children: [t6, t10] });
+		$[36] = T1;
+		$[37] = t10;
+		$[38] = t6;
+		$[39] = t11;
+	} else t11 = $[39];
+	return t11;
+}
+/**
+* Array cell - displays array items with hover tooltip preview
+*/
+function _temp(t0) {
+	const [k, v] = t0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex justify-between gap-2 text-[11px]",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground",
+			children: formatFieldLabel(k)
+		}), /* @__PURE__ */ jsx("span", {
+			className: "max-w-[120px] truncate",
+			children: formatPrimitiveValue(v)
+		})]
+	}, k);
+}
+function ArrayCell(t0) {
+	const $ = c(40);
+	const { value, fieldDef } = t0;
+	const { t } = useTranslation();
+	const resolveText = useResolveText();
+	if (value === null || value === void 0) {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	if (!Array.isArray(value)) {
+		const t1$1 = String(value);
+		let t2$1;
+		if ($[1] !== t1$1) {
+			t2$1 = /* @__PURE__ */ jsx("span", { children: t1$1 });
+			$[1] = t1$1;
+			$[2] = t2$1;
+		} else t2$1 = $[2];
+		return t2$1;
+	}
+	if (value.length === 0) {
+		let t1$1;
+		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[3] = t1$1;
+		} else t1$1 = $[3];
+		return t1$1;
+	}
+	let t1;
+	if ($[4] !== fieldDef) {
+		t1 = fieldDef?.["~options"] ?? {};
+		$[4] = fieldDef;
+		$[5] = t1;
+	} else t1 = $[5];
+	const fieldOptions = t1;
+	const itemLabelFn = fieldOptions.itemLabel;
+	const itemFieldsOption = fieldOptions.item;
+	const itemFields = typeof itemFieldsOption === "function" ? void 0 : itemFieldsOption;
+	let t2;
+	if ($[6] !== itemLabelFn || $[7] !== value) {
+		let t3$1;
+		if ($[9] !== itemLabelFn) {
+			t3$1 = (item, idx) => getItemLabel(item, idx, itemLabelFn);
+			$[9] = itemLabelFn;
+			$[10] = t3$1;
+		} else t3$1 = $[10];
+		t2 = value.slice(0, 3).map(t3$1);
+		$[6] = itemLabelFn;
+		$[7] = value;
+		$[8] = t2;
+	} else t2 = $[8];
+	const previewLabels = t2;
+	let t3;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = cn("inline-flex items-center gap-1.5 text-xs", "text-muted-foreground hover:text-foreground", "max-w-[180px] cursor-default transition-colors");
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== value.length) {
+		t4 = /* @__PURE__ */ jsx(Badge, {
+			variant: "secondary",
+			className: "h-4 min-w-4 shrink-0 px-1 text-[10px]",
+			children: value.length
+		});
+		$[12] = value.length;
+		$[13] = t4;
+	} else t4 = $[13];
+	const t5 = value.length > 1 && ` +${value.length - 1}`;
+	let t6;
+	if ($[14] !== previewLabels[0] || $[15] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("span", {
+			className: "truncate",
+			children: [previewLabels[0], t5]
+		});
+		$[14] = previewLabels[0];
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== t4 || $[18] !== t6) {
+		t7 = /* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs("span", {
+			className: t3,
+			children: [t4, t6]
+		}) });
+		$[17] = t4;
+		$[18] = t6;
+		$[19] = t7;
+	} else t7 = $[19];
+	let t8;
+	if ($[20] !== itemFields || $[21] !== itemLabelFn || $[22] !== resolveText || $[23] !== value) {
+		let t9$1;
+		if ($[25] !== itemFields || $[26] !== itemLabelFn || $[27] !== resolveText) {
+			t9$1 = (item_0, idx_0) => {
+				const label = getItemLabel(item_0, idx_0, itemLabelFn);
+				if (typeof item_0 === "object" && item_0 !== null) {
+					const obj = item_0;
+					const details = Object.entries(obj).filter(_temp2).slice(0, 3);
+					const itemId = obj.id ?? obj._id ?? `${label}-${JSON.stringify(obj).slice(0, 50)}`;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "py-1",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-1.5 text-xs font-medium",
+							children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), label]
+						}), details.length > 0 && /* @__PURE__ */ jsx("div", {
+							className: "border-border mt-0.5 ml-2.5 space-y-0.5 border-l pl-2",
+							children: details.map((t10$1) => {
+								const [k_0, v] = t10$1;
+								const itemFieldDef = itemFields?.[k_0];
+								return /* @__PURE__ */ jsxs("div", {
+									className: "flex justify-between gap-2 text-[11px]",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "text-muted-foreground",
+										children: resolveText(getFieldLabel(k_0, itemFieldDef))
+									}), /* @__PURE__ */ jsx("span", {
+										className: "max-w-[100px] truncate",
+										children: formatPrimitiveValue(v)
+									})]
+								}, k_0);
+							})
+						})]
+					}, String(itemId));
+				}
+				return /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1.5 py-0.5 text-xs",
+					children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), formatPrimitiveValue(item_0)]
+				}, `item-${String(item_0)}`);
+			};
+			$[25] = itemFields;
+			$[26] = itemLabelFn;
+			$[27] = resolveText;
+			$[28] = t9$1;
+		} else t9$1 = $[28];
+		t8 = value.slice(0, 10).map(t9$1);
+		$[20] = itemFields;
+		$[21] = itemLabelFn;
+		$[22] = resolveText;
+		$[23] = value;
+		$[24] = t8;
+	} else t8 = $[24];
+	let t9;
+	if ($[29] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: "max-h-[280px] space-y-0.5 overflow-y-auto p-2",
+			children: t8
+		});
+		$[29] = t8;
+		$[30] = t9;
+	} else t9 = $[30];
+	let t10;
+	if ($[31] !== t || $[32] !== value.length) {
+		t10 = value.length > 10 && /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground border-border border-t py-1.5 text-center text-[11px]",
+			children: t("cell.more", { count: value.length - 10 })
+		});
+		$[31] = t;
+		$[32] = value.length;
+		$[33] = t10;
+	} else t10 = $[33];
+	let t11;
+	if ($[34] !== t10 || $[35] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(TooltipContent, {
+			side: "bottom",
+			align: "start",
+			className: "bg-popover border-border w-64 max-w-[90vw] p-0",
+			children: [t9, t10]
+		});
+		$[34] = t10;
+		$[35] = t9;
+		$[36] = t11;
+	} else t11 = $[36];
+	let t12;
+	if ($[37] !== t11 || $[38] !== t7) {
+		t12 = /* @__PURE__ */ jsxs(Tooltip, { children: [t7, t11] });
+		$[37] = t11;
+		$[38] = t7;
+		$[39] = t12;
+	} else t12 = $[39];
+	return t12;
+}
+function _temp2(t0) {
+	const [k] = t0;
+	return ![
+		"id",
+		"_id",
+		"name",
+		"title",
+		"label",
+		"platform",
+		"type"
+	].includes(k);
+}
+function coerceBlockContent(value) {
+	if (isBlockContent(value)) return value;
+	if (value && typeof value === "object" && "$i18n" in value && isBlockContent(value.$i18n)) return value.$i18n ?? null;
+	return null;
+}
+function formatBlockType(type) {
+	return type.replace(/[-_]/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (char) => char.toUpperCase()).trim();
+}
+function getBlockLabel(type, blockDef, resolveText) {
+	if (!blockDef) return formatBlockType(type);
+	const fallback = blockDef.name || formatBlockType(type);
+	return resolveText(blockDef.admin?.label, fallback) || fallback;
+}
+function collectBlockStats(tree) {
+	const counts = /* @__PURE__ */ new Map();
+	let total = 0;
+	const visit = (nodes) => {
+		for (const node of nodes) {
+			total += 1;
+			counts.set(node.type, (counts.get(node.type) ?? 0) + 1);
+			if (node.children.length) visit(node.children);
+		}
+	};
+	visit(tree);
+	return {
+		total,
+		counts
+	};
+}
+/**
+* Blocks cell - summarizes block tree content with type counts
+*/
+function BlocksCell(t0) {
+	const $ = c(42);
+	const { value } = t0;
+	const { t } = useTranslation();
+	const resolveText = useResolveText();
+	const { data: adminConfig } = useAdminConfig();
+	if (value === null || value === void 0) {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	let entries;
+	let t1;
+	let t2;
+	let total;
+	if ($[1] !== adminConfig?.blocks || $[2] !== resolveText || $[3] !== value) {
+		t2 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const content = coerceBlockContent(value);
+			if (!content) {
+				let t3$2;
+				if ($[8] !== value) {
+					t3$2 = /* @__PURE__ */ jsx(JsonCell, { value });
+					$[8] = value;
+					$[9] = t3$2;
+				} else t3$2 = $[9];
+				t2 = t3$2;
+				break bb0;
+			}
+			if (!content._tree.length) {
+				let t3$2;
+				if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+					t3$2 = /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground",
+						children: "-"
+					});
+					$[10] = t3$2;
+				} else t3$2 = $[10];
+				t2 = t3$2;
+				break bb0;
+			}
+			const blockDefs = adminConfig?.blocks ?? {};
+			const { total: t3$1, counts } = collectBlockStats(content._tree);
+			total = t3$1;
+			if (total === 0) {
+				let t4$1;
+				if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+					t4$1 = /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground",
+						children: "-"
+					});
+					$[11] = t4$1;
+				} else t4$1 = $[11];
+				t2 = t4$1;
+				break bb0;
+			}
+			entries = Array.from(counts.entries()).map((t4$1) => {
+				const [type, count] = t4$1;
+				return {
+					type,
+					count,
+					label: getBlockLabel(type, blockDefs?.[type], resolveText)
+				};
+			});
+			entries.sort(_temp3);
+			t1 = entries.slice(0, 2).map(_temp4);
+		}
+		$[1] = adminConfig?.blocks;
+		$[2] = resolveText;
+		$[3] = value;
+		$[4] = entries;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = total;
+	} else {
+		entries = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		total = $[7];
+	}
+	if (t2 !== Symbol.for("react.early_return_sentinel")) return t2;
+	const preview = t1;
+	const extraTypes = entries.length - preview.length;
+	let t3;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = cn("inline-flex items-center gap-1.5 text-xs", "text-muted-foreground hover:text-foreground", "max-w-[220px] cursor-default transition-colors");
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== total) {
+		t4 = /* @__PURE__ */ jsx(Badge, {
+			variant: "secondary",
+			className: "h-4 min-w-4 shrink-0 px-1 text-[10px]",
+			children: total
+		});
+		$[13] = total;
+		$[14] = t4;
+	} else t4 = $[14];
+	const t5 = preview.join(", ");
+	const t6 = extraTypes > 0 && ` +${extraTypes}`;
+	let t7;
+	if ($[15] !== t5 || $[16] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("span", {
+			className: "truncate",
+			children: [t5, t6]
+		});
+		$[15] = t5;
+		$[16] = t6;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== t4 || $[19] !== t7) {
+		t8 = /* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs("span", {
+			className: t3,
+			children: [t4, t7]
+		}) });
+		$[18] = t4;
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
+	if ($[21] !== t) {
+		t9 = t("cell.blocks");
+		$[21] = t;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== t9) {
+		t10 = /* @__PURE__ */ jsx("span", { children: t9 });
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== total) {
+		t11 = /* @__PURE__ */ jsx(Badge, {
+			variant: "secondary",
+			className: "h-4 px-1 text-[10px]",
+			children: total
+		});
+		$[25] = total;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== t10 || $[28] !== t11) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground border-border flex items-center justify-between border-b px-2 py-1.5 text-[11px]",
+			children: [t10, t11]
+		});
+		$[27] = t10;
+		$[28] = t11;
+		$[29] = t12;
+	} else t12 = $[29];
+	let t13;
+	if ($[30] !== entries) {
+		t13 = /* @__PURE__ */ jsx("div", {
+			className: "max-h-[280px] space-y-0.5 overflow-y-auto p-2",
+			children: entries.slice(0, 10).map(_temp5)
+		});
+		$[30] = entries;
+		$[31] = t13;
+	} else t13 = $[31];
+	let t14;
+	if ($[32] !== entries.length || $[33] !== t) {
+		t14 = entries.length > 10 && /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground border-border border-t py-1.5 text-center text-[11px]",
+			children: t("cell.more", { count: entries.length - 10 })
+		});
+		$[32] = entries.length;
+		$[33] = t;
+		$[34] = t14;
+	} else t14 = $[34];
+	let t15;
+	if ($[35] !== t12 || $[36] !== t13 || $[37] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(TooltipContent, {
+			side: "bottom",
+			align: "start",
+			className: "bg-popover border-border w-64 max-w-[90vw] p-0",
+			children: [
+				t12,
+				t13,
+				t14
+			]
+		});
+		$[35] = t12;
+		$[36] = t13;
+		$[37] = t14;
+		$[38] = t15;
+	} else t15 = $[38];
+	let t16;
+	if ($[39] !== t15 || $[40] !== t8) {
+		t16 = /* @__PURE__ */ jsxs(Tooltip, { children: [t8, t15] });
+		$[39] = t15;
+		$[40] = t8;
+		$[41] = t16;
+	} else t16 = $[41];
+	return t16;
+}
+function _temp5(entry_0) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center justify-between gap-2 py-0.5 text-xs",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: entry_0.label
+		}), /* @__PURE__ */ jsx(Badge, {
+			variant: "secondary",
+			className: "h-4 px-1 text-[10px]",
+			children: entry_0.count
+		})]
+	}, entry_0.type);
+}
+function _temp4(entry) {
+	return entry.count > 1 ? `${entry.label} x${entry.count}` : entry.label;
+}
+function _temp3(a, b) {
+	if (b.count !== a.count) return b.count - a.count;
+	return a.label.localeCompare(b.label);
+}
+
+//#endregion
+export { ArrayCell, BlocksCell, JsonCell, ObjectCell };