npm - @neutron.co.id/operasional-interfaces - Versions diffs - 1.8.3 → 1.8.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/build/index.mjs CHANGED Viewed

@@ -30,8 +30,8 @@ import Scanner from "qr-scanner";
 import mitt from "mitt";
 import { models as models$2 } from "@neutron.co.id/personalia-models";
 import { CatatSketchPad, CatatPaperPad } from "@neon.id/catat-interfaces";
-const _hoisted_1$m = { class: "xxx-button" };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = { class: "xxx-button" };
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   ...{ name: "XxxButton" },
   __name: "XxxButton",
   props: {
@@ -42,18 +42,18 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createVNode(unref(NeonButton), { label: "XXX" })
       ]);
     };
   }
 });
-const _hoisted_1$l = { class: "operasional-identitas" };
-const _hoisted_2$g = {
+const _hoisted_1$o = { class: "operasional-identitas" };
+const _hoisted_2$h = {
   key: 2,
   class: "section"
 };
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -308,7 +308,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         state.value === "connect" ? (openBlock(), createBlock(unref(IdentitasConnect), {
           key: 0,
           user: user.value,
@@ -360,7 +360,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
           _: 1
           /* STABLE */
         }, 8, ["initial-values", "is-loading", "errors"])) : createCommentVNode("v-if", true),
-        user.value && onDelegate ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
+        user.value && onDelegate ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
           createVNode(unref(NeonDivider), {
             "is-dashed": "",
             label: "Delegasi",
@@ -409,7 +409,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$$, [["__scopeId", "data-v-355c8370"]]);
 dayjs.extend(durationPlugin);
 dayjs.extend(relativeTimePlugin);
 dayjs.extend(advancedFormat);
@@ -421,21 +421,21 @@ class DateUtil {
   }
 }
 const _withScopeId$3 = (n) => (pushScopeId("data-v-805321b9"), n = n(), popScopeId(), n);
-const _hoisted_1$k = {
+const _hoisted_1$n = {
   key: 0,
   class: "input-loading"
 };
-const _hoisted_2$f = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_2$g = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode(
   "div",
   { class: "loading placeholder-block placeholder-wave" },
   null,
   -1
   /* HOISTED */
 ));
-const _hoisted_3$7 = [
-  _hoisted_2$f
+const _hoisted_3$8 = [
+  _hoisted_2$g
 ];
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -472,7 +472,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["neon-time", { "is-disabled": __props.isDisabled }])
         },
         [
-          __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$k, _hoisted_3$7)) : (openBlock(), createBlock(unref(DatePicker), mergeProps({
+          __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$n, _hoisted_3$8)) : (openBlock(), createBlock(unref(DatePicker), mergeProps({
             key: 1,
             "model-value": internalValue.value
           }, {
@@ -496,14 +496,16 @@ const _sfc_main$S = /* @__PURE__ */ 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$_, [["__scopeId", "data-v-805321b9"]]);
 const CheckInModel = models$1.CheckInModel;
 const useOperasionalStore = defineStore("neu:operasional", () => {
   const isLoading = ref(false);
   const staff = ref(null);
+  const accesses = ref([]);
   return {
     isLoading,
     staff,
+    accesses,
     setStaff
   };
   function setStaff(data) {
@@ -575,11 +577,21 @@ function withOperasional() {
   const authStore = useAuthStore();
   const { userId } = storeToRefs(authStore);
   const store = useOperasionalStore();
-  const { isLoading, staff } = storeToRefs(store);
+  const { isLoading, staff, accesses } = storeToRefs(store);
+  const supervisedStaffIds = computed(() => {
+    return accesses.value.reduce(
+      (ids, access) => {
+        return ids.concat(access.supervisedStaffIds || []);
+      },
+      []
+    );
+  });
   const { client } = useClientHandle();
   const context = {
     isLoading,
     staff,
+    accesses,
+    supervisedStaffIds,
     setStaff: store.setStaff,
     getStaff,
     init
@@ -606,7 +618,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 },
@@ -617,16 +633,18 @@ 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();
-const _withScopeId$2 = (n) => (pushScopeId("data-v-ee60c24a"), n = n(), popScopeId(), n);
-const _hoisted_1$j = { id: "view-checkIns" };
-const _hoisted_2$e = { class: "summary" };
-const _hoisted_3$6 = { class: "wrapper" };
-const _hoisted_4$4 = { class: "header" };
-const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode(
+const _withScopeId$2 = (n) => (pushScopeId("data-v-8637aebc"), n = n(), popScopeId(), n);
+const _hoisted_1$m = { id: "view-checkIns" };
+const _hoisted_2$f = { class: "summary" };
+const _hoisted_3$7 = { class: "wrapper" };
+const _hoisted_4$5 = { class: "header" };
+const _hoisted_5$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode(
   "div",
   { class: "start" },
   [
@@ -636,8 +654,8 @@ const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ create
   -1
   /* HOISTED */
 ));
-const _hoisted_6$2 = { class: "end" };
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _hoisted_6$3 = { class: "end" };
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   ...{
     name: "CheckInPresenceCollection"
   },
@@ -737,6 +755,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       id.value = await checkInStaff(data, type.value, (_a = staff.value) == null ? void 0 : _a.id);
     }
     async function checkInStaff(qrKey, type2, staffId) {
+      var _a;
       const toastId = "neu:personalia:staff:checkIn";
       let checkInId;
       console.log("bangunan...", qrKey);
@@ -747,7 +766,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             userId: userId.value,
             staffId,
             key: qrKey,
-            type: type2
+            type: type2,
+            branchId: (_a = staff.value) == null ? void 0 : _a.branchId
           }
         }).toPromise();
         const data = resp.data.executeCheckIn.output;
@@ -792,14 +812,14 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_CheckInSingleExternalView = resolveComponent("CheckInSingleExternalView");
       const _component_CheckInCollection = resolveComponent("CheckInCollection");
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         createVNode(unref(OfficeContent), {
           icon: "barcode-read",
           title: "Presensi",
           "is-expanded": ""
         }, {
           "header-detail": withCtx(() => [
-            createElementVNode("div", _hoisted_2$e, [
+            createElementVNode("div", _hoisted_2$f, [
               createVNode(unref(NeonSlider), {
                 "per-view": 2,
                 gap: 16,
@@ -947,7 +967,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             ])
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_3$6, [
+            createElementVNode("div", _hoisted_3$7, [
               createVNode(unref(NeonCollectionContext), {
                 definition: "neu:tempat:checkIn",
                 scope: "_checkIns",
@@ -962,9 +982,9 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                 "is-main": ""
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_4$4, [
-                    _hoisted_5$3,
-                    createElementVNode("div", _hoisted_6$2, [
+                  createElementVNode("div", _hoisted_4$5, [
+                    _hoisted_5$4,
+                    createElementVNode("div", _hoisted_6$3, [
                       createVNode(unref(OfficeCollectionQuery), { displays: ["table"] }, {
                         default: withCtx(() => [
                           createVNode(unref(OfficeCollectionOperation), { "is-main": "" })
@@ -989,10 +1009,10 @@ const _sfc_main$R = /* @__PURE__ */ 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 _hoisted_1$i = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_8637aebc_lang = "";
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-8637aebc"]]);
+const _hoisted_1$l = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -1050,7 +1070,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                         field: unref(fields).building,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      createElementVNode("div", _hoisted_1$i, [
+                      createElementVNode("div", _hoisted_1$l, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).type = $event)
@@ -1090,9 +1110,9 @@ const _sfc_main$Q = /* @__PURE__ */ 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 _hoisted_1$h = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-2e2803fb"]]);
+const _hoisted_1$k = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -1157,15 +1177,16 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                         modelValue: unref(values),
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).building,
-                        "is-disabled": unref(values).type === "checkin" || unref(values).type === "checkout"
+                        "is-disabled": unref(values).type === "checkin" || unref(values).type === "checkout" || unref(values).type === "out"
                       }, null, 8, ["modelValue", "field", "is-disabled"])) : createCommentVNode("v-if", true),
-                      createElementVNode("div", _hoisted_1$h, [
+                      createElementVNode("div", _hoisted_1$k, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).type = $event)
                         }, unref(fields).type, {
-                          "is-disabled": !unref(permit).isAny(["neu:cabangOperasional", "neu:admin"])
+                          "is-disabled": unref(values).type === "checkin" || unref(values).type === "checkout" || unref(values).type === "out" || unref(values).type === "checkpoint"
                         }), null, 16, ["modelValue", "is-disabled"]),
+                        createCommentVNode(" !permit.isAny(['neu:cabangOperasional', 'neu:admin']) "),
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).checkInAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).checkInAt = $event)
@@ -1204,17 +1225,17 @@ const _sfc_main$P = /* @__PURE__ */ 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_vue_vue_type_style_index_0_scoped_a269bce2_lang = "";
+const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-a269bce2"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-d23b6de5"), n = n(), popScopeId(), n);
-const _hoisted_1$g = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_1$j = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
   "h4",
   { align: "center" },
   "Aktifkan kamera untuk scan QR Code",
   -1
   /* HOISTED */
 ));
-const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
   "p",
   { align: "center" },
   [
@@ -1225,7 +1246,7 @@ const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
   -1
   /* HOISTED */
 ));
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -1250,8 +1271,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: withCtx(() => [
-              _hoisted_1$g,
-              _hoisted_2$d,
+              _hoisted_1$j,
+              _hoisted_2$e,
               createVNode(unref(NeonButton), {
                 "is-full": "",
                 size: "md",
@@ -1278,9 +1299,9 @@ const _sfc_main$O = /* @__PURE__ */ 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 _hoisted_1$f = { class: "buttons" };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-d23b6de5"]]);
+const _hoisted_1$i = { class: "buttons" };
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -1293,7 +1314,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(NeonSheet), null, {
             footer: withCtx(() => [
-              createElementVNode("div", _hoisted_1$f, [
+              createElementVNode("div", _hoisted_1$i, [
                 createVNode(unref(NeonButton), {
                   "is-full": "",
                   "is-rounded": "",
@@ -1328,23 +1349,23 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 const _withScopeId = (n) => (pushScopeId("data-v-ef426ef3"), n = n(), popScopeId(), n);
-const _hoisted_1$e = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_1$h = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
   "div",
   { class: "invalid-message" },
   "Invalid Code!",
   -1
   /* HOISTED */
 ));
-const _hoisted_2$c = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_2$d = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
   "div",
   null,
   null,
   -1
   /* HOISTED */
 ));
-const _hoisted_3$5 = ["onClick"];
-const _hoisted_4$3 = { class: "mr-2 text-sm" };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _hoisted_3$6 = ["onClick"];
+const _hoisted_4$4 = { class: "mr-2 text-sm" };
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit }) {
@@ -1489,15 +1510,15 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                     class: "inner",
                     onClick: switchCamera
                   }, [
-                    _hoisted_1$e,
-                    _hoisted_2$c,
+                    _hoisted_1$h,
+                    _hoisted_2$d,
                     createElementVNode("div", {
                       class: "button-switch",
                       onClick: withModifiers(switchCamera, ["stop"])
                     }, [
                       createElementVNode(
                         "div",
-                        _hoisted_4$3,
+                        _hoisted_4$4,
                         toDisplayString(currentCamera.value),
                         1
                         /* TEXT */
@@ -1508,7 +1529,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                         size: "sm",
                         "is-disabled": !canSwitch.value
                       }, null, 8, ["is-disabled"])
-                    ], 8, _hoisted_3$5)
+                    ], 8, _hoisted_3$6)
                   ])
                 ],
                 2
@@ -1526,15 +1547,15 @@ const _sfc_main$M = /* @__PURE__ */ 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 _hoisted_1$d = /* @__PURE__ */ createElementVNode(
+const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-ef426ef3"]]);
+const _hoisted_1$g = /* @__PURE__ */ createElementVNode(
   "h3",
   { align: "center" },
   "Presensi Berhasil!",
   -1
   /* HOISTED */
 );
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -1554,7 +1575,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: withCtx(() => [
-              _hoisted_1$d
+              _hoisted_1$g
             ]),
             _: 1
             /* STABLE */
@@ -1566,7 +1587,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{
     name: "CheckInCollection"
   },
@@ -1584,8 +1605,124 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$f = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  __name: "CheckInSupervisor",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges,
+      getOne
+    } = useSingle();
+    const route = useRoute();
+    const permit = usePermit();
+    const { staff } = useOperasional();
+    const isOperasional = computed(() => {
+      var _a;
+      return (_a = route.name) == null ? void 0 : _a.includes("rapor");
+    });
+    onMounted(() => {
+      var _a, _b, _c;
+      console.log("idnya?", id.value);
+      if (id.value === "new" && isOperasional) {
+        values.value.staffId = (_a = staff.value) == null ? void 0 : _a.id;
+        values.value.staff = {
+          id: (_b = staff.value) == null ? void 0 : _b.id,
+          display: (_c = staff.value) == null ? void 0 : _c.display
+        };
+        values.value.checkInAt = (/* @__PURE__ */ new Date()).toISOString();
+        values.value.type = "checkpoint";
+      } else {
+        values.value.checkInAt = (/* @__PURE__ */ new Date()).toISOString();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-checkIn-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      unref(values).type === "in" || unref(values).type === "out" || unref(values).type === "checkin" || unref(values).type === "checkout" ? (openBlock(), createBlock(unref(OfficeRelation), {
+                        key: 0,
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).building,
+                        "is-disabled": unref(values).type === "checkin" || unref(values).type === "checkout" || unref(values).type === "out"
+                      }, null, 8, ["modelValue", "field", "is-disabled"])) : createCommentVNode("v-if", true),
+                      createElementVNode("div", _hoisted_1$f, [
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).type,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).type = $event)
+                        }, unref(fields).type, {
+                          "is-disabled": unref(values).type === "checkin" || unref(values).type === "checkout" || unref(values).type === "out" || unref(values).type === "checkpoint"
+                        }), null, 16, ["modelValue", "is-disabled"]),
+                        createCommentVNode(" !permit.isAny(['neu:cabangOperasional', 'neu:admin']) "),
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).checkInAt,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).checkInAt = $event)
+                        }, unref(fields).checkInAt, { "is-disabled": "" }), null, 16, ["modelValue"])
+                      ]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).staff,
+                        "is-disabled": !unref(permit).isAny([
+                          "neu:cabangOperasional",
+                          "neu:admin",
+                          "neu:karyawan"
+                        ])
+                      }, null, 8, ["modelValue", "field", "is-disabled"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).note,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).note = $event)
+                      }, unref(fields).note), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const CheckInSupervisor_vue_vue_type_style_index_0_scoped_235231fa_lang = "";
+const CheckInSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-235231fa"]]);
 const StaffModel = models$2.StaffModel;
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{
     name: "StaffCollection"
   },
@@ -1603,9 +1740,9 @@ const _sfc_main$J = /* @__PURE__ */ 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__ */ defineComponent({
+const _hoisted_1$e = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$c = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -1642,7 +1779,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$c, [
+                      createElementVNode("div", _hoisted_1$e, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).name,
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).name = $event)
@@ -1652,7 +1789,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).nik = $event)
                         }, unref(fields).nik), null, 16, ["modelValue"])
                       ]),
