oceanhelm 0.0.13 → 0.0.14

package/dist/oceanhelm.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as a, normalizeClass as v, createElementVNode as t, toDisplayString as d, createCommentVNode as p, Fragment as y, renderList as w, withModifiers as T, createTextVNode as f, withDirectives as b, vShow as B, renderSlot as K, createVNode as H, Transition as W, withCtx as Q, withKeys as $, vModelText as _, vModelSelect as I, normalizeStyle as J, createStaticVNode as V, vModelCheckbox as Y } from "vue";
+import { openBlock as r, createElementBlock as a, normalizeClass as v, createElementVNode as t, toDisplayString as d, createCommentVNode as p, Fragment as y, renderList as w, withModifiers as R, createTextVNode as f, withDirectives as b, vShow as B, renderSlot as K, createVNode as H, Transition as W, withCtx as Q, withKeys as $, vModelText as _, vModelSelect as I, normalizeStyle as J, createStaticVNode as V, vModelCheckbox as Y } from "vue";
 const O = (s, e) => {
   const u = s.__vccOpts || s;
   for (const [l, n] of e)
@@ -27,6 +27,7 @@ const O = (s, e) => {
       default: () => []
     },
     // User profile for role-based filtering
+    // Expected shape: { role: 'staff', categories: ['hr', 'purchaser'] }
     userProfile: {
       type: Object,
       default: () => ({})
@@ -41,7 +42,8 @@ const O = (s, e) => {
       type: String,
       default: ""
     },
-    // Permission checker function
+    // Optional override: provide your own permission function
+    // Signature: (item, userProfile) => Boolean
     permissionChecker: {
       type: Function,
       default: null
@@ -64,13 +66,25 @@ const O = (s, e) => {
         e !== s && e.type === "dropdown" && (e.open = !1);
       }), s.open = !s.open;
     },
-    // Get filtered children for dropdown items
     getFilteredChildren(s) {
       return s.children ? s.children.filter((e) => this.hasPermission(e)) : [];
     },
-    // Permission checking
+    // ─── Permission logic ────────────────────────────────────────────────────
+    // Rule summary:
+    //   1. Use permissionChecker prop if supplied.
+    //   2. No `roles` array on the item → visible to everyone.
+    //   3. User's role must be in item.roles.
+    //   4. If the item also has a `categories` array AND the user's role is
+    //      NOT one of the "elevated" roles (owner, super-staff), the user must
+    //      possess at least one of the listed categories.
+    //      Elevated roles bypass the category gate entirely.
+    // ────────────────────────────────────────────────────────────────────────
     hasPermission(s) {
-      return this.permissionChecker ? this.permissionChecker(s, this.userProfile) : !s.roles || s.roles.length === 0 ? !0 : s.roles.includes(this.userProfile.role);
+      var l, n;
+      if (this.permissionChecker)
+        return this.permissionChecker(s, this.userProfile);
+      const e = ((l = this.userProfile) == null ? void 0 : l.role) || "", u = ((n = this.userProfile) == null ? void 0 : n.categories) || [];
+      return !s.roles || s.roles.length === 0 ? !0 : !(!s.roles.includes(e) || s.categories && s.categories.length > 0 && !["owner", "super-staff"].includes(e) && !s.categories.some((c) => u.includes(c)));
     },
     // Navigation handling
     handleNavigation(s) {
@@ -83,9 +97,9 @@ const O = (s, e) => {
     },
     // Item click handling
     handleItemClick(s) {
-      this.$emit("item-click", s), s.type;
+      this.$emit("item-click", s);
     },
-    // Responsive behavior
+    // Responsive behaviour
     initializeResponsiveBehavior() {
       const s = document.getElementById("sidebarToggle"), e = document.getElementById("sidebar"), u = document.getElementById("content");
       !s || !e || !u || (window.innerWidth >= 768 && (e.classList.toggle("active"), u.classList.toggle("active")), s.addEventListener("click", () => {
@@ -121,7 +135,7 @@ function ce(s, e, u, l, n, o) {
         i.type === "link" ? (r(), a("a", {
           key: 0,
           href: i.href || "#",
-          onClick: T((h) => o.handleNavigation(i), ["prevent"])
+          onClick: R((h) => o.handleNavigation(i), ["prevent"])
         }, [
           i.icon ? (r(), a("i", {
             key: 0,
@@ -130,7 +144,7 @@ function ce(s, e, u, l, n, o) {
           f(" " + d(i.label), 1)
         ], 8, ne)) : i.type === "button" ? (r(), a("a", {
           key: 1,
-          onClick: T((h) => o.handleAction(i), ["prevent"]),
+          onClick: R((h) => o.handleAction(i), ["prevent"]),
           style: { cursor: "pointer" }
         }, [
           i.icon ? (r(), a("i", {
@@ -141,7 +155,7 @@ function ce(s, e, u, l, n, o) {
         ], 8, oe)) : i.type === "dropdown" ? (r(), a(y, { key: 2 }, [
           t("a", {
             class: "dropdown-toggle",
-            onClick: T((h) => o.toggleDropdown(i), ["prevent"]),
+            onClick: R((h) => o.toggleDropdown(i), ["prevent"]),
             style: { cursor: "pointer" }
           }, [
             i.icon ? (r(), a("i", {
@@ -157,7 +171,7 @@ function ce(s, e, u, l, n, o) {
             (r(!0), a(y, null, w(o.getFilteredChildren(i), (h, x) => (r(), a("li", { key: x }, [
               t("a", {
                 class: "dropdown-item",
-                onClick: T((E) => o.handleAction(h), ["prevent"])
+                onClick: R((E) => o.handleAction(h), ["prevent"])
               }, d(h.label), 9, ae)
             ]))), 128))
           ], 512), [
@@ -333,7 +347,7 @@ const pe = {
   key: 3,
   class: "alert alert-warning",
   role: "alert"
-}, Se = { class: "alert-heading" }, Te = { class: "mb-0" }, Re = {
+}, Se = { class: "alert-heading" }, Re = { class: "mb-0" }, Te = {
   key: 4,
   class: "row"
 }, Ae = ["onClick"], Pe = { class: "card-body d-flex align-items-center" }, Ie = { class: "flex-grow-1" }, Ee = { class: "d-flex justify-content-between align-items-center mb-2" }, qe = { class: "card-title mb-0" }, Ne = { class: "row" }, Me = { class: "col-6" }, Le = { class: "mb-0" }, Ve = {
@@ -431,8 +445,8 @@ function Qe(s, e, u, l, n, o) {
       t("p", { class: "mb-0" }, "Click on the add vessel button above, to start adding vessels to your fleet", -1)
     ]))) : !o.filteredVessels.length && n.activeFilter !== "All" ? (r(), a("div", xe, [
       t("h4", Se, "No " + d(n.activeFilter) + " Vessels", 1),
-      t("p", Te, "There are no " + d(n.activeFilter.toLowerCase()) + " vessels in your fleet.", 1)
-    ])) : (r(), a("div", Re, [
+      t("p", Re, "There are no " + d(n.activeFilter.toLowerCase()) + " vessels in your fleet.", 1)
+    ])) : (r(), a("div", Te, [
       (r(!0), a(y, null, w(o.filteredVessels, (i) => (r(), a("div", {
         class: "col-lg-6",
         key: i.registrationNumber || i.id
@@ -470,7 +484,7 @@ function Qe(s, e, u, l, n, o) {
                   t("button", {
                     type: "button",
                     class: "btn btn-outline-primary btn-sm mt-1",
-                    onClick: T((c) => o.setVesselDate(i.registrationNumber), ["stop"])
+                    onClick: R((c) => o.setVesselDate(i.registrationNumber), ["stop"])
                   }, " Set Date ", 8, Ge)
                 ]))
               ])
@@ -479,12 +493,12 @@ function Qe(s, e, u, l, n, o) {
           t("div", ze, [
             t("i", {
               class: "bi bi-trash",
-              onClick: T((c) => o.handleDeleteVessel(i), ["stop"])
+              onClick: R((c) => o.handleDeleteVessel(i), ["stop"])
             }, null, 8, He)
           ]),
           t("button", {
             class: "btn btn-primary",
-            onClick: T((c) => o.handleToggleStatus(i), ["stop"])
+            onClick: R((c) => o.handleToggleStatus(i), ["stop"])
           }, d(i.status === "Active" ? "Mark Inactive" : "Mark Active"), 9, We)
         ], 8, Ae)
       ]))), 128))
@@ -854,8 +868,8 @@ const tt = {
         l.text(j, o + L, c), c += Math.max(j.length * 5, 5) + 2;
       };
       l.setFillColor(26, 54, 107), l.rect(0, 0, n, 24, "F"), l.setDrawColor(255, 200, 50), l.setLineWidth(1.2), l.line(o, 23.4, n - o, 23.4), l.setTextColor(255, 255, 255), l.setFontSize(14), l.setFont("helvetica", "bold"), l.text("EMERGENCY DRILL REPORT", n / 2, 10, { align: "center" }), l.setFontSize(8), l.setFont("helvetica", "normal"), l.setTextColor(200, 215, 240), l.text("Quality, Health, Safety & Environment Management System", n / 2, 17, { align: "center" }), c = 30, s.entityRef && (l.setFillColor(240, 245, 255), l.roundedRect(n - o - 44, 26, 44, 8, 2, 2, "F"), l.setTextColor(26, 54, 107), l.setFontSize(8), l.setFont("helvetica", "bold"), l.text(s.entityRef, n - o - 2, 31, { align: "right" }), l.setTextColor(30, 30, 30)), l.setDrawColor(180, 190, 210), l.setLineWidth(0.4), l.rect(o, c, i, 28, "S"), l.line(o + i / 2, c, o + i / 2, c + 28), l.line(o, c + 14, o + i / 2, c + 14), l.setFontSize(8), l.setFont("helvetica", "bold"), l.setTextColor(80, 90, 110), l.text("VESSEL:", o + 3, c + 6), l.setFont("helvetica", "bold"), l.setTextColor(20, 20, 20), l.setFontSize(10), l.text(String(s.vessel || "—").toUpperCase(), o + 22, c + 6), l.setFontSize(8), l.setFont("helvetica", "bold"), l.setTextColor(80, 90, 110), l.text("DATE / PLACE:", o + 3, c + 20), l.setFont("helvetica", "normal"), l.setTextColor(20, 20, 20), l.text(`${s.date || "—"}  /  ${s.vessel || "—"}`, o + 33, c + 20);
-      const R = o + i / 2 + 3;
-      l.setFontSize(8), l.setFont("helvetica", "bold"), l.setTextColor(80, 90, 110), l.text("KIND OF DRILL:", R, c + 6), l.setFontSize(11), l.setFont("helvetica", "bold"), l.setTextColor(26, 54, 107), l.text(String(s.entity_subtype || "—").toUpperCase(), R, c + 16), l.setFontSize(7.5), l.setFont("helvetica", "italic"), l.setTextColor(120, 120, 120), l.text("RELEVANT IMAGES/NOTES ARE ATTACHED", R, c + 23), c += 32, x("Drill Details"), E("Drill Master / Conducted By", s.entity_creator), E("Duration", s.entity_duration), E("Objectives", s.entity_objectives), E("Submitted By", s.submittedBy), E("Submitted At", this.formatDate(s.submittedAt)), c += 2;
+      const T = o + i / 2 + 3;
+      l.setFontSize(8), l.setFont("helvetica", "bold"), l.setTextColor(80, 90, 110), l.text("KIND OF DRILL:", T, c + 6), l.setFontSize(11), l.setFont("helvetica", "bold"), l.setTextColor(26, 54, 107), l.text(String(s.entity_subtype || "—").toUpperCase(), T, c + 16), l.setFontSize(7.5), l.setFont("helvetica", "italic"), l.setTextColor(120, 120, 120), l.text("RELEVANT IMAGES/NOTES ARE ATTACHED", T, c + 23), c += 32, x("Drill Details"), E("Drill Master / Conducted By", s.entity_creator), E("Duration", s.entity_duration), E("Objectives", s.entity_objectives), E("Submitted By", s.submittedBy), E("Submitted At", this.formatDate(s.submittedAt)), c += 2;
       const N = s.entity_participants || 0;
       x(`Crew Participation  —  ${N} member${N !== 1 ? "s" : ""} participated`);
       const M = (() => {
@@ -947,12 +961,12 @@ const tt = {
       l.setFillColor(26, 54, 107), l.rect(0, 0, n, 16, "F"), l.setTextColor(255, 255, 255), l.setFontSize(12), l.setFont("helvetica", "bold");
       const E = (s.entity_subtype || s.entityType || "INCIDENT").toUpperCase() + " REPORT";
       l.text(E, o, 10), l.setFontSize(7.5), l.setFont("helvetica", "normal"), l.setTextColor(200, 215, 240), l.text(`Ref: ${s.entityRef || "—"}`, n - o, 8, { align: "right" }), l.text(`Date: ${s.date || "—"}`, n - o, 13, { align: "right" }), c = 20, l.setFontSize(8), l.setFont("helvetica", "bold"), l.setTextColor(80, 90, 110), l.text("FORM NUMBER:", o, c + 4), l.setFont("helvetica", "normal"), l.setTextColor(20, 20, 20), l.text(s.entityRef || "—", o + 30, c + 4), l.setFont("helvetica", "bold"), l.setTextColor(80, 90, 110), l.text("SUBMITTED BY:", n / 2, c + 4), l.setFont("helvetica", "normal"), l.setTextColor(20, 20, 20), l.text(s.submittedBy || "—", n / 2 + 28, c + 4), c += 10;
-      const R = (i - 2) / 2;
-      l.setDrawColor(140, 150, 165), l.setLineWidth(0.35), l.rect(o, c, R, 14, "S"), l.rect(o + R + 2, c, R, 14, "S"), l.setFontSize(7.5), l.setFont("helvetica", "bold"), l.setTextColor(80, 90, 110), l.text("VESSEL NAME", o + 3, c + 5), l.text("SEVERITY / TYPE", o + R + 5, c + 5), l.setFontSize(10), l.setFont("helvetica", "bold"), l.setTextColor(20, 20, 20), l.text(String(s.vessel || "—"), o + 3, c + 12), l.text(
+      const T = (i - 2) / 2;
+      l.setDrawColor(140, 150, 165), l.setLineWidth(0.35), l.rect(o, c, T, 14, "S"), l.rect(o + T + 2, c, T, 14, "S"), l.setFontSize(7.5), l.setFont("helvetica", "bold"), l.setTextColor(80, 90, 110), l.text("VESSEL NAME", o + 3, c + 5), l.text("SEVERITY / TYPE", o + T + 5, c + 5), l.setFontSize(10), l.setFont("helvetica", "bold"), l.setTextColor(20, 20, 20), l.text(String(s.vessel || "—"), o + 3, c + 12), l.text(
         `${s.entity_subtype || "—"}  ·  ${s.severity || s.entity_subtype || "—"}`,
-        o + R + 5,
+        o + T + 5,
         c + 12
-      ), c += 18, l.setDrawColor(140, 150, 165), l.setLineWidth(0.35), l.rect(o, c, R, 10, "S"), l.rect(o + R + 2, c, R, 10, "S"), l.setFontSize(7.5), l.setFont("helvetica", "bold"), l.setTextColor(80, 90, 110), l.text("MANAGEMENT OFFICE", o + 3, c + 4), l.text("DATE", o + R + 5, c + 4), l.setFontSize(9), l.setFont("helvetica", "normal"), l.setTextColor(20, 20, 20), l.text("—", o + 3, c + 9), l.text(s.date || "—", o + R + 5, c + 9), c += 14, x("Description of Event", s.findings, 24), x(
+      ), c += 18, l.setDrawColor(140, 150, 165), l.setLineWidth(0.35), l.rect(o, c, T, 10, "S"), l.rect(o + T + 2, c, T, 10, "S"), l.setFontSize(7.5), l.setFont("helvetica", "bold"), l.setTextColor(80, 90, 110), l.text("MANAGEMENT OFFICE", o + 3, c + 4), l.text("DATE", o + T + 5, c + 4), l.setFontSize(9), l.setFont("helvetica", "normal"), l.setTextColor(20, 20, 20), l.text("—", o + 3, c + 9), l.text(s.date || "—", o + T + 5, c + 9), c += 14, x("Description of Event", s.findings, 24), x(
         `Possible Consequences
 (e.g. Personal injury, damage, collision, grounding, fire, pollution etc.)`,
         s.inc_consequences || null,
@@ -1010,12 +1024,12 @@ const tt = {
         const A = F % 2, P = Math.floor(F / 2), m = n + A * E, g = c + P * 10;
         l.setFontSize(9), l.setFont("helvetica", "bold"), l.setTextColor(100, 120, 160), l.text(k[0].toUpperCase(), m, g), l.setFont("helvetica", "normal"), l.setTextColor(40, 40, 40), l.text(String(k[1]), m, g + 4.5);
       }), c += Math.ceil(x.length / 2) * 10 + 6;
-      const R = (k, F) => {
+      const T = (k, F) => {
         F && (c > 250 && (l.addPage(), c = 20), l.setFillColor(240, 245, 255), l.roundedRect(n, c, i, 7, 1, 1, "F"), l.setFont("helvetica", "bold"), l.setFontSize(9), l.setTextColor(30, 60, 114), l.text(k.toUpperCase(), n + 3, c + 5), c += 10, l.setFont("helvetica", "normal"), l.setFontSize(10), l.setTextColor(40, 40, 40), l.splitTextToSize(F, i).forEach((A) => {
           c > 272 && (l.addPage(), c = 20), l.text(A, n, c), c += 5.5;
         }), c += 4);
       };
-      R("Findings / Summary", s.findings), R("Corrective Actions", s.correctiveActions);
+      T("Findings / Summary", s.findings), T("Corrective Actions", s.correctiveActions);
       for (const k of e)
         try {
           let F;
@@ -1134,7 +1148,7 @@ const tt = {
 }, kt = ["onClick"], Ct = { class: "rc-ref" }, Ft = { class: "rc-title" }, Dt = { class: "rc-meta" }, xt = {
   key: 0,
   class: "rc-files"
-}, St = ["onClick"], Tt = { class: "rc-actions" }, Rt = ["onClick"], At = ["onClick", "disabled"], Pt = {
+}, St = ["onClick"], Rt = { class: "rc-actions" }, Tt = ["onClick"], At = ["onClick", "disabled"], Pt = {
   key: 0,
   class: "spinner-xs"
 }, It = {
@@ -1164,7 +1178,7 @@ const tt = {
 }, ps = { class: "ffi-meta" }, fs = { class: "ffi-name" }, hs = { class: "ffi-sub" }, vs = { class: "ffi-acts" }, gs = ["href"], bs = {
   key: 0,
   class: "ffi-empty"
-}, ys = { class: "af-zip-row" }, ws = ["onClick", "disabled"], _s = { key: 0 }, ks = { key: 1 }, Cs = { class: "af-zip-hint" }, Fs = { class: "section-heading" }, Ds = { class: "section-count" }, xs = { class: "folders-list" }, Ss = ["onClick"], Ts = { class: "af-icon-wrap" }, Rs = {
+}, ys = { class: "af-zip-row" }, ws = ["onClick", "disabled"], _s = { key: 0 }, ks = { key: 1 }, Cs = { class: "af-zip-hint" }, Fs = { class: "section-heading" }, Ds = { class: "section-count" }, xs = { class: "folders-list" }, Ss = ["onClick"], Rs = { class: "af-icon-wrap" }, Ts = {
   class: "af-count-badge",
   style: { background: "#f0ad4e", color: "#664d03" }
 }, As = { class: "af-meta" }, Ps = { class: "af-ref" }, Is = { class: "af-sub" }, Es = { class: "text-muted" }, qs = { class: "af-actions" }, Ns = ["onClick"], Ms = ["onClick"], Ls = {
@@ -1194,7 +1208,7 @@ const tt = {
 }, vi = {
   key: 3,
   class: "drill-checklist-box"
-}, gi = { class: "checklist-grid" }, bi = { class: "checklist-checkbox" }, yi = ["checked", "onChange"], wi = { class: "custom-check" }, _i = { class: "checklist-q" }, ki = { class: "input-row mt-3" }, Ci = { class: "form-group" }, Fi = ["placeholder"], Di = { class: "form-group" }, xi = { class: "input-row" }, Si = { class: "form-group" }, Ti = { class: "form-group" }, Ri = { class: "form-label fw-semibold" }, Ai = {
+}, gi = { class: "checklist-grid" }, bi = { class: "checklist-checkbox" }, yi = ["checked", "onChange"], wi = { class: "custom-check" }, _i = { class: "checklist-q" }, ki = { class: "input-row mt-3" }, Ci = { class: "form-group" }, Fi = ["placeholder"], Di = { class: "form-group" }, xi = { class: "input-row" }, Si = { class: "form-group" }, Ri = { class: "form-group" }, Ti = { class: "form-label fw-semibold" }, Ai = {
   key: 0,
   class: "form-hint"
 }, Pi = ["placeholder"], Ii = {
@@ -1242,8 +1256,8 @@ const tt = {
 }, wn = { class: "view-text" }, _n = {
   key: 1,
   class: "view-section"
-}, kn = { class: "attached-files mt-1" }, Cn = ["href"], Fn = { class: "text-muted ms-1" }, Dn = { class: "modal-footer" }, xn = ["disabled"], Sn = { key: 0 }, Tn = { key: 1 };
-function Rn(s, e, u, l, n, o) {
+}, kn = { class: "attached-files mt-1" }, Cn = ["href"], Fn = { class: "text-muted ms-1" }, Dn = { class: "modal-footer" }, xn = ["disabled"], Sn = { key: 0 }, Rn = { key: 1 };
+function Tn(s, e, u, l, n, o) {
   return r(), a("div", st, [
     H(W, { name: "slide-down" }, {
       default: Q(() => [
@@ -1390,20 +1404,20 @@ function Rn(s, e, u, l, n, o) {
             ])) : p("", !0),
             t("button", {
               class: v(["rc-folder-pill", o.reportTypeClass(i)]),
-              onClick: T((h) => o.jumpToFolder(i), ["stop"]),
+              onClick: R((h) => o.jumpToFolder(i), ["stop"]),
               title: "View folder"
             }, [
               e[72] || (e[72] = t("i", { class: "bi bi-folder-fill me-1" }, null, -1)),
               f(" " + d(i.entityRef || i.title), 1)
             ], 10, St),
-            t("div", Tt, [
+            t("div", Rt, [
               t("button", {
                 class: "rc-btn rc-btn--view",
                 onClick: (h) => o.viewReport(i),
                 title: "View"
               }, e[73] || (e[73] = [
                 t("i", { class: "bi bi-eye" }, null, -1)
-              ]), 8, Rt),
+              ]), 8, Tt),
               t("button", {
                 class: "rc-btn rc-btn--download",
                 onClick: (h) => o.downloadReport(i),
@@ -1468,7 +1482,7 @@ function Rn(s, e, u, l, n, o) {
                 t("div", es, [
                   t("button", {
                     class: "rc-btn rc-btn--download",
-                    onClick: T((h) => o.downloadReport(i), ["stop"]),
+                    onClick: R((h) => o.downloadReport(i), ["stop"]),
                     disabled: n.generatingPdf === i.id,
                     title: "Download ZIP"
                   }, [
@@ -1496,14 +1510,14 @@ function Rn(s, e, u, l, n, o) {
                       t("div", as, [
                         t("button", {
                           class: "rc-btn rc-btn--view",
-                          onClick: T((h) => o.viewReport(i), ["stop"]),
+                          onClick: R((h) => o.viewReport(i), ["stop"]),
                           title: "Preview"
                         }, e[79] || (e[79] = [
                           t("i", { class: "bi bi-eye" }, null, -1)
                         ]), 8, ds),
                         t("button", {
                           class: "rc-btn rc-btn--download",
-                          onClick: T((h) => o.downloadReportPdfOnly(i), ["stop"]),
+                          onClick: R((h) => o.downloadReportPdfOnly(i), ["stop"]),
                           disabled: n.generatingPdf === i.id + "-pdf",
                           title: "Download PDF only"
                         }, [
@@ -1585,9 +1599,9 @@ function Rn(s, e, u, l, n, o) {
               class: "af-header",
               onClick: (c) => o.toggleFolder("user-" + i.id)
             }, [
-              t("div", Ts, [
+              t("div", Rs, [
                 e[87] || (e[87] = t("i", { class: "bi bi-folder-fill af-folder-icon color--user" }, null, -1)),
-                t("span", Rs, d(i.files.length), 1)
+                t("span", Ts, d(i.files.length), 1)
               ]),
               t("div", As, [
                 t("span", Ps, d(i.name), 1),
@@ -1599,14 +1613,14 @@ function Rn(s, e, u, l, n, o) {
                 t("button", {
                   class: "rc-btn",
                   style: { color: "#6f42c1" },
-                  onClick: T((c) => o.selectFolder(i), ["stop"]),
+                  onClick: R((c) => o.selectFolder(i), ["stop"]),
                   title: "Add Files"
                 }, e[88] || (e[88] = [
                   t("i", { class: "bi bi-file-earmark-plus" }, null, -1)
                 ]), 8, Ns),
                 t("button", {
                   class: "rc-btn rc-btn--danger",
-                  onClick: T((c) => s.$emit("folder-delete-requested", i.id), ["stop"]),
+                  onClick: R((c) => s.$emit("folder-delete-requested", i.id), ["stop"]),
                   title: "Delete"
                 }, e[89] || (e[89] = [
                   t("i", { class: "bi bi-trash" }, null, -1)
@@ -1680,7 +1694,7 @@ function Rn(s, e, u, l, n, o) {
     ])) : p("", !0),
     t("div", {
       class: v(["modal", { show: n.showNewFolderModal }]),
-      onClick: e[16] || (e[16] = T((i) => n.showNewFolderModal = !1, ["self"]))
+      onClick: e[16] || (e[16] = R((i) => n.showNewFolderModal = !1, ["self"]))
     }, [
       t("div", Ws, [
         t("div", Qs, [
@@ -1725,7 +1739,7 @@ function Rn(s, e, u, l, n, o) {
     ], 2),
     t("div", {
       class: v(["modal", { show: n.showReportModal }]),
-      onClick: e[43] || (e[43] = T((...i) => o.closeReportForm && o.closeReportForm(...i), ["self"]))
+      onClick: e[43] || (e[43] = R((...i) => o.closeReportForm && o.closeReportForm(...i), ["self"]))
     }, [
       t("div", $s, [
         t("div", Xs, [
@@ -1907,8 +1921,8 @@ function Rn(s, e, u, l, n, o) {
                 ])
               ])
             ]),
-            t("div", Ti, [
-              t("label", Ri, [
+            t("div", Ri, [
+              t("label", Ti, [
                 f(d(n.reportForm.entity_type === "incident" ? "Description of Event (Findings) *" : "Findings / Summary *") + " ", 1),
                 n.reportForm.entity_type === "incident" ? (r(), a("span", Ai, "Pre-filled from incident objective — edit as needed")) : p("", !0)
               ]),
@@ -2031,9 +2045,9 @@ Then describe the drill scenario and findings…` : n.reportForm.entity_type ===
               t("div", {
                 class: "file-drop-zone",
                 onClick: e[37] || (e[37] = (i) => s.$refs.reportFileInput.click()),
-                onDragover: e[38] || (e[38] = T(() => {
+                onDragover: e[38] || (e[38] = R(() => {
                 }, ["prevent"])),
-                onDrop: e[39] || (e[39] = T((...i) => o.handleReportFileDrop && o.handleReportFileDrop(...i), ["prevent"]))
+                onDrop: e[39] || (e[39] = R((...i) => o.handleReportFileDrop && o.handleReportFileDrop(...i), ["prevent"]))
               }, [
                 e[131] || (e[131] = t("i", {
                   class: "bi bi-cloud-upload",
@@ -2050,7 +2064,7 @@ Then describe the drill scenario and findings…` : n.reportForm.entity_type ===
                     }, null, 2),
                     f(d(i.name) + " ", 1),
                     t("button", {
-                      onClick: T((h) => o.removeReportFile(c), ["stop"])
+                      onClick: R((h) => o.removeReportFile(c), ["stop"])
                     }, e[130] || (e[130] = [
                       t("i", { class: "bi bi-x" }, null, -1)
                     ]), 8, zi)
@@ -2099,7 +2113,7 @@ Then describe the drill scenario and findings…` : n.reportForm.entity_type ===
     ], 2),
     t("div", {
       class: v(["modal", { show: n.showViewModal }]),
-      onClick: e[48] || (e[48] = T((...i) => o.closeViewer && o.closeViewer(...i), ["self"]))
+      onClick: e[48] || (e[48] = R((...i) => o.closeViewer && o.closeViewer(...i), ["self"]))
     }, [
       t("div", Ki, [
         n.viewingReport ? (r(), a("div", $i, [
@@ -2214,7 +2228,7 @@ Then describe the drill scenario and findings…` : n.reportForm.entity_type ===
               n.generatingPdf === n.viewingReport.id ? (r(), a("span", Sn, e[155] || (e[155] = [
                 t("span", { class: "spinner-sm" }, null, -1),
                 f(" Building ZIP…", -1)
-              ]))) : (r(), a("span", Tn, e[156] || (e[156] = [
+              ]))) : (r(), a("span", Rn, e[156] || (e[156] = [
                 t("i", { class: "bi bi-file-zip me-1" }, null, -1),
                 f("Download ZIP", -1)
               ])))
@@ -2232,7 +2246,7 @@ Then describe the drill scenario and findings…` : n.reportForm.entity_type ===
     }, null, 544)
   ]);
 }
-const An = /* @__PURE__ */ O(tt, [["render", Rn], ["__scopeId", "data-v-9e048de6"]]), Pn = {
+const An = /* @__PURE__ */ O(tt, [["render", Tn], ["__scopeId", "data-v-9e048de6"]]), Pn = {
   name: "OceanHelmMaintenance",
   props: {
     vesselInfo: {
@@ -2605,7 +2619,7 @@ const An = /* @__PURE__ */ O(tt, [["render", Rn], ["__scopeId", "data-v-9e048de6
 }, Mn = { key: 1 }, Ln = { class: "container" }, Vn = { class: "d-flex justify-content-between align-items-center" }, On = { class: "progress-container" }, Un = { class: "progress-info" }, jn = { class: "progress-bar" }, Bn = { class: "checklist" }, Gn = ["onClick"], zn = { key: 0 }, Hn = ["onClick"], Wn = ["onClick"], Qn = { key: 0 }, Jn = { class: "checklist" }, Yn = { class: "checklist-item" }, Zn = { class: "attachment-area" }, Kn = {
   key: 2,
   class: "status"
-}, $n = { class: "form-group" }, Xn = { class: "form-group" }, eo = { class: "input-group" }, to = { class: "form-group" }, so = { class: "form-group" }, io = { class: "input-group" }, no = { class: "form-group" }, oo = { class: "form-group" }, lo = { class: "input-group" }, ro = { class: "form-group" }, ao = { class: "form-group" }, uo = ["value"], co = { class: "input-group" }, mo = { class: "form-group" }, po = { class: "input-group" }, fo = { class: "form-group" }, ho = { class: "form-group" }, vo = { class: "form-group" }, go = { class: "checkbox-group" }, bo = { class: "checkbox-item" }, yo = { class: "checkbox-item" }, wo = { class: "input-group" }, _o = { class: "form-group" }, ko = { class: "form-group" }, Co = { class: "form-group" }, Fo = { class: "attachment-area" }, Do = { class: "action-buttons" }, xo = ["disabled"], So = { class: "task-table-wrapper" }, To = { class: "table-controls" }, Ro = { class: "filters" }, Ao = { class: "task-table" }, Po = ["onClick"], Io = ["onClick"], Eo = { key: 0 }, qo = {
+}, $n = { class: "form-group" }, Xn = { class: "form-group" }, eo = { class: "input-group" }, to = { class: "form-group" }, so = { class: "form-group" }, io = { class: "input-group" }, no = { class: "form-group" }, oo = { class: "form-group" }, lo = { class: "input-group" }, ro = { class: "form-group" }, ao = { class: "form-group" }, uo = ["value"], co = { class: "input-group" }, mo = { class: "form-group" }, po = { class: "input-group" }, fo = { class: "form-group" }, ho = { class: "form-group" }, vo = { class: "form-group" }, go = { class: "checkbox-group" }, bo = { class: "checkbox-item" }, yo = { class: "checkbox-item" }, wo = { class: "input-group" }, _o = { class: "form-group" }, ko = { class: "form-group" }, Co = { class: "form-group" }, Fo = { class: "attachment-area" }, Do = { class: "action-buttons" }, xo = ["disabled"], So = { class: "task-table-wrapper" }, Ro = { class: "table-controls" }, To = { class: "filters" }, Ao = { class: "task-table" }, Po = ["onClick"], Io = ["onClick"], Eo = { key: 0 }, qo = {
   class: "alert alert-primary",
   role: "alert"
 }, No = { class: "mb-0" }, Mo = {
@@ -2649,7 +2663,7 @@ function kl(s, e, u, l, n, o) {
                 o.showAddTaskButton ? (r(), a("button", {
                   key: 0,
                   class: "btn btn-outline-custom",
-                  onClick: e[0] || (e[0] = T((i) => o.addTask(), ["prevent"]))
+                  onClick: e[0] || (e[0] = R((i) => o.addTask(), ["prevent"]))
                 }, e[28] || (e[28] = [
                   f(" Manually Add Task ", -1),
                   t("i", { class: "fas fa-plus" }, null, -1)
@@ -2727,7 +2741,7 @@ function kl(s, e, u, l, n, o) {
               o.completedCount === n.checklists.length ? (r(), a("div", Kn, " All tasks completed! ✅ ")) : p("", !0),
               t("button", {
                 class: "reset-button",
-                onClick: e[3] || (e[3] = T((...i) => o.resetTasks && o.resetTasks(...i), ["prevent"]))
+                onClick: e[3] || (e[3] = R((...i) => o.resetTasks && o.resetTasks(...i), ["prevent"]))
               }, d(o.checklistButtonLabel), 1)
             ])
           ]))
@@ -2957,7 +2971,7 @@ function kl(s, e, u, l, n, o) {
               t("button", {
                 type: "button",
                 class: "btn btn-primary",
-                onClick: e[21] || (e[21] = T((...i) => o.saveSchedule && o.saveSchedule(...i), ["prevent"])),
+                onClick: e[21] || (e[21] = R((...i) => o.saveSchedule && o.saveSchedule(...i), ["prevent"])),
                 disabled: n.isSaving
               }, d(n.isSaving ? "Saving..." : "Save Schedule"), 9, xo)
             ])
@@ -2970,8 +2984,8 @@ function kl(s, e, u, l, n, o) {
         }, [
           e[68] || (e[68] = t("h2", null, "All Maintenance", -1)),
           t("div", So, [
-            t("div", To, [
-              t("div", Ro, [
+            t("div", Ro, [
+              t("div", To, [
                 t("button", {
                   class: v({ active: n.activeFilter === "due" }),
                   onClick: e[22] || (e[22] = (i) => o.setFilter("due"))
@@ -3223,7 +3237,7 @@ const Fl = {
       }[s] || "badge-view";
     }
   }
-}, Dl = { class: "activity-logs" }, xl = { class: "a-controls" }, Sl = { class: "a-search-box" }, Tl = ["value"], Rl = ["value"], Al = { class: "stats-grid" }, Pl = { class: "stat-card" }, Il = { class: "value" }, El = { class: "stat-card" }, ql = { class: "value" }, Nl = { class: "stat-card" }, Ml = { class: "value" }, Ll = { class: "logs-container" }, Vl = {
+}, Dl = { class: "activity-logs" }, xl = { class: "a-controls" }, Sl = { class: "a-search-box" }, Rl = ["value"], Tl = ["value"], Al = { class: "stats-grid" }, Pl = { class: "stat-card" }, Il = { class: "value" }, El = { class: "stat-card" }, ql = { class: "value" }, Nl = { class: "stat-card" }, Ml = { class: "value" }, Ll = { class: "logs-container" }, Vl = {
   key: 0,
   class: "loading"
 }, Ol = {
@@ -3239,7 +3253,7 @@ function Jl(s, e, u, l, n, o) {
           placeholder: "Search activities, users, or actions...",
           value: u.searchTerm,
           onInput: e[0] || (e[0] = (i) => s.$emit("update:searchTerm", i.target.value))
-        }, null, 40, Tl)
+        }, null, 40, Rl)
       ]),
       t("select", {
         class: "filter-select",
@@ -3247,7 +3261,7 @@ function Jl(s, e, u, l, n, o) {
         onChange: e[1] || (e[1] = (i) => s.$emit("update:selectedFilter", i.target.value))
       }, e[6] || (e[6] = [
         V('<option value="all">All Activities</option><option value="login">Login</option><option value="logout">Logout</option><option value="create">Create</option><option value="update">Update</option><option value="delete">Delete</option><option value="view">View</option>', 7)
-      ]), 40, Rl),
+      ]), 40, Tl),
       t("button", {
         class: "btn btn-primary",
         onClick: e[2] || (e[2] = (i) => s.$emit("refresh"))
@@ -3955,10 +3969,10 @@ const Zl = {
 }, Sr = {
   key: 2,
   class: "loading-state"
-}, Tr = {
+}, Rr = {
   key: 3,
   class: "timesheet-view"
-}, Rr = { class: "timesheet-header" }, Ar = { class: "timesheet-controls" }, Pr = { class: "timesheet-summary" }, Ir = { class: "summary-card" }, Er = { class: "summary-value" }, qr = { class: "summary-card" }, Nr = { class: "summary-value" }, Mr = { class: "summary-card" }, Lr = { class: "summary-value" }, Vr = {
+}, Tr = { class: "timesheet-header" }, Ar = { class: "timesheet-controls" }, Pr = { class: "timesheet-summary" }, Ir = { class: "summary-card" }, Er = { class: "summary-value" }, qr = { class: "summary-card" }, Nr = { class: "summary-value" }, Mr = { class: "summary-card" }, Lr = { class: "summary-value" }, Vr = {
   key: 0,
   class: "no-results"
 }, Or = {
@@ -3994,7 +4008,7 @@ const Zl = {
 }, Sa = {
   key: 6,
   class: "add-crew-form"
-}, Ta = { class: "form-row" }, Ra = { class: "form-group" }, Aa = {
+}, Ra = { class: "form-row" }, Ta = { class: "form-group" }, Aa = {
   key: 0,
   class: "error-message"
 }, Pa = { class: "form-group" }, Ia = ["value"], Ea = { class: "form-row" }, qa = { class: "form-group" }, Na = {
@@ -4136,8 +4150,8 @@ function sd(s, e, u, l, n, o) {
           t("span", { class: "visually-hidden" }, "Loading crew...")
         ], -1),
         t("p", null, "Loading crew members...", -1)
-      ]))) : n.showTimesheet && !n.showAddForm && !n.showGuestForm ? (r(), a("div", Tr, [
-        t("div", Rr, [
+      ]))) : n.showTimesheet && !n.showAddForm && !n.showGuestForm ? (r(), a("div", Rr, [
+        t("div", Tr, [
           e[43] || (e[43] = t("h3", null, [
             t("i", { class: "bi bi-table" }),
             f(" Crew Activity Timesheet")
@@ -4355,8 +4369,8 @@ function sd(s, e, u, l, n, o) {
       ])) : !u.loading && !n.showTimesheet && !n.showAddForm && !n.showGuestForm ? (r(), a("div", xa, d(u.crew.length === 0 ? "No crew members found." : "No crew members found matching your search criteria."), 1)) : p("", !0),
       n.showAddForm ? (r(), a("div", Sa, [
         e[68] || (e[68] = t("h2", null, "Add New Crew Member", -1)),
-        t("div", Ta, [
-          t("div", Ra, [
+        t("div", Ra, [
+          t("div", Ta, [
             e[63] || (e[63] = t("label", { for: "crew-name" }, "Full Name *", -1)),
             b(t("input", {
               type: "text",
@@ -4811,7 +4825,7 @@ const nd = {
 }, od = { class: "s-container container" }, ld = { class: "nav-tabs" }, rd = ["onClick"], ad = {
   key: 0,
   class: "tab-content active"
-}, dd = { class: "form-grid" }, ud = { class: "form-group" }, cd = ["value"], md = { class: "form-group" }, pd = ["value"], fd = { class: "form-group" }, hd = ["value"], vd = { class: "form-group" }, gd = ["min"], bd = { class: "form-group" }, yd = { class: "items-section" }, wd = { class: "items-header" }, _d = { class: "form-group" }, kd = ["onUpdate:modelValue"], Cd = { class: "form-group" }, Fd = ["onUpdate:modelValue"], Dd = { class: "form-group" }, xd = ["onUpdate:modelValue"], Sd = { class: "form-group" }, Td = ["onUpdate:modelValue"], Rd = ["value"], Ad = { class: "form-group" }, Pd = ["onUpdate:modelValue"], Id = ["onClick"], Ed = { class: "action-buttons" }, qd = ["disabled"], Nd = {
+}, dd = { class: "form-grid" }, ud = { class: "form-group" }, cd = ["value"], md = { class: "form-group" }, pd = ["value"], fd = { class: "form-group" }, hd = ["value"], vd = { class: "form-group" }, gd = ["min"], bd = { class: "form-group" }, yd = { class: "items-section" }, wd = { class: "items-header" }, _d = { class: "form-group" }, kd = ["onUpdate:modelValue"], Cd = { class: "form-group" }, Fd = ["onUpdate:modelValue"], Dd = { class: "form-group" }, xd = ["onUpdate:modelValue"], Sd = { class: "form-group" }, Rd = ["onUpdate:modelValue"], Td = ["value"], Ad = { class: "form-group" }, Pd = ["onUpdate:modelValue"], Id = ["onClick"], Ed = { class: "action-buttons" }, qd = ["disabled"], Nd = {
   key: 1,
   class: "tab-content active"
 }, Md = { class: "requisition-list" }, Ld = { class: "requisition-header" }, Vd = { class: "requisition-id" }, Od = { class: "requisition-details" }, Ud = { class: "detail-label" }, jd = { class: "detail-value" }, Bd = {
@@ -4841,7 +4855,7 @@ const nd = {
 }, xu = {
   class: "requisition-list",
   id: "receivingQueue"
-}, Su = { class: "requisition-header" }, Tu = { class: "requisition-id" }, Ru = { class: "requisition-details" }, Au = { class: "detail-label" }, Pu = { class: "detail-value" }, Iu = { class: "detail-item" }, Eu = { class: "detail-value" }, qu = { class: "detail-item" }, Nu = { class: "item-list" }, Mu = ["onClick"], Lu = {
+}, Su = { class: "requisition-header" }, Ru = { class: "requisition-id" }, Tu = { class: "requisition-details" }, Au = { class: "detail-label" }, Pu = { class: "detail-value" }, Iu = { class: "detail-item" }, Eu = { class: "detail-value" }, qu = { class: "detail-item" }, Nu = { class: "item-list" }, Mu = ["onClick"], Lu = {
   key: 6,
   class: "tab-content active"
 }, Vu = {
@@ -4853,12 +4867,12 @@ const nd = {
 }, pc = ["onUpdate:modelValue"], fc = { key: 0 }, hc = ["onClick"], vc = { key: 1 }, gc = ["onClick"], bc = ["onClick"], yc = {
   key: 0,
   class: "justification-note"
-}, wc = { class: "totals" }, _c = { class: "total-row" }, kc = { class: "total-row" }, Cc = { class: "total-row" }, Fc = { class: "total-row grand-total" }, Dc = { class: "modal-content" }, xc = { style: { "margin-bottom": "15px", color: "#666" } }, Sc = { class: "modal-buttons" }, Tc = ["disabled"], Rc = {
+}, wc = { class: "totals" }, _c = { class: "total-row" }, kc = { class: "total-row" }, Cc = { class: "total-row" }, Fc = { class: "total-row grand-total" }, Dc = { class: "modal-content" }, xc = { style: { "margin-bottom": "15px", color: "#666" } }, Sc = { class: "modal-buttons" }, Rc = ["disabled"], Tc = {
   key: 7,
   class: "tab-content active"
 };
 function Ac(s, e, u, l, n, o) {
-  var i, c, h, x, E, R, N, M, q, k, F, A, P;
+  var i, c, h, x, E, T, N, M, q, k, F, A, P;
   return r(), a("div", od, [
     e[60] || (e[60] = t("div", { class: "header" }, [
       t("h1", null, "OceanHelm Requisition System"),
@@ -4873,7 +4887,7 @@ function Ac(s, e, u, l, n, o) {
     ]),
     n.activeTab === "new-requisition" ? (r(), a("div", ad, [
       t("form", {
-        onSubmit: e[5] || (e[5] = T((...m) => o.handleSubmitRequisition && o.handleSubmitRequisition(...m), ["prevent"]))
+        onSubmit: e[5] || (e[5] = R((...m) => o.handleSubmitRequisition && o.handleSubmitRequisition(...m), ["prevent"]))
       }, [
         t("div", dd, [
           t("div", ud, [
@@ -5001,8 +5015,8 @@ function Ac(s, e, u, l, n, o) {
                   (r(!0), a(y, null, w(n.units, (D) => (r(), a("option", {
                     key: D,
                     value: D
-                  }, d(D), 9, Rd))), 128))
-                ], 8, Td), [
+                  }, d(D), 9, Td))), 128))
+                ], 8, Rd), [
                   [I, m.unit]
                 ])
               ]),
@@ -5219,9 +5233,9 @@ function Ac(s, e, u, l, n, o) {
           class: "requisition-card"
         }, [
           t("div", Su, [
-            t("div", Tu, d(m.id), 1)
+            t("div", Ru, d(m.id), 1)
           ]),
-          t("div", Ru, [
+          t("div", Tu, [
             (r(!0), a(y, null, w(n.requisitionFields, (g) => (r(), a("div", {
               class: "detail-item",
               key: g.label
@@ -5271,7 +5285,7 @@ function Ac(s, e, u, l, n, o) {
             ]),
             t("div", Yu, [
               e[39] || (e[39] = t("span", { class: "info-label" }, "Address:", -1)),
-              t("span", Zu, d(n.vendorInfo.address || ((R = n.poDetails.vendorInfo) == null ? void 0 : R.address) || "N/A"), 1)
+              t("span", Zu, d(n.vendorInfo.address || ((T = n.poDetails.vendorInfo) == null ? void 0 : T.address) || "N/A"), 1)
             ])
           ]),
           t("div", Ku, [
@@ -5387,7 +5401,7 @@ function Ac(s, e, u, l, n, o) {
       n.showJustificationModal ? (r(), a("div", {
         key: 0,
         class: "justification-modal",
-        onClick: e[10] || (e[10] = T((...m) => o.closeJustificationModal && o.closeJustificationModal(...m), ["self"]))
+        onClick: e[10] || (e[10] = R((...m) => o.closeJustificationModal && o.closeJustificationModal(...m), ["self"]))
       }, [
         t("div", Dc, [
           e[58] || (e[58] = t("h3", null, "Price Change Justification Required", -1)),
@@ -5414,7 +5428,7 @@ function Ac(s, e, u, l, n, o) {
               onClick: e[9] || (e[9] = (...m) => o.confirmPriceChange && o.confirmPriceChange(...m)),
               class: "save-btn",
               disabled: !n.justificationText.trim()
-            }, " Confirm Change ", 8, Tc)
+            }, " Confirm Change ", 8, Rc)
           ])
         ])
       ])) : p("", !0),
@@ -5425,7 +5439,7 @@ function Ac(s, e, u, l, n, o) {
         onClick: e[11] || (e[11] = (m) => o.handleFinishPO(n.poDetails.id))
       }, "Approve PO"))
     ])) : p("", !0),
-    n.activeTab === "workflow" ? (r(), a("div", Rc, e[59] || (e[59] = [
+    n.activeTab === "workflow" ? (r(), a("div", Tc, e[59] || (e[59] = [
       V('<div class="workflow-steps"><div class="workflow-step"><div class="step-icon completed">1</div><div class="step-title">Request Submitted</div></div><div class="workflow-step"><div class="step-icon active">2</div><div class="step-title">Department Review</div></div><div class="workflow-step"><div class="step-icon">3</div><div class="step-title">Management Approval</div></div><div class="workflow-step"><div class="step-icon">4</div><div class="step-title">Purchase Order Created</div></div><div class="workflow-step"><div class="step-icon">5</div><div class="step-title">Order Fulfilled</div></div></div><div style="background:white;padding:30px;border-radius:15px;margin-top:20px;"><h3 style="color:#1e40af;margin-bottom:20px;">Requisition Workflow Process</h3><div style="line-height:1.8;color:#374151;"><p><strong>Step 1: Request Identification</strong><br> Department or individual identifies need for materials, equipment, or services.</p><p><strong>Step 2: Requisition Creation</strong><br> Complete requisition form with detailed specifications, quantities, and business justification.</p><p><strong>Step 3: Department Review</strong><br> Department supervisor reviews request for accuracy, necessity, and budget compliance.</p><p><strong>Step 4: Management Approval</strong><br> Based on cost thresholds, appropriate management level provides approval.</p><p><strong>Step 5: Purchase Order Generation</strong><br> Purchasing team converts approved requisition into formal Purchase Order (PO).</p><p><strong>Step 6: Vendor Processing</strong><br> PO sent to vendor, order processed, and delivery scheduled.</p><p><strong>Step 7: Receipt &amp; Inventory</strong><br> Goods received, inspected, and entered into inventory system.</p></div></div>', 2)
     ]))) : p("", !0)
   ]);
@@ -5441,7 +5455,7 @@ const Pc = /* @__PURE__ */ O(nd, [["render", Ac]]), Ec = (s = {}) => ({
     type: "link",
     label: "Home",
     icon: "bi bi-house",
-    roles: ["owner", "staff", "captain"],
+    roles: ["owner", "super-staff", "staff", "captain"],
     href: "/app/dashboard",
     active: !0
   },
@@ -5453,6 +5467,7 @@ const Pc = /* @__PURE__ */ O(nd, [["render", Ac]]), Ec = (s = {}) => ({
     roles: ["crew"]
   },
   {
+    // Activity Log — intentionally excluded from super-staff
     type: "link",
     label: "Activity Log",
     icon: "bi bi-activity",
@@ -5464,7 +5479,7 @@ const Pc = /* @__PURE__ */ O(nd, [["render", Ac]]), Ec = (s = {}) => ({
     label: "People Manager",
     icon: "bi bi-person-plus",
     href: "/app/people-manager",
-    roles: ["owner"]
+    roles: ["owner", "super-staff"]
   },
   {
     type: "text",
@@ -5473,7 +5488,7 @@ const Pc = /* @__PURE__ */ O(nd, [["render", Ac]]), Ec = (s = {}) => ({
   {
     type: "dropdown",
     label: "Compliance",
-    roles: ["owner", "staff", "captain"],
+    roles: ["owner", "super-staff", "staff", "captain"],
     icon: "bi bi-list-ul",
     children: [
       { label: "Vessel Certification", action: "vessel-cert" },
@@ -5485,56 +5500,86 @@ const Pc = /* @__PURE__ */ O(nd, [["render", Ac]]), Ec = (s = {}) => ({
   },
   {
     // ── HR MODULE ──────────────────────────────────────────────────────────
-    // Clock-in/out is office-only (owner + staff roles).
-    // Payroll and appraisal will also cover crew in a later release.
+    // Visible to owner, super-staff, and staff with the 'hr' category.
+    // Category-based filtering is handled by the sidebar's permissionChecker.
     type: "dropdown",
     label: "HR",
     icon: "bi bi-people-fill",
-    roles: ["owner", "staff"],
+    roles: ["owner", "super-staff", "staff"],
+    categories: ["hr"],
+    // staff must also have this category
     children: [
       {
         label: "Attendance",
         action: "hr-attendance",
-        roles: ["owner", "staff"]
+        roles: ["owner", "super-staff", "staff"],
+        categories: ["hr"]
       },
       {
         label: "Payroll",
         action: "hr-payroll",
-        roles: ["owner", "staff"]
+        roles: ["owner", "super-staff", "staff"],
+        categories: ["hr"]
       },
       {
         label: "Appraisals",
         action: "hr-appraisals",
-        roles: ["owner", "staff"]
+        roles: ["owner", "super-staff", "staff"],
+        categories: ["hr"]
       },
       {
         label: "Leave Management",
         action: "hr-leave",
-        roles: ["owner", "staff"]
+        roles: ["owner", "super-staff", "staff"],
+        categories: ["hr"]
       },
       {
         label: "Disciplinary Log",
-        // Coming next
         action: "hr-disciplinary",
         roles: ["owner"]
+        // owner-only, no category gate needed
+      }
+    ]
+  },
+  {
+    // ── RECRUITMENT MODULE ─────────────────────────────────────────────────
+    // Accessible to owner, super-staff, and staff with the 'hr' category.
+    type: "dropdown",
+    label: "Recruitment",
+    icon: "bi bi-person-fill-add",
+    roles: ["owner", "super-staff", "staff"],
+    categories: ["hr"],
+    // staff must also have this category
+    children: [
+      {
+        label: "Recruitment Tracker",
+        action: "recruitment-tracker",
+        roles: ["owner", "super-staff", "staff"],
+        categories: ["hr"]
+      },
+      {
+        label: "Recruitment Builder",
+        action: "recruitment-builder",
+        roles: ["owner", "super-staff", "staff"],
+        categories: ["hr"]
       }
     ]
   },
-  /* ── end HR MODULE ── */
+  /* ── end HR / RECRUITMENT MODULES ── */
   {
     type: "button",
     label: "Maintenance",
     icon: "bi bi-tools",
     action: "maintenance",
-    roles: ["owner", "staff", "captain"]
+    roles: ["owner", "super-staff", "staff", "captain"]
   },
   {
     type: "dropdown",
     label: "Crew Management",
     icon: "bi bi-people",
-    roles: ["owner", "staff", "captain"],
+    roles: ["owner", "super-staff", "staff", "captain"],
     children: [
-      { label: "All Crew", action: "crew-all", roles: ["owner", "staff"] },
+      { label: "All Crew", action: "crew-all", roles: ["owner", "super-staff", "staff"] },
       { label: "Get Crew by Vessel", action: "crew-by-vessel" },
       { label: "Schedule", action: "schedule" }
     ]
@@ -5543,10 +5588,10 @@ const Pc = /* @__PURE__ */ O(nd, [["render", Ac]]), Ec = (s = {}) => ({
     type: "dropdown",
     label: "Inventory Management",
     icon: "bi bi-clipboard-data",
-    roles: ["owner", "staff", "captain"],
+    roles: ["owner", "super-staff", "staff", "captain"],
     children: [
-      { label: "Parts Inventory", action: "inventory", roles: ["owner", "staff", "captain"] },
-      { label: "Bunkering", action: "fuel", roles: ["owner", "staff", "captain"] }
+      { label: "Parts Inventory", action: "inventory", roles: ["owner", "super-staff", "staff", "captain"] },
+      { label: "Bunkering", action: "fuel", roles: ["owner", "super-staff", "staff", "captain"] }
     ]
   },
   {
@@ -5554,21 +5599,21 @@ const Pc = /* @__PURE__ */ O(nd, [["render", Ac]]), Ec = (s = {}) => ({
     label: "Requisition Processing",
     icon: "bi bi-calendar-check",
     href: "/app/requisition",
-    roles: ["owner", "staff", "captain"]
+    roles: ["owner", "super-staff", "staff", "captain"]
   },
   {
     type: "button",
     label: "Voyage Manager",
     icon: "fas fa-ship",
     action: "coming-soon",
-    roles: ["owner", "staff", "captain"]
+    roles: ["owner", "super-staff", "staff", "captain"]
   },
   {
     type: "button",
     label: "Vessel Log",
     icon: "bi bi-file-ruled",
     action: "coming-soon",
-    roles: ["owner", "staff", "captain"]
+    roles: ["owner", "super-staff", "staff", "captain"]
   },
   {
     type: "button",
@@ -5589,7 +5634,7 @@ const Pc = /* @__PURE__ */ O(nd, [["render", Ac]]), Ec = (s = {}) => ({
     label: "Settings",
     icon: "bi bi-gear",
     action: "settings",
-    roles: ["owner", "staff"]
+    roles: ["owner", "super-staff", "staff"]
   },
   {
     type: "button",