@neutron.co.id/operasional-interfaces 1.8.3 → 1.8.4

package/build/index.cjs

@@ -33,7 +33,7 @@ const mitt = require("mitt");
 const personaliaModels = require("@neutron.co.id/personalia-models");
 const catatInterfaces = require("@neon.id/catat-interfaces");
 const _hoisted_1$m = { class: "xxx-button" };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "XxxButton" },
   __name: "XxxButton",
   props: {
@@ -55,7 +55,7 @@ const _hoisted_2$g = {
   key: 2,
   class: "section"
 };
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -411,7 +411,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-355c8370"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-355c8370"]]);
 dayjs.extend(durationPlugin);
 dayjs.extend(relativeTimePlugin);
 dayjs.extend(advancedFormat);
@@ -437,7 +437,7 @@ const _hoisted_2$f = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.cr
 const _hoisted_3$7 = [
   _hoisted_2$f
 ];
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -498,14 +498,16 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
 });
 const NeonTime_vue_vue_type_style_index_0_scoped_805321b9_lang = "";
 const NeonTime_vue_vue_type_style_index_1_lang = "";
-const NeonTime = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-805321b9"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-805321b9"]]);
 const CheckInModel = tempatModels.models.CheckInModel;
 const useOperasionalStore = pinia.defineStore("neu:operasional", () => {
   const isLoading = vue.ref(false);
   const staff = vue.ref(null);
+  const accesses = vue.ref([]);
   return {
     isLoading,
     staff,
+    accesses,
     setStaff
   };
   function setStaff(data) {
@@ -577,11 +579,21 @@ function withOperasional() {
   const authStore = identitasInterfaces.useAuthStore();
   const { userId } = pinia.storeToRefs(authStore);
   const store = useOperasionalStore();
-  const { isLoading, staff } = pinia.storeToRefs(store);
+  const { isLoading, staff, accesses } = pinia.storeToRefs(store);
+  const supervisedStaffIds = vue.computed(() => {
+    return accesses.value.reduce(
+      (ids, access) => {
+        return ids.concat(access.supervisedStaffIds || []);
+      },
+      []
+    );
+  });
   const { client: client2 } = vue$1.useClientHandle();
   const context$1 = {
     isLoading,
     staff,
+    accesses,
+    supervisedStaffIds,
     setStaff: store.setStaff,
     getStaff,
     init
@@ -608,7 +620,11 @@ function withOperasional() {
         userId: 1,
         branch: { id: 1, name: 1 },
         branches: { id: 1, name: 1 },
-        note: 1
+        note: 1,
+        superviseStaffProgressAccesses: {
+          id: 1,
+          supervisedStaffIds: 1
+        }
       }),
       {
         filter: { userId: userId.value },
@@ -619,7 +635,9 @@ function withOperasional() {
     ).toPromise();
     const wrapper = (_a = resp.data) == null ? void 0 : _a[StaffModel$1.plural];
     const items = (wrapper == null ? void 0 : wrapper.items) || [];
-    store.setStaff(items[0]);
+    const _staff = items[0];
+    staff.value = _staff;
+    accesses.value = _staff.superviseStaffProgressAccesses || [];
   }
 }
 const bus = mitt();
@@ -639,7 +657,7 @@ const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.cr
   /* HOISTED */
 ));
 const _hoisted_6$2 = { class: "end" };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInPresenceCollection"
   },
@@ -992,9 +1010,9 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_ee60c24a_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-ee60c24a"]]);
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-ee60c24a"]]);
 const _hoisted_1$i = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -1092,9 +1110,9 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInSingle_vue_vue_type_style_index_0_scoped_2e2803fb_lang = "";
-const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-2e2803fb"]]);
+const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-2e2803fb"]]);
 const _hoisted_1$h = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -1207,7 +1225,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInExternal_vue_vue_type_style_index_0_scoped_dcdbc71a_lang = "";
-const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-dcdbc71a"]]);
+const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-dcdbc71a"]]);
 const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-d23b6de5"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$g = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
   "h4",
