@naisys/erp 3.0.0-beta.21 → 3.0.0-beta.23

package/client-dist/assets/{index-CZhFlAkg.js → index-DycEn-R_.js}

@@ -1,5 +1,5 @@
 import { r as __toESM } from "./rolldown-runtime-CvHMtSRF.js";
-import { $ as Link, $t as MantineProvider, A as IconListDetails, At as FileButton, B as IconAlertTriangle, Bt as Checkbox, C as IconX, Ct as PasswordInput, D as IconPlus, Dt as Menu, E as IconTrash, Et as Modal, F as IconEye$1, Ft as Center, G as boolean, Gt as Accordion, H as ZodIssueCode, Ht as Anchor, I as IconChevronDown, It as Card, J as record, Jt as Loader, K as number, Kt as Group, L as IconCheck, Lt as Button, M as IconLayoutSidebarLeftCollapse, Mt as Divider, N as IconInfoCircle, Nt as Container, O as IconNote, Ot as Textarea, P as IconFile, Pt as Code, Q as BrowserRouter, Qt as Box, R as IconArrowBackUp, Rt as Badge, S as useForm, St as Tooltip, T as IconUpload, Tt as NumberInput, U as _enum, Ut as Text, V as IconAlertCircle, Vt as AppShell, W as array, Wt as Alert, X as union, Xt as UnstyledButton, Y as string, Yt as Popover, Z as unknown, Zt as ScrollArea, _ as IconRefresh, _t as Table, a as _undefined, at as useNavigate, b as IconDownload, bt as Select, c as boolean$1, ct as useSearchParams, d as object$1, dt as DateTimePicker, en as useDisclosure, et as Navigate, f as string$1, ft as DateInput, g as Markdown, gt as Tabs, h as remarkGfm, ht as TextInput, i as _null, in as require_react, it as useLocation, j as IconLayoutSidebarLeftExpand, jt as Drawer, k as IconLogout, kt as Image, l as literal, lt as Notifications, m as datetime, mt as Title, n as string$2, nn as require_jsx_runtime, nt as Route, o as any, ot as useOutletContext, p as union$1, pt as DatesProvider, q as object, qt as ActionIcon, r as _enum$1, rn as require_client, rt as Routes, s as array$1, st as useParams, t as number$2, tn as useDebouncedValue, tt as Outlet, u as number$1, ut as notifications, v as IconEye, vt as Switch, w as IconUser, wt as Pagination, x as IconCopy, xt as SegmentedControl, y as IconEyeOff, yt as Stack, z as IconApi, zt as Autocomplete } from "./vendor-DdMxejie.js";
+import { $ as unknown, $t as ScrollArea, A as IconLogout, At as Textarea, B as IconApi, Bt as Badge, C as useForm, Ct as SegmentedControl, D as IconTrash, Dt as NumberInput, E as IconUpload, Et as Pagination, F as IconFile, Ft as Container, G as _enum, Gt as Text, H as IconAlertCircle, Ht as Checkbox, I as IconEye$1, It as Code, J as number, Jt as Group, K as array, Kt as Alert, L as IconChevronDown, Lt as Center, M as IconLayoutSidebarLeftExpand, Mt as FileButton, N as IconLayoutSidebarLeftCollapse, Nt as Drawer, O as IconPlus, Ot as Modal, P as IconInfoCircle, Pt as Divider, Q as union, Qt as UnstyledButton, R as IconCheck, Rt as Card, S as IconCopy, St as Select, T as IconUser, Tt as PasswordInput, U as require_semver, Ut as AppShell, V as IconAlertTriangle, Vt as Autocomplete, W as ZodIssueCode, Wt as Anchor, X as record, Xt as Loader, Y as object, Yt as ActionIcon, Z as string, Zt as Popover, _ as IconRefresh, _t as TextInput, a as _undefined, an as require_client, at as Routes, b as IconEyeOff, bt as Switch, c as boolean$1, ct as useOutletContext, d as object$1, dt as Notifications, en as Box, et as BrowserRouter, f as string$1, ft as notifications, g as Markdown, gt as Title, h as remarkGfm, ht as DatesProvider, i as _null, in as require_jsx_runtime, it as Route, j as IconListDetails, jt as Image, k as IconNote, kt as Menu, l as literal, lt as useParams, m as datetime, mt as DateInput, n as string$2, nn as useDisclosure, nt as Navigate, o as any, on as require_react, ot as useLocation, p as union$1, pt as DateTimePicker, q as boolean, qt as Accordion, r as _enum$1, rn as useDebouncedValue, rt as Outlet, s as array$1, st as useNavigate, t as number$2, tn as MantineProvider, tt as Link, u as number$1, ut as useSearchParams, v as IconPhoto, vt as Tabs, w as IconX, wt as Tooltip, x as IconDownload, xt as Stack, y as IconEye, yt as Table, z as IconArrowBackUp, zt as Button } from "./vendor-MNFI7PUp.js";
 //#region \0vite/modulepreload-polyfill.js
 (function polyfill() {
 	const relList = document.createElement("link").relList;
@@ -155,46 +155,58 @@ function formatFileSize(bytes) {
 }
 //#endregion
 //#region ../../../packages/common/dist/formatVersion.js
+var import_semver = /* @__PURE__ */ __toESM(require_semver(), 1);
 /**
-* Parse a version string that may contain "npmVersion/commitHash".
-* "1.2.3/abc123..." → { npm: "1.2.3", hash: "abc123..." }
-* "1.2.3"          → { npm: "1.2.3", hash: "" }
-* "/abc123..."     → { npm: "", hash: "abc123..." }
+* Parse a version string that may contain ">=" operator and/or "/commitHash".
+* ">=1.2.3"         → { operator: ">=", npm: "1.2.3", hash: "" }
+* "1.2.3/abc123..." → { operator: "",   npm: "1.2.3", hash: "abc123..." }
+* "1.2.3"           → { operator: "",   npm: "1.2.3", hash: "" }
+* "/abc123..."      → { operator: "",   npm: "",      hash: "abc123..." }
 */
 function parseVersion(version) {
-	const slashIndex = version.indexOf("/");
+	let operator = "";
+	let rest = version;
+	if (rest.startsWith(">=")) {
+		operator = ">=";
+		rest = rest.substring(2);
+	}
+	const slashIndex = rest.indexOf("/");
 	if (slashIndex === -1) return {
-		npm: version,
+		operator,
+		npm: rest,
 		hash: ""
 	};
 	return {
-		npm: version.substring(0, slashIndex),
-		hash: version.substring(slashIndex + 1)
+		operator,
+		npm: rest.substring(0, slashIndex),
+		hash: rest.substring(slashIndex + 1)
 	};
 }
 /**
 * Format a version string for display.
-* "1.2.3/abc123def456..." → "1.2.3 (abc123de)"
-* "1.2.3" → "1.2.3"
-* "/abc123def456..." → "abc123de"
+* ">=1.2.3"              → ">=1.2.3"
+* "1.2.3/abc123def456…"  → "1.2.3 (abc123de)"
+* "1.2.3"                → "1.2.3"
+* "/abc123def456…"       → "abc123de"
 */
 function formatVersion(version) {
-	const { npm, hash } = parseVersion(version);
-	if (!hash) return npm;
+	const { operator, npm, hash } = parseVersion(version);
+	if (!hash) return `${operator}${npm}`;
 	const shortHash = hash.substring(0, 8);
-	if (npm) return `${npm} (${shortHash})`;
+	if (npm) return `${operator}${npm} (${shortHash})`;
 	return shortHash;
 }
 /**
-* Check if an instance version matches the target version.
-* Handles the "npmVersion/commitHash" format:
-* - If target has a hash, the instance must have the same hash to match.
-* - Otherwise, npm version parts are compared.
+* Check if an instance version satisfies the target version.
+* - If target has a hash, the instance must have the same hash.
+* - If target npm has ">=" operator, instance npm must be >= target npm.
+* - Otherwise, npm versions must match exactly.
 */
 function versionsMatch(instanceVersion, targetVersion) {
 	const target = parseVersion(targetVersion);
 	const instance = parseVersion(instanceVersion);
 	if (target.hash) return instance.hash === target.hash;
+	if (target.operator === ">=") return import_semver.default.gte(instance.npm, target.npm);
 	return instance.npm === target.npm;
 }
 //#endregion
@@ -262,6 +274,32 @@ object({
 	_actions: array(HateoasActionSchema).optional()
 });
 //#endregion
+//#region ../../../packages/common/dist/mimeTypes.js
+var MIME_TYPES = {
+	".jpg": "image/jpeg",
+	".jpeg": "image/jpeg",
+	".png": "image/png",
+	".gif": "image/gif",
+	".webp": "image/webp",
+	".svg": "image/svg+xml",
+	".bmp": "image/bmp",
+	".wav": "audio/wav",
+	".mp3": "audio/mpeg",
+	".m4a": "audio/mp4",
+	".flac": "audio/flac",
+	".ogg": "audio/ogg",
+	".webm": "audio/webm",
+	".pdf": "application/pdf",
+	".txt": "text/plain",
+	".json": "application/json"
+};
+function mimeFromFilename(filename) {
+	return MIME_TYPES[filename.slice(filename.lastIndexOf(".")).toLowerCase()] ?? "application/octet-stream";
+}
+function isImageFilename(filename) {
+	return mimeFromFilename(filename).startsWith("image/");
+}
+//#endregion
 //#region ../../../packages/common/assets/naisys-logo.webp
 var naisys_logo_default = "/erp/assets/naisys-logo-CzoPnn5I.webp";
 //#endregion
@@ -461,6 +499,62 @@ function useAuth() {
 	return ctx;
 }
 //#endregion
+//#region src/components/RouteErrorPage.tsx
+var RouteErrorPage = ({ error }) => {
+	const navigate = useNavigate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, {
+		size: "sm",
+		py: "xl",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Stack, {
+			align: "center",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {
+					order: 2,
+					children: "Something went wrong"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					c: "dimmed",
+					ta: "center",
+					children: error.message || "An unexpected error occurred on this page."
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+					variant: "default",
+					onClick: () => navigate(-1),
+					children: "Go back"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+					onClick: () => window.location.reload(),
+					children: "Reload"
+				})] })
+			]
+		})
+	});
+};
+//#endregion
+//#region src/components/ErrorBoundary.tsx
+var ErrorBoundary = class extends import_react.Component {
+	state = { error: null };
+	static getDerivedStateFromError(error) {
+		return { error };
+	}
+	componentDidUpdate(prevProps) {
+		if (this.state.error && prevProps.resetKey !== this.props.resetKey) this.setState({ error: null });
+	}
+	componentDidCatch(error, info) {
+		console.error("ErrorBoundary caught:", error, info);
+	}
+	render() {
+		if (this.state.error) return this.props.fallback(this.state.error);
+		return this.props.children;
+	}
+};
+var RouteErrorBoundary = ({ children }) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
+		resetKey: useLocation().pathname,
+		fallback: (error) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RouteErrorPage, { error }),
+		children
+	});
+};
+//#endregion
 //#region ../../../packages/common-browser/dist/ActionButton.js
 /**
 * A button that is automatically shown/hidden and enabled/disabled
@@ -508,9 +602,14 @@ var AttachmentList = ({ fetchAttachments: fetchAttachmentsFn, getDownloadUrl, ex
 	(0, import_react.useEffect)(() => {
 		fetchAttachments();
 	}, [fetchAttachments]);
-	const handleDownload = (id, filename) => {
+	const handleOpen = (id, filename) => {
+		const url = getDownloadUrl(id);
+		if (isImageFilename(filename)) {
+			window.open(url, "_blank", "noopener,noreferrer");
+			return;
+		}
 		const link = document.createElement("a");
-		link.href = getDownloadUrl(id);
+		link.href = url;
 		link.download = filename;
 		link.click();
 	};
@@ -553,14 +652,14 @@ var AttachmentList = ({ fetchAttachments: fetchAttachmentsFn, getDownloadUrl, ex
 				(0, import_jsx_runtime.jsx)(Table.Th, {})
 			] }) }), (0, import_jsx_runtime.jsx)(Table.Tbody, { children: data.attachments.map((att) => (0, import_jsx_runtime.jsxs)(Table.Tr, {
 				style: { cursor: "pointer" },
-				onClick: () => handleDownload(att.id, att.filename),
+				onClick: () => handleOpen(att.id, att.filename),
 				children: [
 					(0, import_jsx_runtime.jsx)(Table.Td, { children: att.filename }),
 					(0, import_jsx_runtime.jsx)(Table.Td, { children: formatFileSize(att.fileSize) }),
 					extraColumns?.map((col) => (0, import_jsx_runtime.jsx)(Table.Td, { children: col.render(att) }, col.header)),
 					(0, import_jsx_runtime.jsx)(Table.Td, { children: att.uploadedBy }),
 					(0, import_jsx_runtime.jsx)(Table.Td, { children: new Date(att.createdAt).toLocaleString() }),
-					(0, import_jsx_runtime.jsx)(Table.Td, { children: (0, import_jsx_runtime.jsx)(IconDownload, { size: 16 }) })
+					(0, import_jsx_runtime.jsx)(Table.Td, { children: isImageFilename(att.filename) ? (0, import_jsx_runtime.jsx)(IconPhoto, { size: 16 }) : (0, import_jsx_runtime.jsx)(IconDownload, { size: 16 }) })
 				]
 			}, att.id)) })]
 		}), totalPages > 1 && (0, import_jsx_runtime.jsx)(Group, {
@@ -821,6 +920,18 @@ var ServerLogViewer = ({ fetchLogs: fetchLogsFn, logFiles }) => {
 	] });
 };
 //#endregion
+//#region ../../../packages/common-browser/dist/VersionBadge.js
+var VersionBadge = ({ version, size = "sm" }) => {
+	if (!version) return null;
+	const isGit = version.includes("/");
+	return (0, import_jsx_runtime.jsx)(Badge, {
+		size,
+		variant: "light",
+		color: isGit ? "grape" : "cyan",
+		children: isGit ? "git" : "npm"
+	});
+};
+//#endregion
 //#region ../../../packages/common-browser/dist/zodResolver.js
 function zodResolver(schema) {
 	return (values) => {
@@ -2193,7 +2304,7 @@ var AppLayout = ({ supervisorAuth }) => {
 					size: "xs",
 					children: "Public read-only mode — login for full access"
 				})
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Outlet, { context: { supervisorAuth } })] }),
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RouteErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Outlet, { context: { supervisorAuth } }) })] }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoginModal, {
 				opened: loginOpen,
 				onClose: closeLogin
@@ -2202,6 +2313,39 @@ var AppLayout = ({ supervisorAuth }) => {
 	});
 };
 //#endregion
+//#region src/components/RootErrorPage.tsx
+var RootErrorPage = ({ error }) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, {
+		size: "sm",
+		py: "xl",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Stack, {
+			align: "center",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {
+					order: 1,
+					children: "Something went wrong"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					size: "lg",
+					c: "dimmed",
+					ta: "center",
+					children: error.message || "An unexpected error occurred."
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+					onClick: () => window.location.reload(),
+					children: "Reload"
+				})
+			]
+		})
+	});
+};
+//#endregion
+//#region src/lib/useBoomGuard.ts
+var useBoomGuard = (scope) => {
+	const [searchParams] = useSearchParams();
+	if (searchParams.get("boom") === scope) throw new Error(`Boom guard triggered: ${scope}`);
+};
+//#endregion
 //#region src/pages/admin/AdminPage.tsx
 var AdminPage = () => {
 	const [data, setData] = (0, import_react.useState)(null);
@@ -2270,12 +2414,16 @@ var AdminPage = () => {
 								children: "ERP Version"
 							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, {
 								gap: "xs",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: formatVersion(data.erpVersion) }), data.targetVersion && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
-									size: "sm",
-									variant: "light",
-									color: versionsMatch(data.erpVersion, data.targetVersion) ? "green" : "red",
-									children: ["target: ", formatVersion(data.targetVersion)]
-								})]
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: formatVersion(data.erpVersion) }),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(VersionBadge, { version: data.erpVersion }),
+									data.targetVersion && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
+										size: "sm",
+										variant: "light",
+										color: versionsMatch(data.erpVersion, data.targetVersion) ? "green" : "red",
+										children: ["target: ", formatVersion(data.targetVersion)]
+									})
+								]
 							}) })] }),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table.Tr, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, {
 								fw: 600,
@@ -3364,19 +3512,6 @@ function formatDate$1(d) {
 function formatDateTime$1(d) {
 	return `${formatDate$1(d)}T${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
 }
-var IMAGE_EXTENSIONS = new Set([
-	".jpg",
-	".jpeg",
-	".png",
-	".gif",
-	".webp",
-	".svg",
-	".bmp"
-]);
-function isImageFilename(filename) {
-	const ext = filename.slice(filename.lastIndexOf(".")).toLowerCase();
-	return IMAGE_EXTENSIONS.has(ext);
-}
 /** Check if a field type represents an array (e.g. "string[]") */
 function isArrayType(type) {
 	return type.endsWith("[]");
@@ -5040,6 +5175,7 @@ var OrderDetail = () => {
 //#endregion
 //#region src/pages/orders/OrderList.tsx
 var OrderList = () => {
+	useBoomGuard("orders");
 	const navigate = useNavigate();
 	const [searchParams, setSearchParams] = useSearchParams();
 	const page = Number(searchParams.get("page")) || 1;
@@ -10295,6 +10431,7 @@ var WorkCenterList = () => {
 //#endregion
 //#region src/App.tsx
 var AppContent = () => {
+	useBoomGuard("root");
 	const [publicRead, setPublicRead] = import_react.useState(false);
 	const [supervisorAuth, setSupervisorAuth] = import_react.useState(false);
 	const [clientConfigLoaded, setClientConfigLoaded] = import_react.useState(false);
@@ -10445,7 +10582,10 @@ var App = () => {
 			settings: { consistentWeeks: true },
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Notifications, { position: "top-right" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BrowserRouter, {
 				basename: "/erp",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppContent, {}) })
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
+					fallback: (error) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RootErrorPage, { error }),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppContent, {})
+				}) })
 			})]
 		})
 	});