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

package/dist/object-type-wizard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-type-wizard.mjs","names":[],"sources":["../src/object-type-wizard.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {\n\tAlertTriangle,\n\tAward,\n\tBookOpen,\n\tCheck,\n\tClipboardList,\n\tClock,\n\tCreditCard,\n\tCrosshair,\n\tEye,\n\tFileText,\n\tHardHat,\n\tHome,\n\tMap,\n\tMapPin,\n\tMic,\n\tTrash2,\n\tTruck,\n\tUser,\n\tUsers,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Badge} from \"./badge\";\nimport {Button} from \"./button\";\nimport {Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle} from \"./dialog\";\nimport {Input} from \"./input\";\nimport {Label} from \"./label\";\nimport {Select, SelectContent, SelectItem, SelectTrigger, SelectValue} from \"./select\";\nimport {toast} from \"./sonner\";\nimport {Stepper, StepperIndicator, StepperItem, StepperLabel, StepperList, StepperSeparator} from \"./stepper\";\nimport {Switch} from \"./switch\";\nimport {Textarea} from \"./textarea\";\nimport {ToggleGroup, ToggleGroupItem} from \"./toggle-group\";\n\n// NewObjectTypeDialog — a four-step wizard (Metadata → Datasource → Properties → Review) for authoring\n// an ontology object type, shown in a Dialog. Composed entirely from existing Core primitives:\n// the built-in Stepper for the step header, plus Input, ToggleGroup, Select, Switch, Badge, and Button.\n// Required Metadata fields validate inline (Next is never disabled). Data is caller-supplied; on the\n// final step it emits a NewObjectTypeDraft via onCreate.\n\n// ─── Option sets ─────────────────────────────────────────────────────────────\n\nconst STATUSES = [\"Active\", \"Experimental\", \"Deprecated\", \"Endorsed\"] as const;\nconst VISIBILITIES = [\"Prominent\", \"Normal\", \"Hidden\"] as const;\nconst LAYERS = [\"L1 core\", \"L2 module\", \"L3 enclave\", \"L4 runtime\"] as const;\nconst BASE_TYPES = [\"string\", \"integer\", \"double\", \"boolean\", \"date\", \"timestamp\", \"geopoint\", \"array\"];\n\ntype ObjectTypeStatus = (typeof STATUSES)[number];\ntype ObjectTypeVisibility = (typeof VISIBILITIES)[number];\ntype ObjectTypeLayer = (typeof LAYERS)[number];\n\n/** Icon choices — the same lucide set the object-type table draws from. Index matches `NewObjectTypeDraft.iconIndex`. */\nexport const NEW_OBJECT_TYPE_ICONS: React.ComponentType<{className?: string}>[] = [\n\tUser,\n\tUsers,\n\tHardHat,\n\tAward,\n\tClock,\n\tMap,\n\tCreditCard,\n\tEye,\n\tHome,\n\tMapPin,\n\tTruck,\n\tFileText,\n\tBookOpen,\n\tCrosshair,\n\tClipboardList,\n\tMic,\n];\n\n/** Colour swatches for the object-type tile. */\nconst COLOR_CHOICES = [\n\t\"wwc:bg-sky-400\",\n\t\"wwc:bg-blue-500\",\n\t\"wwc:bg-indigo-500\",\n\t\"wwc:bg-violet-500\",\n\t\"wwc:bg-fuchsia-500\",\n\t\"wwc:bg-pink-500\",\n\t\"wwc:bg-red-500\",\n\t\"wwc:bg-orange-500\",\n\t\"wwc:bg-amber-500\",\n\t\"wwc:bg-lime-500\",\n\t\"wwc:bg-emerald-500\",\n\t\"wwc:bg-teal-500\",\n\t\"wwc:bg-slate-500\",\n\t\"wwc:bg-slate-900\",\n];\n\nconst DEFAULT_GROUPS = [\n\t\"People & Crews\",\n\t\"Compliance & Safety\",\n\t\"Access Control\",\n\t\"Sites & Projects\",\n\t\"Time & Attendance\",\n];\n\n// ─── Datasources ─────────────────────────────────────────────────────────────\n\nexport type DatasourceKind = \"Dataset\" | \"Stream\" | \"Restricted view\" | \"Media set\";\n\nexport interface DatasourceDef {\n\tid: string;\n\tkind: DatasourceKind;\n\tname: string;\n\tcolumns: string[];\n\t/** Re-syncs with repeated keys — surfaces a primary-key warning downstream. */\n\tduplicateKeys?: boolean;\n}\n\nconst DEFAULT_DATASOURCES: DatasourceDef[] = [\n\t{\n\t\tid: \"hr_roster_daily_sync\",\n\t\tkind: \"Dataset\",\n\t\tname: \"hr_roster_daily_sync\",\n\t\tcolumns: [\n\t\t\t\"worker_id\",\n\t\t\t\"full_name\",\n\t\t\t\"badge_number\",\n\t\t\t\"trade_id\",\n\t\t\t\"crew_id\",\n\t\t\t\"subcontractor_id\",\n\t\t\t\"employment_status\",\n\t\t\t\"hire_date\",\n\t\t],\n\t\tduplicateKeys: true,\n\t},\n\t{\n\t\tid: \"badge_swipe_event_stream\",\n\t\tkind: \"Stream\",\n\t\tname: \"badge_swipe_event_stream\",\n\t\tcolumns: [\"event_id\", \"badge_number\", \"zone_code\", \"swiped_at\"],\n\t},\n\t{\n\t\tid: \"training_cert_registry\",\n\t\tkind: \"Dataset\",\n\t\tname: \"training_cert_registry\",\n\t\tcolumns: [\"cert_id\", \"worker_id\", \"cert_kind\", \"course_id\", \"issued_on\", \"expires_on\", \"status\"],\n\t},\n\t{\n\t\tid: \"site_zone_master\",\n\t\tkind: \"Dataset\",\n\t\tname: \"site_zone_master\",\n\t\tcolumns: [\"zone_id\", \"zone_name\", \"site_id\", \"hazard_class\", \"zone_status\", \"max_occupancy\"],\n\t},\n\t{\n\t\tid: \"visitor_log_restricted_view\",\n\t\tkind: \"Restricted view\",\n\t\tname: \"visitor_log_restricted_view\",\n\t\tcolumns: [\"pass_id\", \"visitor_name\", \"host_worker_id\", \"valid_on\"],\n\t},\n\t{\n\t\tid: \"site_induction_photo_set\",\n\t\tkind: \"Media set\",\n\t\tname: \"site_induction_photo_set\",\n\t\tcolumns: [\"media_id\", \"worker_id\", \"captured_at\"],\n\t},\n\t{\n\t\tid: \"safety_observation_stream\",\n\t\tkind: \"Stream\",\n\t\tname: \"safety_observation_stream\",\n\t\tcolumns: [\"observation_id\", \"zone_id\", \"reported_by\", \"severity\", \"observed_at\"],\n\t},\n\t{\n\t\tid: \"timesheet_approved_daily\",\n\t\tkind: \"Dataset\",\n\t\tname: \"timesheet_approved_daily\",\n\t\tcolumns: [\"entry_id\", \"worker_id\", \"shift_id\", \"work_date\", \"hours_logged\", \"approval_status\"],\n\t},\n\t{\n\t\tid: \"wearable_tag_telemetry\",\n\t\tkind: \"Stream\",\n\t\tname: \"wearable_tag_telemetry\",\n\t\tcolumns: [\"tag_id\", \"battery_pct\", \"geo_location\", \"last_seen_at\"],\n\t},\n];\n\n// ─── Property rows ───────────────────────────────────────────────────────────\n\ninterface WizardProperty {\n\tid: string;\n\tdisplayName: string;\n\tapiName: string;\n\tbaseType: string;\n\trequired: boolean;\n\tisPrimaryKey: boolean;\n\tisTitle: boolean;\n}\n\n/** The value emitted when the wizard completes. */\nexport interface NewObjectTypeDraft {\n\tdisplayName: string;\n\tpluralName: string;\n\tapiName: string;\n\tdescription: string;\n\tstatus: ObjectTypeStatus;\n\tvisibility: ObjectTypeVisibility;\n\tlayer: ObjectTypeLayer;\n\tgroups: string[];\n\ticonIndex: number;\n\tcolorIndex: number;\n\tdatasourceIds: string[];\n\tproperties: WizardProperty[];\n\t/** True when an attached datasource re-syncs with repeated keys. */\n\thasDuplicateKeys: boolean;\n}\n\nconst STEPS = [\"Metadata\", \"Datasource\", \"Properties\", \"Review\"] as const;\n\n/** Blue accent for a selected/active choice — matches the wizard's design (distinct from the app's near-black primary). */\nconst ACCENT_ON = \"wwc:border-blue-500 wwc:bg-blue-500/10 wwc:text-blue-600 wwc:dark:text-blue-400\";\n/** Selected-segment tint for ToggleGroup items (keyed off `data-state=on`). */\nconst SEGMENT_ON =\n\t\"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\";\n\n// ─── Step header ─────────────────────────────────────────────────────────────\n\n/** Core's built-in Stepper, laid out horizontally across the four wizard steps. */\nfunction WizardSteps({step}: {step: number}) {\n\treturn (\n\t\t<Stepper value={step + 1} orientation=\"horizontal\" className=\"wwc:w-full\">\n\t\t\t<StepperList className=\"wwc:w-full\">\n\t\t\t\t{STEPS.map((label, index) => (\n\t\t\t\t\t<React.Fragment key={label}>\n\t\t\t\t\t\t<StepperItem step={index + 1}>\n\t\t\t\t\t\t\t<StepperIndicator />\n\t\t\t\t\t\t\t<StepperLabel>{label}</StepperLabel>\n\t\t\t\t\t\t</StepperItem>\n\t\t\t\t\t\t{index < STEPS.length - 1 ? <StepperSeparator /> : null}\n\t\t\t\t\t</React.Fragment>\n\t\t\t\t))}\n\t\t\t</StepperList>\n\t\t</Stepper>\n\t);\n}\n\n/** Uppercase field label used throughout the wizard. */\nfunction FieldLabel({children}: {children: React.ReactNode}) {\n\treturn (\n\t\t<Label className=\"wwc:text-xs wwc:font-semibold wwc:tracking-wide wwc:text-muted-foreground wwc:uppercase\">\n\t\t\t{children}\n\t\t</Label>\n\t);\n}\n\n// ─── Wizard ──────────────────────────────────────────────────────────────────\n\nexport interface NewObjectTypeDialogProps {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n\t/** Group facets offered on the Metadata step. */\n\tgroups?: string[];\n\t/** Datasources offered on the Datasource step. */\n\tdatasources?: DatasourceDef[];\n\t/**\n\t * Icon palette for the tile. `NewObjectTypeDraft.iconIndex` indexes into THIS array, so a caller\n\t * with its own glyph set can map the index straight back to its own icon name.\n\t */\n\ticons?: React.ComponentType<{className?: string}>[];\n\t/** Property base types offered on the Properties step. Defaults to the eight common ones. */\n\tbaseTypes?: string[];\n\t/** Show the L1–L4 layer selector. Off for ontologies that have no layer concept. */\n\tshowLayer?: boolean;\n\t/** Fired with the assembled draft when \"Create object type\" is pressed. */\n\tonCreate?: (draft: NewObjectTypeDraft) => void;\n\t/**\n\t * Extra fields for the FIRST step, above the wizard's own. For a host that has to ask something\n\t * before the type itself is described — where the record should be filed, say. The wizard neither\n\t * reads nor validates them: it renders them and leaves them to the host that supplied them.\n\t */\n\tleadingFields?: React.ReactNode;\n}\n\n/** Four-step \"New object type\" wizard rendered in a Dialog. */\nexport function NewObjectTypeDialog({\n\topen,\n\tonOpenChange,\n\tgroups = DEFAULT_GROUPS,\n\tdatasources = DEFAULT_DATASOURCES,\n\ticons = NEW_OBJECT_TYPE_ICONS,\n\tbaseTypes = BASE_TYPES,\n\tshowLayer = true,\n\tonCreate,\n\tleadingFields,\n}: NewObjectTypeDialogProps) {\n\tconst [step, setStep] = React.useState(0);\n\t// Flips true when Next is pressed on an incomplete Metadata step, so required fields validate inline.\n\tconst [attemptedNext, setAttemptedNext] = React.useState(false);\n\n\t// Metadata\n\tconst [displayName, setDisplayName] = React.useState(\"\");\n\tconst [pluralName, setPluralName] = React.useState(\"\");\n\tconst [apiName, setApiName] = React.useState(\"\");\n\tconst [description, setDescription] = React.useState(\"\");\n\tconst [status, setStatus] = React.useState<ObjectTypeStatus>(\"Experimental\");\n\tconst [visibility, setVisibility] = React.useState<ObjectTypeVisibility>(\"Normal\");\n\tconst [layer, setLayer] = React.useState<ObjectTypeLayer>(\"L3 enclave\");\n\tconst [selectedGroups, setSelectedGroups] = React.useState<string[]>([]);\n\tconst [iconIndex, setIconIndex] = React.useState(0);\n\tconst [colorIndex, setColorIndex] = React.useState(1);\n\n\t// Datasource\n\tconst [attached, setAttached] = React.useState<string[]>([]);\n\n\t// Properties\n\tconst [properties, setProperties] = React.useState<WizardProperty[]>([]);\n\tconst propCounter = React.useRef(0);\n\n\tconst reset = React.useCallback(() => {\n\t\tsetStep(0);\n\t\tsetDisplayName(\"\");\n\t\tsetPluralName(\"\");\n\t\tsetApiName(\"\");\n\t\tsetDescription(\"\");\n\t\tsetStatus(\"Experimental\");\n\t\tsetVisibility(\"Normal\");\n\t\tsetLayer(\"L3 enclave\");\n\t\tsetSelectedGroups([]);\n\t\tsetIconIndex(0);\n\t\tsetColorIndex(1);\n\t\tsetAttached([]);\n\t\tsetProperties([]);\n\t\tpropCounter.current = 0;\n\t\tsetAttemptedNext(false);\n\t}, []);\n\n\tconst handleOpenChange = (next: boolean) => {\n\t\tif (!next) reset();\n\t\tonOpenChange(next);\n\t};\n\n\tconst attachedSources = datasources.filter((source) => attached.includes(source.id));\n\tconst firstDataset = attachedSources.find((source) => source.kind === \"Dataset\") ?? attachedSources[0];\n\tconst hasDuplicateKeys = attachedSources.some((source) => source.duplicateKeys);\n\tconst metadataValid = displayName.trim().length > 0 && apiName.trim().length > 0;\n\tconst displayNameError = attemptedNext && step === 0 && displayName.trim().length === 0;\n\tconst apiNameError = attemptedNext && step === 0 && apiName.trim().length === 0;\n\tconst datasourceError = attemptedNext && step === 1 && attached.length === 0;\n\tconst propertiesError = attemptedNext && step === 2 && properties.length === 0;\n\n\tconst goNext = () => {\n\t\t// Don't block the button — clicking it reveals the step's inline error and holds until it's satisfied.\n\t\tconst invalid =\n\t\t\t(step === 0 && !metadataValid) ||\n\t\t\t(step === 1 && attached.length === 0) ||\n\t\t\t(step === 2 && properties.length === 0);\n\t\tif (invalid) {\n\t\t\tsetAttemptedNext(true);\n\t\t\treturn;\n\t\t}\n\t\tsetAttemptedNext(false);\n\t\tsetStep((value) => value + 1);\n\t};\n\n\tconst goBack = () => {\n\t\tsetAttemptedNext(false);\n\t\tsetStep((value) => value - 1);\n\t};\n\n\tconst addProperty = () => {\n\t\tpropCounter.current += 1;\n\t\tconst n = propCounter.current;\n\t\tconst first = properties.length === 0;\n\t\tsetProperties((prev) => [\n\t\t\t...prev,\n\t\t\t{\n\t\t\t\tid: `p-${n}`,\n\t\t\t\tdisplayName: `New property ${n}`,\n\t\t\t\tapiName: `newProperty${n}`,\n\t\t\t\tbaseType: \"string\",\n\t\t\t\trequired: true,\n\t\t\t\tisPrimaryKey: first,\n\t\t\t\tisTitle: first,\n\t\t\t},\n\t\t]);\n\t};\n\n\tconst generateFromColumns = () => {\n\t\tif (!firstDataset) return;\n\t\tsetProperties(\n\t\t\tfirstDataset.columns.map((column, index) => ({\n\t\t\t\tid: `gen-${column}`,\n\t\t\t\tdisplayName: column\n\t\t\t\t\t.split(\"_\")\n\t\t\t\t\t.map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n\t\t\t\t\t.join(\" \"),\n\t\t\t\tapiName: column.replace(/_([a-z])/g, (_, c: string) => c.toUpperCase()),\n\t\t\t\tbaseType: \"string\",\n\t\t\t\trequired: index === 0,\n\t\t\t\tisPrimaryKey: index === 0,\n\t\t\t\tisTitle: index === 1 || (firstDataset.columns.length === 1 && index === 0),\n\t\t\t})),\n\t\t);\n\t};\n\n\tconst updateProperty = (id: string, patch: Partial<WizardProperty>) => {\n\t\tsetProperties((prev) => prev.map((property) => (property.id === id ? {...property, ...patch} : property)));\n\t};\n\n\tconst setSinglePrimaryKey = (id: string) => {\n\t\tsetProperties((prev) => prev.map((property) => ({...property, isPrimaryKey: property.id === id})));\n\t};\n\n\tconst setSingleTitle = (id: string) => {\n\t\tsetProperties((prev) => prev.map((property) => ({...property, isTitle: property.id === id})));\n\t};\n\n\tconst removeProperty = (id: string) => {\n\t\tsetProperties((prev) => prev.filter((property) => property.id !== id));\n\t};\n\n\tconst create = () => {\n\t\tonCreate?.({\n\t\t\tdisplayName: displayName.trim(),\n\t\t\tpluralName: pluralName.trim(),\n\t\t\tapiName: apiName.trim(),\n\t\t\tdescription: description.trim(),\n\t\t\tstatus,\n\t\t\tvisibility,\n\t\t\tlayer,\n\t\t\tgroups: selectedGroups,\n\t\t\ticonIndex,\n\t\t\tcolorIndex,\n\t\t\tdatasourceIds: attached,\n\t\t\tproperties,\n\t\t\thasDuplicateKeys,\n\t\t});\n\t\ttoast.success(`Object type “${displayName.trim()}” created`);\n\t\thandleOpenChange(false);\n\t};\n\n\tconst primaryKey = properties.find((property) => property.isPrimaryKey);\n\tconst titleKey = properties.find((property) => property.isTitle);\n\n\treturn (\n\t\t<Dialog open={open} onOpenChange={handleOpenChange}>\n\t\t\t<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\">\n\t\t\t\t<DialogHeader>\n\t\t\t\t\t<DialogTitle>New object type</DialogTitle>\n\t\t\t\t</DialogHeader>\n\n\t\t\t\t<div className=\"wwc:border-b wwc:border-border wwc:px-6 wwc:py-4\">\n\t\t\t\t\t<WizardSteps step={step} />\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"wwc:min-h-0 wwc:flex-1 wwc:overflow-y-auto wwc:px-6 wwc:py-5\">\n\t\t\t\t\t{step === 0 ? (\n\t\t\t\t\t\t<div className=\"wwc:grid wwc:grid-cols-1 wwc:gap-x-8 wwc:gap-y-5 wwc:md:grid-cols-2\">\n\t\t\t\t\t\t\t{/* The host's own fields lead the step, spanning both columns: they are asked before the\n\t\t\t\t\t\t\t    type is described, not alongside it. */}\n\t\t\t\t\t\t\t{leadingFields && <div className=\"wwc:space-y-1.5 wwc:md:col-span-2\">{leadingFields}</div>}\n\t\t\t\t\t\t\t<div className=\"wwc:space-y-1.5\">\n\t\t\t\t\t\t\t\t<FieldLabel>Display name</FieldLabel>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tvalue={displayName}\n\t\t\t\t\t\t\t\t\tonChange={(event) => setDisplayName(event.target.value)}\n\t\t\t\t\t\t\t\t\taria-invalid={displayNameError}\n\t\t\t\t\t\t\t\t\tclassName={cn(displayNameError && \"wwc:border-destructive wwc:focus-visible:ring-destructive\")}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{displayNameError ? (\n\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-destructive\">Display name is required.</p>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">e.g. “Induction session”</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"wwc:space-y-1.5\">\n\t\t\t\t\t\t\t\t<FieldLabel>API name</FieldLabel>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tvalue={apiName}\n\t\t\t\t\t\t\t\t\tonChange={(event) => setApiName(event.target.value)}\n\t\t\t\t\t\t\t\t\taria-invalid={apiNameError}\n\t\t\t\t\t\t\t\t\tclassName={cn(apiNameError && \"wwc:border-destructive wwc:focus-visible:ring-destructive\")}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{apiNameError ? (\n\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-destructive\">API name is required.</p>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">PascalCase, stable forever</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"wwc:space-y-1.5\">\n\t\t\t\t\t\t\t\t<FieldLabel>Plural display name</FieldLabel>\n\t\t\t\t\t\t\t\t<Input value={pluralName} onChange={(event) => setPluralName(event.target.value)} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"wwc:space-y-1.5\">\n\t\t\t\t\t\t\t\t<FieldLabel>Description</FieldLabel>\n\t\t\t\t\t\t\t\t<Textarea rows={2} value={description} onChange={(event) => setDescription(event.target.value)} />\n\t\t\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\tEvery element carries a description (best practice #8)\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"wwc:space-y-2\">\n\t\t\t\t\t\t\t\t<FieldLabel>Status</FieldLabel>\n\t\t\t\t\t\t\t\t<ToggleGroup\n\t\t\t\t\t\t\t\t\ttype=\"single\"\n\t\t\t\t\t\t\t\t\tvalue={status}\n\t\t\t\t\t\t\t\t\tonValueChange={(value) => value && setStatus(value as ObjectTypeStatus)}\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:justify-start\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{STATUSES.map((option) => (\n\t\t\t\t\t\t\t\t\t\t<ToggleGroupItem key={option} value={option} className={SEGMENT_ON}>\n\t\t\t\t\t\t\t\t\t\t\t{option}\n\t\t\t\t\t\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</ToggleGroup>\n\n\t\t\t\t\t\t\t\t<FieldLabel>Visibility</FieldLabel>\n\t\t\t\t\t\t\t\t<ToggleGroup\n\t\t\t\t\t\t\t\t\ttype=\"single\"\n\t\t\t\t\t\t\t\t\tvalue={visibility}\n\t\t\t\t\t\t\t\t\tonValueChange={(value) => value && setVisibility(value as ObjectTypeVisibility)}\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:justify-start\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{VISIBILITIES.map((option) => (\n\t\t\t\t\t\t\t\t\t\t<ToggleGroupItem key={option} value={option} className={SEGMENT_ON}>\n\t\t\t\t\t\t\t\t\t\t\t{option}\n\t\t\t\t\t\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</ToggleGroup>\n\n\t\t\t\t\t\t\t\t{showLayer && <FieldLabel>Layer</FieldLabel>}\n\t\t\t\t\t\t\t\t<ToggleGroup\n\t\t\t\t\t\t\t\t\ttype=\"single\"\n\t\t\t\t\t\t\t\t\tvalue={layer}\n\t\t\t\t\t\t\t\t\tonValueChange={(value) => value && setLayer(value as ObjectTypeLayer)}\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\tclassName={cn(\"wwc:justify-start\", !showLayer && \"wwc:hidden\")}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{LAYERS.map((option) => (\n\t\t\t\t\t\t\t\t\t\t<ToggleGroupItem key={option} value={option} className={SEGMENT_ON}>\n\t\t\t\t\t\t\t\t\t\t\t{option}\n\t\t\t\t\t\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</ToggleGroup>\n\t\t\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\tNew types authored here default to the enclave layer\n\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t<FieldLabel>Groups</FieldLabel>\n\t\t\t\t\t\t\t\t<ToggleGroup\n\t\t\t\t\t\t\t\t\ttype=\"multiple\"\n\t\t\t\t\t\t\t\t\tvalue={selectedGroups}\n\t\t\t\t\t\t\t\t\tonValueChange={setSelectedGroups}\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex-wrap wwc:justify-start wwc:gap-2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{groups.map((group) => (\n\t\t\t\t\t\t\t\t\t\t<ToggleGroupItem key={group} value={group} className={cn(\"wwc:rounded-full\", SEGMENT_ON)}>\n\t\t\t\t\t\t\t\t\t\t\t{group}\n\t\t\t\t\t\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</ToggleGroup>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"wwc:space-y-2\">\n\t\t\t\t\t\t\t\t<FieldLabel>Icon</FieldLabel>\n\t\t\t\t\t\t\t\t<div className=\"wwc:grid wwc:grid-cols-8 wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t{icons.map((Icon, index) => (\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\tkey={(Icon as {displayName?: string}).displayName ?? index}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\taria-label={`Icon ${index + 1}`}\n\t\t\t\t\t\t\t\t\t\t\taria-pressed={index === iconIndex}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => setIconIndex(index)}\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\"wwc:flex wwc:aspect-square wwc:items-center wwc:justify-center wwc:rounded-lg wwc:border wwc:transition-colors\",\n\t\t\t\t\t\t\t\t\t\t\t\tindex === iconIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t? ACCENT_ON\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:border-border wwc:text-muted-foreground wwc:hover:bg-muted\",\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Icon className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<FieldLabel>Color</FieldLabel>\n\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t{COLOR_CHOICES.map((color, index) => (\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\tkey={color}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\taria-label={`Color ${index + 1}`}\n\t\t\t\t\t\t\t\t\t\t\taria-pressed={index === colorIndex}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => setColorIndex(index)}\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\"wwc:h-7 wwc:w-7 wwc:rounded-lg wwc:ring-offset-2 wwc:ring-offset-background wwc:transition-shadow\",\n\t\t\t\t\t\t\t\t\t\t\t\tcolor,\n\t\t\t\t\t\t\t\t\t\t\t\tindex === colorIndex && \"wwc:ring-2 wwc:ring-foreground\",\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{step === 1 ? (\n\t\t\t\t\t\t<div className=\"wwc:space-y-3\">\n\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\tAttach one or more backing datasources. A dataset with duplicate keys will surface a primary-key warning\n\t\t\t\t\t\t\t\tin step 3.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{datasourceError ? (\n\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-destructive\">Attach at least one datasource to continue.</p>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t{datasources.map((source) => {\n\t\t\t\t\t\t\t\tconst isAttached = attached.includes(source.id);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={source.id}\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:items-start wwc:justify-between wwc:gap-4 wwc:rounded-lg wwc:border wwc:border-border wwc:p-4\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-5 wwc:text-[10px] wwc:font-semibold wwc:tracking-wide wwc:uppercase\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{source.kind}\n\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:font-mono wwc:text-sm wwc:font-semibold\">{source.name}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t{source.duplicateKeys ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<AlertTriangle className=\"wwc:h-3.5 wwc:w-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tduplicate keys\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:mt-1 wwc:truncate wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\tcolumns: {source.columns.join(\", \")}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tvariant={isAttached ? \"outline\" : \"default\"}\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:shrink-0\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetAttached((prev) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tisAttached ? prev.filter((id) => id !== source.id) : [...prev, source.id],\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{isAttached ? \"Detach\" : \"Attach\"}\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{step === 2 ? (\n\t\t\t\t\t\t<div className=\"wwc:space-y-4\">\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-3\">\n\t\t\t\t\t\t\t\t<Button variant=\"outline\" size=\"sm\" onClick={addProperty}>\n\t\t\t\t\t\t\t\t\t+ Add property\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t{firstDataset ? (\n\t\t\t\t\t\t\t\t\t<Button variant=\"outline\" size=\"sm\" onClick={generateFromColumns}>\n\t\t\t\t\t\t\t\t\t\tGenerate from “{firstDataset.name}” columns\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t<span className=\"wwc:ml-auto wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{properties.length} properties · pick primary key + title key\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{propertiesError ? (\n\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-destructive\">Add at least one property to continue.</p>\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{hasDuplicateKeys ? (\n\t\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:inline-flex wwc:items-center wwc:gap-2 wwc:font-semibold\">\n\t\t\t\t\t\t\t\t\t\t<AlertTriangle className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t\tDuplicate primary keys detected.\n\t\t\t\t\t\t\t\t\t</span>{\" \"}\n\t\t\t\t\t\t\t\t\tA backing datasource re-syncs rows and contains repeated keys. Confirm your key choice is stable and\n\t\t\t\t\t\t\t\t\tdeterministic (best practice #4) or de-duplicate upstream.\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{properties.length === 0 ? (\n\t\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t\tNo properties yet. Add one, or generate them from an attached dataset’s columns.\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className=\"wwc:overflow-x-auto wwc:rounded-lg wwc:border wwc:border-border\">\n\t\t\t\t\t\t\t\t\t<table className=\"wwc:w-full wwc:text-sm\">\n\t\t\t\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:px-3 wwc:py-2\">PK</th>\n\t\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:px-3 wwc:py-2\">Title</th>\n\t\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:px-3 wwc:py-2\">Display name</th>\n\t\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:px-3 wwc:py-2\">API name</th>\n\t\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:px-3 wwc:py-2\">Base type</th>\n\t\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:px-3 wwc:py-2\">Req.</th>\n\t\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:px-3 wwc:py-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:sr-only\">Actions</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t\t\t{properties.map((property) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<tr key={property.id} className=\"wwc:border-b wwc:border-border wwc:last:border-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:px-3 wwc:py-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"wwc:h-7 wwc:gap-1 wwc:px-2 wwc:text-xs\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproperty.isPrimaryKey && ACCENT_ON,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-pressed={property.isPrimaryKey}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => setSinglePrimaryKey(property.id)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tPK {property.isPrimaryKey ? <Check className=\"wwc:h-3 wwc:w-3\" /> : null}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:px-3 wwc:py-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\"wwc:h-7 wwc:gap-1 wwc:px-2 wwc:text-xs\", property.isTitle && ACCENT_ON)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-pressed={property.isTitle}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => setSingleTitle(property.id)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTitle {property.isTitle ? <Check className=\"wwc:h-3 wwc:w-3\" /> : null}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:px-3 wwc:py-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={property.displayName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(event) => updateProperty(property.id, {displayName: event.target.value})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-8 wwc:min-w-[9rem]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:px-3 wwc:py-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={property.apiName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(event) => updateProperty(property.id, {apiName: event.target.value})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-8 wwc:min-w-[9rem] wwc:font-mono\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:px-3 wwc:py-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={property.baseType}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonValueChange={(value) => updateProperty(property.id, {baseType: value})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SelectTrigger aria-label=\"Base type\" className=\"wwc:h-8 wwc:w-[8.5rem]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SelectValue />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{baseTypes.map((type) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SelectItem key={type} value={type}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{type}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:px-3 wwc:py-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Switch\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={property.required}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={(checked) => updateProperty(property.id, {required: checked})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Required\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:px-3 wwc:py-2 wwc:text-right\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Delete property\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7 wwc:text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => removeProperty(property.id)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Trash2 className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{step === 3 ? (\n\t\t\t\t\t\t<div className=\"wwc:space-y-5\">\n\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t<span className=\"wwc:font-medium\">✓ Review</span> — this object type will be created\n\t\t\t\t\t\t\t\t{showLayer ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t\t\t\tinto the <span className=\"wwc:font-semibold\">{layer.split(\" \")[0]}</span> layer\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) : null}{\" \"}\n\t\t\t\t\t\t\t\twith an auto-generated RID.\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<dl className=\"wwc:grid wwc:grid-cols-[10rem_1fr] wwc:gap-x-4 wwc:gap-y-3 wwc:text-sm\">\n\t\t\t\t\t\t\t\t<dt className=\"wwc:text-muted-foreground\">Display / Plural</dt>\n\t\t\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:font-semibold\">{displayName || \"—\"}</span> / {pluralName || \"—\"}\n\t\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t\t\t<dt className=\"wwc:text-muted-foreground\">API name</dt>\n\t\t\t\t\t\t\t\t<dd>{apiName || \"—\"}</dd>\n\t\t\t\t\t\t\t\t<dt className=\"wwc:text-muted-foreground\">Description</dt>\n\t\t\t\t\t\t\t\t<dd>{description || \"—\"}</dd>\n\t\t\t\t\t\t\t\t<dt className=\"wwc:text-muted-foreground\">Status / Visibility</dt>\n\t\t\t\t\t\t\t\t<dd className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t\t\t<Badge variant=\"secondary\" className=\"wwc:h-5 wwc:text-xs\">\n\t\t\t\t\t\t\t\t\t\t{status}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t· {visibility}\n\t\t\t\t\t\t\t\t\t{showLayer ? (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t{\" · \"}\n\t\t\t\t\t\t\t\t\t\t\t<Badge variant=\"secondary\" className=\"wwc:h-5 wwc:text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t{layer.split(\" \")[0]}\n\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t\t\t<dt className=\"wwc:text-muted-foreground\">Datasources</dt>\n\t\t\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t\t\t{attachedSources.length === 0\n\t\t\t\t\t\t\t\t\t\t? \"—\"\n\t\t\t\t\t\t\t\t\t\t: attachedSources.map((source) => `${source.kind} “${source.name}”`).join(\", \")}\n\t\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t\t\t<dt className=\"wwc:text-muted-foreground\">Properties</dt>\n\t\t\t\t\t\t\t\t<dd>\n\t\t\t\t\t\t\t\t\t{properties.length} {primaryKey ? `(PK: ${primaryKey.apiName}` : \"\"}\n\t\t\t\t\t\t\t\t\t{primaryKey && titleKey ? `, title: ${titleKey.apiName})` : primaryKey ? \")\" : \"\"}\n\t\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t\t\t<dt className=\"wwc:text-muted-foreground\">Groups</dt>\n\t\t\t\t\t\t\t\t<dd>{selectedGroups.length === 0 ? \"—\" : selectedGroups.join(\", \")}</dd>\n\t\t\t\t\t\t\t</dl>\n\n\t\t\t\t\t\t\t{hasDuplicateKeys ? (\n\t\t\t\t\t\t\t\t<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\">\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:inline-flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t<AlertTriangle className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t\tHeads-up: an attached datasource has duplicate keys — the type will index with a warning until\n\t\t\t\t\t\t\t\t\t\tresolved.\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\n\t\t\t\t<DialogFooter>\n\t\t\t\t\t<div className=\"wwc:text-sm\">\n\t\t\t\t\t\t<span className=\"wwc:text-muted-foreground\">\n\t\t\t\t\t\t\tStep {step + 1} of {STEPS.length}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t{step > 0 ? (\n\t\t\t\t\t\t\t<Button variant=\"outline\" onClick={goBack}>\n\t\t\t\t\t\t\t\t← Back\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{step < STEPS.length - 1 ? (\n\t\t\t\t\t\t\t<Button onClick={goNext}>Next →</Button>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Button onClick={create}>Create object type</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</DialogFooter>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n"],"mappings":"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"}