@@ -1227,7 +1245,7 @@ const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -1280,9 +1298,9 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInAccess_vue_vue_type_style_index_0_scoped_d23b6de5_lang = "";
-const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-d23b6de5"]]);
+const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-d23b6de5"]]);
 const _hoisted_1$f = { class: "buttons" };
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -1346,7 +1364,7 @@ const _hoisted_2$c = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.crea
 ));
 const _hoisted_3$5 = ["onClick"];
 const _hoisted_4$3 = { class: "mr-2 text-sm" };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit }) {
@@ -1528,7 +1546,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInScanner_vue_vue_type_style_index_0_scoped_ef426ef3_lang = "";
-const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-ef426ef3"]]);
+const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-ef426ef3"]]);
 const _hoisted_1$d = /* @__PURE__ */ vue.createElementVNode(
   "h3",
   { align: "center" },
@@ -1536,7 +1554,7 @@ const _hoisted_1$d = /* @__PURE__ */ vue.createElementVNode(
   -1
   /* HOISTED */
 );
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -1568,7 +1586,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInCollection"
   },
@@ -1587,7 +1605,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffModel = personaliaModels.models.StaffModel;
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "StaffCollection"
   },
@@ -1607,7 +1625,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$c = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$b = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -1687,7 +1705,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$G))
+                  vue.createVNode(vue.unref(_sfc_main$J))
                 ]),
                 _: 1
                 /* STABLE */
@@ -1758,10 +1776,10 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffSingle_vue_vue_type_style_index_0_scoped_0cf4cd99_lang = "";
-const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-0cf4cd99"]]);
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-0cf4cd99"]]);
 const _hoisted_1$b = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$a = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
     const {
@@ -1841,7 +1859,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$G))
+                  vue.createVNode(vue.unref(_sfc_main$J))
                 ]),
                 _: 1
                 /* STABLE */
@@ -1919,8 +1937,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffOperasional_vue_vue_type_style_index_0_scoped_c62cf70a_lang = "";
-const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-c62cf70a"]]);
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-c62cf70a"]]);
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
     const { values, saveOne, executeOne, syncOne } = context.useSingle();
@@ -2005,6 +2023,24 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
               { id: "6309c3c2e64a1324b8663dab", name: "Karyawan" },
               { id: "646a42976af710fe3618af9a", name: "Pengawas Pengajuan" },
               { id: "646a43106af710fe3618afca", name: "Pengambil Keputusan" },
+              // OPERASIONAL
+              {
+                id: "64a686ba3fe0bb481faa0f8b",
+                name: "Pengelola Tanggungjawab"
+              },
+              {
+                id: "64a687823fe0bb481faa0fba",
+                name: "Penanggungjawab Cabang"
+              },
+              {
+                id: "64a687b93fe0bb481faa0fd6",
+                name: "Pengawas Progress"
+              },
+              {
+                id: "64a687ed3fe0bb481faa0ff2",
+                name: "Pengelola Absensi"
+              },
+              // END OPERASIONAL
               { id: "63e1734b78ae4f8388b1b313", name: "Cabang Pendidikan" },
               // { id: '6309c2aae64a1324b8663d96', name: 'Admin Pendidikan' },
               { id: "643f6c0bd760fc7b529d4a5d", name: "Pengelola Pengajar" },
