@burdenoff/microfe-cosmicintersection 2026.704.1 → 2026.704.2

package/dist/cosmicintersection/pages/datasets/DatasetDetailPage.js

@@ -1,23 +1,24 @@
 import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
 import { notify as t } from "../../lib/toast.js";
-import { useCosAddSchemaFieldMutation as n, useCosArchiveDatasetMutation as r, useCosDatasetQuery as i, useCosPublishDatasetMutation as ee, useCosUpdateDatasetMutation as te } from "../../api/cosmicApi.js";
-import ne from "../../components/ActionMenu.js";
-import a from "../../components/EmptyState.js";
-import re from "../../components/EntityTagsField.js";
-import ie from "../../components/ErrorState.js";
-import { useFileDownloadUrl as ae } from "../../components/FileUploadField.js";
-import oe from "../../components/LoadingState.js";
-import o from "../../components/PageLayout.js";
-import s from "../../components/SafeLink.js";
-import c, { formatEnumLabel as l } from "../../components/StatusBadge.js";
+import { useCosAddSchemaFieldMutation as n, useCosArchiveDatasetMutation as r, useCosDatasetQuery as i, useCosPublishDatasetMutation as a, useCosUpdateDatasetMutation as ee } from "../../api/cosmicApi.js";
+import te from "../../components/ActionMenu.js";
+import o from "../../components/EmptyState.js";
+import ne from "../../components/ErrorState.js";
+import re from "../../components/LoadingState.js";
+import ie from "../../components/ActivityFeedPanel.js";
+import ae from "../../components/DiscussionPanel.js";
+import oe from "../../components/EntityTagsField.js";
+import { useFileDownloadUrl as s } from "../../components/FileUploadField.js";
+import c from "../../components/PageLayout.js";
+import l, { formatEnumLabel as u } from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { useParams as se } from "react-router-dom";
-import { Boxes as ce, Columns3 as p, Database as m, Download as le, MessagesSquare as ue, Pencil as de, Plus as fe, Radar as pe } from "lucide-react";
-import { Badge as h, Button as g, Checkbox as me, Dialog as he, DialogContent as ge, DialogDescription as _e, DialogFooter as ve, DialogHeader as ye, DialogTitle as be, Input as _, Label as v, Select as xe, SelectContent as Se, SelectItem as Ce, SelectTrigger as we, SelectValue as Te, Table as Ee, TableBody as De, TableCell as y, TableHead as b, TableHeader as x, TableRow as S, Textarea as C } from "@burdenoff/fe-libs/ui";
+import { Boxes as ce, Columns3 as m, Database as le, Download as ue, History as de, MessagesSquare as fe, Pencil as pe, Plus as h, Radar as me } from "lucide-react";
+import { Badge as g, Button as _, Checkbox as he, Dialog as ge, DialogContent as _e, DialogDescription as ve, DialogFooter as ye, DialogHeader as be, DialogTitle as xe, Input as v, Label as y, Select as Se, SelectContent as Ce, SelectItem as we, SelectTrigger as Te, SelectValue as Ee, Table as De, TableBody as Oe, TableCell as b, TableHead as x, TableHeader as S, TableRow as C, Textarea as w } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/datasets/DatasetDetailPage.tsx
-var w = [
+var T = [
 	"STRING",
 	"INTEGER",
 	"FLOAT",
@@ -29,7 +30,7 @@ var w = [
 	"IMAGE_REF",
 	"JSON"
 ];
-function T(e) {
+function ke(e) {
 	if (!e) return "—";
 	let t = Number(e);
 	if (!Number.isFinite(t) || t <= 0) return "—";
@@ -50,70 +51,70 @@ function E(e) {
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString();
 }
 function D({ label: e, value: t }) {
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "rounded-card border border-border-default bg-bg-elevated p-4",
-		children: [/* @__PURE__ */ d("p", {
+		children: [/* @__PURE__ */ f("p", {
 			className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: "mt-1 text-sm text-text-primary",
 			children: t
 		})]
 	});
 }
 function O() {
-	let { id: O = "" } = se(), { navigate: k } = e(), { data: Oe, loading: ke, error: Ae, refetch: A } = i(O), j = Oe?.cosDataset ?? null, M = ae(j?.file?.id).data?.getFileDownloadUrl ?? null, [je, { loading: N }] = ee(), [Me] = r(), [Ne, { loading: P }] = te(), [Pe, { loading: F }] = n(), [I, L] = u([]), [Fe, Ie] = u(null), R = j ? `${j.id}:${j.updatedAt}` : null;
-	R && R !== Fe && (Ie(R), L(j?.tags ?? []));
-	let Le = j != null && (I.length !== j.tags.length || I.some((e, t) => e !== j.tags[t])), [Re, ze] = u(!1), [z, B] = u(""), [V, H] = u("STRING"), [U, W] = u(""), [G, K] = u(""), [q, J] = u(""), [Y, X] = u(!0), Be = () => {
+	let { id: O = "" } = se(), { navigate: k } = e(), { data: Ae, loading: je, error: Me, refetch: A } = i(O), j = Ae?.cosDataset ?? null, M = s(j?.file?.id).data?.getFileDownloadUrl ?? null, [Ne, { loading: N }] = a(), [Pe] = r(), [Fe, { loading: P }] = ee(), [Ie, { loading: F }] = n(), [I, L] = d([]), [Le, Re] = d(null), R = j ? `${j.id}:${j.updatedAt}` : null;
+	R && R !== Le && (Re(R), L(j?.tags ?? []));
+	let ze = j != null && (I.length !== j.tags.length || I.some((e, t) => e !== j.tags[t])), [Be, Ve] = d(!1), [z, B] = d(""), [V, H] = d("STRING"), [U, W] = d(""), [G, K] = d(""), [q, J] = d(""), [Y, X] = d(!0), He = () => {
 		B(""), H("STRING"), W(""), K(""), J(""), X(!0);
 	}, Z = (e) => {
-		ze(e), e || Be();
+		Ve(e), e || He();
 	};
-	if (ke) return /* @__PURE__ */ d(o, {
+	if (je) return /* @__PURE__ */ f(c, {
 		title: "Dataset",
 		backPath: "datasets",
-		children: /* @__PURE__ */ d(oe, { label: "Loading dataset…" })
+		children: /* @__PURE__ */ f(re, { label: "Loading dataset…" })
 	});
-	if (Ae) return /* @__PURE__ */ d(o, {
+	if (Me) return /* @__PURE__ */ f(c, {
 		title: "Dataset",
 		backPath: "datasets",
-		children: /* @__PURE__ */ d(ie, {
+		children: /* @__PURE__ */ f(ne, {
 			message: "We could not load this dataset.",
 			onRetry: () => void A()
 		})
 	});
-	if (!j) return /* @__PURE__ */ d(o, {
+	if (!j) return /* @__PURE__ */ f(c, {
 		title: "Dataset",
 		backPath: "datasets",
-		children: /* @__PURE__ */ d(a, {
-			icon: m,
+		children: /* @__PURE__ */ f(o, {
+			icon: le,
 			title: "Dataset not found.",
 			description: "This dataset may have been removed or is outside your current scope.",
-			action: /* @__PURE__ */ d(g, {
+			action: /* @__PURE__ */ f(_, {
 				type: "button",
 				onClick: () => k("datasets"),
 				children: "Back to datasets"
 			})
 		})
 	});
-	let Q = [...j.schemaFields ?? []].sort((e, t) => e.position - t.position), $ = j.status !== "AVAILABLE" && j.status !== "ARCHIVED", Ve = async () => {
-		(await je({ variables: { id: j.id } })).data?.cosPublishDataset && (t.success("Dataset published", `“${j.name}” is now available.`), await A());
-	}, He = async () => {
-		let e = await Me({ variables: { id: j.id } });
+	let Q = [...j.schemaFields ?? []].sort((e, t) => e.position - t.position), Ue = j.status !== "AVAILABLE" && j.status !== "ARCHIVED", $ = async () => {
+		(await Ne({ variables: { id: j.id } })).data?.cosPublishDataset && (t.success("Dataset published", `“${j.name}” is now available.`), await A());
+	}, We = async () => {
+		let e = await Pe({ variables: { id: j.id } });
 		if (e.error) throw Error(e.error.message);
 		if (!e.data?.cosArchiveDataset) throw t.error("Could not archive dataset", "The server did not confirm the change."), Error("Archive not confirmed");
 		t.success("Dataset archived"), k("datasets");
-	}, Ue = async () => {
-		(await Ne({ variables: {
+	}, Ge = async () => {
+		(await Fe({ variables: {
 			id: j.id,
 			input: { tags: I }
 		} })).data?.cosUpdateDataset && (t.success("Tags updated"), await A());
-	}, We = async () => {
+	}, Ke = async () => {
 		if (!z.trim()) {
 			t.error("Field name is required");
 			return;
 		}
-		(await Pe({ variables: { input: {
+		(await Ie({ variables: { input: {
 			datasetId: j.id,
 			name: z.trim(),
 			fieldType: V,
@@ -123,96 +124,96 @@ function O() {
 			nullable: Y
 		} } })).data?.cosAddSchemaField && (t.success("Schema field added"), Z(!1), await A());
 	};
-	return /* @__PURE__ */ f(o, {
+	return /* @__PURE__ */ p(c, {
 		title: j.name,
 		description: j.description ?? void 0,
 		backPath: "datasets",
-		actions: /* @__PURE__ */ f("div", {
+		actions: /* @__PURE__ */ p("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ f(g, {
+				/* @__PURE__ */ p(_, {
 					type: "button",
 					variant: "outline",
 					onClick: () => k(`datasets/${j.id}/edit`),
-					children: [/* @__PURE__ */ d(de, { className: "size-4" }), "Edit"]
+					children: [/* @__PURE__ */ f(pe, { className: "size-4" }), "Edit"]
 				}),
-				$ ? /* @__PURE__ */ d(g, {
+				Ue ? /* @__PURE__ */ f(_, {
 					type: "button",
-					onClick: () => void Ve(),
+					onClick: () => void $(),
 					disabled: N,
 					children: N ? "Publishing…" : "Publish"
 				}) : null,
-				/* @__PURE__ */ d(ne, {
+				/* @__PURE__ */ f(te, {
 					ariaLabel: `Actions for ${j.name}`,
 					entityName: j.name,
-					onDelete: () => He(),
+					onDelete: () => We(),
 					deleteLabel: "Archive dataset"
 				})
 			]
 		}),
-		children: [/* @__PURE__ */ f("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ d(c, { status: j.status }),
-						/* @__PURE__ */ d(c, {
+						/* @__PURE__ */ f(l, { status: j.status }),
+						/* @__PURE__ */ f(l, {
 							status: j.accessLevel,
-							label: l(j.accessLevel)
+							label: u(j.accessLevel)
 						}),
-						j.lineageCaptured ? /* @__PURE__ */ d(h, {
+						j.lineageCaptured ? /* @__PURE__ */ f(g, {
 							variant: "secondary",
 							children: "Lineage captured"
 						}) : null,
-						/* @__PURE__ */ f(h, {
+						/* @__PURE__ */ p(g, {
 							variant: "secondary",
 							children: ["v", j.version]
 						})
 					]
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ f(D, {
 							label: "Source",
-							value: j.source ? /* @__PURE__ */ f("button", {
+							value: j.source ? /* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => k(`sources/${j.source?.id}/edit`),
+								onClick: () => k(`sources/${j.source?.id}`),
 								className: "inline-flex items-center gap-1.5 text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ d(pe, {
+								children: [/* @__PURE__ */ f(me, {
 									className: "size-4 text-text-secondary",
 									"aria-hidden": "true"
 								}), j.source.name]
-							}) : /* @__PURE__ */ d("span", {
+							}) : /* @__PURE__ */ f("span", {
 								className: "text-text-secondary",
 								children: "Not linked"
 							})
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ f(D, {
 							label: "Collection",
-							value: j.collection ? /* @__PURE__ */ f("button", {
+							value: j.collection ? /* @__PURE__ */ p("button", {
 								type: "button",
 								onClick: () => k(`collections/${j.collection?.id}`),
 								className: "inline-flex items-center gap-1.5 text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ d(ce, {
+								children: [/* @__PURE__ */ f(ce, {
 									className: "size-4 text-text-secondary",
 									"aria-hidden": "true"
 								}), j.collection.name]
-							}) : /* @__PURE__ */ d("span", {
+							}) : /* @__PURE__ */ f("span", {
 								className: "text-text-secondary",
 								children: "Not in a collection"
 							})
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ f(D, {
 							label: "Format",
-							value: /* @__PURE__ */ d("span", { children: j.format || "Not specified" })
+							value: /* @__PURE__ */ f("span", { children: j.format || "Not specified" })
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ f(D, {
 							label: "Size",
-							value: /* @__PURE__ */ f("span", {
+							value: /* @__PURE__ */ p("span", {
 								className: "tabular-nums",
-								children: [T(j.sizeBytes), Number(j.rowCount) > 0 ? /* @__PURE__ */ f("span", {
+								children: [ke(j.sizeBytes), Number(j.rowCount) > 0 ? /* @__PURE__ */ p("span", {
 									className: "text-text-secondary",
 									children: [
 										" ",
@@ -223,149 +224,168 @@ function O() {
 								}) : null]
 							})
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ f(D, {
 							label: "Ingested",
-							value: /* @__PURE__ */ d("span", { children: E(j.ingestedAt) })
+							value: /* @__PURE__ */ f("span", { children: E(j.ingestedAt) })
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ f(D, {
 							label: "Created",
-							value: /* @__PURE__ */ d("span", { children: E(j.createdAt) })
+							value: /* @__PURE__ */ f("span", { children: E(j.createdAt) })
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ f(D, {
 							label: "Updated",
-							value: /* @__PURE__ */ d("span", { children: E(j.updatedAt) })
+							value: /* @__PURE__ */ f("span", { children: E(j.updatedAt) })
 						}),
-						/* @__PURE__ */ d(D, {
+						/* @__PURE__ */ f(D, {
 							label: "Artifact",
-							value: j.file ? M ? /* @__PURE__ */ f("a", {
+							value: j.file ? M ? /* @__PURE__ */ p("a", {
 								href: M,
 								target: "_blank",
 								rel: "noopener noreferrer",
 								className: "inline-flex items-center gap-1.5 text-text-primary underline-offset-2 hover:underline",
-								children: [/* @__PURE__ */ d(le, {
+								children: [/* @__PURE__ */ f(ue, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "Download file"]
-							}) : /* @__PURE__ */ d("span", {
+							}) : /* @__PURE__ */ f("span", {
 								className: "text-text-secondary",
 								children: "Resolving link…"
-							}) : /* @__PURE__ */ d("span", {
+							}) : /* @__PURE__ */ f("span", {
 								className: "text-text-secondary",
 								children: "No file attached"
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ f("section", {
+				/* @__PURE__ */ p("section", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d(p, {
+							children: [/* @__PURE__ */ f(m, {
 								className: "size-5 text-text-secondary",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ d("h2", {
+							}), /* @__PURE__ */ f("h2", {
 								className: "text-lg font-semibold text-text-primary",
 								children: "Schema fields"
 							})]
-						}), /* @__PURE__ */ f(g, {
+						}), /* @__PURE__ */ p(_, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: () => Z(!0),
-							children: [/* @__PURE__ */ d(fe, { className: "size-4" }), "Add field"]
+							children: [/* @__PURE__ */ f(h, { className: "size-4" }), "Add field"]
 						})]
-					}), Q.length === 0 ? /* @__PURE__ */ d(a, {
-						icon: p,
+					}), Q.length === 0 ? /* @__PURE__ */ f(o, {
+						icon: m,
 						title: "No schema fields yet.",
 						description: "Describe the columns in this dataset so consumers know what each field means."
-					}) : /* @__PURE__ */ d("div", {
+					}) : /* @__PURE__ */ f("div", {
 						className: "rounded-card border border-border-default bg-bg-elevated",
-						children: /* @__PURE__ */ f(Ee, { children: [/* @__PURE__ */ d(x, { children: /* @__PURE__ */ f(S, { children: [
-							/* @__PURE__ */ d(b, { children: "Name" }),
-							/* @__PURE__ */ d(b, { children: "Type" }),
-							/* @__PURE__ */ d(b, { children: "Unit" }),
-							/* @__PURE__ */ d(b, { children: "Nullable" }),
-							/* @__PURE__ */ d(b, { children: "Provenance" })
-						] }) }), /* @__PURE__ */ d(De, { children: Q.map((e) => /* @__PURE__ */ f(S, { children: [
-							/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d("span", {
+						children: /* @__PURE__ */ p(De, { children: [/* @__PURE__ */ f(S, { children: /* @__PURE__ */ p(C, { children: [
+							/* @__PURE__ */ f(x, { children: "Name" }),
+							/* @__PURE__ */ f(x, { children: "Type" }),
+							/* @__PURE__ */ f(x, { children: "Unit" }),
+							/* @__PURE__ */ f(x, { children: "Nullable" }),
+							/* @__PURE__ */ f(x, { children: "Provenance" })
+						] }) }), /* @__PURE__ */ f(Oe, { children: Q.map((e) => /* @__PURE__ */ p(C, { children: [
+							/* @__PURE__ */ p(b, { children: [/* @__PURE__ */ f("span", {
 								className: "font-medium text-text-primary",
 								children: e.name
-							}), e.description ? /* @__PURE__ */ d("p", {
+							}), e.description ? /* @__PURE__ */ f("p", {
 								className: "mt-0.5 line-clamp-1 max-w-xs text-xs text-text-secondary",
 								children: e.description
 							}) : null] }),
-							/* @__PURE__ */ d(y, { children: /* @__PURE__ */ d(h, {
+							/* @__PURE__ */ f(b, { children: /* @__PURE__ */ f(g, {
 								variant: "secondary",
-								children: l(e.fieldType)
+								children: u(e.fieldType)
 							}) }),
-							/* @__PURE__ */ d(y, {
+							/* @__PURE__ */ f(b, {
 								className: "text-sm text-text-secondary",
 								children: e.unit || "—"
 							}),
-							/* @__PURE__ */ d(y, {
+							/* @__PURE__ */ f(b, {
 								className: "text-sm text-text-secondary",
 								children: e.nullable ? "Yes" : "No"
 							}),
-							/* @__PURE__ */ d(y, {
+							/* @__PURE__ */ f(b, {
 								className: "text-sm text-text-secondary",
 								children: e.provenance || "—"
 							})
 						] }, e.id)) })] })
 					})]
 				}),
-				/* @__PURE__ */ f("section", {
+				/* @__PURE__ */ p("section", {
 					className: "space-y-3 rounded-card border border-border-default bg-bg-elevated p-5",
-					children: [/* @__PURE__ */ d(re, {
+					children: [/* @__PURE__ */ f(oe, {
 						value: I,
 						onChange: L,
 						label: "Dataset tags"
-					}), Le ? /* @__PURE__ */ d("div", {
+					}), ze ? /* @__PURE__ */ f("div", {
 						className: "flex justify-end",
-						children: /* @__PURE__ */ d(g, {
+						children: /* @__PURE__ */ f(_, {
 							type: "button",
 							size: "sm",
-							onClick: () => void Ue(),
+							onClick: () => void Ge(),
 							disabled: P,
 							children: P ? "Saving…" : "Save tags"
 						})
 					}) : null]
 				}),
-				/* @__PURE__ */ f("div", {
-					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [
-						/* @__PURE__ */ d(ue, {
-							className: "size-4",
+				/* @__PURE__ */ p("section", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ p("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ f(de, {
+							className: "size-5 text-text-secondary",
 							"aria-hidden": "true"
-						}),
-						/* @__PURE__ */ d("span", { children: "Questions about this dataset?" }),
-						/* @__PURE__ */ d(s, {
-							href: "/conversations",
-							className: "text-text-primary underline-offset-2 hover:underline",
-							children: "Discuss in conversations"
-						})
-					]
+						}), /* @__PURE__ */ f("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: "Activity"
+						})]
+					}), /* @__PURE__ */ f(ie, {
+						resourceId: j.id,
+						resourceType: "cosmicintersection-dataset"
+					})]
+				}),
+				/* @__PURE__ */ p("section", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ p("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ f(fe, {
+							className: "size-5 text-text-secondary",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ f("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: "Discussion"
+						})]
+					}), /* @__PURE__ */ f(ae, {
+						entityType: "cosmicintersection-dataset",
+						entityId: j.id,
+						title: j.name,
+						widgetKey: "dataset-discussion"
+					})]
 				})
 			]
-		}), /* @__PURE__ */ d(he, {
-			open: Re,
+		}), /* @__PURE__ */ f(ge, {
+			open: Be,
 			onOpenChange: Z,
-			children: /* @__PURE__ */ f(ge, { children: [
-				/* @__PURE__ */ f(ye, { children: [/* @__PURE__ */ d(be, { children: "Add schema field" }), /* @__PURE__ */ f(_e, { children: [
+			children: /* @__PURE__ */ p(_e, { children: [
+				/* @__PURE__ */ p(be, { children: [/* @__PURE__ */ f(xe, { children: "Add schema field" }), /* @__PURE__ */ p(ve, { children: [
 					"Document a column in “",
 					j.name,
 					"” — its type, unit and provenance."
 				] })] }),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ d(v, {
+							children: [/* @__PURE__ */ f(y, {
 								htmlFor: "cos-field-name",
 								children: "Name"
-							}), /* @__PURE__ */ d(_, {
+							}), /* @__PURE__ */ f(v, {
 								id: "cos-field-name",
 								value: z,
 								onChange: (e) => B(e.target.value),
@@ -373,31 +393,31 @@ function O() {
 								required: !0
 							})]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ f("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ d(v, {
+								children: [/* @__PURE__ */ f(y, {
 									htmlFor: "cos-field-type",
 									children: "Type"
-								}), /* @__PURE__ */ f(xe, {
+								}), /* @__PURE__ */ p(Se, {
 									value: V,
 									onValueChange: (e) => H(e),
-									children: [/* @__PURE__ */ d(we, {
+									children: [/* @__PURE__ */ f(Te, {
 										id: "cos-field-type",
 										"aria-label": "Field type",
-										children: /* @__PURE__ */ d(Te, {})
-									}), /* @__PURE__ */ d(Se, { children: w.map((e) => /* @__PURE__ */ d(Ce, {
+										children: /* @__PURE__ */ f(Ee, {})
+									}), /* @__PURE__ */ f(Ce, { children: T.map((e) => /* @__PURE__ */ f(we, {
 										value: e,
-										children: l(e)
+										children: u(e)
 									}, e)) })]
 								})]
-							}), /* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ p("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ d(v, {
+								children: [/* @__PURE__ */ f(y, {
 									htmlFor: "cos-field-unit",
 									children: "Unit"
-								}), /* @__PURE__ */ d(_, {
+								}), /* @__PURE__ */ f(v, {
 									id: "cos-field-unit",
 									value: U,
 									onChange: (e) => W(e.target.value),
@@ -405,48 +425,48 @@ function O() {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ d(v, {
+							children: [/* @__PURE__ */ f(y, {
 								htmlFor: "cos-field-desc",
 								children: "Description"
-							}), /* @__PURE__ */ d(C, {
+							}), /* @__PURE__ */ f(w, {
 								id: "cos-field-desc",
 								value: G,
 								onChange: (e) => K(e.target.value),
 								rows: 2
 							})]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ d(v, {
+							children: [/* @__PURE__ */ f(y, {
 								htmlFor: "cos-field-prov",
 								children: "Provenance"
-							}), /* @__PURE__ */ d(_, {
+							}), /* @__PURE__ */ f(v, {
 								id: "cos-field-prov",
 								value: q,
 								onChange: (e) => J(e.target.value),
 								placeholder: "Where this field comes from"
 							})]
 						}),
-						/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ p("label", {
 							className: "flex items-center gap-2 text-sm text-text-primary",
-							children: [/* @__PURE__ */ d(me, {
+							children: [/* @__PURE__ */ f(he, {
 								checked: Y,
 								onCheckedChange: (e) => X(e === !0)
 							}), "Nullable (may contain empty values)"]
 						})
 					]
 				}),
-				/* @__PURE__ */ f(ve, { children: [/* @__PURE__ */ d(g, {
+				/* @__PURE__ */ p(ye, { children: [/* @__PURE__ */ f(_, {
 					type: "button",
 					variant: "outline",
 					onClick: () => Z(!1),
 					disabled: F,
 					children: "Cancel"
-				}), /* @__PURE__ */ d(g, {
+				}), /* @__PURE__ */ f(_, {
 					type: "button",
-					onClick: () => void We(),
+					onClick: () => void Ke(),
 					disabled: F,
 					children: F ? "Adding…" : "Add field"
 				})] })