package/dist/observation-detail-panel.d.mts

@@ -0,0 +1,89 @@
+import { CommentItem } from "./comment-thread.mjs";
+import * as React from "react";
+//#region src/observation-detail-panel.d.ts
+/** Observation lifecycle, matching the Safety Manager list view. */
+export type ObservationStatus = "pending" | "open" | "closed";
+/** Severity ladder from the observation manager. "Not Determined" is the unset state. */
+export type ObservationSeverity = "Not Determined" | "Low" | "Medium" | "High" | "Emergency";
+/**
+ * One observation ticket. Field-for-field the Safety Manager list view's record, so a violation opened
+ * from the map reads the same as the same violation opened from the list.
+ */
+export interface ObservationDetail {
+  id: string;
+  /** Event type — the panel heading, e.g. "Speed Violation". */
+  title: string;
+  /** Full sentence describing what was detected. */
+  description?: string;
+  status: ObservationStatus;
+  severity: ObservationSeverity;
+  /** System that raised it (AVL, ConnectedWorker, CCTV, ClinicViolation…). */
+  source?: string;
+  /** Observation category/type. */
+  category?: string;
+  /** Contractor the event is attributed to; omitted renders as "Not Determined". */
+  company?: string;
+  /** Zone the event was located in. */
+  zone?: string;
+  /** Identical events rolled up into this one, when > 0. */
+  groupCount?: number;
+  /** Responder working an open observation. */
+  assignedTo?: string;
+  /** Responder who closed it; omitted on a desk dismissal. */
+  closedBy?: string;
+  /** Closed as a false positive — drives the header badge. */
+  falsePositive?: boolean;
+  updatedAt?: string;
+}
+export interface ObservationDetailAction {
+  id: string;
+  label: string;
+  icon?: React.ReactNode;
+  /** `destructive` renders the danger treatment. Default `default`. */
+  tone?: "default" | "destructive";
+  disabled?: boolean;
+}
+export interface ObservationDetailPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSubmit"> {
+  observation: ObservationDetail;
+  /** Closes the panel. Omit to hide the close button. */
+  onClose?: () => void;
+  /** Shows a back arrow — set when this ticket was drilled into from something else, e.g. a camera. */
+  onBack?: () => void;
+  /** Accessible label for the back control, e.g. "Back to camera". Default "Back". */
+  backLabel?: string;
+  /** The lead action, rendered filled — e.g. "Mark as Opened" or "Close Issue". */
+  primaryAction?: ObservationDetailAction;
+  /** Everything else, rendered as outline buttons under the primary. */
+  secondaryActions?: ObservationDetailAction[];
+  onAction?: (actionId: string) => void;
+  /**
+   * Comment + activity log; the thread doubles as the ticket's audit trail. Rendered in the order
+   * given and read oldest-first, so append new entries — they land directly above the composer,
+   * which is pinned to the foot of the panel.
+   */
+  comments?: CommentItem[];
+  commentValue?: string;
+  onCommentValueChange?: (html: string) => void;
+  onCommentSubmit?: (html: string) => void;
+  /** Hide the composer, e.g. on a closed ticket the viewer cannot annotate. */
+  hideComposer?: boolean;
+  /**
+   * Panel width in px. Fixed on purpose — it floats over a map, so it must not grow with its content.
+   * Default `340`.
+   */
+  width?: number;
+}
+/**
+ * Floating detail for one observation ticket: the record's fields, its lifecycle actions, and the
+ * comment thread that doubles as its audit trail. Sized rather than fluid, and internally scrolling,
+ * so it can float over a map without ever outgrowing it — pair with `ObservationsMap`'s `detail` slot,
+ * which pins it to the top-right corner.
+ *
+ * The record shape mirrors the Safety Manager list view, so the same violation reads identically
+ * whether it was opened from the map or the list. Lifecycle rules stay with the caller: pass whichever
+ * actions apply to this ticket's status and source.
+ */
+declare const ObservationDetailPanel: React.ForwardRefExoticComponent<ObservationDetailPanelProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ObservationDetailPanel };
+//# sourceMappingURL=observation-detail-panel.d.mts.map