-                      createElementVNode("div", _hoisted_2$b, [
+                      createElementVNode("div", _hoisted_2$c, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).birthPlace,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).birthPlace = $event)
@@ -1685,7 +1822,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 title: "Identitas"
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$G))
+                  createVNode(unref(_sfc_main$N))
                 ]),
                 _: 1
                 /* STABLE */
@@ -1756,10 +1893,10 @@ const _sfc_main$I = /* @__PURE__ */ 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 _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__ */ defineComponent({
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-0cf4cd99"]]);
+const _hoisted_1$d = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$b = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
     const {
@@ -1796,7 +1933,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$b, [
+                      createElementVNode("div", _hoisted_1$d, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).name,
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).name = $event)
@@ -1806,7 +1943,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).nik = $event)
                         }, unref(fields).nik), null, 16, ["modelValue"])
                       ]),
-                      createElementVNode("div", _hoisted_2$a, [
+                      createElementVNode("div", _hoisted_2$b, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).birthPlace,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).birthPlace = $event)
@@ -1839,7 +1976,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 title: "Identitas"
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$G))
+                  createVNode(unref(_sfc_main$N))
                 ]),
                 _: 1
                 /* STABLE */
@@ -1917,8 +2054,8 @@ const _sfc_main$H = /* @__PURE__ */ 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__ */ defineComponent({
+const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-c62cf70a"]]);
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
     const { values, saveOne, executeOne, syncOne } = useSingle();
@@ -2003,6 +2140,24 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               { id: "6309c3c2e64a1324b8663dab", name: "Karyawan" },
               { id: "646a42976af710fe3618af9a", name: "Pengawas Pengajuan" },
               { id: "646a43106af710fe3618afca", name: "Pengambil Keputusan" },
+              // OPERASIONAL
+              {
+                id: "64a686ba3fe0bb481faa0f8b",
+                name: "Pengelola SDM"
+              },
+              {
+                id: "64a687823fe0bb481faa0fba",
+                name: "Penanggungjawab Cabang"
+              },
+              {
+                id: "64a687b93fe0bb481faa0fd6",
+                name: "Pengawas SDM"
+              },
+              {
+                id: "64a687ed3fe0bb481faa0ff2",
+                name: "Pengelola Absensi"
+              },
+              // END OPERASIONAL
               { id: "63e1734b78ae4f8388b1b313", name: "Cabang Pendidikan" },
               // { id: '6309c2aae64a1324b8663d96', name: 'Admin Pendidikan' },
               { id: "643f6c0bd760fc7b529d4a5d", name: "Pengelola Pengajar" },
@@ -2074,7 +2229,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 const SituationModel = models$2.SituationModel;
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{ name: "SituationCollection" },
   __name: "SituationCollection",
   setup(__props) {
@@ -2090,7 +2245,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "SituationSingle",
   setup(__props) {
     const {
@@ -2228,7 +2383,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "SituationWork",
   setup(__props) {
     const {
@@ -2409,7 +2564,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "SituationSupportive" },
   __name: "SituationSupportive",
   setup(__props) {
@@ -2548,7 +2703,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 const SituationTypeModel = models$2.SituationTypeModel;
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{ name: "SituationTypeCollection" },
   __name: "SituationTypeCollection",
   setup(__props) {
@@ -2564,7 +2719,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "SituationTypeSingle",
   setup(__props) {
     const {
@@ -2637,9 +2792,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 const TaskModel = models$2.TaskModel;
-const _hoisted_1$a = { key: 0 };
-const _hoisted_2$9 = { key: 1 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = { key: 0 };
+const _hoisted_2$a = { key: 1 };
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{ name: "TaskWorkButton" },
   __name: "TaskWorkButton",
   setup(__props) {
@@ -2732,7 +2887,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         Fragment,
         null,
         [
-          onHandleTaskWork.value.onStartTaskWorking ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+          onHandleTaskWork.value.onStartTaskWorking ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
             createVNode(unref(NeonButton), {
               "is-rounded": true,
               size: "sm",
@@ -2742,7 +2897,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               onClick: onClickHandlerStartTaskWork
             })
           ])) : createCommentVNode("v-if", true),
-          onHandleTaskWork.value.onFinishedTaskWorking ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+          onHandleTaskWork.value.onFinishedTaskWorking ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
             createVNode(unref(NeonButton), {
               "is-rounded": true,
               size: "sm",
@@ -2760,7 +2915,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{ name: "TaskCollection" },
   __name: "TaskCollection",
   setup(__props) {
@@ -2776,7 +2931,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "TaskSingle",
   setup(__props) {
     const {
@@ -2999,7 +3154,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "TaskWork",
   setup(__props) {
     const {
@@ -3222,7 +3377,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 const SubmissionModel = models$2.SubmissionModel;
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{
     name: "SubmissionCollection"
   },
@@ -3240,7 +3395,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "SubmissionSingle",
   setup(__props) {
     const {
@@ -3438,8 +3593,8 @@ const _sfc_main$u = /* @__PURE__ */ 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__ */ defineComponent({
+const SubmissionSingle = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-db121b49"]]);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "SubmissionStaff",
   setup(__props) {
     var _a;
@@ -3723,8 +3878,8 @@ const _sfc_main$t = /* @__PURE__ */ 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__ */ defineComponent({
+const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c971a3c0"]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
     const {
@@ -3916,13 +4071,13 @@ const _sfc_main$s = /* @__PURE__ */ 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 _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__ */ defineComponent({
+const SubmissionFollowUp = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-890dfdf2"]]);
+const _hoisted_1$b = { class: "flex flex-wrap" };
+const _hoisted_2$9 = { class: "mt-2" };
+const _hoisted_3$5 = { class: "mt-2" };
+const _hoisted_4$3 = { class: "mt-2" };
+const _hoisted_5$3 = { class: "mt-2" };
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "SubmissionAudit",
   setup(__props) {
     var _a;
@@ -4026,8 +4181,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$9, [
-                        createElementVNode("div", _hoisted_2$8, [
+                      createElementVNode("div", _hoisted_1$b, [
+                        createElementVNode("div", _hoisted_2$9, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -4049,7 +4204,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("v-if", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$4, [
+                        createElementVNode("div", _hoisted_3$5, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -4071,7 +4226,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("v-if", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_4$2, [
+                        createElementVNode("div", _hoisted_4$3, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -4093,7 +4248,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("v-if", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_5$2, [
+                        createElementVNode("div", _hoisted_5$3, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -4294,7 +4449,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                       }
                     }),
                     "is-ready": unref(isReady),
-                    columns: ["startedAt", "endedAt", "staff", "detail"],
+                    columns: [
+                      "startedAt",
+                      "endedAt",
+                      "detail",
+                      "staffs",
+                      "virtualIsNotes",
+                      "accessStaffs"
+                    ],
                     sorts: ["startedAt", "startedAt", "createdAt", "updatedAt"],
                     filters: ["staff"],
                     "initial-values": {
@@ -4318,12 +4480,12 @@ const _sfc_main$r = /* @__PURE__ */ 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 _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__ */ defineComponent({
+const SubmissionAudit_vue_vue_type_style_index_0_scoped_0478202c_lang = "";
+const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-0478202c"]]);
+const _hoisted_1$a = { class: "flex flex-wrap" };
+const _hoisted_2$8 = { class: "mt-2" };
+const _hoisted_3$4 = { class: "mt-2" };
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
     var _a;
@@ -4427,8 +4589,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$8, [
-                        createElementVNode("div", _hoisted_2$7, [
+                      createElementVNode("div", _hoisted_1$a, [
+                        createElementVNode("div", _hoisted_2$8, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => {
                               var _a2, _b;
@@ -4453,7 +4615,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("v-if", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$3, [
+                        createElementVNode("div", _hoisted_3$4, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => {
                               var _a2, _b;
@@ -4659,7 +4821,14 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                       }
                     }),
                     "is-ready": unref(isReady),
-                    columns: ["startedAt", "endedAt", "staff", "detail"],
+                    columns: [
+                      "startedAt",
+                      "endedAt",
+                      "detail",
+                      "staffs",
+                      "virtualIsNotes",
+                      "accessStaffs"
+                    ],
                     sorts: ["startedAt", "startedAt", "createdAt", "updatedAt"],
                     filters: ["staff"],
                     "initial-values": {
@@ -4683,12 +4852,12 @@ const _sfc_main$q = /* @__PURE__ */ 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 _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__ */ defineComponent({
+const SubmissionDecision_vue_vue_type_style_index_0_scoped_59b0701c_lang = "";
+const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-59b0701c"]]);
+const _hoisted_1$9 = { class: "flex flex-wrap" };
+const _hoisted_2$7 = { class: "mt-2" };
+const _hoisted_3$3 = { class: "mt-2" };
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
     var _a;
@@ -4794,8 +4963,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$7, [
-                        createElementVNode("div", _hoisted_2$6, [
+                      createElementVNode("div", _hoisted_1$9, [
+                        createElementVNode("div", _hoisted_2$7, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => {
                               var _a2, _b;
@@ -4820,7 +4989,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("v-if", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$2, [
+                        createElementVNode("div", _hoisted_3$3, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => {
                               var _a2, _b;
@@ -5014,28 +5183,9 @@ const _sfc_main$p = /* @__PURE__ */ 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 SubmissionTypeModel = models$2.SubmissionTypeModel;
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "SubmissionTypeCollection"
-  },
-  __name: "SubmissionTypeCollection",
-  setup(__props) {
-    useCollection();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NeonCollection), { class: "neu-submission-type-collection" }, {
-        default: withCtx(() => [
-          createVNode(unref(OfficeCollectionTable))
-        ]),
-        _: 1
-        /* STABLE */
-      });
-    };
-  }
-});
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  __name: "SubmissionTypeSingle",
+const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-1f81ee74"]]);
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "SubmissionSupervisor",
   setup(__props) {
     const {
       fields,
@@ -5047,11 +5197,17 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       isReady,
       isMain,
       isNew,
+      syncOne,
       saveOne,
-      discardChanges
+      discardChanges,
+      executeOne
     } = useSingle();
+    const appStore = useAppStore();
+    const objectDef = computed(
+      () => `neu:operasional:submission:${id.value}`
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-submission-type-single" }, {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-submission-single" }, {
         default: withCtx(() => [
           createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
             default: withCtx(() => [
@@ -5072,20 +5228,226 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(NeonField), mergeProps({
-                        modelValue: unref(values).name,
-                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).name = $event)
-                      }, unref(fields).name), null, 16, ["modelValue"]),
-                      createVNode(unref(OfficeRelation), {
-                        modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(values) ? values.value = $event : null),
-                        field: unref(fields).branches
-                      }, null, 8, ["modelValue", "field"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
-                ]),
-                _: 1
+                        modelValue: unref(values).title,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).title = $event)
+                      }, unref(fields).title, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).branches,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).type,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).submissionStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).raiseStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).decideStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).followUpStaffs
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      createCommentVNode(' <NeonField\n            v-model="values.specifications"\n            v-bind="fields.specifications"\n            is-disabled\n          /> '),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).updatedAt,
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).updatedAt = $event)
+                      }, {
+                        handle: "updatedAt",
+                        name: "Tanggal Diupdate",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal pengajuan diupdate."
+                        }
+                      }, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonDivider), {
+                        "is-dashed": "",
+                        label: "Spesifikasi"
+                      }),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).nominal,
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).nominal = $event)
+                      }, unref(fields).nominal, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).workingHours,
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).workingHours = $event)
+                      }, unref(fields).workingHours, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonDivider), {
+                        "is-dashed": "",
+                        label: "Keputusan"
+                      }),
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).delayStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).agreedStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createCommentVNode(" DOKUMEN "),
+              !unref(isNew) ? (openBlock(), createBlock(unref(OfficeTab), {
+                key: 0,
+                handle: "dokumen",
+                icon: "circle-info",
+                title: "Dokumen"
+              }, {
+                default: withCtx(({ isTouched }) => [
+                  createVNode(
+                    unref(CatatSketchPad),
+                    normalizeProps(guardReactiveProps({
+                      applicationId: unref(appStore).appId,
+                      object: `${objectDef.value}:office`,
+                      isReady: unref(isReady) && isTouched,
+                      isLoading: unref(isLoading),
+                      isReadonly: true
+                    })),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const SubmissionSupervisor_vue_vue_type_style_index_0_scoped_201be0ad_lang = "";
+const SubmissionSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-201be0ad"]]);
+const SubmissionTypeModel = models$2.SubmissionTypeModel;
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SubmissionTypeCollection"
+  },
+  __name: "SubmissionTypeCollection",
+  setup(__props) {
+    useCollection();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonCollection), { class: "neu-submission-type-collection" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "SubmissionTypeSingle",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = useSingle();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-submission-type-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).name,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).name = $event)
+                      }, unref(fields).name), null, 16, ["modelValue"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).branches
+                      }, null, 8, ["modelValue", "field"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
                 /* STABLE */
               })
             ]),
@@ -5100,9 +5462,9 @@ const _sfc_main$n = /* @__PURE__ */ 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$t, [["__scopeId", "data-v-2b7e18ba"]]);
 const ResponsibilityTypeModel = models$2.ResponsibilityTypeModel;
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     name: "ResponsibilityTypeCollection"
   },
@@ -5120,7 +5482,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "ResponsibilityTypeSingle",
   setup(__props) {
     const {
@@ -5186,9 +5548,9 @@ const _sfc_main$l = /* @__PURE__ */ 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$r, [["__scopeId", "data-v-3df9fac1"]]);
 const ResponsibilityModel = models$2.ResponsibilityModel;
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     name: "ResponsibilityCollection"
   },
@@ -5206,7 +5568,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "ResponsibilitySingle",
   setup(__props) {
     const {
@@ -5234,6 +5596,29 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         ]
       };
     });
+    const branchOptions = computed(() => {
+      var _a;
+      return {
+        filter: [
+          {
+            handle: "_id",
+            operator: "in",
+            value: (_a = staff.value) == null ? void 0 : _a.branchIds
+          }
+        ]
+      };
+    });
+    const staffWorkOptions = computed(() => {
+      return {
+        filter: [
+          {
+            handle: "branchIds",
+            operator: "in",
+            value: values.value.branchId
+          }
+        ]
+      };
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonSingle), { class: "neu-responsibility-single" }, {
         default: withCtx(() => [
@@ -5272,8 +5657,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                           createVNode(unref(OfficeRelation), {
                             modelValue: unref(values),
                             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
-                            field: unref(fields).branch
-                          }, null, 8, ["modelValue", "field"]),
+                            field: unref(fields).branch,
+                            query: unref(Query).define(branchOptions.value)
+                          }, null, 8, ["modelValue", "field", "query"]),
                           createVNode(unref(OfficeRelation), {
                             modelValue: unref(values),
                             "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(values) ? values.value = $event : null),
@@ -5289,8 +5675,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                           createVNode(unref(OfficeRelation), {
                             modelValue: unref(values),
                             "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(values) ? values.value = $event : null),
-                            field: unref(fields).staffWorks
-                          }, null, 8, ["modelValue", "field"]),
+                            field: unref(fields).staffWorks,
+                            query: unref(Query).define(staffWorkOptions.value)
+                          }, null, 8, ["modelValue", "field", "query"]),
                           createVNode(unref(OfficeRelation), {
                             modelValue: unref(values),
                             "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
@@ -5344,7 +5731,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                         }
                       }),
                       "is-ready": unref(isReady),
-                      columns: ["startedAt", "endedAt", "staff", "detail"],
+                      columns: [
+                        "startedAt",
+                        "endedAt",
+                        "detail",
+                        "staffs",
+                        "virtualIsNotes",
+                        "accessStaffs"
+                      ],
                       sorts: ["startedAt", "createdAt", "updatedAt"],
                       "initial-values": {
                         responsibilityIds: unref(id),
@@ -5369,9 +5763,9 @@ const _sfc_main$j = /* @__PURE__ */ 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__ */ defineComponent({
+const ResponsibilitySingle_vue_vue_type_style_index_0_scoped_9eded4a7_lang = "";
+const ResponsibilitySingle = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-9eded4a7"]]);
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "ResponsibilityStaff",
   setup(__props) {
     const {
@@ -5501,7 +5895,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                         }
                       }),
                       "is-ready": unref(isReady),
-                      columns: ["startedAt", "endedAt", "staff", "detail"],
+                      columns: [
+                        "startedAt",
+                        "endedAt",
+                        "detail",
+                        "staffs",
+                        "virtualIsNotes",
+                        "accessStaffs"
+                      ],
                       sorts: ["startedAt", "createdAt", "updatedAt"],
                       "initial-values": {
                         responsibilityIds: unref(id),
@@ -5526,10 +5927,174 @@ const _sfc_main$i = /* @__PURE__ */ 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 TargetModel = models$2.TargetModel;
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const ResponsibilityStaff_vue_vue_type_style_index_0_scoped_a1ec66a6_lang = "";
+const ResponsibilityStaff = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-a1ec66a6"]]);
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "ResponsibilitySupervisor",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = useSingle();
+    const { staff } = useOperasional();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-responsibility-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).condition,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).condition = $event)
+                      }, unref(fields).condition, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).title,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).title = $event)
+                      }, unref(fields).title, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).score,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).score = $event)
+                      }, unref(fields).score), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).branch,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).responsibilityType,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).staffWorks,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          createVNode(unref(OfficeRelation), {
+                            modelValue: unref(values),
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
+                            field: unref(fields).staffSupervises,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      unref(isReady) || unref(isNew) ? (openBlock(), createBlock(unref(NeonField), mergeProps({
+                        key: 0,
+                        modelValue: unref(values).detail,
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).detail = $event)
+                      }, unref(fields).detail, { "is-disabled": "" }), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
+                      unref(isReady) || unref(isNew) ? (openBlock(), createBlock(unref(NeonField), mergeProps({
+                        key: 1,
+                        modelValue: unref(values).result,
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).result = $event)
+                      }, unref(fields).result), null, 16, ["modelValue"])) : createCommentVNode("v-if", true)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createCommentVNode(" PROGRESS "),
+              !unref(isNew) ? (openBlock(), createBlock(unref(OfficeTab), {
+                key: 0,
+                handle: "progress",
+                icon: "info-circle",
+                title: "Progress"
+              }, {
+                default: withCtx(() => {
+                  var _a;
+                  return [
+                    createVNode(unref(OfficeCollectionRelated), {
+                      definition: "neu:personalia:progress",
+                      title: "Progress",
+                      description: "Progress dari tanggungjawab.",
+                      query: unref(Query).define({
+                        filter: [
+                          {
+                            responsibilityIds: unref(id)
+                          }
+                        ],
+                        sort: {
+                          handle: "startedAt",
+                          direction: "descending"
+                        }
+                      }),
+                      "is-ready": unref(isReady),
+                      columns: [
+                        "startedAt",
+                        "endedAt",
+                        "detail",
+                        "staffs",
+                        "virtualIsNotes",
+                        "accessStaffs"
+                      ],
+                      sorts: ["startedAt", "createdAt", "updatedAt"],
+                      "initial-values": {
+                        responsibilityIds: unref(id),
+                        responsibilities: unref(values),
+                        staffIds: (_a = unref(staff)) == null ? void 0 : _a.id,
+                        staffs: unref(staff)
+                      }
+                    }, null, 8, ["query", "is-ready", "initial-values"])
+                  ];
+                }),
+                _: 1
+                /* STABLE */
+              })) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ResponsibilitySupervisor_vue_vue_type_style_index_0_scoped_63e476fd_lang = "";
+const ResponsibilitySupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-63e476fd"]]);
+const TargetModel = models$2.TargetModel;
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     name: "TargetCollection"
   },
@@ -5547,7 +6112,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "TargetSingle",
   setup(__props) {
     const {
@@ -5700,8 +6265,8 @@ const _sfc_main$g = /* @__PURE__ */ 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__ */ defineComponent({
+const TargetSingle = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-c12b8df8"]]);
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "TargetBranch",
   setup(__props) {
     const {
@@ -5854,9 +6419,9 @@ const _sfc_main$f = /* @__PURE__ */ 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$k, [["__scopeId", "data-v-6a5a6e80"]]);
 const PlanTypeModel = models$2.PlanTypeModel;
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlanTypeCollection"
   },
@@ -5874,7 +6439,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "PlanTypeSingle",
   setup(__props) {
     const {
@@ -5995,9 +6560,9 @@ const _sfc_main$d = /* @__PURE__ */ 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$i, [["__scopeId", "data-v-80d2e1d3"]]);
 const PlanModel = models$2.PlanModel;
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlanCollection"
   },
@@ -6015,7 +6580,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "PlanSingle",
   setup(__props) {
     const {
@@ -6167,7 +6732,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                       }
                     }),
                     "is-ready": unref(isReady),
-                    columns: ["startedAt", "endedAt", "staff", "detail"],
+                    columns: [
+                      "startedAt",
+                      "endedAt",
+                      "detail",
+                      "staffs",
+                      "virtualIsNotes",
+                      "accessStaffs"
+                    ],
                     sorts: ["startedAt", "startedAt", "createdAt", "updatedAt"],
                     filters: ["staff"],
                     "initial-values": {
@@ -6190,9 +6762,9 @@ const _sfc_main$b = /* @__PURE__ */ 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__ */ defineComponent({
+const PlanSingle_vue_vue_type_style_index_0_scoped_a39127c2_lang = "";
+const PlanSingle = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-a39127c2"]]);
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "PlanStaff",
   setup(__props) {
     const {
@@ -6344,10 +6916,10 @@ const _sfc_main$a = /* @__PURE__ */ 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$f, [["__scopeId", "data-v-aa8de6da"]]);
 const ProgressModel = models$2.ProgressModel;
-const _hoisted_1$6 = { class: "flex flex-wrap" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "flex flex-wrap" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{ name: "ProgressButton" },
   __name: "ProgressButton",
   setup(__props) {
@@ -6362,7 +6934,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       router.push("/penugasan/yesterday-progresses/new");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createVNode(unref(NeonButton), {
           "is-rounded": true,
           size: "sm",
@@ -6393,7 +6965,30 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = { class: "flex flex-wrap" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{ name: "ProgressNoteButton" },
+  __name: "ProgressNoteButton",
+  setup(__props) {
+    const router = useRouter();
+    const noteClick = () => {
+      router.push("/penugasan/notes/new");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createVNode(unref(NeonButton), {
+          "is-rounded": true,
+          size: "sm",
+          color: "dark",
+          "icon-left": "plus",
+          label: "Catatan",
+          onClick: noteClick
+        })
+      ]);
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "ProgressCollection"
   },
@@ -6456,10 +7051,10 @@ const _sfc_main$8 = /* @__PURE__ */ 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 _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__ */ defineComponent({
+const ProgressCollection = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-2634660f"]]);
+const _hoisted_1$6 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2$6 = { class: "text-right text-fg-subdued text-sm" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
     var _a;
@@ -6611,7 +7206,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      createElementVNode("div", _hoisted_1$5, [
+                      createElementVNode("div", _hoisted_1$6, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).startedAt = $event)
@@ -6652,7 +7247,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                             }, null, 8, ["modelValue", "is-loading"]),
                             createElementVNode(
                               "div",
-                              _hoisted_2$5,
+                              _hoisted_2$6,
                               toDisplayString(duration.value),
                               1
                               /* TEXT */
@@ -6742,10 +7337,10 @@ const _sfc_main$7 = /* @__PURE__ */ 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 _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__ */ defineComponent({
+const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-ca99d46c"]]);
+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$a = /* @__PURE__ */ defineComponent({
   __name: "ProgressTomorrow",
   setup(__props) {
     var _a;
@@ -6897,7 +7492,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      createElementVNode("div", _hoisted_1$4, [
+                      createElementVNode("div", _hoisted_1$5, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).startedAt = $event)
@@ -6938,7 +7533,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                             }, null, 8, ["modelValue", "is-loading"]),
                             createElementVNode(
                               "div",
-                              _hoisted_2$4,
+                              _hoisted_2$5,
                               toDisplayString(duration.value),
                               1
                               /* TEXT */
@@ -7028,10 +7623,10 @@ const _sfc_main$6 = /* @__PURE__ */ 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 _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__ */ defineComponent({
+const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-41302f2e"]]);
+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$9 = /* @__PURE__ */ defineComponent({
   __name: "ProgressYesterday",
   setup(__props) {
     var _a;
@@ -7183,7 +7778,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      createElementVNode("div", _hoisted_1$3, [
+                      createElementVNode("div", _hoisted_1$4, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).startedAt = $event)
@@ -7224,7 +7819,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                             }, null, 8, ["modelValue", "is-loading"]),
                             createElementVNode(
                               "div",
-                              _hoisted_2$3,
+                              _hoisted_2$4,
                               toDisplayString(duration.value),
                               1
                               /* TEXT */
@@ -7314,8 +7909,8 @@ const _sfc_main$5 = /* @__PURE__ */ 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__ */ defineComponent({
+const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-78de8f41"]]);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ProgressNote",
   setup(__props) {
     var _a;
@@ -7474,9 +8069,9 @@ const _sfc_main$4 = /* @__PURE__ */ 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$8, [["__scopeId", "data-v-cee18889"]]);
 const AttendanceModel = models$2.AttendanceModel;
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "AttendanceCollection"
   },
@@ -7494,9 +8089,9 @@ const _sfc_main$3 = /* @__PURE__ */ 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__ */ defineComponent({
+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$6 = /* @__PURE__ */ defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
     const {
@@ -7607,7 +8202,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         modelValue: unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).submittedAt = $event)
                       }, unref(fields).submittedAt), null, 16, ["modelValue"]),
-                      createElementVNode("div", _hoisted_1$2, [
+                      createElementVNode("div", _hoisted_1$3, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
                           "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).startedAt = $event)
@@ -7648,7 +8243,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                             }, null, 8, ["modelValue", "is-loading"]),
                             createElementVNode(
                               "div",
-                              _hoisted_2$2,
+                              _hoisted_2$3,
                               toDisplayString(duration.value),
                               1
                               /* TEXT */
@@ -7678,30 +8273,448 @@ const _sfc_main$2 = /* @__PURE__ */ 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 _hoisted_1$1 = {
+const AttendanceSingle = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-0c3c6187"]]);
+const _hoisted_1$2 = {
   key: 1,
   class: "flex flex-wrap"
 };
-const _hoisted_2$1 = { class: "mt-2" };
-const _hoisted_3$1 = { class: "mt-2" };
-const _hoisted_4$1 = {
+const _hoisted_2$2 = { class: "mt-2" };
+const _hoisted_3$2 = { class: "mt-2" };
+const _hoisted_4$2 = {
   key: 5,
   class: "grid gap-2 sm:grid-cols-2"
 };
-const _hoisted_5$1 = { class: "text-right text-fg-subdued text-sm" };
-const _hoisted_6$1 = {
+const _hoisted_5$2 = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_6$2 = {
   key: 6,
   class: "grid gap-2 sm:grid-cols-2"
 };
+const _hoisted_7$2 = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_8$2 = {
+  key: 7,
+  class: "grid gap-2 sm:grid-cols-2"
+};
+const _hoisted_9$2 = { class: "text-right text-fg-subdued text-sm" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "AttendanceStaff",
+  setup(__props) {
+    var _a;
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges,
+      syncOne,
+      executeOne
+    } = useSingle();
+    const key = ref(0);
+    const diff = computed(() => {
+      return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
+    });
+    const duration = computed(() => {
+      if (isNaN(diff.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(diff.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
+    function onStartedAtUpdate(date) {
+      if (!date)
+        return;
+      const currentEndedendedAt = DateUtil.day(values.value.endedAt);
+      let startedAt = DateUtil.day(date);
+      let endedAt = DateUtil.day(date);
+      startedAt = startedAt.second(0).millisecond(0);
+      endedAt = endedAt.hour(currentEndedendedAt.hour()).minute(currentEndedendedAt.minute()).second(0).millisecond(0);
+      values.value.startedAt = startedAt.toISOString();
+      values.value.endedAt = endedAt.toISOString();
+      conflictAtt.value = false;
+    }
+    const { staff } = useOperasional();
+    const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
+    watch(
+      isNew,
+      (isNew2) => {
+        if (!isNew2)
+          return;
+        values.value.submitStaffId = staffId;
+        values.value.submitStaff = staff.value;
+      },
+      {
+        immediate: true
+      }
+    );
+    const submitAbsensi = async () => {
+      await executeOne("submitAttendance", { attendanceId: id.value });
+      await syncOne();
+    };
+    const changeAbsensi = async () => {
+      await executeOne("changeAttendance", { attendanceId: id.value });
+      await syncOne();
+    };
+    const conflictAtt = ref(false);
+    async function conflictAttendance() {
+      var _a2;
+      const resp = await executeOne("checkAttendance", {
+        staffId: (_a2 = staff.value) == null ? void 0 : _a2.id,
+        startedAt: values.value.startedAt
+      });
+      const countAtt = resp.data.executeAttendance.output.countAttendance;
+      if (values.value.startedAt) {
+        if (countAtt > 1) {
+          conflictAtt.value = true;
+        } else {
+          await submitAbsensi();
+          await syncOne();
+          conflictAtt.value = false;
+        }
+      } else {
+        conflictAtt.value = true;
+      }
+    }
+    const staffOptions = computed(() => {
+      var _a2;
+      return {
+        filter: [
+          {
+            handle: "_id",
+            operator: "nin",
+            value: (_a2 = staff.value) == null ? void 0 : _a2.id
+          }
+        ]
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-attendance-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      conflictAtt.value == true ? (openBlock(), createBlock(unref(NeonAlert), {
+                        key: 0,
+                        icon: "circle-info",
+                        label: "Sudah ada Absensi!. ",
+                        description: "Untuk hari ini kamu sudah ada absensi yang diajukan, silahkan cari absensi yang telah diajukan dan ajukan kembali untuk pergantiannya.",
+                        color: "#F7CF6D"
+                      })) : createCommentVNode("v-if", true),
+                      !unref(isNew) && conflictAtt.value == false ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+                        createElementVNode("div", _hoisted_2$2, [
+                          createVNode(unref(NeonField), null, {
+                            input: withCtx(() => [
+                              createVNode(unref(NeonButton), {
+                                size: "md",
+                                color: "success",
+                                "icon-left": "up-from-line",
+                                "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved",
+                                onClick: conflictAttendance
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Ajukan")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        createTextVNode("    "),
+                        createElementVNode("div", _hoisted_3$2, [
+                          createVNode(unref(NeonField), null, {
+                            input: withCtx(() => [
+                              createVNode(unref(NeonButton), {
+                                size: "md",
+                                color: "warning",
+                                "icon-left": "arrows-retweet",
+                                "is-disabled": unref(values).status == "notApproved" || unref(values).status == "draft",
+                                onClick: changeAbsensi
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Ganti")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ])
+                      ])) : createCommentVNode("v-if", true),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).submitStaff,
+                        "is-disabled": ""
+                      }, null, 8, ["modelValue", "field"]),
+                      (openBlock(), createBlock(unref(NeonField), mergeProps({
+                        key: key.value,
+                        "model-value": unref(values).startedAt
+                      }, {
+                        handle: "startedAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, {
+                        "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved",
+                        "onUpdate:modelValue": onStartedAtUpdate
+                      }), null, 16, ["model-value", "is-disabled"])),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).type,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).type = $event)
+                      }, unref(fields).type, {
+                        "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).decideStaff,
+                        query: unref(Query).define(staffOptions.value),
+                        "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved"
+                      }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
+                      unref(isNew) || unref(isReady) ? (openBlock(), createBlock(unref(NeonField), mergeProps({
+                        key: 2,
+                        modelValue: unref(values).notes,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).notes = $event)
+                      }, unref(fields).notes), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
+                      unref(values).type ? (openBlock(), createBlock(unref(NeonDivider), {
+                        key: 3,
+                        "is-dashed": "",
+                        label: "Keterangan"
+                      })) : createCommentVNode("v-if", true),
+                      unref(values).type == "dayOff" || unref(values).type == "sick" || unref(values).type == "permission" || unref(values).type == "leave" ? (openBlock(), createBlock(unref(NeonField), mergeProps({
+                        key: 4,
+                        modelValue: unref(values).submittedAt,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).submittedAt = $event)
+                      }, unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
+                      createCommentVNode(" EARLY GO HOME "),
+                      unref(values).type == "homeEarly" ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).startedAt,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).startedAt = $event)
+                        }, {
+                          handle: "startedAt",
+                          name: "Jam Pulang Kerja",
+                          options: {
+                            note: "Jam pulang kerja."
+                          }
+                        }), {
+                          input: withCtx(() => [
+                            createVNode(unref(NeonTime), {
+                              modelValue: unref(values).startedAt,
+                              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).startedAt = $event),
+                              "is-loading": unref(isLoading),
+                              class: "mt-2",
+                              "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved"
+                            }, null, 8, ["modelValue", "is-loading", "is-disabled"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"]),
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).endedAt,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).endedAt = $event)
+                        }, {
+                          handle: "endedAt",
+                          name: "Jam Pulang Lebih Awal",
+                          options: {
+                            note: "Jam pulang lebih awal."
+                          }
+                        }), {
+                          input: withCtx(() => [
+                            createVNode(unref(NeonTime), {
+                              modelValue: unref(values).endedAt,
+                              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).endedAt = $event),
+                              "is-loading": unref(isLoading),
+                              class: "mt-2",
+                              "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved"
+                            }, null, 8, ["modelValue", "is-loading", "is-disabled"]),
+                            createElementVNode(
+                              "div",
+                              _hoisted_5$2,
+                              toDisplayString(duration.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ])) : createCommentVNode("v-if", true),
+                      createCommentVNode(" COME TOO LATE "),
+                      unref(values).type == "comeLate" ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).startedAt,
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).startedAt = $event)
+                        }, {
+                          handle: "startedAt",
+                          name: "Jam Datang",
+                          options: {
+                            note: "Jam Datang kerja."
+                          }
+                        }), {
+                          input: withCtx(() => [
+                            createVNode(unref(NeonTime), {
+                              modelValue: unref(values).startedAt,
+                              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).startedAt = $event),
+                              "is-loading": unref(isLoading),
+                              class: "mt-2",
+                              "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved"
+                            }, null, 8, ["modelValue", "is-loading", "is-disabled"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"]),
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).endedAt,
+                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(values).endedAt = $event)
+                        }, {
+                          handle: "endedAt",
+                          name: "Jam Datang Terlambat",
+                          options: {
+                            note: "Jam datang terlambat."
+                          }
+                        }), {
+                          input: withCtx(() => [
+                            createVNode(unref(NeonTime), {
+                              modelValue: unref(values).endedAt,
+                              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).endedAt = $event),
+                              "is-loading": unref(isLoading),
+                              class: "mt-2",
+                              "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved"
+                            }, null, 8, ["modelValue", "is-loading", "is-disabled"]),
+                            createElementVNode(
+                              "div",
+                              _hoisted_7$2,
+                              toDisplayString(duration.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ])) : createCommentVNode("v-if", true),
+                      createCommentVNode(" TIMEOUT "),
+                      unref(values).type == "timeout" ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).startedAt,
+                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(values).startedAt = $event)
+                        }, {
+                          handle: "startedAt",
+                          name: "Mulai",
+                          options: {
+                            note: "Jam mulai."
+                          }
+                        }), {
+                          input: withCtx(() => [
+                            createVNode(unref(NeonTime), {
+                              modelValue: unref(values).startedAt,
+                              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(values).startedAt = $event),
+                              "is-loading": unref(isLoading),
+                              class: "mt-2",
+                              "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved"
+                            }, null, 8, ["modelValue", "is-loading", "is-disabled"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"]),
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).endedAt,
+                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(values).endedAt = $event)
+                        }, {
+                          handle: "endedAt",
+                          name: "Selesai",
+                          options: {
+                            note: "Jam selesai."
+                          }
+                        }), {
+                          input: withCtx(() => [
+                            createVNode(unref(NeonTime), {
+                              modelValue: unref(values).endedAt,
+                              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => unref(values).endedAt = $event),
+                              "is-loading": unref(isLoading),
+                              class: "mt-2",
+                              "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved"
+                            }, null, 8, ["modelValue", "is-loading", "is-disabled"]),
+                            createElementVNode(
+                              "div",
+                              _hoisted_9$2,
+                              toDisplayString(duration.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ])) : createCommentVNode("v-if", true)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const AttendanceStaff_vue_vue_type_style_index_0_scoped_a86e895b_lang = "";
+const AttendanceStaff = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a86e895b"]]);
+const _hoisted_1$1 = { class: "flex flex-wrap" };
+const _hoisted_2$1 = { class: "mt-2" };
+const _hoisted_3$1 = { class: "mt-2" };
+const _hoisted_4$1 = {
+  key: 3,
+  class: "grid gap-2 sm:grid-cols-2"
+};
+const _hoisted_5$1 = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_6$1 = {
+  key: 4,
+  class: "grid gap-2 sm:grid-cols-2"
+};
 const _hoisted_7$1 = { class: "text-right text-fg-subdued text-sm" };
 const _hoisted_8$1 = {
-  key: 7,
+  key: 5,
   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__ */ defineComponent({
-  __name: "AttendanceStaff",
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "AttendanceManager",
   setup(__props) {
     var _a;
     const {
@@ -7729,6 +8742,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const duration2 = DateUtil.day.duration(diff.value);
       return duration2.format("HH [jam] mm [menit]");
     });
+    const reverseDiff = computed(() => {
+      return DateUtil.day(values.value.startedAt).diff(values.value.endedAt);
+    });
+    const reverseDuration = computed(() => {
+      if (isNaN(reverseDiff.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(reverseDiff.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
     function onStartedAtUpdate(date) {
       if (!date)
         return;
@@ -7739,7 +8761,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       endedAt = endedAt.hour(currentEndedendedAt.hour()).minute(currentEndedendedAt.minute()).second(0).millisecond(0);
       values.value.startedAt = startedAt.toISOString();
       values.value.endedAt = endedAt.toISOString();
-      conflictAtt.value = false;
     }
     const { staff } = useOperasional();
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
@@ -7755,34 +8776,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         immediate: true
       }
     );
-    const submitAbsensi = async () => {
-      await executeOne("submitAttendance", { attendanceId: id.value });
+    const approvedAbsensi = async () => {
+      await executeOne("approvedAttendance", { attendanceId: id.value });
       await syncOne();
     };
-    const changeAbsensi = async () => {
-      await executeOne("changeAttendance", { attendanceId: id.value });
+    const deleteAbsensi = async () => {
+      await executeOne("deleteAttendance", { attendanceId: id.value });
       await syncOne();
+      window.location.href = "/penugasan/manager-attendances";
     };
-    const conflictAtt = ref(false);
-    async function conflictAttendance() {
-      var _a2;
-      const resp = await executeOne("checkAttendance", {
-        staffId: (_a2 = staff.value) == null ? void 0 : _a2.id,
-        startedAt: values.value.startedAt
-      });
-      const countAtt = resp.data.executeAttendance.output.countAttendance;
-      if (values.value.startedAt) {
-        if (countAtt > 1) {
-          conflictAtt.value = true;
-        } else {
-          await submitAbsensi();
-          await syncOne();
-          conflictAtt.value = false;
-        }
-      } else {
-        conflictAtt.value = true;
-      }
-    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonSingle), { class: "neu-attendance-single" }, {
         default: withCtx(() => [
@@ -7804,26 +8806,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      conflictAtt.value == true ? (openBlock(), createBlock(unref(NeonAlert), {
-                        key: 0,
-                        icon: "circle-info",
-                        label: "Sudah ada Absensi!. ",
-                        description: "Untuk hari ini kamu sudah ada absensi yang diajukan, silahkan cari absensi yang telah diajukan dan ajukan kembali untuk pergantiannya.",
-                        color: "#F7CF6D"
-                      })) : createCommentVNode("v-if", true),
-                      !unref(isNew) && conflictAtt.value == false ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+                      createElementVNode("div", _hoisted_1$1, [
                         createElementVNode("div", _hoisted_2$1, [
                           createVNode(unref(NeonField), null, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
                                 size: "md",
                                 color: "success",
-                                "icon-left": "up-from-line",
-                                "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved",
-                                onClick: conflictAttendance
+                                "icon-left": "check",
+                                "is-disabled": unref(values).status == "approved",
+                                onClick: approvedAbsensi
                               }, {
                                 default: withCtx(() => [
-                                  createTextVNode("Ajukan")
+                                  createTextVNode("Disetujui")
                                 ]),
                                 _: 1
                                 /* STABLE */
@@ -7839,23 +8834,22 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
                                 size: "md",
-                                color: "warning",
-                                "icon-left": "arrows-retweet",
-                                "is-disabled": unref(values).status == "notApproved" || unref(values).status == "draft",
-                                onClick: changeAbsensi
+                                color: "danger",
+                                "icon-left": "trash-can",
+                                onClick: deleteAbsensi
                               }, {
                                 default: withCtx(() => [
-                                  createTextVNode("Ganti")
+                                  createTextVNode("Dihapus")
                                 ]),
                                 _: 1
                                 /* STABLE */
-                              }, 8, ["is-disabled"])
+                              })
                             ]),
                             _: 1
                             /* STABLE */
                           })
                         ])
-                      ])) : createCommentVNode("v-if", true),
+                      ]),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(values) ? values.value = $event : null),
@@ -7874,33 +8868,33 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           note: "Tanggal absensi."
                         }
                       }, {
-                        "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved",
+                        "is-disabled": unref(values).status == "approved",
                         "onUpdate:modelValue": onStartedAtUpdate
                       }), null, 16, ["model-value", "is-disabled"])),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).type,
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).type = $event)
                       }, unref(fields).type, {
-                        "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved"
+                        "is-disabled": unref(values).status == "approved"
                       }), null, 16, ["modelValue", "is-disabled"]),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).decideStaff,
-                        "is-disabled": unref(values).status == "notApproved" || unref(values).status == "approved"
+                        "is-disabled": unref(values).status == "approved"
                       }, null, 8, ["modelValue", "field", "is-disabled"]),
                       unref(isNew) || unref(isReady) ? (openBlock(), createBlock(unref(NeonField), mergeProps({
-                        key: 2,
+                        key: 0,
                         modelValue: unref(values).notes,
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).notes = $event)
                       }, unref(fields).notes), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
                       unref(values).type ? (openBlock(), createBlock(unref(NeonDivider), {
-                        key: 3,
+                        key: 1,
                         "is-dashed": "",
                         label: "Keterangan"
                       })) : createCommentVNode("v-if", true),
                       unref(values).type == "dayOff" || unref(values).type == "sick" || unref(values).type == "permission" || unref(values).type == "leave" ? (openBlock(), createBlock(unref(NeonField), mergeProps({
-                        key: 4,
+                        key: 2,
                         modelValue: unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).submittedAt = $event)
                       }, unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
@@ -7947,7 +8941,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                             createElementVNode(
                               "div",
                               _hoisted_5$1,
-                              toDisplayString(duration.value),
+                              toDisplayString(reverseDuration.value),
                               1
                               /* TEXT */
                             )
@@ -8079,8 +9073,8 @@ const _sfc_main$1 = /* @__PURE__ */ 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 AttendanceManager_vue_vue_type_style_index_0_scoped_643cca03_lang = "";
+const AttendanceManager = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-643cca03"]]);
 const _hoisted_1 = { class: "flex flex-wrap" };
 const _hoisted_2 = { class: "mt-2" };
 const _hoisted_3 = { class: "mt-2" };
@@ -8099,8 +9093,8 @@ 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__ */ defineComponent({
-  __name: "AttendanceManager",
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "AttendanceSupervisor",
   setup(__props) {
     var _a;
     const {
@@ -8169,7 +9163,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const deleteAbsensi = async () => {
       await executeOne("deleteAttendance", { attendanceId: id.value });
       await syncOne();
-      window.location.href = "/penugasan/manager-attendances";
+      window.location.href = "/pengawas/attendances";
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonSingle), { class: "neu-attendance-single" }, {
@@ -8263,16 +9257,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, unref(fields).type, {
                         "is-disabled": unref(values).status == "approved"
                       }), null, 16, ["modelValue", "is-disabled"]),
-                      createVNode(unref(OfficeRelation), {
-                        modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(values) ? values.value = $event : null),
-                        field: unref(fields).decideStaff,
-                        "is-disabled": unref(values).status == "approved"
-                      }, null, 8, ["modelValue", "field", "is-disabled"]),
+                      createCommentVNode(` <OfficeRelation
+            v-model="values"
+            :field="fields.decideStaff"
+            :is-disabled="values.status == 'approved'"
+          /> `),
                       unref(isNew) || unref(isReady) ? (openBlock(), createBlock(unref(NeonField), mergeProps({
                         key: 0,
                         modelValue: unref(values).notes,
-                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).notes = $event)
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).notes = $event)
                       }, unref(fields).notes), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
                       unref(values).type ? (openBlock(), createBlock(unref(NeonDivider), {
                         key: 1,
@@ -8282,13 +9275,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       unref(values).type == "dayOff" || unref(values).type == "sick" || unref(values).type == "permission" || unref(values).type == "leave" ? (openBlock(), createBlock(unref(NeonField), mergeProps({
                         key: 2,
                         modelValue: unref(values).submittedAt,
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).submittedAt = $event)
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).submittedAt = $event)
                       }, unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
                       createCommentVNode(" EARLY GO HOME "),
                       unref(values).type == "homeEarly" ? (openBlock(), createElementBlock("div", _hoisted_4, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
-                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).startedAt = $event)
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).startedAt = $event)
                         }, {
                           handle: "startedAt",
                           name: "Jam Pulang Kerja",
@@ -8299,7 +9292,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           input: withCtx(() => [
                             createVNode(unref(NeonTime), {
                               modelValue: unref(values).startedAt,
-                              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).startedAt = $event),
+                              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).startedAt = $event),
                               "is-loading": unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"])
@@ -8309,7 +9302,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 16, ["modelValue"]),
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).endedAt,
-                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).endedAt = $event)
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).endedAt = $event)
                         }, {
                           handle: "endedAt",
                           name: "Jam Pulang Lebih Awal",
@@ -8320,7 +9313,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           input: withCtx(() => [
                             createVNode(unref(NeonTime), {
                               modelValue: unref(values).endedAt,
-                              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).endedAt = $event),
+                              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).endedAt = $event),
                               "is-loading": unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
@@ -8340,7 +9333,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       unref(values).type == "comeLate" ? (openBlock(), createElementBlock("div", _hoisted_6, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
-                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).startedAt = $event)
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).startedAt = $event)
                         }, {
                           handle: "startedAt",
                           name: "Jam Datang",
@@ -8351,7 +9344,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           input: withCtx(() => [
                             createVNode(unref(NeonTime), {
                               modelValue: unref(values).startedAt,
-                              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).startedAt = $event),
+                              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).startedAt = $event),
                               "is-loading": unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"])
@@ -8361,7 +9354,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 16, ["modelValue"]),
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).endedAt,
-                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(values).endedAt = $event)
+                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).endedAt = $event)
                         }, {
                           handle: "endedAt",
                           name: "Jam Datang Terlambat",
@@ -8372,7 +9365,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           input: withCtx(() => [
                             createVNode(unref(NeonTime), {
                               modelValue: unref(values).endedAt,
-                              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).endedAt = $event),
+                              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).endedAt = $event),
                               "is-loading": unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
@@ -8392,7 +9385,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       unref(values).type == "timeout" ? (openBlock(), createElementBlock("div", _hoisted_8, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
-                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(values).startedAt = $event)
+                          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(values).startedAt = $event)
                         }, {
                           handle: "startedAt",
                           name: "Mulai",
@@ -8403,7 +9396,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           input: withCtx(() => [
                             createVNode(unref(NeonTime), {
                               modelValue: unref(values).startedAt,
-                              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(values).startedAt = $event),
+                              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(values).startedAt = $event),
                               "is-loading": unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"])
@@ -8413,7 +9406,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 16, ["modelValue"]),
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).endedAt,
-                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(values).endedAt = $event)
+                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => unref(values).endedAt = $event)
                         }, {
                           handle: "endedAt",
                           name: "Selesai",
@@ -8424,7 +9417,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           input: withCtx(() => [
                             createVNode(unref(NeonTime), {
                               modelValue: unref(values).endedAt,
-                              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => unref(values).endedAt = $event),
+                              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(values).endedAt = $event),
                               "is-loading": unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
@@ -8459,81 +9452,247 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceManager_vue_vue_type_style_index_0_scoped_643cca03_lang = "";
-const AttendanceManager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-643cca03"]]);
+const AttendanceSupervisor_vue_vue_type_style_index_0_scoped_3b3cd9ef_lang = "";
+const AttendanceSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-3b3cd9ef"]]);
+const ProgressAccessModel = models$2.ProgressAccessModel;
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProgressAccessCollection"
+  },
+  __name: "ProgressAccessCollection",
+  setup(__props) {
+    useCollection();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonCollection), { class: "neu-progress-access-collection" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ProgressAccessSingle",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = useSingle();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-progress-access-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).superviseStaff
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: 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__ */ defineComponent({
+  __name: "ProgressAccessSupervisor",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = useSingle();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-progress-access-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).superviseStaff,
+                        "is-disabled": ""
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: 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$7,
   AttendanceManager,
   AttendanceModel,
   AttendanceSingle,
   AttendanceStaff,
+  AttendanceSupervisor,
   CheckInAccess,
-  CheckInCollection: _sfc_main$K,
+  CheckInCollection: _sfc_main$S,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$N,
-  CheckInScanSuccess: _sfc_main$L,
+  CheckInScanError: _sfc_main$V,
+  CheckInScanSuccess: _sfc_main$T,
   CheckInScanner,
   CheckInSingle,
+  CheckInSupervisor,
   NeonTime,
   OperasionalIdentitas,
-  PlanCollection: _sfc_main$c,
+  PlanCollection: _sfc_main$h,
   PlanModel,
   PlanSingle,
   PlanStaff,
-  PlanTypeCollection: _sfc_main$e,
+  PlanTypeCollection: _sfc_main$j,
   PlanTypeModel,
   PlanTypeSingle,
-  ProgressButton: _sfc_main$9,
+  ProgressAccessCollection: _sfc_main$2,
+  ProgressAccessModel,
+  ProgressAccessSingle,
+  ProgressAccessSupervisor,
+  ProgressButton: _sfc_main$e,
   ProgressCollection,
   ProgressModel,
   ProgressNote,
+  ProgressNoteButton: _sfc_main$d,
   ProgressSingle,
   ProgressTomorrow,
   ProgressYesterday,
-  ResponsibilityCollection: _sfc_main$k,
+  ResponsibilityCollection: _sfc_main$q,
   ResponsibilityModel,
   ResponsibilitySingle,
   ResponsibilityStaff,
-  ResponsibilityTypeCollection: _sfc_main$m,
+  ResponsibilitySupervisor,
+  ResponsibilityTypeCollection: _sfc_main$s,
   ResponsibilityTypeModel,
   ResponsibilityTypeSingle,
-  SituationCollection: _sfc_main$F,
+  SituationCollection: _sfc_main$M,
   SituationModel,
-  SituationSingle: _sfc_main$E,
-  SituationSupportive: _sfc_main$C,
-  SituationTypeCollection: _sfc_main$B,
+  SituationSingle: _sfc_main$L,
+  SituationSupportive: _sfc_main$J,
+  SituationTypeCollection: _sfc_main$I,
   SituationTypeModel,
-  SituationTypeSingle: _sfc_main$A,
-  SituationWork: _sfc_main$D,
-  StaffCollection: _sfc_main$J,
-  StaffIdentity: _sfc_main$G,
+  SituationTypeSingle: _sfc_main$H,
+  SituationWork: _sfc_main$K,
+  StaffCollection: _sfc_main$Q,
+  StaffIdentity: _sfc_main$N,
   StaffModel,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
-  SubmissionCollection: _sfc_main$v,
+  SubmissionCollection: _sfc_main$C,
   SubmissionDecision,
   SubmissionFollowUp,
   SubmissionModel,
   SubmissionSingle,
   SubmissionStaff,
-  SubmissionTypeCollection: _sfc_main$o,
+  SubmissionSupervisor,
+  SubmissionTypeCollection: _sfc_main$u,
   SubmissionTypeModel,
   SubmissionTypeSingle,
   SubmissionWaitingDecision,
   TargetBranch,
-  TargetCollection: _sfc_main$h,
+  TargetCollection: _sfc_main$m,
   TargetModel,
   TargetSingle,
-  TaskCollection: _sfc_main$y,
+  TaskCollection: _sfc_main$F,
   TaskModel,
-  TaskSingle: _sfc_main$x,
-  TaskWork: _sfc_main$w,
-  TaskWorkButton: _sfc_main$z,
-  XxxButton: _sfc_main$U
+  TaskSingle: _sfc_main$E,
+  TaskWork: _sfc_main$D,
+  TaskWorkButton: _sfc_main$G,
+  XxxButton: _sfc_main$10
 }, Symbol.toStringTag, { value: "Module" }));
 function registerComponents(app) {
   Object.entries(components).forEach(([name, component]) => {
@@ -8549,80 +9708,89 @@ const OperasionalInterfacesPlugin = {
   }
 };
 export {
-  _sfc_main$3 as AttendanceCollection,
+  _sfc_main$7 as AttendanceCollection,
   AttendanceManager,
   AttendanceModel,
   AttendanceSingle,
   AttendanceStaff,
+  AttendanceSupervisor,
   CheckInAccess,
-  _sfc_main$K as CheckInCollection,
+  _sfc_main$S as CheckInCollection,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  _sfc_main$N as CheckInScanError,
-  _sfc_main$L as CheckInScanSuccess,
+  _sfc_main$V as CheckInScanError,
+  _sfc_main$T as CheckInScanSuccess,
   CheckInScanner,
   CheckInSingle,
+  CheckInSupervisor,
   operasional_types as NOperasional,
   NeonTime,
   OperasionalIdentitas,
   OperasionalInterfacesPlugin,
-  _sfc_main$c as PlanCollection,
+  _sfc_main$h as PlanCollection,
   PlanModel,
   PlanSingle,
   PlanStaff,
-  _sfc_main$e as PlanTypeCollection,
+  _sfc_main$j as PlanTypeCollection,
   PlanTypeModel,
   PlanTypeSingle,
-  _sfc_main$9 as ProgressButton,
+  _sfc_main$2 as ProgressAccessCollection,
+  ProgressAccessModel,
+  ProgressAccessSingle,
+  ProgressAccessSupervisor,
+  _sfc_main$e as ProgressButton,
   ProgressCollection,
   ProgressModel,
   ProgressNote,
+  _sfc_main$d as ProgressNoteButton,
   ProgressSingle,
   ProgressTomorrow,
   ProgressYesterday,
-  _sfc_main$k as ResponsibilityCollection,
+  _sfc_main$q as ResponsibilityCollection,
   ResponsibilityModel,
   ResponsibilitySingle,
   ResponsibilityStaff,
-  _sfc_main$m as ResponsibilityTypeCollection,
+  ResponsibilitySupervisor,
+  _sfc_main$s as ResponsibilityTypeCollection,
   ResponsibilityTypeModel,
   ResponsibilityTypeSingle,
   graphql as Schema,
-  _sfc_main$F as SituationCollection,
+  _sfc_main$M as SituationCollection,
   SituationModel,
-  _sfc_main$E as SituationSingle,
-  _sfc_main$C as SituationSupportive,
-  _sfc_main$B as SituationTypeCollection,
+  _sfc_main$L as SituationSingle,
+  _sfc_main$J as SituationSupportive,
+  _sfc_main$I as SituationTypeCollection,
   SituationTypeModel,
-  _sfc_main$A as SituationTypeSingle,
-  _sfc_main$D as SituationWork,
-  _sfc_main$J as StaffCollection,
-  _sfc_main$G as StaffIdentity,
+  _sfc_main$H as SituationTypeSingle,
+  _sfc_main$K as SituationWork,
+  _sfc_main$Q as StaffCollection,
+  _sfc_main$N as StaffIdentity,
   StaffModel,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
-  _sfc_main$v as SubmissionCollection,
+  _sfc_main$C as SubmissionCollection,
   SubmissionDecision,
   SubmissionFollowUp,
   SubmissionModel,
   SubmissionSingle,
   SubmissionStaff,
-  _sfc_main$o as SubmissionTypeCollection,
+  SubmissionSupervisor,
+  _sfc_main$u as SubmissionTypeCollection,
   SubmissionTypeModel,
   SubmissionTypeSingle,
   SubmissionWaitingDecision,
   TargetBranch,
-  _sfc_main$h as TargetCollection,
+  _sfc_main$m as TargetCollection,
   TargetModel,
   TargetSingle,
-  _sfc_main$y as TaskCollection,
+  _sfc_main$F as TaskCollection,
   TaskModel,
-  _sfc_main$x as TaskSingle,
-  _sfc_main$w as TaskWork,
-  _sfc_main$z as TaskWorkButton,
-  _sfc_main$U as XxxButton,
+  _sfc_main$E as TaskSingle,
+  _sfc_main$D as TaskWork,
+  _sfc_main$G as TaskWorkButton,
+  _sfc_main$10 as XxxButton,
   bus,
   useAttendanceStore,
   useOperasional,