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

package/client-dist/assets/{index-CZhFlAkg.js → index-BJzK1WXg.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 BrowserRouter, $t as Box, A as IconLogout, At as Image, B as IconApi, Bt as Autocomplete, C as useForm, Ct as Tooltip, D as IconTrash, Dt as Modal, E as IconUpload, Et as NumberInput, F as IconFile, Ft as Code, G as array, Gt as Alert, H as IconAlertCircle, Ht as AppShell, I as IconEye$1, It as Center, J as object, Jt as ActionIcon, K as boolean, Kt as Accordion, L as IconChevronDown, Lt as Card, M as IconLayoutSidebarLeftExpand, Mt as Drawer, N as IconLayoutSidebarLeftCollapse, Nt as Divider, O as IconPlus, Ot as Menu, P as IconInfoCircle, Pt as Container, Q as unknown, Qt as ScrollArea, R as IconCheck, Rt as Button, S as IconCopy, St as SegmentedControl, T as IconUser, Tt as Pagination, U as ZodIssueCode, Ut as Anchor, V as IconAlertTriangle, Vt as Checkbox, W as _enum, Wt as Text, X as string, Xt as Popover, Y as record, Yt as Loader, Z as union, Zt as UnstyledButton, _ as IconRefresh, _t as Tabs, a as _undefined, an as require_react, at as useLocation, b as IconEyeOff, bt as Stack, c as boolean$1, ct as useParams, d as object$1, dt as notifications, en as MantineProvider, et as Link, f as string$1, ft as DateTimePicker, g as Markdown, gt as TextInput, h as remarkGfm, ht as Title, i as _null, in as require_client, it as Routes, j as IconListDetails, jt as FileButton, k as IconNote, kt as Textarea, l as literal, lt as useSearchParams, m as datetime, mt as DatesProvider, n as string$2, nn as useDebouncedValue, nt as Outlet, o as any, ot as useNavigate, p as union$1, pt as DateInput, q as number, qt as Group, r as _enum$1, rn as require_jsx_runtime, rt as Route, s as array$1, st as useOutletContext, t as number$2, tn as useDisclosure, tt as Navigate, u as number$1, ut as Notifications, v as IconPhoto, vt as Table, w as IconX, wt as PasswordInput, x as IconDownload, xt as Select, y as IconEye, yt as Switch, z as IconArrowBackUp, zt as Badge } from "./vendor-DlmcA82d.js";
 //#region \0vite/modulepreload-polyfill.js
 (function polyfill() {
 	const relList = document.createElement("link").relList;
@@ -262,6 +262,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 +487,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 +590,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 +640,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, {
@@ -2193,7 +2280,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 +2289,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);
@@ -3364,19 +3484,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 +5147,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 +10403,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 +10554,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, {})
+				}) })
 			})]
 		})
 	});

package/client-dist/assets/{vendor-DdMxejie.js → vendor-DlmcA82d.js}

@@ -39588,6 +39588,24 @@ var IconEye = createReactComponent("outline", "eye", "Eye", [["path", {
 	"d": "M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6",
 	"key": "svg-1"
 }]]);