@@ -2076,7 +2112,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SituationModel = personaliaModels.models.SituationModel;
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationCollection" },
   __name: "SituationCollection",
   setup(__props) {
@@ -2092,7 +2128,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationSingle",
   setup(__props) {
     const {
@@ -2230,7 +2266,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationWork",
   setup(__props) {
     const {
@@ -2411,7 +2447,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationSupportive" },
   __name: "SituationSupportive",
   setup(__props) {
@@ -2550,7 +2586,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SituationTypeModel = personaliaModels.models.SituationTypeModel;
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationTypeCollection" },
   __name: "SituationTypeCollection",
   setup(__props) {
@@ -2566,7 +2602,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationTypeSingle",
   setup(__props) {
     const {
@@ -2641,7 +2677,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
 const TaskModel = personaliaModels.models.TaskModel;
 const _hoisted_1$a = { key: 0 };
 const _hoisted_2$9 = { key: 1 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TaskWorkButton" },
   __name: "TaskWorkButton",
   setup(__props) {
@@ -2762,7 +2798,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TaskCollection" },
   __name: "TaskCollection",
   setup(__props) {
@@ -2778,7 +2814,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "TaskSingle",
   setup(__props) {
     const {
@@ -3001,7 +3037,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "TaskWork",
   setup(__props) {
     const {
@@ -3224,7 +3260,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionModel = personaliaModels.models.SubmissionModel;
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionCollection"
   },
@@ -3242,7 +3278,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionSingle",
   setup(__props) {
     const {
@@ -3440,8 +3476,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionSingle_vue_vue_type_style_index_0_scoped_db121b49_lang = "";
-const SubmissionSingle = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-db121b49"]]);
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const SubmissionSingle = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-db121b49"]]);
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionStaff",
   setup(__props) {
     var _a;
@@ -3725,8 +3761,8 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionStaff_vue_vue_type_style_index_0_scoped_c971a3c0_lang = "";
-const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-c971a3c0"]]);
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-c971a3c0"]]);
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
     const {
@@ -3918,13 +3954,13 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionFollowUp_vue_vue_type_style_index_0_scoped_890dfdf2_lang = "";
-const SubmissionFollowUp = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-890dfdf2"]]);
+const SubmissionFollowUp = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-890dfdf2"]]);
 const _hoisted_1$9 = { class: "flex flex-wrap" };
 const _hoisted_2$8 = { class: "mt-2" };
 const _hoisted_3$4 = { class: "mt-2" };
 const _hoisted_4$2 = { class: "mt-2" };
 const _hoisted_5$2 = { class: "mt-2" };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionAudit",
   setup(__props) {
     var _a;
@@ -4296,7 +4332,14 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                       }
                     }),
                     "is-ready": vue.unref(isReady),
-                    columns: ["startedAt", "endedAt", "staff", "detail"],
+                    columns: [
+                      "startedAt",
+                      "endedAt",
+                      "detail",
+                      "staffs",
+                      "virtualIsNotes",
+                      "accessStaffs"
+                    ],
                     sorts: ["startedAt", "startedAt", "createdAt", "updatedAt"],
                     filters: ["staff"],
                     "initial-values": {
@@ -4320,12 +4363,12 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionAudit_vue_vue_type_style_index_0_scoped_cf1bf231_lang = "";
-const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-cf1bf231"]]);
+const SubmissionAudit_vue_vue_type_style_index_0_scoped_0478202c_lang = "";
+const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-0478202c"]]);
 const _hoisted_1$8 = { class: "flex flex-wrap" };
 const _hoisted_2$7 = { class: "mt-2" };
 const _hoisted_3$3 = { class: "mt-2" };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
     var _a;
@@ -4661,7 +4704,14 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                       }
                     }),
                     "is-ready": vue.unref(isReady),
-                    columns: ["startedAt", "endedAt", "staff", "detail"],
+                    columns: [
+                      "startedAt",
+                      "endedAt",
+                      "detail",
+                      "staffs",
+                      "virtualIsNotes",
+                      "accessStaffs"
+                    ],
                     sorts: ["startedAt", "startedAt", "createdAt", "updatedAt"],
                     filters: ["staff"],
                     "initial-values": {
@@ -4685,12 +4735,12 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionDecision_vue_vue_type_style_index_0_scoped_754ce2a4_lang = "";
-const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-754ce2a4"]]);
+const SubmissionDecision_vue_vue_type_style_index_0_scoped_59b0701c_lang = "";
+const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-59b0701c"]]);
 const _hoisted_1$7 = { class: "flex flex-wrap" };
 const _hoisted_2$6 = { class: "mt-2" };
 const _hoisted_3$2 = { class: "mt-2" };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
     var _a;
@@ -5016,9 +5066,9 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionWaitingDecision_vue_vue_type_style_index_0_scoped_1f81ee74_lang = "";
-const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1f81ee74"]]);
+const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-1f81ee74"]]);
 const SubmissionTypeModel = personaliaModels.models.SubmissionTypeModel;
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionTypeCollection"
   },
@@ -5036,7 +5086,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionTypeSingle",
   setup(__props) {
     const {
@@ -5102,9 +5152,9 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionTypeSingle_vue_vue_type_style_index_0_scoped_2b7e18ba_lang = "";
-const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-2b7e18ba"]]);
+const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-2b7e18ba"]]);
 const ResponsibilityTypeModel = personaliaModels.models.ResponsibilityTypeModel;
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityTypeCollection"
   },
@@ -5122,7 +5172,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityTypeSingle",
   setup(__props) {
     const {
@@ -5188,9 +5238,9 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ResponsibilityTypeSingle_vue_vue_type_style_index_0_scoped_3df9fac1_lang = "";
-const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-3df9fac1"]]);
+const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3df9fac1"]]);
 const ResponsibilityModel = personaliaModels.models.ResponsibilityModel;
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityCollection"
   },
@@ -5208,7 +5258,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilitySingle",
   setup(__props) {
     const {
@@ -5346,7 +5396,14 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                         }
                       }),
                       "is-ready": vue.unref(isReady),
-                      columns: ["startedAt", "endedAt", "staff", "detail"],
+                      columns: [
+                        "startedAt",
+                        "endedAt",
+                        "detail",
+                        "staffs",
+                        "virtualIsNotes",
+                        "accessStaffs"
+                      ],
                       sorts: ["startedAt", "createdAt", "updatedAt"],
                       "initial-values": {
                         responsibilityIds: vue.unref(id),
@@ -5371,9 +5428,9 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilitySingle_vue_vue_type_style_index_0_scoped_774b00b2_lang = "";
-const ResponsibilitySingle = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-774b00b2"]]);
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilitySingle_vue_vue_type_style_index_0_scoped_3ec4a018_lang = "";
+const ResponsibilitySingle = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3ec4a018"]]);
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityStaff",
   setup(__props) {
     const {
@@ -5503,7 +5560,14 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                         }
                       }),
                       "is-ready": vue.unref(isReady),
-                      columns: ["startedAt", "endedAt", "staff", "detail"],
+                      columns: [
+                        "startedAt",
+                        "endedAt",
+                        "detail",
+                        "staffs",
+                        "virtualIsNotes",
+                        "accessStaffs"
+                      ],
                       sorts: ["startedAt", "createdAt", "updatedAt"],
                       "initial-values": {
                         responsibilityIds: vue.unref(id),
@@ -5528,10 +5592,10 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilityStaff_vue_vue_type_style_index_0_scoped_8c4d64ad_lang = "";
-const ResponsibilityStaff = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-8c4d64ad"]]);
+const ResponsibilityStaff_vue_vue_type_style_index_0_scoped_a1ec66a6_lang = "";
+const ResponsibilityStaff = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-a1ec66a6"]]);
 const TargetModel = personaliaModels.models.TargetModel;
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "TargetCollection"
   },
@@ -5549,7 +5613,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "TargetSingle",
   setup(__props) {
     const {
@@ -5702,8 +5766,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TargetSingle_vue_vue_type_style_index_0_scoped_c12b8df8_lang = "";
-const TargetSingle = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-c12b8df8"]]);
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const TargetSingle = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-c12b8df8"]]);
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "TargetBranch",
   setup(__props) {
     const {
@@ -5856,9 +5920,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TargetBranch_vue_vue_type_style_index_0_scoped_6a5a6e80_lang = "";
-const TargetBranch = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-6a5a6e80"]]);
+const TargetBranch = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-6a5a6e80"]]);
 const PlanTypeModel = personaliaModels.models.PlanTypeModel;
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanTypeCollection"
   },
@@ -5876,7 +5940,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanTypeSingle",
   setup(__props) {
     const {
@@ -5997,9 +6061,9 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const PlanTypeSingle_vue_vue_type_style_index_0_scoped_80d2e1d3_lang = "";
-const PlanTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-80d2e1d3"]]);
+const PlanTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-80d2e1d3"]]);
 const PlanModel = personaliaModels.models.PlanModel;
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanCollection"
   },
@@ -6017,7 +6081,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanSingle",
   setup(__props) {
     const {
@@ -6169,7 +6233,14 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                       }
                     }),
                     "is-ready": vue.unref(isReady),
-                    columns: ["startedAt", "endedAt", "staff", "detail"],
+                    columns: [
+                      "startedAt",
+                      "endedAt",
+                      "detail",
+                      "staffs",
+                      "virtualIsNotes",
+                      "accessStaffs"
+                    ],
                     sorts: ["startedAt", "startedAt", "createdAt", "updatedAt"],
                     filters: ["staff"],
                     "initial-values": {
@@ -6192,9 +6263,9 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PlanSingle_vue_vue_type_style_index_0_scoped_b3d29aa4_lang = "";
-const PlanSingle = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-b3d29aa4"]]);
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const PlanSingle_vue_vue_type_style_index_0_scoped_a39127c2_lang = "";
+const PlanSingle = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-a39127c2"]]);
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanStaff",
   setup(__props) {
     const {
@@ -6346,10 +6417,10 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const PlanStaff_vue_vue_type_style_index_0_scoped_aa8de6da_lang = "";
-const PlanStaff = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-aa8de6da"]]);
+const PlanStaff = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-aa8de6da"]]);
 const ProgressModel = personaliaModels.models.ProgressModel;
 const _hoisted_1$6 = { class: "flex flex-wrap" };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressButton" },
   __name: "ProgressButton",
   setup(__props) {
@@ -6395,7 +6466,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ProgressCollection"
   },
@@ -6458,10 +6529,10 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressCollection_vue_vue_type_style_index_0_scoped_2634660f_lang = "";
-const ProgressCollection = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-2634660f"]]);
+const ProgressCollection = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-2634660f"]]);
 const _hoisted_1$5 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$5 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
     var _a;
@@ -6744,10 +6815,10 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressSingle_vue_vue_type_style_index_0_scoped_ca99d46c_lang = "";
-const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-ca99d46c"]]);
+const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-ca99d46c"]]);
 const _hoisted_1$4 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$4 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressTomorrow",
   setup(__props) {
     var _a;
@@ -7030,10 +7101,10 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressTomorrow_vue_vue_type_style_index_0_scoped_41302f2e_lang = "";
-const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-41302f2e"]]);
+const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-41302f2e"]]);
 const _hoisted_1$3 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$3 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressYesterday",
   setup(__props) {
     var _a;
@@ -7316,8 +7387,8 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressYesterday_vue_vue_type_style_index_0_scoped_78de8f41_lang = "";
-const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-78de8f41"]]);
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-78de8f41"]]);
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressNote",
   setup(__props) {
     var _a;
@@ -7476,9 +7547,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressNote_vue_vue_type_style_index_0_scoped_cee18889_lang = "";
-const ProgressNote = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-cee18889"]]);
+const ProgressNote = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-cee18889"]]);
 const AttendanceModel = personaliaModels.models.AttendanceModel;
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "AttendanceCollection"
   },
@@ -7498,7 +7569,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$2 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$2 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
     const {
@@ -7680,7 +7751,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const AttendanceSingle_vue_vue_type_style_index_0_scoped_0c3c6187_lang = "";
-const AttendanceSingle = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0c3c6187"]]);
+const AttendanceSingle = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-0c3c6187"]]);
 const _hoisted_1$1 = {
   key: 1,
   class: "flex flex-wrap"
@@ -7702,7 +7773,7 @@ const _hoisted_8$1 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9$1 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceStaff",
   setup(__props) {
     var _a;
@@ -8082,7 +8153,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const AttendanceStaff_vue_vue_type_style_index_0_scoped_724535b0_lang = "";
-const AttendanceStaff = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-724535b0"]]);
+const AttendanceStaff = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-724535b0"]]);
 const _hoisted_1 = { class: "flex flex-wrap" };
 const _hoisted_2 = { class: "mt-2" };
 const _hoisted_3 = { class: "mt-2" };
@@ -8101,7 +8172,7 @@ const _hoisted_8 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceManager",
   setup(__props) {
     var _a;
@@ -8462,80 +8533,241 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const AttendanceManager_vue_vue_type_style_index_0_scoped_643cca03_lang = "";
-const AttendanceManager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-643cca03"]]);
+const AttendanceManager = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-643cca03"]]);
+const ProgressAccessModel = personaliaModels.models.ProgressAccessModel;
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ProgressAccessCollection"
+  },
+  __name: "ProgressAccessCollection",
+  setup(__props) {
+    context.useCollection();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonCollection), { class: "neu-progress-access-collection" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office.OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ProgressAccessSingle",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = context.useSingle();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-progress-access-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office.OfficeTabs), { "use-url": vue.unref(isMain) }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "info",
+                    "initial-values": vue.unref(initialValues),
+                    "is-loading": vue.unref(isLoading),
+                    "is-changed": vue.unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: vue.unref(discardChanges),
+                    onSubmit: vue.unref(saveOne)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).superviseStaff
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).supervisedStaffs
+                      }, null, 8, ["modelValue", "field"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ProgressAccessSingle_vue_vue_type_style_index_0_scoped_60f0e0da_lang = "";
+const ProgressAccessSingle = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-60f0e0da"]]);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "ProgressAccessSupervisor",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = context.useSingle();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-progress-access-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office.OfficeTabs), { "use-url": vue.unref(isMain) }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "info",
+                    "initial-values": vue.unref(initialValues),
+                    "is-loading": vue.unref(isLoading),
+                    "is-changed": vue.unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: vue.unref(discardChanges),
+                    onSubmit: vue.unref(saveOne)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).superviseStaff,
+                        "is-disabled": ""
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).supervisedStaffs,
+                        "is-disabled": ""
+                      }, null, 8, ["modelValue", "field"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ProgressAccessSupervisor_vue_vue_type_style_index_0_scoped_54eff340_lang = "";
+const ProgressAccessSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54eff340"]]);
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AttendanceCollection: _sfc_main$3,
+  AttendanceCollection: _sfc_main$6,
   AttendanceManager,
   AttendanceModel,
   AttendanceSingle,
   AttendanceStaff,
   CheckInAccess,
-  CheckInCollection: _sfc_main$K,
+  CheckInCollection: _sfc_main$N,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$N,
-  CheckInScanSuccess: _sfc_main$L,
+  CheckInScanError: _sfc_main$Q,
+  CheckInScanSuccess: _sfc_main$O,
   CheckInScanner,
   CheckInSingle,
   NeonTime,
   OperasionalIdentitas,
-  PlanCollection: _sfc_main$c,
+  PlanCollection: _sfc_main$f,
   PlanModel,
   PlanSingle,
   PlanStaff,
-  PlanTypeCollection: _sfc_main$e,
+  PlanTypeCollection: _sfc_main$h,
   PlanTypeModel,
   PlanTypeSingle,
-  ProgressButton: _sfc_main$9,
+  ProgressAccessCollection: _sfc_main$2,
+  ProgressAccessModel,
+  ProgressAccessSingle,
+  ProgressAccessSupervisor,
+  ProgressButton: _sfc_main$c,
   ProgressCollection,
   ProgressModel,
   ProgressNote,
   ProgressSingle,
   ProgressTomorrow,
   ProgressYesterday,
-  ResponsibilityCollection: _sfc_main$k,
+  ResponsibilityCollection: _sfc_main$n,
   ResponsibilityModel,
   ResponsibilitySingle,
   ResponsibilityStaff,
-  ResponsibilityTypeCollection: _sfc_main$m,
+  ResponsibilityTypeCollection: _sfc_main$p,
   ResponsibilityTypeModel,
   ResponsibilityTypeSingle,
-  SituationCollection: _sfc_main$F,
+  SituationCollection: _sfc_main$I,
   SituationModel,
-  SituationSingle: _sfc_main$E,
-  SituationSupportive: _sfc_main$C,
-  SituationTypeCollection: _sfc_main$B,
+  SituationSingle: _sfc_main$H,
+  SituationSupportive: _sfc_main$F,
+  SituationTypeCollection: _sfc_main$E,
   SituationTypeModel,
-  SituationTypeSingle: _sfc_main$A,
-  SituationWork: _sfc_main$D,
-  StaffCollection: _sfc_main$J,
-  StaffIdentity: _sfc_main$G,
+  SituationTypeSingle: _sfc_main$D,
+  SituationWork: _sfc_main$G,
+  StaffCollection: _sfc_main$M,
+  StaffIdentity: _sfc_main$J,
   StaffModel,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
-  SubmissionCollection: _sfc_main$v,
+  SubmissionCollection: _sfc_main$y,
   SubmissionDecision,
   SubmissionFollowUp,
   SubmissionModel,
   SubmissionSingle,
   SubmissionStaff,
-  SubmissionTypeCollection: _sfc_main$o,
+  SubmissionTypeCollection: _sfc_main$r,
   SubmissionTypeModel,
   SubmissionTypeSingle,
   SubmissionWaitingDecision,
   TargetBranch,
-  TargetCollection: _sfc_main$h,
+  TargetCollection: _sfc_main$k,
   TargetModel,
   TargetSingle,
-  TaskCollection: _sfc_main$y,
+  TaskCollection: _sfc_main$B,
   TaskModel,
-  TaskSingle: _sfc_main$x,
-  TaskWork: _sfc_main$w,
-  TaskWorkButton: _sfc_main$z,
-  XxxButton: _sfc_main$U
+  TaskSingle: _sfc_main$A,
+  TaskWork: _sfc_main$z,
+  TaskWorkButton: _sfc_main$C,
+  XxxButton: _sfc_main$X
 }, Symbol.toStringTag, { value: "Module" }));
 function registerComponents(app) {
   Object.entries(components).forEach(([name, component2]) => {
@@ -8550,80 +8782,84 @@ const OperasionalInterfacesPlugin = {
     registerComponents(app);
   }
 };
-exports.AttendanceCollection = _sfc_main$3;
+exports.AttendanceCollection = _sfc_main$6;
 exports.AttendanceManager = AttendanceManager;
 exports.AttendanceModel = AttendanceModel;
 exports.AttendanceSingle = AttendanceSingle;
 exports.AttendanceStaff = AttendanceStaff;
 exports.CheckInAccess = CheckInAccess;
-exports.CheckInCollection = _sfc_main$K;
+exports.CheckInCollection = _sfc_main$N;
 exports.CheckInExternal = CheckInExternal;
 exports.CheckInModel = CheckInModel;
 exports.CheckInPresenceCollection = CheckInPresenceCollection;
-exports.CheckInScanError = _sfc_main$N;
-exports.CheckInScanSuccess = _sfc_main$L;
+exports.CheckInScanError = _sfc_main$Q;
+exports.CheckInScanSuccess = _sfc_main$O;
 exports.CheckInScanner = CheckInScanner;
 exports.CheckInSingle = CheckInSingle;
 exports.NOperasional = operasional_types;
 exports.NeonTime = NeonTime;
 exports.OperasionalIdentitas = OperasionalIdentitas;
 exports.OperasionalInterfacesPlugin = OperasionalInterfacesPlugin;
-exports.PlanCollection = _sfc_main$c;
+exports.PlanCollection = _sfc_main$f;
 exports.PlanModel = PlanModel;
 exports.PlanSingle = PlanSingle;
 exports.PlanStaff = PlanStaff;
-exports.PlanTypeCollection = _sfc_main$e;
+exports.PlanTypeCollection = _sfc_main$h;
 exports.PlanTypeModel = PlanTypeModel;
 exports.PlanTypeSingle = PlanTypeSingle;
-exports.ProgressButton = _sfc_main$9;
+exports.ProgressAccessCollection = _sfc_main$2;
+exports.ProgressAccessModel = ProgressAccessModel;
+exports.ProgressAccessSingle = ProgressAccessSingle;
+exports.ProgressAccessSupervisor = ProgressAccessSupervisor;
+exports.ProgressButton = _sfc_main$c;
 exports.ProgressCollection = ProgressCollection;
 exports.ProgressModel = ProgressModel;
 exports.ProgressNote = ProgressNote;
 exports.ProgressSingle = ProgressSingle;
 exports.ProgressTomorrow = ProgressTomorrow;
 exports.ProgressYesterday = ProgressYesterday;
-exports.ResponsibilityCollection = _sfc_main$k;
+exports.ResponsibilityCollection = _sfc_main$n;
 exports.ResponsibilityModel = ResponsibilityModel;
 exports.ResponsibilitySingle = ResponsibilitySingle;
 exports.ResponsibilityStaff = ResponsibilityStaff;
-exports.ResponsibilityTypeCollection = _sfc_main$m;
+exports.ResponsibilityTypeCollection = _sfc_main$p;
 exports.ResponsibilityTypeModel = ResponsibilityTypeModel;
 exports.ResponsibilityTypeSingle = ResponsibilityTypeSingle;
 exports.Schema = graphql;
-exports.SituationCollection = _sfc_main$F;
+exports.SituationCollection = _sfc_main$I;
 exports.SituationModel = SituationModel;
-exports.SituationSingle = _sfc_main$E;
-exports.SituationSupportive = _sfc_main$C;
-exports.SituationTypeCollection = _sfc_main$B;
+exports.SituationSingle = _sfc_main$H;
+exports.SituationSupportive = _sfc_main$F;
+exports.SituationTypeCollection = _sfc_main$E;
 exports.SituationTypeModel = SituationTypeModel;
-exports.SituationTypeSingle = _sfc_main$A;
-exports.SituationWork = _sfc_main$D;
-exports.StaffCollection = _sfc_main$J;
-exports.StaffIdentity = _sfc_main$G;
+exports.SituationTypeSingle = _sfc_main$D;
+exports.SituationWork = _sfc_main$G;
+exports.StaffCollection = _sfc_main$M;
+exports.StaffIdentity = _sfc_main$J;
 exports.StaffModel = StaffModel;
 exports.StaffOperasional = StaffOperasional;
 exports.StaffSingle = StaffSingle;
 exports.SubmissionAudit = SubmissionAudit;
-exports.SubmissionCollection = _sfc_main$v;
+exports.SubmissionCollection = _sfc_main$y;
 exports.SubmissionDecision = SubmissionDecision;
 exports.SubmissionFollowUp = SubmissionFollowUp;
 exports.SubmissionModel = SubmissionModel;
 exports.SubmissionSingle = SubmissionSingle;
 exports.SubmissionStaff = SubmissionStaff;
-exports.SubmissionTypeCollection = _sfc_main$o;
+exports.SubmissionTypeCollection = _sfc_main$r;
 exports.SubmissionTypeModel = SubmissionTypeModel;
 exports.SubmissionTypeSingle = SubmissionTypeSingle;
 exports.SubmissionWaitingDecision = SubmissionWaitingDecision;
 exports.TargetBranch = TargetBranch;
-exports.TargetCollection = _sfc_main$h;
+exports.TargetCollection = _sfc_main$k;
 exports.TargetModel = TargetModel;
 exports.TargetSingle = TargetSingle;
-exports.TaskCollection = _sfc_main$y;
+exports.TaskCollection = _sfc_main$B;
 exports.TaskModel = TaskModel;
-exports.TaskSingle = _sfc_main$x;
-exports.TaskWork = _sfc_main$w;
-exports.TaskWorkButton = _sfc_main$z;
-exports.XxxButton = _sfc_main$U;
+exports.TaskSingle = _sfc_main$A;
+exports.TaskWork = _sfc_main$z;
+exports.TaskWorkButton = _sfc_main$C;
+exports.XxxButton = _sfc_main$X;
 exports.bus = bus;
 exports.useAttendanceStore = useAttendanceStore;
 exports.useOperasional = useOperasional;