package/dist/observation-detail-panel.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observation-detail-panel.d.mts","names":[],"sources":["../src/observation-detail-panel.tsx"],"mappings":";;;;YAWY;;YAGA;;;;;iBAyBK;EAChB;;EAEA;;EAEA;EACA,QAAQ;EACR,UAAU;;EAEV;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;EACA;;iBAGgB;EAChB;EACA;EACA,OAAO,MAAM;;EAEb;EACA;;iBAGgB,oCAAoC,KAAK,MAAM,eAAe;EAC9E,aAAa;;EAEb;;EAEA;;EAEA;;EAEA,gBAAgB;;EAEhB,mBAAmB;EACnB,YAAY;;;;;;EAMZ,WAAW;EACX;EACA,wBAAwB;EACxB,mBAAmB;;EAEnB;;;;;EAKA;;;;;;;;;;;;cAsBK,wBAAsB,MAAA,0BAAA,8BAAA,MAAA,cAAA"}

package/dist/observation-detail-panel.mjs

@@ -0,0 +1,168 @@
+import { Badge } from "./badge.mjs";
+import { Button } from "./button.mjs";
+import { Separator } from "./separator.mjs";
+import { DetailPanelShell } from "./detail-panel-shell.mjs";
+import { CommentComposer } from "./comment-composer.mjs";
+import { CommentThread } from "./comment-thread.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/observation-detail-panel.tsx
+const STATUS_LABEL = {
+	pending: "Pending",
+	open: "Open",
+	closed: "Closed"
+};
+function statusVariant(status) {
+	if (status === "closed") return "successSoft";
+	if (status === "pending") return "dangerSoft";
+	return "warningSoft";
+}
+function severityVariant(severity) {
+	if (severity === "Emergency" || severity === "High") return "dangerSoft";
+	if (severity === "Medium") return "warningSoft";
+	if (severity === "Low") return "successSoft";
+	return "neutralSoft";
+}
+function DetailRow({ label, value }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:items-start wwc:justify-between wwc:gap-3 wwc:text-xs",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "wwc:shrink-0 wwc:text-muted-foreground",
+			children: label
+		}), /* @__PURE__ */ jsx("span", {
+			className: "wwc:min-w-0 wwc:text-right wwc:font-medium",
+			children: value
+		})]
+	});
+}
+/**
+* Floating detail for one observation ticket: the record's fields, its lifecycle actions, and the
+* comment thread that doubles as its audit trail. Sized rather than fluid, and internally scrolling,
+* so it can float over a map without ever outgrowing it — pair with `ObservationsMap`'s `detail` slot,
+* which pins it to the top-right corner.
+*
+* The record shape mirrors the Safety Manager list view, so the same violation reads identically
+* whether it was opened from the map or the list. Lifecycle rules stay with the caller: pass whichever
+* actions apply to this ticket's status and source.
+*/
+const ObservationDetailPanel = React.forwardRef(({ className, observation, onClose, onBack, backLabel, primaryAction, secondaryActions = [], onAction, comments = [], commentValue, onCommentValueChange, onCommentSubmit, hideComposer = false, width = 340, style, ...props }, ref) => {
+	const endRef = React.useRef(null);
+	React.useEffect(() => {
+		endRef.current?.scrollIntoView({ block: "end" });
+	}, [comments.length]);
+	const o = observation;
+	return /* @__PURE__ */ jsxs(DetailPanelShell, {
+		ref,
+		className,
+		style,
+		width,
+		title: o.title,
+		onBack,
+		backLabel,
+		onClose,
+		footer: hideComposer ? void 0 : /* @__PURE__ */ jsx(CommentComposer, {
+			value: commentValue,
+			onChange: onCommentValueChange,
+			onSubmit: onCommentSubmit,
+			placeholder: "Add a comment...",
+			submitLabel: "Comment",
+			minHeight: "3",
+			toolbarActions: [
+				"bold",
+				"italic",
+				"list-bulleted"
+			]
+		}),
+		meta: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx(Badge, {
+				variant: statusVariant(o.status),
+				children: STATUS_LABEL[o.status]
+			}),
+			/* @__PURE__ */ jsx(Badge, {
+				variant: severityVariant(o.severity),
+				children: o.severity
+			}),
+			o.falsePositive && /* @__PURE__ */ jsx(Badge, {
+				variant: "dangerSoft",
+				children: "False Positive"
+			}),
+			o.groupCount !== void 0 && o.groupCount > 0 && /* @__PURE__ */ jsxs(Badge, {
+				variant: "outline",
+				children: ["+", o.groupCount]
+			})
+		] }),
+		...props,
+		children: [
+			o.description && /* @__PURE__ */ jsx("p", {
+				className: "wwc:text-xs wwc:text-muted-foreground",
+				children: o.description
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-1.5",
+				children: [
+					o.source && /* @__PURE__ */ jsx(DetailRow, {
+						label: "Source",
+						value: o.source
+					}),
+					o.category && /* @__PURE__ */ jsx(DetailRow, {
+						label: "Category",
+						value: o.category
+					}),
+					o.zone && /* @__PURE__ */ jsx(DetailRow, {
+						label: "Zone",
+						value: o.zone
+					}),
+					/* @__PURE__ */ jsx(DetailRow, {
+						label: "Company",
+						value: o.company ?? "Not Determined"
+					}),
+					o.status === "open" && /* @__PURE__ */ jsx(DetailRow, {
+						label: "Assigned to",
+						value: o.assignedTo ?? "Not assigned yet"
+					}),
+					o.status === "closed" && /* @__PURE__ */ jsx(DetailRow, {
+						label: "Closed by",
+						value: o.closedBy ?? "Dismissed — no responder"
+					}),
+					o.updatedAt && /* @__PURE__ */ jsx(DetailRow, {
+						label: "Updated",
+						value: o.updatedAt
+					})
+				]
+			}),
+			(primaryAction || secondaryActions.length > 0) && /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-wrap wwc:gap-1.5 wwc:pt-0.5",
+				children: [primaryAction && /* @__PURE__ */ jsxs(Button, {
+					size: "sm",
+					variant: primaryAction.tone === "destructive" ? "destructive" : "default",
+					disabled: primaryAction.disabled,
+					className: "wwc:h-7 wwc:text-xs",
+					onClick: () => onAction?.(primaryAction.id),
+					children: [primaryAction.icon, primaryAction.label]
+				}), secondaryActions.map((action) => /* @__PURE__ */ jsxs(Button, {
+					size: "sm",
+					variant: "outline",
+					disabled: action.disabled,
+					className: cn("wwc:h-7 wwc:text-xs", action.tone === "destructive" && "wwc:text-destructive"),
+					onClick: () => onAction?.(action.id),
+					children: [action.icon, action.label]
+				}, action.id))]
+			}),
+			/* @__PURE__ */ jsx(Separator, {}),
+			/* @__PURE__ */ jsx(CommentThread, {
+				comments,
+				emptyState: /* @__PURE__ */ jsx("p", {
+					className: "wwc:py-3 wwc:text-center wwc:text-xs wwc:text-muted-foreground",
+					children: "No activity yet."
+				})
+			}),
+			/* @__PURE__ */ jsx("div", { ref: endRef })
+		]
+	});
+});
+ObservationDetailPanel.displayName = "ObservationDetailPanel";
+//#endregion
+export { ObservationDetailPanel };
+
+//# sourceMappingURL=observation-detail-panel.mjs.map

