@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/object-type-wizard.mjs

@@ -0,0 +1,885 @@
+import { Badge } from "./badge.mjs";
+import { Button } from "./button.mjs";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "./dialog.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.mjs";
+import { Label } from "./label.mjs";
+import { Input } from "./input.mjs";
+import { Switch } from "./switch.mjs";
+import { Textarea } from "./textarea.mjs";
+import { ToggleGroup, ToggleGroupItem } from "./toggle-group.mjs";
+import { toast } from "./sonner.mjs";
+import { Stepper, StepperIndicator, StepperItem, StepperLabel, StepperList, StepperSeparator } from "./stepper.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { AlertTriangle, Award, BookOpen, Check, ClipboardList, Clock, CreditCard, Crosshair, Eye, FileText, HardHat, Home, Map, MapPin, Mic, Trash2, Truck, User, Users } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/object-type-wizard.tsx
+const STATUSES = [
+	"Active",
+	"Experimental",
+	"Deprecated",
+	"Endorsed"
+];
+const VISIBILITIES = [
+	"Prominent",
+	"Normal",
+	"Hidden"
+];
+const LAYERS = [
+	"L1 core",
+	"L2 module",
+	"L3 enclave",
+	"L4 runtime"
+];
+const BASE_TYPES = [
+	"string",
+	"integer",
+	"double",
+	"boolean",
+	"date",
+	"timestamp",
+	"geopoint",
+	"array"
+];
+/** Icon choices — the same lucide set the object-type table draws from. Index matches `NewObjectTypeDraft.iconIndex`. */
+const NEW_OBJECT_TYPE_ICONS = [
+	User,
+	Users,
+	HardHat,
+	Award,
+	Clock,
+	Map,
+	CreditCard,
+	Eye,
+	Home,
+	MapPin,
+	Truck,
+	FileText,
+	BookOpen,
+	Crosshair,
+	ClipboardList,
+	Mic
+];
+/** Colour swatches for the object-type tile. */
+const COLOR_CHOICES = [
+	"wwc:bg-sky-400",
+	"wwc:bg-blue-500",
+	"wwc:bg-indigo-500",
+	"wwc:bg-violet-500",
+	"wwc:bg-fuchsia-500",
+	"wwc:bg-pink-500",
+	"wwc:bg-red-500",
+	"wwc:bg-orange-500",
+	"wwc:bg-amber-500",
+	"wwc:bg-lime-500",
+	"wwc:bg-emerald-500",
+	"wwc:bg-teal-500",
+	"wwc:bg-slate-500",
+	"wwc:bg-slate-900"
+];
+const DEFAULT_GROUPS = [
+	"People & Crews",
+	"Compliance & Safety",
+	"Access Control",
+	"Sites & Projects",
+	"Time & Attendance"
+];
+const DEFAULT_DATASOURCES = [
+	{
+		id: "hr_roster_daily_sync",
+		kind: "Dataset",
+		name: "hr_roster_daily_sync",
+		columns: [
+			"worker_id",
+			"full_name",
+			"badge_number",
+			"trade_id",
+			"crew_id",
+			"subcontractor_id",
+			"employment_status",
+			"hire_date"
+		],
+		duplicateKeys: true
+	},
+	{
+		id: "badge_swipe_event_stream",
+		kind: "Stream",
+		name: "badge_swipe_event_stream",
+		columns: [
+			"event_id",
+			"badge_number",
+			"zone_code",
+			"swiped_at"
+		]
+	},
+	{
+		id: "training_cert_registry",
+		kind: "Dataset",
+		name: "training_cert_registry",
+		columns: [
+			"cert_id",
+			"worker_id",
+			"cert_kind",
+			"course_id",
+			"issued_on",
+			"expires_on",
+			"status"
+		]
+	},
+	{
+		id: "site_zone_master",
+		kind: "Dataset",
+		name: "site_zone_master",
+		columns: [
+			"zone_id",
+			"zone_name",
+			"site_id",
+			"hazard_class",
+			"zone_status",
+			"max_occupancy"
+		]
+	},
+	{
+		id: "visitor_log_restricted_view",
+		kind: "Restricted view",
+		name: "visitor_log_restricted_view",
+		columns: [
+			"pass_id",
+			"visitor_name",
+			"host_worker_id",
+			"valid_on"
+		]
+	},
+	{
+		id: "site_induction_photo_set",
+		kind: "Media set",
+		name: "site_induction_photo_set",
+		columns: [
+			"media_id",
+			"worker_id",
+			"captured_at"
+		]
+	},
+	{
+		id: "safety_observation_stream",
+		kind: "Stream",
+		name: "safety_observation_stream",
+		columns: [
+			"observation_id",
+			"zone_id",
+			"reported_by",
+			"severity",
+			"observed_at"
+		]
+	},
+	{
+		id: "timesheet_approved_daily",
+		kind: "Dataset",
+		name: "timesheet_approved_daily",
+		columns: [
+			"entry_id",
+			"worker_id",
+			"shift_id",
+			"work_date",
+			"hours_logged",
+			"approval_status"
+		]
+	},
+	{
+		id: "wearable_tag_telemetry",
+		kind: "Stream",
+		name: "wearable_tag_telemetry",
+		columns: [
+			"tag_id",
+			"battery_pct",
+			"geo_location",
+			"last_seen_at"
+		]
+	}
+];
+const STEPS = [
+	"Metadata",
+	"Datasource",
+	"Properties",
+	"Review"
+];
+/** Blue accent for a selected/active choice — matches the wizard's design (distinct from the app's near-black primary). */
+const ACCENT_ON = "wwc:border-blue-500 wwc:bg-blue-500/10 wwc:text-blue-600 wwc:dark:text-blue-400";
+/** Selected-segment tint for ToggleGroup items (keyed off `data-state=on`). */
+const SEGMENT_ON = "wwc:data-[state=on]:border-blue-500 wwc:data-[state=on]:bg-blue-500/10 wwc:data-[state=on]:text-blue-600 wwc:dark:data-[state=on]:text-blue-400";
+/** Core's built-in Stepper, laid out horizontally across the four wizard steps. */
+function WizardSteps({ step }) {
+	return /* @__PURE__ */ jsx(Stepper, {
+		value: step + 1,
+		orientation: "horizontal",
+		className: "wwc:w-full",
+		children: /* @__PURE__ */ jsx(StepperList, {
+			className: "wwc:w-full",
+			children: STEPS.map((label, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsxs(StepperItem, {
+				step: index + 1,
+				children: [/* @__PURE__ */ jsx(StepperIndicator, {}), /* @__PURE__ */ jsx(StepperLabel, { children: label })]
+			}), index < STEPS.length - 1 ? /* @__PURE__ */ jsx(StepperSeparator, {}) : null] }, label))
+		})
+	});
+}
+/** Uppercase field label used throughout the wizard. */
+function FieldLabel({ children }) {
+	return /* @__PURE__ */ jsx(Label, {
+		className: "wwc:text-xs wwc:font-semibold wwc:tracking-wide wwc:text-muted-foreground wwc:uppercase",
+		children
+	});
+}
+/** Four-step "New object type" wizard rendered in a Dialog. */
+function NewObjectTypeDialog({ open, onOpenChange, groups = DEFAULT_GROUPS, datasources = DEFAULT_DATASOURCES, icons = NEW_OBJECT_TYPE_ICONS, baseTypes = BASE_TYPES, showLayer = true, onCreate, leadingFields }) {
+	const [step, setStep] = React.useState(0);
+	const [attemptedNext, setAttemptedNext] = React.useState(false);
+	const [displayName, setDisplayName] = React.useState("");
+	const [pluralName, setPluralName] = React.useState("");
+	const [apiName, setApiName] = React.useState("");
+	const [description, setDescription] = React.useState("");
+	const [status, setStatus] = React.useState("Experimental");
+	const [visibility, setVisibility] = React.useState("Normal");
+	const [layer, setLayer] = React.useState("L3 enclave");
+	const [selectedGroups, setSelectedGroups] = React.useState([]);
+	const [iconIndex, setIconIndex] = React.useState(0);
+	const [colorIndex, setColorIndex] = React.useState(1);
+	const [attached, setAttached] = React.useState([]);
+	const [properties, setProperties] = React.useState([]);
+	const propCounter = React.useRef(0);
+	const reset = React.useCallback(() => {
+		setStep(0);
+		setDisplayName("");
+		setPluralName("");
+		setApiName("");
+		setDescription("");
+		setStatus("Experimental");
+		setVisibility("Normal");
+		setLayer("L3 enclave");
+		setSelectedGroups([]);
+		setIconIndex(0);
+		setColorIndex(1);
+		setAttached([]);
+		setProperties([]);
+		propCounter.current = 0;
+		setAttemptedNext(false);
+	}, []);
+	const handleOpenChange = (next) => {
+		if (!next) reset();
+		onOpenChange(next);
+	};
+	const attachedSources = datasources.filter((source) => attached.includes(source.id));
+	const firstDataset = attachedSources.find((source) => source.kind === "Dataset") ?? attachedSources[0];
+	const hasDuplicateKeys = attachedSources.some((source) => source.duplicateKeys);
+	const metadataValid = displayName.trim().length > 0 && apiName.trim().length > 0;
+	const displayNameError = attemptedNext && step === 0 && displayName.trim().length === 0;
+	const apiNameError = attemptedNext && step === 0 && apiName.trim().length === 0;
+	const datasourceError = attemptedNext && step === 1 && attached.length === 0;
+	const propertiesError = attemptedNext && step === 2 && properties.length === 0;
+	const goNext = () => {
+		if (step === 0 && !metadataValid || step === 1 && attached.length === 0 || step === 2 && properties.length === 0) {
+			setAttemptedNext(true);
+			return;
+		}
+		setAttemptedNext(false);
+		setStep((value) => value + 1);
+	};
+	const goBack = () => {
+		setAttemptedNext(false);
+		setStep((value) => value - 1);
+	};
+	const addProperty = () => {
+		propCounter.current += 1;
+		const n = propCounter.current;
+		const first = properties.length === 0;
+		setProperties((prev) => [...prev, {
+			id: `p-${n}`,
+			displayName: `New property ${n}`,
+			apiName: `newProperty${n}`,
+			baseType: "string",
+			required: true,
+			isPrimaryKey: first,
+			isTitle: first
+		}]);
+	};
+	const generateFromColumns = () => {
+		if (!firstDataset) return;
+		setProperties(firstDataset.columns.map((column, index) => ({
+			id: `gen-${column}`,
+			displayName: column.split("_").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" "),
+			apiName: column.replace(/_([a-z])/g, (_, c) => c.toUpperCase()),
+			baseType: "string",
+			required: index === 0,
+			isPrimaryKey: index === 0,
+			isTitle: index === 1 || firstDataset.columns.length === 1 && index === 0
+		})));
+	};
+	const updateProperty = (id, patch) => {
+		setProperties((prev) => prev.map((property) => property.id === id ? {
+			...property,
+			...patch
+		} : property));
+	};
+	const setSinglePrimaryKey = (id) => {
+		setProperties((prev) => prev.map((property) => ({
+			...property,
+			isPrimaryKey: property.id === id
+		})));
+	};
+	const setSingleTitle = (id) => {
+		setProperties((prev) => prev.map((property) => ({
+			...property,
+			isTitle: property.id === id
+		})));
+	};
+	const removeProperty = (id) => {
+		setProperties((prev) => prev.filter((property) => property.id !== id));
+	};
+	const create = () => {
+		onCreate?.({
+			displayName: displayName.trim(),
+			pluralName: pluralName.trim(),
+			apiName: apiName.trim(),
+			description: description.trim(),
+			status,
+			visibility,
+			layer,
+			groups: selectedGroups,
+			iconIndex,
+			colorIndex,
+			datasourceIds: attached,
+			properties,
+			hasDuplicateKeys
+		});
+		toast.success(`Object type “${displayName.trim()}” created`);
+		handleOpenChange(false);
+	};
+	const primaryKey = properties.find((property) => property.isPrimaryKey);
+	const titleKey = properties.find((property) => property.isTitle);
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "wwc:flex wwc:max-h-[92vh] wwc:w-[calc(100vw-2rem)] wwc:max-w-4xl wwc:flex-col wwc:gap-0 wwc:overflow-hidden wwc:p-0",
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "New object type" }) }),
+				/* @__PURE__ */ jsx("div", {
+					className: "wwc:border-b wwc:border-border wwc:px-6 wwc:py-4",
+					children: /* @__PURE__ */ jsx(WizardSteps, { step })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-y-auto wwc:px-6 wwc:py-5",
+					children: [
+						step === 0 ? /* @__PURE__ */ jsxs("div", {
+							className: "wwc:grid wwc:grid-cols-1 wwc:gap-x-8 wwc:gap-y-5 wwc:md:grid-cols-2",
+							children: [
+								leadingFields && /* @__PURE__ */ jsx("div", {
+									className: "wwc:space-y-1.5 wwc:md:col-span-2",
+									children: leadingFields
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1.5",
+									children: [
+										/* @__PURE__ */ jsx(FieldLabel, { children: "Display name" }),
+										/* @__PURE__ */ jsx(Input, {
+											value: displayName,
+											onChange: (event) => setDisplayName(event.target.value),
+											"aria-invalid": displayNameError,
+											className: cn(displayNameError && "wwc:border-destructive wwc:focus-visible:ring-destructive")
+										}),
+										displayNameError ? /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-destructive",
+											children: "Display name is required."
+										}) : /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-muted-foreground",
+											children: "e.g. “Induction session”"
+										})
+									]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1.5",
+									children: [
+										/* @__PURE__ */ jsx(FieldLabel, { children: "API name" }),
+										/* @__PURE__ */ jsx(Input, {
+											value: apiName,
+											onChange: (event) => setApiName(event.target.value),
+											"aria-invalid": apiNameError,
+											className: cn(apiNameError && "wwc:border-destructive wwc:focus-visible:ring-destructive")
+										}),
+										apiNameError ? /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-destructive",
+											children: "API name is required."
+										}) : /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-muted-foreground",
+											children: "PascalCase, stable forever"
+										})
+									]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1.5",
+									children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Plural display name" }), /* @__PURE__ */ jsx(Input, {
+										value: pluralName,
+										onChange: (event) => setPluralName(event.target.value)
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1.5",
+									children: [
+										/* @__PURE__ */ jsx(FieldLabel, { children: "Description" }),
+										/* @__PURE__ */ jsx(Textarea, {
+											rows: 2,
+											value: description,
+											onChange: (event) => setDescription(event.target.value)
+										}),
+										/* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-muted-foreground",
+											children: "Every element carries a description (best practice #8)"
+										})
+									]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-2",
+									children: [
+										/* @__PURE__ */ jsx(FieldLabel, { children: "Status" }),
+										/* @__PURE__ */ jsx(ToggleGroup, {
+											type: "single",
+											value: status,
+											onValueChange: (value) => value && setStatus(value),
+											variant: "outline",
+											size: "sm",
+											className: "wwc:justify-start",
+											children: STATUSES.map((option) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+												value: option,
+												className: SEGMENT_ON,
+												children: option
+											}, option))
+										}),
+										/* @__PURE__ */ jsx(FieldLabel, { children: "Visibility" }),
+										/* @__PURE__ */ jsx(ToggleGroup, {
+											type: "single",
+											value: visibility,
+											onValueChange: (value) => value && setVisibility(value),
+											variant: "outline",
+											size: "sm",
+											className: "wwc:justify-start",
+											children: VISIBILITIES.map((option) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+												value: option,
+												className: SEGMENT_ON,
+												children: option
+											}, option))
+										}),
+										showLayer && /* @__PURE__ */ jsx(FieldLabel, { children: "Layer" }),
+										/* @__PURE__ */ jsx(ToggleGroup, {
+											type: "single",
+											value: layer,
+											onValueChange: (value) => value && setLayer(value),
+											variant: "outline",
+											size: "sm",
+											className: cn("wwc:justify-start", !showLayer && "wwc:hidden"),
+											children: LAYERS.map((option) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+												value: option,
+												className: SEGMENT_ON,
+												children: option
+											}, option))
+										}),
+										/* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-muted-foreground",
+											children: "New types authored here default to the enclave layer"
+										}),
+										/* @__PURE__ */ jsx(FieldLabel, { children: "Groups" }),
+										/* @__PURE__ */ jsx(ToggleGroup, {
+											type: "multiple",
+											value: selectedGroups,
+											onValueChange: setSelectedGroups,
+											variant: "outline",
+											size: "sm",
+											className: "wwc:flex-wrap wwc:justify-start wwc:gap-2",
+											children: groups.map((group) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+												value: group,
+												className: cn("wwc:rounded-full", SEGMENT_ON),
+												children: group
+											}, group))
+										})
+									]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-2",
+									children: [
+										/* @__PURE__ */ jsx(FieldLabel, { children: "Icon" }),
+										/* @__PURE__ */ jsx("div", {
+											className: "wwc:grid wwc:grid-cols-8 wwc:gap-2",
+											children: icons.map((Icon, index) => /* @__PURE__ */ jsx("button", {
+												type: "button",
+												"aria-label": `Icon ${index + 1}`,
+												"aria-pressed": index === iconIndex,
+												onClick: () => setIconIndex(index),
+												className: cn("wwc:flex wwc:aspect-square wwc:items-center wwc:justify-center wwc:rounded-lg wwc:border wwc:transition-colors", index === iconIndex ? ACCENT_ON : "wwc:border-border wwc:text-muted-foreground wwc:hover:bg-muted"),
+												children: /* @__PURE__ */ jsx(Icon, { className: "wwc:h-4 wwc:w-4" })
+											}, Icon.displayName ?? index))
+										}),
+										/* @__PURE__ */ jsx(FieldLabel, { children: "Color" }),
+										/* @__PURE__ */ jsx("div", {
+											className: "wwc:flex wwc:flex-wrap wwc:gap-2",
+											children: COLOR_CHOICES.map((color, index) => /* @__PURE__ */ jsx("button", {
+												type: "button",
+												"aria-label": `Color ${index + 1}`,
+												"aria-pressed": index === colorIndex,
+												onClick: () => setColorIndex(index),
+												className: cn("wwc:h-7 wwc:w-7 wwc:rounded-lg wwc:ring-offset-2 wwc:ring-offset-background wwc:transition-shadow", color, index === colorIndex && "wwc:ring-2 wwc:ring-foreground")
+											}, color))
+										})
+									]
+								})
+							]
+						}) : null,
+						step === 1 ? /* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-3",
+							children: [
+								/* @__PURE__ */ jsx("p", {
+									className: "wwc:text-sm wwc:text-muted-foreground",
+									children: "Attach one or more backing datasources. A dataset with duplicate keys will surface a primary-key warning in step 3."
+								}),
+								datasourceError ? /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-sm wwc:text-destructive",
+									children: "Attach at least one datasource to continue."
+								}) : null,
+								datasources.map((source) => {
+									const isAttached = attached.includes(source.id);
+									return /* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:items-start wwc:justify-between wwc:gap-4 wwc:rounded-lg wwc:border wwc:border-border wwc:p-4",
+										children: [/* @__PURE__ */ jsxs("div", {
+											className: "wwc:min-w-0",
+											children: [/* @__PURE__ */ jsxs("div", {
+												className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2",
+												children: [
+													/* @__PURE__ */ jsx(Badge, {
+														variant: "secondary",
+														className: "wwc:h-5 wwc:text-[10px] wwc:font-semibold wwc:tracking-wide wwc:uppercase",
+														children: source.kind
+													}),
+													/* @__PURE__ */ jsx("span", {
+														className: "wwc:font-mono wwc:text-sm wwc:font-semibold",
+														children: source.name
+													}),
+													source.duplicateKeys ? /* @__PURE__ */ jsxs("span", {
+														className: "wwc:inline-flex wwc:items-center wwc:gap-1 wwc:font-mono wwc:text-xs wwc:font-semibold wwc:text-amber-600 wwc:dark:text-amber-500",
+														children: [/* @__PURE__ */ jsx(AlertTriangle, { className: "wwc:h-3.5 wwc:w-3.5" }), "duplicate keys"]
+													}) : null
+												]
+											}), /* @__PURE__ */ jsxs("p", {
+												className: "wwc:mt-1 wwc:truncate wwc:text-xs wwc:text-muted-foreground",
+												children: ["columns: ", source.columns.join(", ")]
+											})]
+										}), /* @__PURE__ */ jsx(Button, {
+											variant: isAttached ? "outline" : "default",
+											size: "sm",
+											className: "wwc:shrink-0",
+											onClick: () => setAttached((prev) => isAttached ? prev.filter((id) => id !== source.id) : [...prev, source.id]),
+											children: isAttached ? "Detach" : "Attach"
+										})]
+									}, source.id);
+								})
+							]
+						}) : null,
+						step === 2 ? /* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-4",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-3",
+									children: [
+										/* @__PURE__ */ jsx(Button, {
+											variant: "outline",
+											size: "sm",
+											onClick: addProperty,
+											children: "+ Add property"
+										}),
+										firstDataset ? /* @__PURE__ */ jsxs(Button, {
+											variant: "outline",
+											size: "sm",
+											onClick: generateFromColumns,
+											children: [
+												"Generate from “",
+												firstDataset.name,
+												"” columns"
+											]
+										}) : null,
+										/* @__PURE__ */ jsxs("span", {
+											className: "wwc:ml-auto wwc:text-sm wwc:text-muted-foreground",
+											children: [properties.length, " properties · pick primary key + title key"]
+										})
+									]
+								}),
+								propertiesError ? /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-sm wwc:text-destructive",
+									children: "Add at least one property to continue."
+								}) : null,
+								hasDuplicateKeys ? /* @__PURE__ */ jsxs("div", {
+									className: "wwc:rounded-lg wwc:border wwc:border-amber-500/30 wwc:bg-amber-500/10 wwc:p-4 wwc:text-sm wwc:text-amber-700 wwc:dark:text-amber-300",
+									children: [
+										/* @__PURE__ */ jsxs("span", {
+											className: "wwc:inline-flex wwc:items-center wwc:gap-2 wwc:font-semibold",
+											children: [/* @__PURE__ */ jsx(AlertTriangle, { className: "wwc:h-4 wwc:w-4" }), "Duplicate primary keys detected."]
+										}),
+										" ",
+										"A backing datasource re-syncs rows and contains repeated keys. Confirm your key choice is stable and deterministic (best practice #4) or de-duplicate upstream."
+									]
+								}) : null,
+								properties.length === 0 ? /* @__PURE__ */ jsx("div", {
+									className: "wwc:rounded-lg wwc:border wwc:border-dashed wwc:border-border wwc:p-8 wwc:text-center wwc:text-sm wwc:text-muted-foreground",
+									children: "No properties yet. Add one, or generate them from an attached dataset’s columns."
+								}) : /* @__PURE__ */ jsx("div", {
+									className: "wwc:overflow-x-auto wwc:rounded-lg wwc:border wwc:border-border",
+									children: /* @__PURE__ */ jsxs("table", {
+										className: "wwc:w-full wwc:text-sm",
+										children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
+											className: "wwc:border-b wwc:border-border wwc:text-left wwc:text-xs wwc:font-semibold wwc:tracking-wide wwc:text-muted-foreground wwc:uppercase",
+											children: [
+												/* @__PURE__ */ jsx("th", {
+													className: "wwc:px-3 wwc:py-2",
+													children: "PK"
+												}),
+												/* @__PURE__ */ jsx("th", {
+													className: "wwc:px-3 wwc:py-2",
+													children: "Title"
+												}),
+												/* @__PURE__ */ jsx("th", {
+													className: "wwc:px-3 wwc:py-2",
+													children: "Display name"
+												}),
+												/* @__PURE__ */ jsx("th", {
+													className: "wwc:px-3 wwc:py-2",
+													children: "API name"
+												}),
+												/* @__PURE__ */ jsx("th", {
+													className: "wwc:px-3 wwc:py-2",
+													children: "Base type"
+												}),
+												/* @__PURE__ */ jsx("th", {
+													className: "wwc:px-3 wwc:py-2",
+													children: "Req."
+												}),
+												/* @__PURE__ */ jsx("th", {
+													className: "wwc:px-3 wwc:py-2",
+													children: /* @__PURE__ */ jsx("span", {
+														className: "wwc:sr-only",
+														children: "Actions"
+													})
+												})
+											]
+										}) }), /* @__PURE__ */ jsx("tbody", { children: properties.map((property) => /* @__PURE__ */ jsxs("tr", {
+											className: "wwc:border-b wwc:border-border wwc:last:border-0",
+											children: [
+												/* @__PURE__ */ jsx("td", {
+													className: "wwc:px-3 wwc:py-2",
+													children: /* @__PURE__ */ jsxs(Button, {
+														variant: "outline",
+														size: "sm",
+														className: cn("wwc:h-7 wwc:gap-1 wwc:px-2 wwc:text-xs", property.isPrimaryKey && ACCENT_ON),
+														"aria-pressed": property.isPrimaryKey,
+														onClick: () => setSinglePrimaryKey(property.id),
+														children: ["PK ", property.isPrimaryKey ? /* @__PURE__ */ jsx(Check, { className: "wwc:h-3 wwc:w-3" }) : null]
+													})
+												}),
+												/* @__PURE__ */ jsx("td", {
+													className: "wwc:px-3 wwc:py-2",
+													children: /* @__PURE__ */ jsxs(Button, {
+														variant: "outline",
+														size: "sm",
+														className: cn("wwc:h-7 wwc:gap-1 wwc:px-2 wwc:text-xs", property.isTitle && ACCENT_ON),
+														"aria-pressed": property.isTitle,
+														onClick: () => setSingleTitle(property.id),
+														children: ["Title ", property.isTitle ? /* @__PURE__ */ jsx(Check, { className: "wwc:h-3 wwc:w-3" }) : null]
+													})
+												}),
+												/* @__PURE__ */ jsx("td", {
+													className: "wwc:px-3 wwc:py-2",
+													children: /* @__PURE__ */ jsx(Input, {
+														value: property.displayName,
+														onChange: (event) => updateProperty(property.id, { displayName: event.target.value }),
+														className: "wwc:h-8 wwc:min-w-[9rem]"
+													})
+												}),
+												/* @__PURE__ */ jsx("td", {
+													className: "wwc:px-3 wwc:py-2",
+													children: /* @__PURE__ */ jsx(Input, {
+														value: property.apiName,
+														onChange: (event) => updateProperty(property.id, { apiName: event.target.value }),
+														className: "wwc:h-8 wwc:min-w-[9rem] wwc:font-mono"
+													})
+												}),
+												/* @__PURE__ */ jsx("td", {
+													className: "wwc:px-3 wwc:py-2",
+													children: /* @__PURE__ */ jsxs(Select, {
+														value: property.baseType,
+														onValueChange: (value) => updateProperty(property.id, { baseType: value }),
+														children: [/* @__PURE__ */ jsx(SelectTrigger, {
+															"aria-label": "Base type",
+															className: "wwc:h-8 wwc:w-[8.5rem]",
+															children: /* @__PURE__ */ jsx(SelectValue, {})
+														}), /* @__PURE__ */ jsx(SelectContent, { children: baseTypes.map((type) => /* @__PURE__ */ jsx(SelectItem, {
+															value: type,
+															children: type
+														}, type)) })]
+													})
+												}),
+												/* @__PURE__ */ jsx("td", {
+													className: "wwc:px-3 wwc:py-2",
+													children: /* @__PURE__ */ jsx(Switch, {
+														checked: property.required,
+														onCheckedChange: (checked) => updateProperty(property.id, { required: checked }),
+														"aria-label": "Required"
+													})
+												}),
+												/* @__PURE__ */ jsx("td", {
+													className: "wwc:px-3 wwc:py-2 wwc:text-right",
+													children: /* @__PURE__ */ jsx(Button, {
+														variant: "ghost",
+														size: "sm",
+														icon: true,
+														"aria-label": "Delete property",
+														className: "wwc:h-7 wwc:w-7 wwc:text-muted-foreground",
+														onClick: () => removeProperty(property.id),
+														children: /* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4" })
+													})
+												})
+											]
+										}, property.id)) })]
+									})
+								})
+							]
+						}) : null,
+						step === 3 ? /* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-5",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:rounded-lg wwc:border wwc:border-emerald-500/30 wwc:bg-emerald-500/10 wwc:p-4 wwc:text-sm wwc:text-emerald-700 wwc:dark:text-emerald-300",
+									children: [
+										/* @__PURE__ */ jsx("span", {
+											className: "wwc:font-medium",
+											children: "✓ Review"
+										}),
+										" — this object type will be created",
+										showLayer ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+											" ",
+											"into the ",
+											/* @__PURE__ */ jsx("span", {
+												className: "wwc:font-semibold",
+												children: layer.split(" ")[0]
+											}),
+											" layer"
+										] }) : null,
+										" ",
+										"with an auto-generated RID."
+									]
+								}),
+								/* @__PURE__ */ jsxs("dl", {
+									className: "wwc:grid wwc:grid-cols-[10rem_1fr] wwc:gap-x-4 wwc:gap-y-3 wwc:text-sm",
+									children: [
+										/* @__PURE__ */ jsx("dt", {
+											className: "wwc:text-muted-foreground",
+											children: "Display / Plural"
+										}),
+										/* @__PURE__ */ jsxs("dd", { children: [
+											/* @__PURE__ */ jsx("span", {
+												className: "wwc:font-semibold",
+												children: displayName || "—"
+											}),
+											" / ",
+											pluralName || "—"
+										] }),
+										/* @__PURE__ */ jsx("dt", {
+											className: "wwc:text-muted-foreground",
+											children: "API name"
+										}),
+										/* @__PURE__ */ jsx("dd", { children: apiName || "—" }),
+										/* @__PURE__ */ jsx("dt", {
+											className: "wwc:text-muted-foreground",
+											children: "Description"
+										}),
+										/* @__PURE__ */ jsx("dd", { children: description || "—" }),
+										/* @__PURE__ */ jsx("dt", {
+											className: "wwc:text-muted-foreground",
+											children: "Status / Visibility"
+										}),
+										/* @__PURE__ */ jsxs("dd", {
+											className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5",
+											children: [
+												/* @__PURE__ */ jsx(Badge, {
+													variant: "secondary",
+													className: "wwc:h-5 wwc:text-xs",
+													children: status
+												}),
+												"· ",
+												visibility,
+												showLayer ? /* @__PURE__ */ jsxs(Fragment$1, { children: [" · ", /* @__PURE__ */ jsx(Badge, {
+													variant: "secondary",
+													className: "wwc:h-5 wwc:text-xs",
+													children: layer.split(" ")[0]
+												})] }) : null
+											]
+										}),
+										/* @__PURE__ */ jsx("dt", {
+											className: "wwc:text-muted-foreground",
+											children: "Datasources"
+										}),
+										/* @__PURE__ */ jsx("dd", { children: attachedSources.length === 0 ? "—" : attachedSources.map((source) => `${source.kind} “${source.name}”`).join(", ") }),
+										/* @__PURE__ */ jsx("dt", {
+											className: "wwc:text-muted-foreground",
+											children: "Properties"
+										}),
+										/* @__PURE__ */ jsxs("dd", { children: [
+											properties.length,
+											" ",
+											primaryKey ? `(PK: ${primaryKey.apiName}` : "",
+											primaryKey && titleKey ? `, title: ${titleKey.apiName})` : primaryKey ? ")" : ""
+										] }),
+										/* @__PURE__ */ jsx("dt", {
+											className: "wwc:text-muted-foreground",
+											children: "Groups"
+										}),
+										/* @__PURE__ */ jsx("dd", { children: selectedGroups.length === 0 ? "—" : selectedGroups.join(", ") })
+									]
+								}),
+								hasDuplicateKeys ? /* @__PURE__ */ jsx("div", {
+									className: "wwc:rounded-lg wwc:border wwc:border-amber-500/30 wwc:bg-amber-500/10 wwc:p-4 wwc:text-sm wwc:text-amber-700 wwc:dark:text-amber-300",
+									children: /* @__PURE__ */ jsxs("span", {
+										className: "wwc:inline-flex wwc:items-center wwc:gap-2",
+										children: [/* @__PURE__ */ jsx(AlertTriangle, { className: "wwc:h-4 wwc:w-4" }), "Heads-up: an attached datasource has duplicate keys — the type will index with a warning until resolved."]
+									})
+								}) : null
+							]
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx("div", {
+					className: "wwc:text-sm",
+					children: /* @__PURE__ */ jsxs("span", {
+						className: "wwc:text-muted-foreground",
+						children: [
+							"Step ",
+							step + 1,
+							" of ",
+							STEPS.length
+						]
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:gap-2",
+					children: [step > 0 ? /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: goBack,
+						children: "← Back"
+					}) : null, step < STEPS.length - 1 ? /* @__PURE__ */ jsx(Button, {
+						onClick: goNext,
+						children: "Next →"
+					}) : /* @__PURE__ */ jsx(Button, {
+						onClick: create,
+						children: "Create object type"
+					})]
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+export { NEW_OBJECT_TYPE_ICONS, NewObjectTypeDialog };
+
+//# sourceMappingURL=object-type-wizard.mjs.map