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

package/dist/pages/work-permit-templates.mjs

@@ -0,0 +1,793 @@
+import { Badge } from "../badge.mjs";
+import { Button } from "../button.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu.mjs";
+import { Tabs, TabsList, TabsTrigger } from "../tabs.mjs";
+import { Checkbox } from "../checkbox.mjs";
+import { ConfirmDialog } from "../confirm-dialog.mjs";
+import { Filter as Filter$1, FilterCategory, FilterContent, FilterOption, FilterTrigger } from "../filter.mjs";
+import { DataTable, DataTableColumnHeader } from "../data-table.mjs";
+import { Toaster, toast } from "../sonner.mjs";
+import { WC3_PROCESSES } from "./wc3-process-data.mjs";
+import { createProcess, processFacts, seedProcessRecord } from "./wc3-process-shared.mjs";
+import { StateMachine, permitTypeColor } from "./state-machine.mjs";
+import { DEMO_ACTIONS, DEMO_EFFECTS, demoInstancesFor } from "./state-machine-fixtures.mjs";
+import { permitInspectionForm } from "./typeform/model.mjs";
+import { FormBuilderWidgetRJSF } from "./typeform/FormBuilderWidgetRJSF.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Copy, MoreHorizontal, Pencil, Plus, Save, Send, Trash2, X } from "lucide-react";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/work-permit-templates.tsx
+/**
+* A display name back to the `permit_type` value the colour map is keyed by.
+*
+* The register carries readable names ("Hot Work") while the ontology rows carry slugs
+* ("hot_work"). Deriving one from the other keeps ONE colour map — see PERMIT_TYPE_COLOR — so a type
+* cannot be red in this table and orange in the editor's pills.
+*/
+const typeSlug = (type) => type.toLowerCase().replace(/\s+/g, "_");
+const STATUS_LABEL = {
+	draft: "Draft",
+	published: "Published",
+	archived: "Archived"
+};
+const TAB_LABEL = {
+	all: "All",
+	...STATUS_LABEL
+};
+const TEMPLATE_TABS = [
+	"all",
+	"draft",
+	"published",
+	"archived"
+];
+const OWNERS = [
+	"Moayad Test",
+	"Sara Idris",
+	"Faisal Otaibi",
+	"Lina Haddad"
+];
+const PERMIT_TEMPLATES = [
+	{
+		id: "tpl-d1",
+		name: "new",
+		type: "Hot Work",
+		version: 1,
+		status: "draft",
+		lastEdited: "2026-07-29",
+		owner: OWNERS[0]
+	},
+	{
+		id: "tpl-d2",
+		name: "Cold Work Permit (Stage Workflow)",
+		type: "Cold Work",
+		version: 5,
+		status: "draft",
+		lastEdited: "2026-08-13",
+		owner: OWNERS[1]
+	},
+	{
+		id: "tpl-d3",
+		name: "drghn",
+		type: "Cold Work",
+		version: 1,
+		status: "draft",
+		lastEdited: "2026-09-01",
+		owner: OWNERS[0]
+	},
+	{
+		id: "tpl-d4",
+		name: "RUNBOOK — Publish warnings (draft)",
+		type: "Cold Work",
+		version: 1,
+		status: "draft",
+		lastEdited: "2026-08-11",
+		owner: OWNERS[2]
+	},
+	{
+		id: "tpl-d5",
+		name: "RUNBOOK — Unsaved guard (draft)",
+		type: "Cold Work",
+		version: 1,
+		status: "draft",
+		lastEdited: "2026-08-12",
+		owner: OWNERS[2]
+	},
+	{
+		id: "tpl-d6",
+		name: "Test",
+		type: "Confined Space",
+		version: 1,
+		status: "draft",
+		lastEdited: "2026-09-01",
+		owner: OWNERS[3]
+	},
+	{
+		id: "tpl-d7",
+		name: "jjjj",
+		type: "Work at Height",
+		version: 1,
+		status: "draft",
+		lastEdited: "2026-07-30",
+		owner: OWNERS[0]
+	},
+	{
+		id: "tpl-p1",
+		name: "Hot Work Permit",
+		type: "Hot Work",
+		version: 4,
+		status: "published",
+		lastEdited: "2026-08-24",
+		owner: OWNERS[1]
+	},
+	{
+		id: "tpl-p2",
+		name: "Cold Work Permit",
+		type: "Cold Work",
+		version: 4,
+		status: "published",
+		lastEdited: "2026-08-20",
+		owner: OWNERS[1]
+	},
+	{
+		id: "tpl-p3",
+		name: "Confined Space Entry Permit",
+		type: "Confined Space",
+		version: 3,
+		status: "published",
+		lastEdited: "2026-08-18",
+		owner: OWNERS[3]
+	},
+	{
+		id: "tpl-p4",
+		name: "Work at Height Permit",
+		type: "Work at Height",
+		version: 3,
+		status: "published",
+		lastEdited: "2026-08-06",
+		owner: OWNERS[0]
+	},
+	{
+		id: "tpl-p5",
+		name: "Electrical Isolation Permit",
+		type: "Electrical Work",
+		version: 2,
+		status: "published",
+		lastEdited: "2026-07-31",
+		owner: OWNERS[2]
+	},
+	{
+		id: "tpl-p6",
+		name: "Excavation Permit",
+		type: "Excavation",
+		version: 2,
+		status: "published",
+		lastEdited: "2026-07-22",
+		owner: OWNERS[2]
+	},
+	{
+		id: "tpl-p7",
+		name: "Lifting Operations Permit",
+		type: "Lifting",
+		version: 2,
+		status: "published",
+		lastEdited: "2026-07-15",
+		owner: OWNERS[3]
+	},
+	{
+		id: "tpl-a1",
+		name: "Hot Work Permit",
+		type: "Hot Work",
+		version: 3,
+		status: "archived",
+		lastEdited: "2026-06-30",
+		owner: OWNERS[1]
+	},
+	{
+		id: "tpl-a2",
+		name: "Hot Work Permit",
+		type: "Hot Work",
+		version: 2,
+		status: "archived",
+		lastEdited: "2026-05-19",
+		owner: OWNERS[1]
+	},
+	{
+		id: "tpl-a3",
+		name: "Hot Work Permit",
+		type: "Hot Work",
+		version: 1,
+		status: "archived",
+		lastEdited: "2026-04-02",
+		owner: OWNERS[0]
+	},
+	{
+		id: "tpl-a4",
+		name: "Cold Work Permit",
+		type: "Cold Work",
+		version: 3,
+		status: "archived",
+		lastEdited: "2026-06-11",
+		owner: OWNERS[1]
+	},
+	{
+		id: "tpl-a5",
+		name: "Cold Work Permit",
+		type: "Cold Work",
+		version: 2,
+		status: "archived",
+		lastEdited: "2026-05-04",
+		owner: OWNERS[0]
+	},
+	{
+		id: "tpl-a6",
+		name: "Cold Work Permit",
+		type: "Cold Work",
+		version: 1,
+		status: "archived",
+		lastEdited: "2026-03-27",
+		owner: OWNERS[0]
+	},
+	{
+		id: "tpl-a7",
+		name: "Confined Space Entry Permit",
+		type: "Confined Space",
+		version: 2,
+		status: "archived",
+		lastEdited: "2026-06-02",
+		owner: OWNERS[3]
+	},
+	{
+		id: "tpl-a8",
+		name: "Confined Space Entry Permit",
+		type: "Confined Space",
+		version: 1,
+		status: "archived",
+		lastEdited: "2026-04-14",
+		owner: OWNERS[3]
+	},
+	{
+		id: "tpl-a9",
+		name: "Work at Height Permit",
+		type: "Work at Height",
+		version: 2,
+		status: "archived",
+		lastEdited: "2026-05-28",
+		owner: OWNERS[0]
+	},
+	{
+		id: "tpl-a10",
+		name: "Work at Height Permit",
+		type: "Work at Height",
+		version: 1,
+		status: "archived",
+		lastEdited: "2026-03-19",
+		owner: OWNERS[2]
+	},
+	{
+		id: "tpl-a11",
+		name: "Electrical Isolation Permit",
+		type: "Electrical Work",
+		version: 1,
+		status: "archived",
+		lastEdited: "2026-04-23",
+		owner: OWNERS[2]
+	},
+	{
+		id: "tpl-a12",
+		name: "Excavation Permit",
+		type: "Excavation",
+		version: 1,
+		status: "archived",
+		lastEdited: "2026-03-05",
+		owner: OWNERS[2]
+	},
+	{
+		id: "tpl-a13",
+		name: "Lifting Operations Permit",
+		type: "Lifting",
+		version: 1,
+		status: "archived",
+		lastEdited: "2026-02-26",
+		owner: OWNERS[3]
+	},
+	{
+		id: "tpl-a14",
+		name: "Scaffold Erection Permit (pilot)",
+		type: "Work at Height",
+		version: 1,
+		status: "archived",
+		lastEdited: "2026-02-11",
+		owner: OWNERS[1]
+	},
+	{
+		id: "tpl-a15",
+		name: "Night Hot Work (pilot)",
+		type: "Hot Work",
+		version: 1,
+		status: "archived",
+		lastEdited: "2026-01-29",
+		owner: OWNERS[1]
+	},
+	{
+		id: "tpl-a16",
+		name: "Radiography Permit (retired)",
+		type: "Confined Space",
+		version: 1,
+		status: "archived",
+		lastEdited: "2026-01-15",
+		owner: OWNERS[3]
+	}
+];
+const countBy = (rows, status) => rows.filter((row) => row.status === status).length;
+/** The ontology binding every permit template authors against — the Work Permit object type. */
+const PERMIT_OBJECT_TYPE = "ot_permit";
+const PERMIT_STATUS_PROP = "permit_status";
+const today = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+/**
+* A graph to open an EXISTING template on.
+*
+* The template register and the process fixtures are separate data today — a row carries no graph of
+* its own — so an existing template opens on a deep clone of the shipped Work Permit lifecycle. Freshly
+* seeded per open, never shared: `seedProcessRecord` also computes the canvas layout, and handing two
+* editors the same record would let a drag in one move a state in the other.
+*/
+const permitGraph = () => {
+	const permit = WC3_PROCESSES.find((process) => process.objectTypeId === PERMIT_OBJECT_TYPE) ?? WC3_PROCESSES[0];
+	return seedProcessRecord(permit);
+};
+/**
+* The graph a NEW template starts on: the standard permit lifecycle — Draft, Submitted, In review,
+* Issued, Closed and Rejected, wired together.
+*
+* NOT a bare Draft + Closed. A permit template is a variation on a lifecycle every permit already
+* shares, not a blank page, and starting from two disconnected states means every new template
+* begins by rebuilding the same six by hand.
+*
+* Exported because it is the START OF A SURFACE, not an internal detail: the New Permit Template
+* story mounts the widget on exactly this, so what Storybook shows and what New Template opens
+* cannot drift.
+*
+* Derived from the shipped lifecycle with its CUSTOM states removed, rather than typed out again as
+* a second fixture that would drift. Custom is precisely the flag for "a specific project added
+* this" — the shipped graph's `Suspended` carries it, and its own evidence note calls it "a labeled
+* custom state added to enable the occupancy gate". Transitions touching a dropped state go with it,
+* and the layout is recomputed by seedProcessRecord so the removal leaves no gap in the row.
+*/
+const defaultTemplateGraph = (name) => {
+	const permit = WC3_PROCESSES.find((process) => process.objectTypeId === PERMIT_OBJECT_TYPE) ?? WC3_PROCESSES[0];
+	const states = permit.states.filter((state) => !state.custom);
+	const kept = new Set(states.map((state) => state.id));
+	const transitions = permit.transitions.filter((t) => kept.has(t.from) && kept.has(t.to));
+	const lifecycle = seedProcessRecord({
+		...permit,
+		states,
+		transitions
+	});
+	return {
+		...createProcess({
+			name,
+			icon: "clipboard",
+			objectTypeId: PERMIT_OBJECT_TYPE,
+			statusProp: PERMIT_STATUS_PROP
+		}),
+		states: lifecycle.states,
+		transitions: lifecycle.transitions,
+		layout: lifecycle.layout
+	};
+};
+/**
+* "29 July 2026" — the format the screen this page was drawn from uses.
+*
+* Explicit en-GB rather than the viewer's locale: a permit's edit date is read beside a version
+* number, and a list where one row says 29/07 and the next says 7/29 is worse than a list that is
+* consistently not the reader's convention.
+*/
+function formatEdited(iso) {
+	return (/* @__PURE__ */ new Date(`${iso}T00:00:00Z`)).toLocaleDateString("en-GB", {
+		day: "numeric",
+		month: "long",
+		year: "numeric",
+		timeZone: "UTC"
+	});
+}
+function TypeChip({ type }) {
+	return /* @__PURE__ */ jsxs(Badge, {
+		variant: "outline",
+		className: cn("wwc:gap-1.5 wwc:font-normal", permitTypeColor(typeSlug(type)).chip),
+		children: [/* @__PURE__ */ jsx("span", { className: "wwc:size-1.5 wwc:shrink-0 wwc:rounded-full wwc:bg-current" }), type]
+	});
+}
+function StatusChip({ status }) {
+	return /* @__PURE__ */ jsx(Badge, {
+		variant: status === "published" ? "successSoft" : "neutralSoft",
+		className: "wwc:font-normal",
+		children: STATUS_LABEL[status]
+	});
+}
+function makeTemplateColumns(onOpen, onDuplicate, onDelete) {
+	return [
+		{
+			id: "select",
+			enableSorting: false,
+			enableHiding: false,
+			meta: { cellClassName: "wwc:w-px wwc:pr-0" },
+			header: ({ table }) => /* @__PURE__ */ jsx(Checkbox, {
+				checked: table.getIsAllPageRowsSelected() ? true : table.getIsSomePageRowsSelected() ? "indeterminate" : false,
+				onCheckedChange: (v) => table.toggleAllPageRowsSelected(!!v),
+				"aria-label": "Select all"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Checkbox, {
+				checked: row.getIsSelected(),
+				onCheckedChange: (v) => row.toggleSelected(!!v),
+				"aria-label": "Select row"
+			})
+		},
+		{
+			accessorKey: "name",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Template"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => onOpen(row.original),
+				className: "wwc:text-left wwc:font-medium wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+				children: row.original.name
+			})
+		},
+		{
+			accessorKey: "type",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Type"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(TypeChip, { type: row.original.type })
+		},
+		{
+			accessorKey: "version",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Version"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs(Badge, {
+				variant: "outline",
+				className: "wwc:font-normal wwc:tabular-nums",
+				children: ["v", row.original.version]
+			})
+		},
+		{
+			accessorKey: "status",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Status"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(StatusChip, { status: row.original.status })
+		},
+		{
+			accessorKey: "lastEdited",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Last edited"
+			}),
+			meta: { cellClassName: "wwc:whitespace-nowrap wwc:text-muted-foreground" },
+			cell: ({ row }) => formatEdited(row.original.lastEdited)
+		},
+		{
+			accessorKey: "owner",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Owner"
+			}),
+			meta: { cellClassName: "wwc:whitespace-nowrap" },
+			cell: ({ row }) => row.original.owner
+		},
+		{
+			id: "actions",
+			enableSorting: false,
+			enableHiding: false,
+			meta: { cellClassName: "wwc:w-px wwc:max-w-none wwc:overflow-visible wwc:whitespace-nowrap wwc:text-right" },
+			cell: ({ row }) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					icon: true,
+					"aria-label": "Row actions",
+					className: "wwc:h-7 wwc:w-7 wwc:text-muted-foreground",
+					children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "wwc:h-4 wwc:w-4" })
+				})
+			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+				align: "end",
+				className: "wwc:w-48",
+				children: [
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => onOpen(row.original),
+						children: [/* @__PURE__ */ jsx(Pencil, { className: "wwc:h-4 wwc:w-4" }), "Open template"]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => onDuplicate(row.original),
+						children: [/* @__PURE__ */ jsx(Copy, { className: "wwc:h-4 wwc:w-4" }), "Duplicate as draft"]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: "wwc:text-destructive wwc:focus:text-destructive",
+						onClick: () => onDelete(row.original),
+						children: [/* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4" }), "Delete template"]
+					})
+				]
+			})] })
+		}
+	];
+}
+const uniqueValues = (rows, key) => Array.from(new Set(rows.map((row) => row[key]))).sort();
+/**
+* The Templates tab of the Work Permit template.
+*
+* @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a
+* supported production import.
+*/
+function PermitTemplatesView() {
+	const [templates, setTemplates] = useState(PERMIT_TEMPLATES);
+	const [tab, setTab] = useState("all");
+	const [filters, setFilters] = useState({});
+	const [pendingDelete, setPendingDelete] = useState(null);
+	const [pendingDiscard, setPendingDiscard] = useState(false);
+	const [editing, setEditing] = useState(null);
+	const counts = useMemo(() => ({
+		all: templates.length,
+		draft: countBy(templates, "draft"),
+		published: countBy(templates, "published"),
+		archived: countBy(templates, "archived")
+	}), [templates]);
+	const rows = useMemo(() => templates.filter((template) => (tab === "all" || template.status === tab) && Object.entries(filters).every(([key, selected]) => {
+		if (!selected || selected.length === 0) return true;
+		return selected.includes(String(template[key]));
+	})), [
+		templates,
+		tab,
+		filters
+	]);
+	const openTemplate = (template) => setEditing({
+		templateId: template.id,
+		process: {
+			...permitGraph(),
+			name: template.name
+		},
+		isNew: false,
+		snapshot: template
+	});
+	/**
+	* New Template creates the draft ROW first, then opens it.
+	*
+	* Not "author, then save": a draft IS the unsaved state, so a New Template that vanished on Back
+	* would be a dead end, and one that only appears after an explicit save would need a save button
+	* this surface does not have. The fixture is the evidence — `new`, `drghn` and `jjjj` are exactly
+	* what a draft-first list accumulates.
+	*
+	* It opens on the standard lifecycle, not an empty graph — see {@link defaultTemplateGraph}.
+	*/
+	const newTemplate = () => {
+		const draft = {
+			id: `tpl-new-${Date.now()}`,
+			name: "Untitled template",
+			type: "Hot Work",
+			version: 1,
+			status: "draft",
+			lastEdited: today(),
+			owner: OWNERS[0]
+		};
+		setTemplates((all) => [draft, ...all]);
+		setTab("draft");
+		setEditing({
+			templateId: draft.id,
+			isNew: true,
+			snapshot: null,
+			process: defaultTemplateGraph(draft.name)
+		});
+	};
+	/**
+	* Every commit from the builder lands here. The row's NAME follows the record's, because the
+	* builder's General section edits `process.name` and a list showing the old name beside an editor
+	* showing the new one is the drift this mirroring exists to prevent.
+	*/
+	const commitProcess = (next) => {
+		setEditing((open) => open ? {
+			...open,
+			process: next
+		} : open);
+		setTemplates((all) => all.map((template) => template.id === editing?.templateId ? {
+			...template,
+			name: next.name,
+			lastEdited: today()
+		} : template));
+	};
+	const duplicateTemplate = (template) => {
+		const copy = {
+			...template,
+			id: `${template.id}-copy-${Date.now()}`,
+			name: `${template.name} (copy)`,
+			version: 1,
+			status: "draft",
+			lastEdited: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
+		};
+		setTemplates((all) => [copy, ...all]);
+		setTab("draft");
+		toast.success(`Duplicated as “${copy.name}”`);
+	};
+	const confirmDelete = () => {
+		if (!pendingDelete) return;
+		const ids = new Set(pendingDelete.map((template) => template.id));
+		setTemplates((all) => all.filter((template) => !ids.has(template.id)));
+		toast.success(pendingDelete.length === 1 ? "Template deleted" : `${pendingDelete.length} templates deleted`);
+		setPendingDelete(null);
+	};
+	/** Close the editor and land the user on the tab the row now lives in. */
+	const closeEditor = (landOn) => {
+		setTab(landOn);
+		setEditing(null);
+	};
+	const saveDraft = () => {
+		if (!editing) return;
+		setTemplates((all) => all.map((template) => template.id === editing.templateId ? {
+			...template,
+			name: editing.process.name,
+			status: "draft",
+			lastEdited: today()
+		} : template));
+		toast.success(`Saved “${editing.process.name}” as a draft`);
+		closeEditor("draft");
+	};
+	const publish = () => {
+		if (!editing) return;
+		const lint = processFacts(editing.process).lint;
+		if (lint.length > 0) {
+			toast.error(`Cannot publish — ${lint.length} rule${lint.length === 1 ? "" : "s"} still failing`, { description: lint.map((error) => `${error.rule} · ${error.msg}`).join("\n") });
+			return;
+		}
+		setTemplates((all) => all.map((template) => template.id === editing.templateId ? {
+			...template,
+			name: editing.process.name,
+			status: "published",
+			lastEdited: today()
+		} : template));
+		toast.success(`Published “${editing.process.name}”`);
+		closeEditor("published");
+	};
+	const discard = () => {
+		if (!editing) return;
+		const { isNew, snapshot, templateId } = editing;
+		setTemplates((all) => isNew ? all.filter((template) => template.id !== templateId) : all.map((template) => template.id === templateId && snapshot ? snapshot : template));
+		toast(isNew ? "Draft discarded" : "Changes discarded");
+		closeEditor(snapshot?.status ?? "draft");
+		setPendingDiscard(false);
+	};
+	const columns = useMemo(() => makeTemplateColumns(openTemplate, duplicateTemplate, (template) => setPendingDelete([template])), []);
+	if (editing) return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(StateMachine, {
+			variant: "work-permit",
+			sectionLabels: { form: "Forms" },
+			formSlot: /* @__PURE__ */ jsx(FormBuilderWidgetRJSF, {
+				mode: "builder",
+				seedForms: [permitInspectionForm()]
+			}),
+			actions: DEMO_ACTIONS,
+			effects: DEMO_EFFECTS,
+			instances: demoInstancesFor(editing.process),
+			process: editing.process,
+			onChange: commitProcess,
+			onBack: () => closeEditor(editing.snapshot?.status ?? "draft"),
+			authoring: editing.isNew,
+			headerActions: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					size: "sm",
+					className: "wwc:gap-1.5",
+					onClick: () => setPendingDiscard(true),
+					children: [/* @__PURE__ */ jsx(X, { className: "wwc:h-4 wwc:w-4" }), "Discard"]
+				}),
+				/* @__PURE__ */ jsxs(Button, {
+					variant: "outline",
+					size: "sm",
+					className: "wwc:gap-1.5",
+					onClick: saveDraft,
+					children: [/* @__PURE__ */ jsx(Save, { className: "wwc:h-4 wwc:w-4" }), "Save as draft"]
+				}),
+				/* @__PURE__ */ jsxs(Button, {
+					size: "sm",
+					className: "wwc:gap-1.5",
+					onClick: publish,
+					children: [/* @__PURE__ */ jsx(Send, { className: "wwc:h-4 wwc:w-4" }), "Save and publish"]
+				})
+			] })
+		}),
+		/* @__PURE__ */ jsx(ConfirmDialog, {
+			open: pendingDiscard,
+			onOpenChange: setPendingDiscard,
+			title: editing.isNew ? "Discard draft" : "Discard changes",
+			description: editing.isNew ? `“${editing.process.name}” has not been saved. Discarding removes it from the register.` : `“${editing.process.name}” goes back to how it was when you opened it. Edits made since are lost.`,
+			confirmLabel: "Discard",
+			destructive: true,
+			onConfirm: discard
+		}),
+		/* @__PURE__ */ jsx(Toaster, { position: "top-right" })
+	] });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-auto",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:p-6",
+				children: [/* @__PURE__ */ jsx(Tabs, {
+					value: tab,
+					onValueChange: (value) => setTab(value),
+					className: "wwc:mb-4",
+					children: /* @__PURE__ */ jsx(TabsList, { children: TEMPLATE_TABS.map((id) => /* @__PURE__ */ jsxs(TabsTrigger, {
+						value: id,
+						children: [TAB_LABEL[id], /* @__PURE__ */ jsx(Badge, {
+							variant: "secondary",
+							className: "wwc:ml-2 wwc:h-5 wwc:px-1.5 wwc:text-[10px]",
+							children: counts[id]
+						})]
+					}, id)) })
+				}), /* @__PURE__ */ jsx(Filter$1, {
+					value: filters,
+					onChange: setFilters,
+					children: /* @__PURE__ */ jsx(DataTable, {
+						columns,
+						data: rows,
+						searchKey: "name",
+						searchPlaceholder: "Search templates…",
+						showColumnToggle: true,
+						recordLabel: "template",
+						pageSize: 15,
+						toolbarExtra: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							/* @__PURE__ */ jsx(FilterTrigger, {}),
+							/* @__PURE__ */ jsxs(FilterContent, { children: [/* @__PURE__ */ jsx(FilterCategory, {
+								value: "type",
+								label: "Permit Type",
+								children: uniqueValues(templates, "type").map((type) => /* @__PURE__ */ jsx(FilterOption, {
+									value: type,
+									children: type
+								}, type))
+							}), /* @__PURE__ */ jsx(FilterCategory, {
+								value: "owner",
+								label: "Owner",
+								children: uniqueValues(templates, "owner").map((owner) => /* @__PURE__ */ jsx(FilterOption, {
+									value: owner,
+									children: owner
+								}, owner))
+							})] }),
+							/* @__PURE__ */ jsxs(Button, {
+								onClick: newTemplate,
+								children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), "New Template"]
+							})
+						] }),
+						bulkActions: [{
+							label: "Delete",
+							variant: "destructive",
+							icon: /* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4" }),
+							onClick: (selectedIds) => {
+								const picked = selectedIds.map((index) => rows[Number(index)]).filter((template) => template !== void 0);
+								if (picked.length > 0) setPendingDelete(picked);
+							}
+						}]
+					}, tab)
+				})]
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: pendingDelete !== null,
+				onOpenChange: (open) => {
+					if (!open) setPendingDelete(null);
+				},
+				title: pendingDelete && pendingDelete.length > 1 ? "Delete templates" : "Delete template",
+				description: pendingDelete && pendingDelete.length > 1 ? `${pendingDelete.length} templates will be deleted. Permits already issued from them are not affected.` : `“${pendingDelete?.[0]?.name ?? ""}” will be deleted. Permits already issued from it are not affected.`,
+				confirmLabel: "Delete",
+				destructive: true,
+				onConfirm: confirmDelete
+			}),
+			/* @__PURE__ */ jsx(Toaster, { position: "top-right" })
+		]
+	});
+}
+//#endregion
+export { PermitTemplatesView, defaultTemplateGraph };
+
+//# sourceMappingURL=work-permit-templates.mjs.map