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

package/dist/worker-profile.mjs

@@ -0,0 +1,621 @@
+import { Badge } from "./badge.mjs";
+import { HoverTooltip } from "./tooltip.mjs";
+import { Button } from "./button.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs.mjs";
+import { Avatar, AvatarFallback, AvatarImage } from "./avatar.mjs";
+import { Separator } from "./separator.mjs";
+import { ToggleGroup, ToggleGroupItem } from "./toggle-group.mjs";
+import { Skeleton } from "./skeleton.mjs";
+import { Progress } from "./progress.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Award, Calendar, GraduationCap, List, RotateCw, ShieldCheck, Smartphone, TriangleAlert, Upload, User, Users, Zap } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/worker-profile.tsx
+const TAB_ICONS = [
+	{
+		id: "general",
+		icon: List
+	},
+	{
+		id: "certificates",
+		icon: Award
+	},
+	{
+		id: "compliance",
+		icon: ShieldCheck
+	},
+	{
+		id: "trainings",
+		icon: GraduationCap
+	},
+	{
+		id: "device",
+		icon: Smartphone
+	},
+	{
+		id: "crew",
+		icon: Users
+	},
+	{
+		id: "visits",
+		icon: Calendar
+	}
+];
+/** Tab names — the trigger tooltip and accessible name, and the tab header title. */
+const TAB_LABELS = {
+	general: "General",
+	certificates: "Certificates",
+	compliance: "Compliance",
+	trainings: "Trainings",
+	device: "Device",
+	crew: "Crew",
+	visits: "Visits"
+};
+const EMPTY_TEXT = {
+	general: "No general details.",
+	certificates: "No certificates found.",
+	compliance: "No compliance record.",
+	trainings: "No training records found.",
+	device: "No device assigned.",
+	crew: "No crew assignment.",
+	visits: "No visit records."
+};
+/** Wording for a failed tab fetch. Names the tab, so an error never reads as "no data". */
+const ERROR_TEXT = {
+	general: "Couldn't load general details.",
+	certificates: "Couldn't load certificates.",
+	compliance: "Couldn't load the compliance record.",
+	trainings: "Couldn't load training records.",
+	device: "Couldn't load device details.",
+	crew: "Couldn't load the crew assignment.",
+	visits: "Couldn't load visit records."
+};
+/** The host's wording for a tab, falling back to the widget's own. */
+function tabLabel(tab, text) {
+	return text?.tabs?.[tab]?.label ?? TAB_LABELS[tab];
+}
+function certificateVariant(status) {
+	if (status === "Valid") return "default";
+	if (status === "Expires Soon") return "secondary";
+	return "destructive";
+}
+/**
+* Tells the typed Compliance model apart from caller-supplied content. React nodes are elements,
+* arrays, or primitives — only the model is a plain object carrying an `items` array.
+*/
+function isComplianceModel(compliance) {
+	return typeof compliance === "object" && compliance !== null && !Array.isArray(compliance) && !React.isValidElement(compliance) && Array.isArray(compliance.items);
+}
+/** Up to two letters from the worker's name, for the avatar fallback. */
+function initialsOf(name) {
+	const parts = name?.trim().split(/\s+/).filter(Boolean) ?? [];
+	if (parts.length === 0) return null;
+	const initials = `${parts[0]?.[0] ?? ""}${parts.length > 1 ? parts[parts.length - 1]?.[0] ?? "" : ""}`.toUpperCase();
+	return initials.length > 0 ? initials : null;
+}
+function FieldRow({ field }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:justify-between wwc:gap-3 wwc:text-sm",
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "wwc:shrink-0 wwc:text-muted-foreground",
+			children: [field.label, ":"]
+		}), /* @__PURE__ */ jsx("span", {
+			className: "wwc:text-right wwc:font-medium",
+			children: field.value
+		})]
+	});
+}
+/** The identity strip — photo, name/subtitle, and the worker-level actions slot. */
+function IdentityRegion({ identity }) {
+	const initials = initialsOf(identity.name);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-3 wwc:px-4 wwc:pt-4",
+		children: [
+			/* @__PURE__ */ jsxs(Avatar, {
+				className: "wwc:h-12 wwc:w-12",
+				children: [identity.photoUrl ? /* @__PURE__ */ jsx(AvatarImage, {
+					src: identity.photoUrl,
+					alt: identity.name ?? "Worker photo"
+				}) : null, /* @__PURE__ */ jsx(AvatarFallback, {
+					className: "wwc:text-sm wwc:font-medium",
+					children: initials ?? /* @__PURE__ */ jsx(User, {
+						className: "wwc:h-5 wwc:w-5 wwc:text-muted-foreground",
+						"aria-hidden": true
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:min-w-0 wwc:flex-1",
+				children: [identity.name ? /* @__PURE__ */ jsx("p", {
+					className: "wwc:truncate wwc:text-sm wwc:font-semibold",
+					children: identity.name
+				}) : null, identity.subtitle ? /* @__PURE__ */ jsx("div", {
+					className: "wwc:truncate wwc:text-xs wwc:text-muted-foreground",
+					children: identity.subtitle
+				}) : null]
+			}),
+			identity.actions ? /* @__PURE__ */ jsx("div", {
+				className: "wwc:flex wwc:shrink-0 wwc:items-center",
+				children: identity.actions
+			}) : null
+		]
+	});
+}
+/**
+* The document cell: the host's click handler when it has one, otherwise a link to the file, and
+* plain text when neither is on record. The handler wins over the `url` — a host that routes the
+* click through its own authenticated download often has no publicly fetchable URL at all.
+*/
+function CertificateDocument({ certificate, onDocumentClick }) {
+	const file = certificate.document;
+	if (!file) return null;
+	if (onDocumentClick) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: () => onDocumentClick(certificate),
+		className: "wwc:cursor-pointer wwc:underline wwc:underline-offset-2",
+		children: file.name
+	});
+	if (file.url) return /* @__PURE__ */ jsx("a", {
+		href: file.url,
+		target: "_blank",
+		rel: "noreferrer",
+		className: "wwc:underline wwc:underline-offset-2",
+		children: file.name
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: "wwc:text-muted-foreground",
+		children: file.name
+	});
+}
+/** One certificate — the always-present rows plus type, issue date, and document when supplied. */
+function CertificateBlock({ certificate, onDocumentClick }) {
+	const rows = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(FieldRow, { field: {
+			label: "Certificate Title",
+			value: certificate.title
+		} }),
+		certificate.type ? /* @__PURE__ */ jsx(FieldRow, { field: {
+			label: "Certificate Type",
+			value: certificate.type
+		} }) : null,
+		certificate.issueDate ? /* @__PURE__ */ jsx(FieldRow, { field: {
+			label: "Issue Date",
+			value: certificate.issueDate
+		} }) : null,
+		/* @__PURE__ */ jsx(FieldRow, { field: {
+			label: "Expire Date",
+			value: certificate.expiryDate
+		} }),
+		/* @__PURE__ */ jsx(FieldRow, { field: {
+			label: "Status",
+			value: /* @__PURE__ */ jsx(Badge, {
+				variant: certificateVariant(certificate.status),
+				className: "wwc:h-5 wwc:text-xs",
+				children: certificate.status
+			})
+		} }),
+		certificate.document ? /* @__PURE__ */ jsx(FieldRow, { field: {
+			label: "Document",
+			value: /* @__PURE__ */ jsx(CertificateDocument, {
+				certificate,
+				onDocumentClick
+			})
+		} }) : null
+	] });
+	return /* @__PURE__ */ jsx("div", {
+		className: "wwc:border-b wwc:pb-3 wwc:last:border-0",
+		children: certificate.actions ? /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:items-start wwc:gap-2",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "wwc:min-w-0 wwc:flex-1 wwc:space-y-1.5",
+				children: rows
+			}), /* @__PURE__ */ jsx("div", {
+				className: "wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-1",
+				children: certificate.actions
+			})]
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "wwc:space-y-1.5",
+			children: rows
+		})
+	});
+}
+/**
+* The compliance document's affordance, mirroring {@link CertificateDocument}'s precedence: the
+* host's click handler first, then the file's own `url`, then plain text. The handler wins over the
+* `url` because a host routing the click through its own authenticated download often has no
+* publicly fetchable URL at all.
+*
+* `attached: false` means there is no file, so neither affordance applies however the item is
+* otherwise filled in — a stale `url` beside "No document" would be the dead link issue #295 set out
+* to remove.
+*/
+function ComplianceDocumentAction({ item, onDocumentClick }) {
+	const file = item.document;
+	if (!file) return null;
+	if (file.attached === false) return /* @__PURE__ */ jsx("span", {
+		className: "wwc:shrink-0 wwc:text-muted-foreground",
+		children: "No document"
+	});
+	if (onDocumentClick) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: () => onDocumentClick(item),
+		className: "wwc:shrink-0 wwc:cursor-pointer wwc:underline wwc:underline-offset-2",
+		children: "View document"
+	});
+	if (file.url) return /* @__PURE__ */ jsx("a", {
+		href: file.url,
+		target: "_blank",
+		rel: "noreferrer",
+		className: "wwc:shrink-0 wwc:underline wwc:underline-offset-2",
+		children: "View document"
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: "wwc:shrink-0 wwc:text-muted-foreground",
+		children: file.attached ? "View document" : "No document"
+	});
+}
+/** One compliance check — header row (title + optional AUTO/status), choices, document, fields, and note. */
+function ComplianceItemBlock({ item, onDocumentClick }) {
+	const [localOption, setLocalOption] = React.useState(item.selectedOption);
+	if (item.onOptionChange && localOption !== item.selectedOption) setLocalOption(item.selectedOption);
+	const choice = (item.onOptionChange ? item.selectedOption : localOption) ?? "";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-2.5",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:justify-between wwc:gap-x-3 wwc:gap-y-1",
+				children: [/* @__PURE__ */ jsx("h5", {
+					className: "wwc:min-w-0 wwc:text-sm wwc:font-semibold",
+					children: item.title
+				}), item.auto || item.status != null ? /* @__PURE__ */ jsxs("div", {
+					className: "wwc:ml-auto wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-1.5",
+					children: [item.auto ? /* @__PURE__ */ jsxs(Badge, {
+						variant: "warningSoft",
+						className: "wwc:h-5 wwc:gap-1 wwc:text-[10px]",
+						children: [/* @__PURE__ */ jsx(Zap, {}), "AUTO"]
+					}) : null, typeof item.status === "string" ? /* @__PURE__ */ jsx("span", {
+						className: "wwc:text-xs wwc:font-medium wwc:tracking-wide wwc:text-muted-foreground wwc:uppercase",
+						children: item.status
+					}) : item.status]
+				}) : null]
+			}),
+			item.options && item.options.length > 0 ? /* @__PURE__ */ jsx(ToggleGroup, {
+				type: "single",
+				value: choice,
+				onValueChange: (option) => {
+					if (item.onOptionChange) {
+						if (option) item.onOptionChange(option);
+						return;
+					}
+					setLocalOption(option);
+				},
+				disabled: item.loading,
+				"aria-label": item.title,
+				variant: "outline",
+				size: "sm",
+				className: "wwc:justify-start wwc:gap-2",
+				children: item.options.map((option) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+					value: option,
+					className: cn("wwc:text-xs", item.onOptionChange && "wwc:cursor-pointer"),
+					children: option
+				}, option))
+			}) : null,
+			item.document ? /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-3 wwc:text-sm",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "wwc:truncate wwc:text-foreground/80",
+					children: item.document.name
+				}), /* @__PURE__ */ jsx(ComplianceDocumentAction, {
+					item,
+					onDocumentClick
+				})]
+			}) : null,
+			item.fields?.map((field) => /* @__PURE__ */ jsx(FieldRow, { field }, field.label)),
+			item.uploadable ? /* @__PURE__ */ jsxs(Button, {
+				variant: "link",
+				size: "sm",
+				className: "wwc:h-auto wwc:gap-1.5 wwc:px-0",
+				onClick: item.onUploadDocument,
+				loading: item.loading,
+				children: [item.loading ? null : /* @__PURE__ */ jsx(Upload, {}), "Upload / replace document"]
+			}) : null,
+			item.note ? /* @__PURE__ */ jsx("p", {
+				className: "wwc:text-xs wwc:text-muted-foreground",
+				children: item.note
+			}) : null
+		]
+	});
+}
+/** The typed Compliance tab — score bar over the individual checks. */
+function ComplianceBody({ compliance, onDocumentClick }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-4",
+		children: [
+			compliance.score ? /* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:justify-between",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "wwc:text-sm wwc:font-semibold",
+						children: "Compliance Score:"
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "wwc:text-sm wwc:font-semibold wwc:text-amber-600 wwc:dark:text-amber-500",
+						children: [
+							compliance.score.value,
+							" / ",
+							compliance.score.total
+						]
+					})]
+				}), /* @__PURE__ */ jsx(Progress, {
+					value: compliance.score.total > 0 ? compliance.score.value / compliance.score.total * 100 : 0,
+					tone: "warning"
+				})]
+			}) : null,
+			compliance.items.map((item, index) => /* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-4",
+				children: [index > 0 || compliance.score ? /* @__PURE__ */ jsx(Separator, {}) : null, /* @__PURE__ */ jsx(ComplianceItemBlock, {
+					item,
+					onDocumentClick
+				})]
+			}, item.id)),
+			compliance.footer ? /* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-4",
+				children: [compliance.items.length > 0 || compliance.score ? /* @__PURE__ */ jsx(Separator, {}) : null, compliance.footer]
+			}) : null
+		]
+	});
+}
+function TabBody({ title, actions, children }) {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "wwc:mb-3 wwc:flex wwc:items-center wwc:justify-between wwc:gap-3",
+		children: [/* @__PURE__ */ jsx("h4", {
+			className: "wwc:text-sm wwc:font-medium",
+			children: title
+		}), actions ? /* @__PURE__ */ jsx("div", {
+			className: "wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-2",
+			children: actions
+		}) : null]
+	}), children] });
+}
+function EmptyText({ tab, text }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: "wwc:text-sm wwc:text-muted-foreground",
+		children: text?.tabs?.[tab]?.empty ?? EMPTY_TEXT[tab]
+	});
+}
+/**
+* The loading treatment, shaped like the label/value rows every typed tab renders, so a tab does not
+* change size as its data arrives.
+*/
+function TabSkeleton({ label }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-2.5",
+		"data-testid": "worker-profile-tab-loading",
+		"aria-hidden": true,
+		children: [[
+			0,
+			1,
+			2,
+			3
+		].map((row) => /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-3",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "wwc:h-4 wwc:w-28" }), /* @__PURE__ */ jsx(Skeleton, { className: "wwc:h-4 wwc:w-20" })]
+		}, row)), /* @__PURE__ */ jsx("span", {
+			className: "wwc:sr-only",
+			children: label ?? "Loading…"
+		})]
+	});
+}
+/** A failed tab fetch, stated as a failure — with the host's retry when it has one. */
+function TabError({ tab, state, text }) {
+	return /* @__PURE__ */ jsxs("div", {
+		role: "alert",
+		className: "wwc:space-y-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:items-start wwc:gap-2 wwc:text-sm wwc:text-destructive",
+			children: [/* @__PURE__ */ jsx(TriangleAlert, {
+				className: "wwc:mt-0.5 wwc:h-4 wwc:w-4 wwc:shrink-0",
+				"aria-hidden": true
+			}), /* @__PURE__ */ jsx("p", { children: state.message ?? text?.tabs?.[tab]?.error ?? ERROR_TEXT[tab] })]
+		}), state.onRetry ? /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			size: "sm",
+			className: "wwc:gap-1.5",
+			onClick: state.onRetry,
+			children: [/* @__PURE__ */ jsx(RotateCw, {}), text?.retry ?? "Retry"]
+		}) : null]
+	});
+}
+/**
+* A tab's body, with the host-declared status winning over it. No state named for the tab and the
+* children render exactly as they did before this prop existed.
+*/
+function TabSlot({ tab, state, text, children }) {
+	if (state?.status === "loading") return /* @__PURE__ */ jsx(TabSkeleton, { label: text?.loading });
+	if (state?.status === "error") return /* @__PURE__ */ jsx(TabError, {
+		tab,
+		state,
+		text
+	});
+	return /* @__PURE__ */ jsx(Fragment$1, { children });
+}
+/**
+* Worker profile body — up to seven icon tabs over a worker's record, under an optional identity
+* region.
+*
+* Supply only the tabs you have data for and the rest fall back to their empty text. For a tab this
+* product will never populate, name the ones you do have in `tabs` instead — that removes the
+* trigger, rather than leaving an empty one that reads as broken.
+*/
+function WorkerProfile({ identity, general, certificates, certificatesActions, onCertificateDocumentClick, compliance, onComplianceDocumentClick, device, deviceActions, trainings, crew, visits, tabStates, tabs, text, defaultTab = "general", tab, onTabChange, className }) {
+	const generalGroups = general?.filter((group) => group.fields.length > 0) ?? [];
+	const complianceModel = isComplianceModel(compliance) ? compliance : null;
+	const complianceNode = complianceModel ? null : compliance;
+	const visibleTabs = tabs?.length ? TAB_ICONS.filter((tabItem) => tabs.includes(tabItem.id)) : TAB_ICONS;
+	const shows = (id) => visibleTabs.some((tabItem) => tabItem.id === id);
+	const firstVisible = visibleTabs[0]?.id ?? "general";
+	const activeDefault = shows(defaultTab) ? defaultTab : firstVisible;
+	const activeTab = tab === void 0 || shows(tab) ? tab : firstVisible;
+	return /* @__PURE__ */ jsxs(Tabs, {
+		...activeTab === void 0 ? { defaultValue: activeDefault } : { value: activeTab },
+		onValueChange: onTabChange ? (value) => onTabChange(value) : void 0,
+		className: cn("wwc:flex wwc:flex-1 wwc:flex-col wwc:overflow-hidden", className),
+		children: [
+			identity ? /* @__PURE__ */ jsx(IdentityRegion, { identity }) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:shrink-0 wwc:px-4 wwc:py-2",
+				children: /* @__PURE__ */ jsx(TabsList, { children: visibleTabs.map((tabItem) => {
+					const label = tabLabel(tabItem.id, text);
+					return /* @__PURE__ */ jsx(HoverTooltip, {
+						content: label,
+						children: /* @__PURE__ */ jsx(TabsTrigger, {
+							value: tabItem.id,
+							"aria-label": label,
+							children: /* @__PURE__ */ jsx(tabItem.icon, { className: "wwc:h-4 wwc:w-4" })
+						})
+					}, tabItem.id);
+				}) })
+			}),
+			shows("general") && /* @__PURE__ */ jsx(TabsContent, {
+				value: "general",
+				className: "wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4",
+				children: /* @__PURE__ */ jsx(TabBody, {
+					title: tabLabel("general", text),
+					children: /* @__PURE__ */ jsx(TabSlot, {
+						tab: "general",
+						state: tabStates?.general,
+						text,
+						children: generalGroups.length === 0 ? /* @__PURE__ */ jsx(EmptyText, {
+							tab: "general",
+							text
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "wwc:space-y-2.5",
+							children: generalGroups.map((group, index) => /* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-2.5",
+								children: [index > 0 && /* @__PURE__ */ jsx(Separator, {}), group.fields.map((field) => /* @__PURE__ */ jsx(FieldRow, { field }, field.label))]
+							}, group.id ?? index))
+						})
+					})
+				})
+			}),
+			shows("certificates") && /* @__PURE__ */ jsx(TabsContent, {
+				value: "certificates",
+				className: "wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4",
+				children: /* @__PURE__ */ jsx(TabBody, {
+					title: tabLabel("certificates", text),
+					actions: certificatesActions,
+					children: /* @__PURE__ */ jsx(TabSlot, {
+						tab: "certificates",
+						state: tabStates?.certificates,
+						text,
+						children: !certificates || certificates.length === 0 ? /* @__PURE__ */ jsx(EmptyText, {
+							tab: "certificates",
+							text
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "wwc:space-y-4",
+							children: certificates.map((certificate) => /* @__PURE__ */ jsx(CertificateBlock, {
+								certificate,
+								onDocumentClick: onCertificateDocumentClick
+							}, certificate.id))
+						})
+					})
+				})
+			}),
+			shows("compliance") && /* @__PURE__ */ jsx(TabsContent, {
+				value: "compliance",
+				className: "wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4",
+				children: /* @__PURE__ */ jsx(TabBody, {
+					title: tabLabel("compliance", text),
+					children: /* @__PURE__ */ jsx(TabSlot, {
+						tab: "compliance",
+						state: tabStates?.compliance,
+						text,
+						children: complianceModel ? complianceModel.items.length === 0 && !complianceModel.footer ? /* @__PURE__ */ jsx(EmptyText, {
+							tab: "compliance",
+							text
+						}) : /* @__PURE__ */ jsx(ComplianceBody, {
+							compliance: complianceModel,
+							onDocumentClick: onComplianceDocumentClick
+						}) : complianceNode ?? /* @__PURE__ */ jsx(EmptyText, {
+							tab: "compliance",
+							text
+						})
+					})
+				})
+			}),
+			shows("trainings") && /* @__PURE__ */ jsx(TabsContent, {
+				value: "trainings",
+				className: "wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4",
+				children: /* @__PURE__ */ jsx(TabBody, {
+					title: tabLabel("trainings", text),
+					children: /* @__PURE__ */ jsx(TabSlot, {
+						tab: "trainings",
+						state: tabStates?.trainings,
+						text,
+						children: trainings ?? /* @__PURE__ */ jsx(EmptyText, {
+							tab: "trainings",
+							text
+						})
+					})
+				})
+			}),
+			shows("device") && /* @__PURE__ */ jsx(TabsContent, {
+				value: "device",
+				className: "wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4",
+				children: /* @__PURE__ */ jsx(TabBody, {
+					title: tabLabel("device", text),
+					actions: deviceActions,
+					children: /* @__PURE__ */ jsx(TabSlot, {
+						tab: "device",
+						state: tabStates?.device,
+						text,
+						children: !device || device.length === 0 ? /* @__PURE__ */ jsx(EmptyText, {
+							tab: "device",
+							text
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "wwc:space-y-2.5",
+							children: device.map((field) => /* @__PURE__ */ jsx(FieldRow, { field }, field.label))
+						})
+					})
+				})
+			}),
+			shows("crew") && /* @__PURE__ */ jsx(TabsContent, {
+				value: "crew",
+				className: "wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4",
+				children: /* @__PURE__ */ jsx(TabBody, {
+					title: tabLabel("crew", text),
+					children: /* @__PURE__ */ jsx(TabSlot, {
+						tab: "crew",
+						state: tabStates?.crew,
+						text,
+						children: crew ?? /* @__PURE__ */ jsx(EmptyText, {
+							tab: "crew",
+							text
+						})
+					})
+				})
+			}),
+			shows("visits") && /* @__PURE__ */ jsx(TabsContent, {
+				value: "visits",
+				className: "wwc:m-0 wwc:flex-1 wwc:overflow-auto wwc:p-4",
+				children: /* @__PURE__ */ jsx(TabBody, {
+					title: tabLabel("visits", text),
+					children: /* @__PURE__ */ jsx(TabSlot, {
+						tab: "visits",
+						state: tabStates?.visits,
+						text,
+						children: visits ?? /* @__PURE__ */ jsx(EmptyText, {
+							tab: "visits",
+							text
+						})
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { WorkerProfile };
+
+//# sourceMappingURL=worker-profile.mjs.map