+var IconPhoto = createReactComponent("outline", "photo", "Photo", [
+	["path", {
+		"d": "M15 8h.01",
+		"key": "svg-0"
+	}],
+	["path", {
+		"d": "M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12",
+		"key": "svg-1"
+	}],
+	["path", {
+		"d": "M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5",
+		"key": "svg-2"
+	}],
+	["path", {
+		"d": "M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3",
+		"key": "svg-3"
+	}]
+]);
 var IconRefresh = createReactComponent("outline", "refresh", "Refresh", [["path", {
 	"d": "M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4",
 	"key": "svg-0"
@@ -64782,4 +64800,4 @@ function number(params) {
 	return /* @__PURE__ */ _coercedNumber(ZodNumber, params);
 }
 //#endregion
-export { Link as $, MantineProvider as $t, IconListDetails as A, FileButton as At, IconAlertTriangle as B, Checkbox as Bt, IconX as C, PasswordInput as Ct, IconPlus as D, Menu as Dt, IconTrash as E, Modal as Et, IconEye$1 as F, Center as Ft, boolean$3 as G, Accordion as Gt, ZodIssueCode as H, Anchor as Ht, IconChevronDown as I, Card as It, record as J, Loader as Jt, number$4 as K, Group as Kt, IconCheck as L, Button as Lt, IconLayoutSidebarLeftCollapse as M, Divider as Mt, IconInfoCircle as N, Container as Nt, IconNote as O, Textarea as Ot, IconFile as P, Code as Pt, BrowserRouter as Q, Box as Qt, IconArrowBackUp as R, Badge as Rt, useForm as S, Tooltip as St, IconUpload as T, NumberInput as Tt, _enum$1 as U, Text as Ut, IconAlertCircle as V, AppShell as Vt, array$1 as W, Alert as Wt, union$1 as X, UnstyledButton as Xt, string$5 as Y, Popover as Yt, unknown$1 as Z, ScrollArea as Zt, IconRefresh as _, Table as _t, _undefined as a, useNavigate as at, IconDownload as b, Select as bt, boolean as c, useSearchParams as ct, object as d, DateTimePicker as dt, useDisclosure as en, Navigate as et, string$1 as f, DateInput as ft, Markdown as g, Tabs as gt, remarkGfm as h, TextInput as ht, _null as i, require_react as in, useLocation as it, IconLayoutSidebarLeftExpand as j, Drawer as jt, IconLogout as k, Image as kt, literal as l, Notifications as lt, datetime as m, Title as mt, string as n, require_jsx_runtime as nn, Route as nt, any as o, useOutletContext as ot, union as p, DatesProvider as pt, object$1 as q, ActionIcon as qt, _enum as r, require_client as rn, Routes as rt, array as s, useParams as st, number as t, useDebouncedValue as tn, Outlet as tt, number$1 as u, notifications as ut, IconEye as v, Switch as vt, IconUser as w, Pagination as wt, IconCopy as x, SegmentedControl as xt, IconEyeOff as y, Stack as yt, IconApi as z, Autocomplete as zt };
+export { BrowserRouter as $, Box as $t, IconLogout as A, Image as At, IconApi as B, Autocomplete as Bt, useForm as C, Tooltip as Ct, IconTrash as D, Modal as Dt, IconUpload as E, NumberInput as Et, IconFile as F, Code as Ft, array$1 as G, Alert as Gt, IconAlertCircle as H, AppShell as Ht, IconEye$1 as I, Center as It, object$1 as J, ActionIcon as Jt, boolean$3 as K, Accordion as Kt, IconChevronDown as L, Card as Lt, IconLayoutSidebarLeftExpand as M, Drawer as Mt, IconLayoutSidebarLeftCollapse as N, Divider as Nt, IconPlus as O, Menu as Ot, IconInfoCircle as P, Container as Pt, unknown$1 as Q, ScrollArea as Qt, IconCheck as R, Button as Rt, IconCopy as S, SegmentedControl as St, IconUser as T, Pagination as Tt, ZodIssueCode as U, Anchor as Ut, IconAlertTriangle as V, Checkbox as Vt, _enum$1 as W, Text as Wt, string$5 as X, Popover as Xt, record as Y, Loader as Yt, union$1 as Z, UnstyledButton as Zt, IconRefresh as _, Tabs as _t, _undefined as a, require_react as an, useLocation as at, IconEyeOff as b, Stack as bt, boolean as c, useParams as ct, object as d, notifications as dt, MantineProvider as en, Link as et, string$1 as f, DateTimePicker as ft, Markdown as g, TextInput as gt, remarkGfm as h, Title as ht, _null as i, require_client as in, Routes as it, IconListDetails as j, FileButton as jt, IconNote as k, Textarea as kt, literal as l, useSearchParams as lt, datetime as m, DatesProvider as mt, string as n, useDebouncedValue as nn, Outlet as nt, any as o, useNavigate as ot, union as p, DateInput as pt, number$4 as q, Group as qt, _enum as r, require_jsx_runtime as rn, Route as rt, array as s, useOutletContext as st, number as t, useDisclosure as tn, Navigate as tt, number$1 as u, Notifications as ut, IconPhoto as v, Table as vt, IconX as w, PasswordInput as wt, IconDownload as x, Select as xt, IconEye as y, Switch as yt, IconArrowBackUp as z, Badge as zt };

package/client-dist/index.html

@@ -33,9 +33,9 @@
     <meta name="format-detection" content="telephone=no" />
 
     <title>NAISYS ERP</title>
-    <script type="module" crossorigin src="/erp/assets/index-CZhFlAkg.js"></script>
+    <script type="module" crossorigin src="/erp/assets/index-BJzK1WXg.js"></script>
     <link rel="modulepreload" crossorigin href="/erp/assets/rolldown-runtime-CvHMtSRF.js">
-    <link rel="modulepreload" crossorigin href="/erp/assets/vendor-DdMxejie.js">
+    <link rel="modulepreload" crossorigin href="/erp/assets/vendor-DlmcA82d.js">
     <link rel="stylesheet" crossorigin href="/erp/assets/vendor-CLUPjUnv.css">
     <link rel="stylesheet" crossorigin href="/erp/assets/index-CSiMTJfw.css">
   </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naisys/erp",
-  "version": "3.0.0-beta.21",
+  "version": "3.0.0-beta.22",
   "description": "NAISYS ERP - Web UI for AI-driven order and work management",
   "type": "module",
   "main": "dist/erpServer.js",
@@ -46,11 +46,11 @@
     "@fastify/rate-limit": "^10.3.0",
     "@fastify/static": "^9.0.0",
     "@fastify/swagger": "^9.7.0",
-    "@naisys/erp-shared": "3.0.0-beta.21",
-    "@naisys/common": "3.0.0-beta.21",
-    "@naisys/common-node": "3.0.0-beta.21",
-    "@naisys/hub-database": "3.0.0-beta.21",
-    "@naisys/supervisor-database": "3.0.0-beta.21",
+    "@naisys/erp-shared": "3.0.0-beta.22",
+    "@naisys/common": "3.0.0-beta.22",
+    "@naisys/common-node": "3.0.0-beta.22",
+    "@naisys/hub-database": "3.0.0-beta.22",
+    "@naisys/supervisor-database": "3.0.0-beta.22",
     "@prisma/adapter-better-sqlite3": "^7.5.0",
     "@prisma/client": "^7.5.0",
     "@scalar/fastify-api-reference": "^1.48.7",