package/dist/observation-detail-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"observation-detail-panel.mjs","names":[],"sources":["../src/observation-detail-panel.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nimport {Badge} from \"./badge\";\nimport {Button} from \"./button\";\nimport {CommentComposer} from \"./comment-composer\";\nimport {type CommentItem, CommentThread} from \"./comment-thread\";\nimport {DetailPanelShell} from \"./detail-panel-shell\";\nimport {Separator} from \"./separator\";\n\n/** Observation lifecycle, matching the Safety Manager list view. */\nexport type ObservationStatus = \"pending\" | \"open\" | \"closed\";\n\n/** Severity ladder from the observation manager. \"Not Determined\" is the unset state. */\nexport type ObservationSeverity = \"Not Determined\" | \"Low\" | \"Medium\" | \"High\" | \"Emergency\";\n\nconst STATUS_LABEL: Record<ObservationStatus, string> = {\n\tpending: \"Pending\",\n\topen: \"Open\",\n\tclosed: \"Closed\",\n};\n\nfunction statusVariant(status: ObservationStatus) {\n\tif (status === \"closed\") return \"successSoft\" as const;\n\tif (status === \"pending\") return \"dangerSoft\" as const;\n\treturn \"warningSoft\" as const;\n}\n\nfunction severityVariant(severity: ObservationSeverity) {\n\tif (severity === \"Emergency\" || severity === \"High\") return \"dangerSoft\" as const;\n\tif (severity === \"Medium\") return \"warningSoft\" as const;\n\tif (severity === \"Low\") return \"successSoft\" as const;\n\treturn \"neutralSoft\" as const;\n}\n\n/**\n * One observation ticket. Field-for-field the Safety Manager list view's record, so a violation opened\n * from the map reads the same as the same violation opened from the list.\n */\nexport interface ObservationDetail {\n\tid: string;\n\t/** Event type — the panel heading, e.g. \"Speed Violation\". */\n\ttitle: string;\n\t/** Full sentence describing what was detected. */\n\tdescription?: string;\n\tstatus: ObservationStatus;\n\tseverity: ObservationSeverity;\n\t/** System that raised it (AVL, ConnectedWorker, CCTV, ClinicViolation…). */\n\tsource?: string;\n\t/** Observation category/type. */\n\tcategory?: string;\n\t/** Contractor the event is attributed to; omitted renders as \"Not Determined\". */\n\tcompany?: string;\n\t/** Zone the event was located in. */\n\tzone?: string;\n\t/** Identical events rolled up into this one, when > 0. */\n\tgroupCount?: number;\n\t/** Responder working an open observation. */\n\tassignedTo?: string;\n\t/** Responder who closed it; omitted on a desk dismissal. */\n\tclosedBy?: string;\n\t/** Closed as a false positive — drives the header badge. */\n\tfalsePositive?: boolean;\n\tupdatedAt?: string;\n}\n\nexport interface ObservationDetailAction {\n\tid: string;\n\tlabel: string;\n\ticon?: React.ReactNode;\n\t/** `destructive` renders the danger treatment. Default `default`. */\n\ttone?: \"default\" | \"destructive\";\n\tdisabled?: boolean;\n}\n\nexport interface ObservationDetailPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n\tobservation: ObservationDetail;\n\t/** Closes the panel. Omit to hide the close button. */\n\tonClose?: () => void;\n\t/** Shows a back arrow — set when this ticket was drilled into from something else, e.g. a camera. */\n\tonBack?: () => void;\n\t/** Accessible label for the back control, e.g. \"Back to camera\". Default \"Back\". */\n\tbackLabel?: string;\n\t/** The lead action, rendered filled — e.g. \"Mark as Opened\" or \"Close Issue\". */\n\tprimaryAction?: ObservationDetailAction;\n\t/** Everything else, rendered as outline buttons under the primary. */\n\tsecondaryActions?: ObservationDetailAction[];\n\tonAction?: (actionId: string) => void;\n\t/**\n\t * Comment + activity log; the thread doubles as the ticket's audit trail. Rendered in the order\n\t * given and read oldest-first, so append new entries — they land directly above the composer,\n\t * which is pinned to the foot of the panel.\n\t */\n\tcomments?: CommentItem[];\n\tcommentValue?: string;\n\tonCommentValueChange?: (html: string) => void;\n\tonCommentSubmit?: (html: string) => void;\n\t/** Hide the composer, e.g. on a closed ticket the viewer cannot annotate. */\n\thideComposer?: boolean;\n\t/**\n\t * Panel width in px. Fixed on purpose — it floats over a map, so it must not grow with its content.\n\t * Default `340`.\n\t */\n\twidth?: number;\n}\n\nfunction DetailRow({label, value}: {label: string; value: React.ReactNode}) {\n\treturn (\n\t\t<div className=\"wwc:flex wwc:items-start wwc:justify-between wwc:gap-3 wwc:text-xs\">\n\t\t\t<span className=\"wwc:shrink-0 wwc:text-muted-foreground\">{label}</span>\n\t\t\t<span className=\"wwc:min-w-0 wwc:text-right wwc:font-medium\">{value}</span>\n\t\t</div>\n\t);\n}\n\n/**\n * Floating detail for one observation ticket: the record's fields, its lifecycle actions, and the\n * comment thread that doubles as its audit trail. Sized rather than fluid, and internally scrolling,\n * so it can float over a map without ever outgrowing it — pair with `ObservationsMap`'s `detail` slot,\n * which pins it to the top-right corner.\n *\n * The record shape mirrors the Safety Manager list view, so the same violation reads identically\n * whether it was opened from the map or the list. Lifecycle rules stay with the caller: pass whichever\n * actions apply to this ticket's status and source.\n */\nconst ObservationDetailPanel = React.forwardRef<HTMLDivElement, ObservationDetailPanelProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tobservation,\n\t\t\tonClose,\n\t\t\tonBack,\n\t\t\tbackLabel,\n\t\t\tprimaryAction,\n\t\t\tsecondaryActions = [],\n\t\t\tonAction,\n\t\t\tcomments = [],\n\t\t\tcommentValue,\n\t\t\tonCommentValueChange,\n\t\t\tonCommentSubmit,\n\t\t\thideComposer = false,\n\t\t\twidth = 340,\n\t\t\tstyle,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst endRef = React.useRef<HTMLDivElement>(null);\n\t\t// New entries are appended, so bring the foot of the thread into view rather than leaving it\n\t\t// below the fold under the pinned composer.\n\t\tReact.useEffect(() => {\n\t\t\tendRef.current?.scrollIntoView({block: \"end\"});\n\t\t}, [comments.length]);\n\n\t\tconst o = observation;\n\t\treturn (\n\t\t\t<DetailPanelShell\n\t\t\t\tref={ref}\n\t\t\t\tclassName={className}\n\t\t\t\tstyle={style}\n\t\t\t\twidth={width}\n\t\t\t\ttitle={o.title}\n\t\t\t\tonBack={onBack}\n\t\t\t\tbackLabel={backLabel}\n\t\t\t\tonClose={onClose}\n\t\t\t\tfooter={\n\t\t\t\t\thideComposer ? undefined : (\n\t\t\t\t\t\t<CommentComposer\n\t\t\t\t\t\t\tvalue={commentValue}\n\t\t\t\t\t\t\tonChange={onCommentValueChange}\n\t\t\t\t\t\t\tonSubmit={onCommentSubmit}\n\t\t\t\t\t\t\tplaceholder=\"Add a comment...\"\n\t\t\t\t\t\t\tsubmitLabel=\"Comment\"\n\t\t\t\t\t\t\tminHeight=\"3\"\n\t\t\t\t\t\t\ttoolbarActions={[\"bold\", \"italic\", \"list-bulleted\"]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tmeta={\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Badge variant={statusVariant(o.status)}>{STATUS_LABEL[o.status]}</Badge>\n\t\t\t\t\t\t<Badge variant={severityVariant(o.severity)}>{o.severity}</Badge>\n\t\t\t\t\t\t{o.falsePositive && <Badge variant=\"dangerSoft\">False Positive</Badge>}\n\t\t\t\t\t\t{o.groupCount !== undefined && o.groupCount > 0 && <Badge variant=\"outline\">+{o.groupCount}</Badge>}\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{o.description && <p className=\"wwc:text-xs wwc:text-muted-foreground\">{o.description}</p>}\n\n\t\t\t\t<div className=\"wwc:space-y-1.5\">\n\t\t\t\t\t{o.source && <DetailRow label=\"Source\" value={o.source} />}\n\t\t\t\t\t{o.category && <DetailRow label=\"Category\" value={o.category} />}\n\t\t\t\t\t{o.zone && <DetailRow label=\"Zone\" value={o.zone} />}\n\t\t\t\t\t{/* An unattributed event is \"Not Determined\", not blank — the list view says the same. */}\n\t\t\t\t\t<DetailRow label=\"Company\" value={o.company ?? \"Not Determined\"} />\n\t\t\t\t\t{o.status === \"open\" && <DetailRow label=\"Assigned to\" value={o.assignedTo ?? \"Not assigned yet\"} />}\n\t\t\t\t\t{o.status === \"closed\" && <DetailRow label=\"Closed by\" value={o.closedBy ?? \"Dismissed — no responder\"} />}\n\t\t\t\t\t{o.updatedAt && <DetailRow label=\"Updated\" value={o.updatedAt} />}\n\t\t\t\t</div>\n\n\t\t\t\t{(primaryAction || secondaryActions.length > 0) && (\n\t\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:gap-1.5 wwc:pt-0.5\">\n\t\t\t\t\t\t{primaryAction && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\tvariant={primaryAction.tone === \"destructive\" ? \"destructive\" : \"default\"}\n\t\t\t\t\t\t\t\tdisabled={primaryAction.disabled}\n\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:text-xs\"\n\t\t\t\t\t\t\t\tonClick={() => onAction?.(primaryAction.id)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{primaryAction.icon}\n\t\t\t\t\t\t\t\t{primaryAction.label}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{secondaryActions.map((action) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={action.id}\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\tdisabled={action.disabled}\n\t\t\t\t\t\t\t\tclassName={cn(\"wwc:h-7 wwc:text-xs\", action.tone === \"destructive\" && \"wwc:text-destructive\")}\n\t\t\t\t\t\t\t\tonClick={() => onAction?.(action.id)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{action.icon}\n\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<Separator />\n\n\t\t\t\t<CommentThread\n\t\t\t\t\tcomments={comments}\n\t\t\t\t\temptyState={\n\t\t\t\t\t\t<p className=\"wwc:py-3 wwc:text-center wwc:text-xs wwc:text-muted-foreground\">No activity yet.</p>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{/* Scroll anchor: a new entry lands here, directly above the pinned composer. */}\n\t\t\t\t<div ref={endRef} />\n\t\t\t</DetailPanelShell>\n\t\t);\n\t},\n);\nObservationDetailPanel.displayName = \"ObservationDetailPanel\";\n\nexport {ObservationDetailPanel};\n"],"mappings":"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"}