@neutron.co.id/operasional-interfaces 1.9.6 → 1.10.0

package/build/index.mjs

@@ -16,7 +16,7 @@ import { ComponentUtil } from "@neon.id/utils/component";
 import { DatePicker } from "v-calendar";
 import { Query } from "@neon.id/query";
 import { models as models$1 } from "@neutron.co.id/tempat-models";
-import { useEventBus, useIntervalFn, useThrottleFn } from "@vueuse/core";
+import { useEventBus, useGeolocation, useIntervalFn, useThrottleFn } from "@vueuse/core";
 import { defineStore, storeToRefs } from "pinia";
 import { useClientHandle } from "@urql/vue";
 import { startOfToday, endOfToday, format } from "date-fns";
@@ -201,13 +201,13 @@ class DateUtil {
   }
 }
 const _withScopeId$3 = (n) => (pushScopeId("data-v-805321b9"), n = n(), popScopeId(), n);
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   key: 0,
   class: "input-loading"
 };
-const _hoisted_2$h = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "loading placeholder-block placeholder-wave" }, null, -1));
-const _hoisted_3$8 = [
-  _hoisted_2$h
+const _hoisted_2$i = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "loading placeholder-block placeholder-wave" }, null, -1));
+const _hoisted_3$9 = [
+  _hoisted_2$i
 ];
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "NeonTime",
@@ -243,7 +243,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["neon-time", { "is-disabled": __props.isDisabled }])
       }, [
-        __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$o, _hoisted_3$8)) : (openBlock(), createBlock(unref(DatePicker), mergeProps({
+        __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$p, _hoisted_3$9)) : (openBlock(), createBlock(unref(DatePicker), mergeProps({
           key: 1,
           "model-value": internalValue.value
         }, {
@@ -272,10 +272,10 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const NeonTime = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-805321b9"]]);
-const _hoisted_1$n = { class: "flex flex-wrap" };
-const _hoisted_2$g = { class: "mt-2" };
-const _hoisted_3$7 = { class: "mt-2" };
-const _hoisted_4$5 = {
+const _hoisted_1$o = { class: "flex flex-wrap" };
+const _hoisted_2$h = { class: "mt-2" };
+const _hoisted_3$8 = { class: "mt-2" };
+const _hoisted_4$6 = {
   key: 3,
   class: "grid gap-2 sm:grid-cols-2"
 };
@@ -383,8 +383,8 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$n, [
-                        createElementVNode("div", _hoisted_2$g, [
+                      createElementVNode("div", _hoisted_1$o, [
+                        createElementVNode("div", _hoisted_2$h, [
                           createVNode(unref(NeonField), null, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -404,7 +404,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
                           })
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$7, [
+                        createElementVNode("div", _hoisted_3$8, [
                           createVNode(unref(NeonField), null, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -471,7 +471,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
                         modelValue: unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).submittedAt = $event)
                       }, unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : createCommentVNode("", true),
-                      unref(values).type == "homeEarly" ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+                      unref(values).type == "homeEarly" ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
                           "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).startedAt = $event)
@@ -617,8 +617,8 @@ 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 _hoisted_1$m = { class: "grid gap-2 sm:grid-cols-2" };
-const _hoisted_2$f = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_1$n = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2$g = { class: "text-right text-fg-subdued text-sm" };
 const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
@@ -730,7 +730,7 @@ const _sfc_main$_ = /* @__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$m, [
+                      createElementVNode("div", _hoisted_1$n, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
                           "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).startedAt = $event)
@@ -768,7 +768,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
                               "is-loading": unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
-                            createElementVNode("div", _hoisted_2$f, toDisplayString(duration.value), 1)
+                            createElementVNode("div", _hoisted_2$g, toDisplayString(duration.value), 1)
                           ]),
                           _: 1
                         }, 16, ["modelValue"])
@@ -790,13 +790,13 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
 });
 const AttendanceSingle_vue_vue_type_style_index_0_scoped_0c3c6187_lang = "";
 const AttendanceSingle = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-0c3c6187"]]);
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 1,
   class: "flex flex-wrap"
 };
-const _hoisted_2$e = { class: "mt-2" };
-const _hoisted_3$6 = { class: "mt-2" };
-const _hoisted_4$4 = {
+const _hoisted_2$f = { class: "mt-2" };
+const _hoisted_3$7 = { class: "mt-2" };
+const _hoisted_4$5 = {
   key: 5,
   class: "grid gap-2 sm:grid-cols-2"
 };
@@ -934,8 +934,8 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
                         description: "Untuk hari ini kamu sudah ada absensi yang diajukan, silahkan cari absensi yang telah diajukan dan ajukan kembali untuk pergantiannya.",
                         color: "#F7CF6D"
                       })) : createCommentVNode("", true),
-                      !unref(isNew) && conflictAtt.value == false ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
-                        createElementVNode("div", _hoisted_2$e, [
+                      !unref(isNew) && conflictAtt.value == false ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+                        createElementVNode("div", _hoisted_2$f, [
                           createVNode(unref(NeonField), null, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -955,7 +955,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
                           })
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$6, [
+                        createElementVNode("div", _hoisted_3$7, [
                           createVNode(unref(NeonField), null, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -1024,7 +1024,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
                         modelValue: unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).submittedAt = $event)
                       }, unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : createCommentVNode("", true),
-                      unref(values).type == "homeEarly" ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
+                      unref(values).type == "homeEarly" ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
                           "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).startedAt = $event)
@@ -1176,10 +1176,10 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
 });
 const AttendanceStaff_vue_vue_type_style_index_0_scoped_8a21c329_lang = "";
 const AttendanceStaff = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-8a21c329"]]);
-const _hoisted_1$k = { class: "flex flex-wrap" };
-const _hoisted_2$d = { class: "mt-2" };
-const _hoisted_3$5 = { class: "mt-2" };
-const _hoisted_4$3 = {
+const _hoisted_1$l = { class: "flex flex-wrap" };
+const _hoisted_2$e = { class: "mt-2" };
+const _hoisted_3$6 = { class: "mt-2" };
+const _hoisted_4$4 = {
   key: 3,
   class: "grid gap-2 sm:grid-cols-2"
 };
@@ -1287,8 +1287,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$k, [
-                        createElementVNode("div", _hoisted_2$d, [
+                      createElementVNode("div", _hoisted_1$l, [
+                        createElementVNode("div", _hoisted_2$e, [
                           createVNode(unref(NeonField), null, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -1308,7 +1308,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                           })
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$5, [
+                        createElementVNode("div", _hoisted_3$6, [
                           createVNode(unref(NeonField), null, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -1369,7 +1369,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                         modelValue: unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).submittedAt = $event)
                       }, unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : createCommentVNode("", true),
-                      unref(values).type == "homeEarly" ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+                      unref(values).type == "homeEarly" ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
                           "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).startedAt = $event)
@@ -1516,11 +1516,11 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
 const AttendanceSupervisor_vue_vue_type_style_index_0_scoped_07f6564f_lang = "";
 const AttendanceSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-07f6564f"]]);
 const CheckInModel = models$1.CheckInModel;
-const _withScopeId$2 = (n) => (pushScopeId("data-v-8637aebc"), n = n(), popScopeId(), n);
-const _hoisted_1$j = { id: "view-checkIns" };
-const _hoisted_2$c = { class: "summary" };
-const _hoisted_3$4 = { class: "wrapper" };
-const _hoisted_4$2 = { class: "header" };
+const _withScopeId$2 = (n) => (pushScopeId("data-v-094d5b21"), n = n(), popScopeId(), n);
+const _hoisted_1$k = { id: "view-checkIns" };
+const _hoisted_2$d = { class: "summary" };
+const _hoisted_3$5 = { class: "wrapper" };
+const _hoisted_4$3 = { class: "header" };
 const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "start" }, [
   /* @__PURE__ */ createElementVNode("div", { class: "title" }, "➡️ Presensi"),
   /* @__PURE__ */ createElementVNode("div", { class: "description" }, "Daftar presensi hari ini.")
@@ -1540,6 +1540,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     const { staff } = useOperasional();
     const attendanceStore = useAttendanceStore();
     const { isAsking, isScanning, isEntering, isScanError, isScanned, type } = storeToRefs(attendanceStore);
+    const { coords } = useGeolocation();
     const toast = useToastStore();
     const id = ref("new");
     const isCheckpoint = ref(false);
@@ -1612,7 +1613,13 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     }
     async function onPresenceHome() {
       var _a;
-      await checkInStaff(null, "home", (_a = staff.value) == null ? void 0 : _a.id);
+      await checkInStaff(
+        null,
+        "home",
+        (_a = staff.value) == null ? void 0 : _a.id,
+        coords.value.latitude.toString(),
+        coords.value.longitude.toString()
+      );
       setTimeout(() => {
         router.go(0);
       }, 500);
@@ -1623,9 +1630,15 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     }
     async function onScanned(data) {
       var _a;
-      id.value = await checkInStaff(data, type.value, (_a = staff.value) == null ? void 0 : _a.id);
+      id.value = await checkInStaff(
+        data,
+        type.value,
+        (_a = staff.value) == null ? void 0 : _a.id,
+        coords.value.latitude.toString(),
+        coords.value.longitude.toString()
+      );
     }
-    async function checkInStaff(qrKey, type2, staffId) {
+    async function checkInStaff(qrKey, type2, staffId, latitude, longitude) {
       var _a;
       const toastId = "neu:personalia:staff:checkIn";
       let checkInId;
@@ -1638,7 +1651,9 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
             staffId,
             key: qrKey,
             type: type2,
-            branchId: (_a = staff.value) == null ? void 0 : _a.branchId
+            branchId: (_a = staff.value) == null ? void 0 : _a.branchId,
+            latitude,
+            longitude
           }
         }).toPromise();
         const data = resp.data.executeCheckIn.output;
@@ -1683,14 +1698,14 @@ const _sfc_main$X = /* @__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$k, [
         createVNode(unref(OfficeContent), {
           icon: "barcode-read",
           title: "Presensi",
           "is-expanded": ""
         }, {
           "header-detail": withCtx(() => [
-            createElementVNode("div", _hoisted_2$c, [
+            createElementVNode("div", _hoisted_2$d, [
               createVNode(unref(NeonSlider), {
                 "per-view": 2,
                 gap: 16,
@@ -1723,7 +1738,6 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createVNode(unref(NeonStat), {
                         label: "Checkpoint",
-                        icon: "barcode-read",
                         onClick: onPresenceCheckpoint
                       }, {
                         default: withCtx(() => [
@@ -1753,7 +1767,6 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createVNode(unref(NeonStat), {
                         label: "Pulang",
-                        icon: "barcode-read",
                         onClick: onPresenceHome
                       }, {
                         default: withCtx(() => [
@@ -1823,7 +1836,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
             ])
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_3$4, [
+            createElementVNode("div", _hoisted_3$5, [
               createVNode(unref(NeonCollectionContext), {
                 definition: "neu:tempat:checkIn",
                 scope: "_checkIns",
@@ -1838,7 +1851,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
                 "is-main": ""
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_4$2, [
+                  createElementVNode("div", _hoisted_4$3, [
                     _hoisted_5$1,
                     createElementVNode("div", _hoisted_6, [
                       createVNode(unref(OfficeCollectionQuery), { displays: ["table"] }, {
@@ -1861,9 +1874,9 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_8637aebc_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-8637aebc"]]);
-const _hoisted_1$i = { class: "grid gap-4 sm:grid-cols-2" };
+const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_094d5b21_lang = "";
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-094d5b21"]]);
+const _hoisted_1$j = { class: "grid gap-4 sm:grid-cols-2" };
 const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
@@ -1922,7 +1935,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                         field: unref(fields).building,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      createElementVNode("div", _hoisted_1$i, [
+                      createElementVNode("div", _hoisted_1$j, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).type = $event)
@@ -1959,7 +1972,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
 });
 const CheckInSingle_vue_vue_type_style_index_0_scoped_e56842b0_lang = "";
 const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-e56842b0"]]);
-const _hoisted_1$h = { class: "grid gap-4 sm:grid-cols-2" };
+const _hoisted_1$i = { class: "grid gap-4 sm:grid-cols-2" };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
@@ -2026,7 +2039,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
                         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("", true),
-                      createElementVNode("div", _hoisted_1$h, [
+                      createElementVNode("div", _hoisted_1$i, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).type = $event)
@@ -2070,8 +2083,8 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
 const CheckInExternal_vue_vue_type_style_index_0_scoped_aeda12b0_lang = "";
 const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-aeda12b0"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-d6ac1ebc"), n = n(), popScopeId(), n);
-const _hoisted_1$g = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("h4", { align: "center" }, "Aktifkan kamera untuk scan QR Code", -1));
-const _hoisted_2$b = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", { align: "center" }, [
+const _hoisted_1$h = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("h4", { align: "center" }, "Aktifkan kamera untuk scan QR Code", -1));
+const _hoisted_2$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", { align: "center" }, [
   /* @__PURE__ */ createTextVNode(' Neutron Kantor membutuhkan akses ke kamera. Dengan klik "'),
   /* @__PURE__ */ createElementVNode("b", null, "Saya Setuju"),
   /* @__PURE__ */ createTextVNode('", kamu telah menyetujui syarat dan ketentuan yang berlaku. ')
@@ -2101,8 +2114,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: withCtx(() => [
-              _hoisted_1$g,
-              _hoisted_2$b,
+              _hoisted_1$h,
+              _hoisted_2$c,
               createVNode(unref(NeonButton), {
                 "is-full": "",
                 size: "md",
@@ -2127,7 +2140,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
 });
 const CheckInAccess_vue_vue_type_style_index_0_scoped_d6ac1ebc_lang = "";
 const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-d6ac1ebc"]]);
-const _hoisted_1$f = { class: "buttons" };
+const _hoisted_1$g = { class: "buttons" };
 const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
@@ -2141,7 +2154,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(NeonSheet), null, {
             footer: withCtx(() => [
-              createElementVNode("div", _hoisted_1$f, [
+              createElementVNode("div", _hoisted_1$g, [
                 createVNode(unref(NeonButton), {
                   "is-full": "",
                   "is-rounded": "",
@@ -2173,10 +2186,10 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 const _withScopeId = (n) => (pushScopeId("data-v-dc535804"), n = n(), popScopeId(), n);
-const _hoisted_1$e = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "invalid-message" }, "Invalid Code!", -1));
-const _hoisted_2$a = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
-const _hoisted_3$3 = ["onClick"];
-const _hoisted_4$1 = { class: "mr-2 text-sm" };
+const _hoisted_1$f = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "invalid-message" }, "Invalid Code!", -1));
+const _hoisted_2$b = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
+const _hoisted_3$4 = ["onClick"];
+const _hoisted_4$2 = { class: "mr-2 text-sm" };
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
@@ -2313,20 +2326,20 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                   class: "inner",
                   onClick: switchCamera
                 }, [
-                  _hoisted_1$e,
-                  _hoisted_2$a,
+                  _hoisted_1$f,
+                  _hoisted_2$b,
                   createElementVNode("div", {
                     class: "button-switch",
                     onClick: withModifiers(switchCamera, ["stop"])
                   }, [
-                    createElementVNode("div", _hoisted_4$1, toDisplayString(currentCamera.value), 1),
+                    createElementVNode("div", _hoisted_4$2, toDisplayString(currentCamera.value), 1),
                     createVNode(unref(NeonButton), {
                       "icon-left": "arrows-repeat",
                       "is-squared": "",
                       size: "sm",
                       "is-disabled": !canSwitch.value
                     }, null, 8, ["is-disabled"])
-                  ], 8, _hoisted_3$3)
+                  ], 8, _hoisted_3$4)
                 ])
               ], 2)
             ]),
@@ -2340,7 +2353,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
 });
 const CheckInScanner_vue_vue_type_style_index_0_scoped_dc535804_lang = "";
 const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-dc535804"]]);
-const _hoisted_1$d = /* @__PURE__ */ createElementVNode("h3", { align: "center" }, "Presensi Berhasil!", -1);
+const _hoisted_1$e = /* @__PURE__ */ createElementVNode("h3", { align: "center" }, "Presensi Berhasil!", -1);
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
@@ -2361,7 +2374,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: withCtx(() => [
-              _hoisted_1$d
+              _hoisted_1$e
             ]),
             _: 1
           })
@@ -2388,7 +2401,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "grid gap-4 sm:grid-cols-2" };
+const _hoisted_1$d = { class: "grid gap-4 sm:grid-cols-2" };
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "CheckInSupervisor",
   setup(__props) {
@@ -2456,7 +2469,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                         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("", true),
-                      createElementVNode("div", _hoisted_1$c, [
+                      createElementVNode("div", _hoisted_1$d, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).type = $event)
@@ -2499,8 +2512,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
 });
 const CheckInSupervisor_vue_vue_type_style_index_0_scoped_551b53ec_lang = "";
 const CheckInSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-551b53ec"]]);
-const _hoisted_1$b = { class: "operasional-identitas" };
-const _hoisted_2$9 = {
+const _hoisted_1$c = { class: "operasional-identitas" };
+const _hoisted_2$a = {
   key: 2,
   class: "section"
 };
@@ -2763,7 +2776,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         state.value === "connect" ? (openBlock(), createBlock(unref(IdentitasConnect), {
           key: 0,
           user: user.value,
@@ -2813,7 +2826,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           }),
           _: 1
         }, 8, ["initial-values", "is-loading", "errors"])) : createCommentVNode("", true),
-        user.value && onDelegate ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+        user.value && onDelegate ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
           createVNode(unref(NeonDivider), {
             "is-dashed": "",
             label: "Delegasi",
@@ -3327,7 +3340,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 });
 const PlanTypeSingle_vue_vue_type_style_index_0_scoped_7690175d_lang = "";
 const PlanTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-7690175d"]]);
-const _hoisted_1$a = { class: "flex flex-wrap" };
+const _hoisted_1$b = { class: "flex flex-wrap" };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{ name: "ProgressButton" },
   __name: "ProgressButton",
@@ -3343,7 +3356,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       router.push("/penugasan/yesterday-progresses/new");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(unref(NeonButton), {
           "is-rounded": true,
           size: "sm",
@@ -3374,7 +3387,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "flex flex-wrap" };
+const _hoisted_1$a = { class: "flex flex-wrap" };
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{ name: "ProgressNoteButton" },
   __name: "ProgressNoteButton",
@@ -3384,7 +3397,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       router.push("/penugasan/notes/new");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createVNode(unref(NeonButton), {
           "is-rounded": true,
           size: "sm",
@@ -3489,8 +3502,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
 });
 const ProgressCollection_vue_vue_type_style_index_0_scoped_73139a91_lang = "";
 const ProgressCollection = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-73139a91"]]);
-const _hoisted_1$8 = { class: "grid gap-2 sm:grid-cols-2" };
-const _hoisted_2$8 = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_1$9 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2$9 = { class: "text-right text-fg-subdued text-sm" };
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
@@ -3509,32 +3522,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       saveOne,
       discardChanges
     } = useSingle();
-    const responsibilityOptions = computed(() => {
-      var _a2, _b;
-      return {
-        filter: [
-          {
-            handle: "condition",
-            operator: "eq",
-            value: "active"
-          },
-          {
-            $or: [
-              {
-                handle: "staffWorkIds",
-                operator: "in",
-                value: (_a2 = staff.value) == null ? void 0 : _a2.id
-              },
-              {
-                handle: "staffSuperviseIds",
-                operator: "in",
-                value: (_b = staff.value) == null ? void 0 : _b.id
-              }
-            ]
-          }
-        ]
-      };
-    });
+    usePermit();
+    const path = useRoute().path;
     const key = ref(0);
     const diff = computed(() => {
       return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
@@ -3559,19 +3548,35 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     const sekarang = DateUtil.day(/* @__PURE__ */ new Date());
     const besok = sekarang;
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
+    watch(
+      isNew,
+      (isNew2) => {
+        var _a2;
+        if (!isNew2)
+          return;
+        values.value.staffIds = [staffId];
+        values.value.staffs = [
+          {
+            id: staffId,
+            flag: (_a2 = staff.value) == null ? void 0 : _a2.flag
+          }
+        ];
+      },
+      {
+        immediate: true
+      }
+    );
     watch(isNew, setDefaultValues, { immediate: true });
     async function setDefaultValues() {
-      var _a2;
       if (!isNew.value)
         return;
       await PromiseUtil.wait(500);
       const defaultValues = {
-        staffIds: [staffId],
-        staffs: [{ id: staffId, flag: (_a2 = staff.value) == null ? void 0 : _a2.flag }],
         startedAt: besok.second(0).millisecond(0).toISOString(),
         endedAt: besok.add(90, "m").toISOString()
       };
-      values.value = defaultValues;
+      values.value.startedAt = defaultValues.startedAt;
+      values.value.endedAt = defaultValues.endedAt;
     }
     const submissionOptions = computed(() => {
       return {
@@ -3589,6 +3594,46 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         ]
       };
     });
+    const taskOptions = computed(() => {
+      var _a2, _b;
+      return Query.define({
+        filter: [
+          {
+            estimatedStartDate: {
+              $lte: values.value.startedAt
+            },
+            estimatedEndDate: {
+              $gte: values.value.startedAt
+            }
+          },
+          {
+            $or: [
+              {
+                handle: "givingAssignmentIds",
+                operator: "in",
+                value: (_a2 = staff.value) == null ? void 0 : _a2.id
+              },
+              {
+                handle: "doingAssignmentIds",
+                operator: "in",
+                value: (_b = staff.value) == null ? void 0 : _b.id
+              }
+            ]
+          },
+          {
+            completedDate: {
+              $eq: null
+            }
+          },
+          {
+            canceledDate: {
+              $eq: null
+            }
+          }
+        ],
+        sort: [{ handle: "estimatedStartDate", direction: "ascending" }]
+      });
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonSingle), { class: "neu-progress-single" }, {
         default: withCtx(() => [
@@ -3609,112 +3654,145 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                     onCancel: unref(discardChanges),
                     onSubmit: unref(saveOne)
                   }, {
-                    default: withCtx(() => [
-                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
-                        default: withCtx(() => [
-                          (openBlock(), createBlock(unref(NeonField), mergeProps({
-                            key: key.value,
-                            "model-value": unref(values).startedAt
+                    default: withCtx(() => {
+                      var _a2, _b;
+                      return [
+                        createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
+                          default: withCtx(() => [
+                            (openBlock(), createBlock(unref(NeonField), mergeProps({
+                              key: key.value,
+                              "model-value": unref(values).startedAt
+                            }, {
+                              handle: "startedAt",
+                              name: "Tanggal",
+                              type: "date",
+                              input: "date2",
+                              options: {
+                                note: "Tanggal progress."
+                              }
+                            }, { "onUpdate:modelValue": onStartedAtUpdate }), null, 16, ["model-value"])),
+                            createVNode(unref(NeonField), mergeProps({
+                              modelValue: unref(values).detail,
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).detail = $event)
+                            }, unref(fields).detail), null, 16, ["modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        createElementVNode("div", _hoisted_1$9, [
+                          createVNode(unref(NeonField), mergeProps({
+                            modelValue: unref(values).startedAt,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).startedAt = $event)
                           }, {
                             handle: "startedAt",
-                            name: "Tanggal",
-                            type: "date",
-                            input: "date2",
+                            name: "Mulai",
                             options: {
-                              note: "Tanggal progress."
+                              note: "Jam mulai."
                             }
-                          }, { "onUpdate:modelValue": onStartedAtUpdate }), null, 16, ["model-value"])),
+                          }), {
+                            input: withCtx(() => [
+                              createVNode(unref(NeonTime), {
+                                modelValue: unref(values).startedAt,
+                                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).startedAt = $event),
+                                "is-loading": unref(isLoading),
+                                class: "mt-2"
+                              }, null, 8, ["modelValue", "is-loading"])
+                            ]),
+                            _: 1
+                          }, 16, ["modelValue"]),
                           createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).detail,
-                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).detail = $event)
-                          }, unref(fields).detail), null, 16, ["modelValue"])
+                            modelValue: unref(values).endedAt,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($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[3] || (_cache[3] = ($event) => unref(values).endedAt = $event),
+                                "is-loading": unref(isLoading),
+                                class: "mt-2"
+                              }, null, 8, ["modelValue", "is-loading"]),
+                              createElementVNode("div", _hoisted_2$9, toDisplayString(duration.value), 1)
+                            ]),
+                            _: 1
+                          }, 16, ["modelValue"])
                         ]),
-                        _: 1
-                      }),
-                      createElementVNode("div", _hoisted_1$8, [
+                        createVNode(unref(OfficeRelation), {
+                          modelValue: unref(values),
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(values) ? values.value = $event : null),
+                          field: unref(fields).staffs
+                        }, null, 8, ["modelValue", "field"]),
                         createVNode(unref(NeonField), mergeProps({
-                          modelValue: unref(values).startedAt,
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).startedAt = $event)
-                        }, {
-                          handle: "startedAt",
-                          name: "Mulai",
-                          options: {
-                            note: "Jam mulai."
-                          }
-                        }), {
+                          modelValue: unref(values).isNotes,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).isNotes = $event)
+                        }, unref(fields).isNotes), {
                           input: withCtx(() => [
-                            createVNode(unref(NeonTime), {
-                              modelValue: unref(values).startedAt,
-                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).startedAt = $event),
-                              "is-loading": unref(isLoading),
+                            createVNode(unref(NeonCheck), {
+                              modelValue: unref(values).isNotes,
+                              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).isNotes = $event),
+                              label: "Catatan",
                               class: "mt-2"
-                            }, null, 8, ["modelValue", "is-loading"])
+                            }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 16, ["modelValue"]),
-                        createVNode(unref(NeonField), mergeProps({
-                          modelValue: unref(values).endedAt,
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($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[3] || (_cache[3] = ($event) => unref(values).endedAt = $event),
-                              "is-loading": unref(isLoading),
-                              class: "mt-2"
-                            }, null, 8, ["modelValue", "is-loading"]),
-                            createElementVNode("div", _hoisted_2$8, toDisplayString(duration.value), 1)
-                          ]),
-                          _: 1
-                        }, 16, ["modelValue"])
-                      ]),
-                      createVNode(unref(OfficeRelation), {
-                        modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(values) ? values.value = $event : null),
-                        field: unref(fields).staffs
-                      }, null, 8, ["modelValue", "field"]),
-                      createVNode(unref(NeonField), mergeProps({
-                        modelValue: unref(values).isNotes,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).isNotes = $event)
-                      }, unref(fields).isNotes), {
-                        input: withCtx(() => [
-                          createVNode(unref(NeonCheck), {
-                            modelValue: unref(values).isNotes,
-                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).isNotes = $event),
-                            label: "Catatan",
-                            class: "mt-2"
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      }, 16, ["modelValue"]),
-                      createVNode(unref(OfficeRelation), {
-                        modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(values) ? values.value = $event : null),
-                        field: unref(fields).accessStaffs
-                      }, null, 8, ["modelValue", "field"]),
-                      createVNode(unref(NeonDivider), {
-                        "is-dashed": "",
-                        label: "Referensi"
-                      }),
-                      createVNode(unref(OfficeRelation), {
-                        modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isRef(values) ? values.value = $event : null),
-                        field: unref(fields).responsibilities,
-                        query: unref(Query).define(responsibilityOptions.value)
-                      }, null, 8, ["modelValue", "field", "query"]),
-                      createVNode(unref(OfficeRelation), {
-                        modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isRef(values) ? values.value = $event : null),
-                        field: unref(fields).submissions,
-                        query: unref(Query).define(submissionOptions.value)
-                      }, null, 8, ["modelValue", "field", "query"])
-                    ]),
+                        createVNode(unref(OfficeRelation), {
+                          modelValue: unref(values),
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(values) ? values.value = $event : null),
+                          field: unref(fields).accessStaffs
+                        }, null, 8, ["modelValue", "field"]),
+                        createVNode(unref(NeonDivider), {
+                          "is-dashed": "",
+                          label: "Referensi"
+                        }),
+                        createVNode(unref(OfficeRelation), {
+                          modelValue: unref(values),
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isRef(values) ? values.value = $event : null),
+                          field: unref(fields).responsibilities,
+                          query: unref(Query).define({
+                            filter: [
+                              {
+                                handle: "condition",
+                                operator: "eq",
+                                value: "active"
+                              },
+                              {
+                                $or: [
+                                  {
+                                    handle: "staffWorkIds",
+                                    operator: "in",
+                                    value: (_a2 = unref(staff)) == null ? void 0 : _a2.id
+                                  },
+                                  {
+                                    handle: "staffSuperviseIds",
+                                    operator: "in",
+                                    value: (_b = unref(staff)) == null ? void 0 : _b.id
+                                  }
+                                ]
+                              }
+                            ],
+                            sort: [{ handle: "title", direction: "ascending" }]
+                          })
+                        }, null, 8, ["modelValue", "field", "query"]),
+                        createVNode(unref(OfficeRelation), {
+                          modelValue: unref(values),
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isRef(values) ? values.value = $event : null),
+                          field: unref(fields).submissions,
+                          query: unref(Query).define(submissionOptions.value)
+                        }, null, 8, ["modelValue", "field", "query"]),
+                        unref(path) !== "/pengawas/progresses" ? (openBlock(), createBlock(unref(OfficeRelation), {
+                          key: 0,
+                          modelValue: unref(values),
+                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => isRef(values) ? values.value = $event : null),
+                          field: unref(fields).tasks,
+                          query: taskOptions.value
+                        }, null, 8, ["modelValue", "field", "query"])) : createCommentVNode("", true)
+                      ];
+                    }),
                     _: 1
                   }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
                 ]),
@@ -3730,10 +3808,10 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressSingle_vue_vue_type_style_index_0_scoped_1a87343f_lang = "";
-const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-1a87343f"]]);
-const _hoisted_1$7 = { class: "grid gap-2 sm:grid-cols-2" };
-const _hoisted_2$7 = { class: "text-right text-fg-subdued text-sm" };
+const ProgressSingle_vue_vue_type_style_index_0_scoped_71539dd3_lang = "";
+const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-71539dd3"]]);
+const _hoisted_1$8 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2$8 = { class: "text-right text-fg-subdued text-sm" };
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "ProgressTomorrow",
   setup(__props) {
@@ -3880,7 +3958,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                       }),
-                      createElementVNode("div", _hoisted_1$7, [
+                      createElementVNode("div", _hoisted_1$8, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).startedAt = $event)
@@ -3918,7 +3996,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                               "is-loading": unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
-                            createElementVNode("div", _hoisted_2$7, toDisplayString(duration.value), 1)
+                            createElementVNode("div", _hoisted_2$8, toDisplayString(duration.value), 1)
                           ]),
                           _: 1
                         }, 16, ["modelValue"])
@@ -3981,8 +4059,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
 });
 const ProgressTomorrow_vue_vue_type_style_index_0_scoped_6cdcef51_lang = "";
 const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-6cdcef51"]]);
-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 _hoisted_1$7 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2$7 = { class: "text-right text-fg-subdued text-sm" };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "ProgressYesterday",
   setup(__props) {
@@ -4129,7 +4207,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                       }),
-                      createElementVNode("div", _hoisted_1$6, [
+                      createElementVNode("div", _hoisted_1$7, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).startedAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).startedAt = $event)
@@ -4167,7 +4245,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                               "is-loading": unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
-                            createElementVNode("div", _hoisted_2$6, toDisplayString(duration.value), 1)
+                            createElementVNode("div", _hoisted_2$7, toDisplayString(duration.value), 1)
                           ]),
                           _: 1
                         }, 16, ["modelValue"])
@@ -5642,8 +5720,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
-const _hoisted_2$5 = { class: "grid gap-4 sm:grid-cols-2" };
+const _hoisted_1$6 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$6 = { class: "grid gap-4 sm:grid-cols-2" };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "StaffSingle",
   setup(__props) {
@@ -5681,7 +5759,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$5, [
+                      createElementVNode("div", _hoisted_1$6, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).name,
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).name = $event)
@@ -5691,7 +5769,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).nik = $event)
                         }, unref(fields).nik), null, 16, ["modelValue"])
                       ]),
-                      createElementVNode("div", _hoisted_2$5, [
+                      createElementVNode("div", _hoisted_2$6, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).birthPlace,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).birthPlace = $event)
@@ -5701,13 +5779,17 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).birthDate = $event)
                         }, unref(fields).birthDate), null, 16, ["modelValue"])
                       ]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).status,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).status = $event)
+                      }, unref(fields).status), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).image,
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).image = $event)
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).image = $event)
                       }, unref(fields).image), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).note,
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).note = $event)
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).note = $event)
                       }, unref(fields).note), null, 16, ["modelValue"])
                     ]),
                     _: 1
@@ -5743,13 +5825,13 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).branch,
                         fragment: { id: 1, display: 1, name: 1 }
                       }, null, 8, ["modelValue", "field"]),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).branches,
                         fragment: { id: 1, display: 1, name: 1 }
                       }, null, 8, ["modelValue", "field"])
@@ -5768,10 +5850,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StaffSingle_vue_vue_type_style_index_0_scoped_0cf4cd99_lang = "";
-const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-0cf4cd99"]]);
-const _hoisted_1$4 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
-const _hoisted_2$4 = { class: "grid gap-4 sm:grid-cols-2" };
+const StaffSingle_vue_vue_type_style_index_0_scoped_9b47f55c_lang = "";
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-9b47f55c"]]);
+const _hoisted_1$5 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$5 = { class: "grid gap-4 sm:grid-cols-2" };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
@@ -5809,7 +5891,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$4, [
+                      createElementVNode("div", _hoisted_1$5, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).name,
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).name = $event)
@@ -5819,7 +5901,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).nik = $event)
                         }, unref(fields).nik), null, 16, ["modelValue"])
                       ]),
-                      createElementVNode("div", _hoisted_2$4, [
+                      createElementVNode("div", _hoisted_2$5, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).birthPlace,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).birthPlace = $event)
@@ -5829,13 +5911,17 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).birthDate = $event)
                         }, unref(fields).birthDate), null, 16, ["modelValue"])
                       ]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).status,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).status = $event)
+                      }, unref(fields).status), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).image,
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).image = $event)
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).image = $event)
                       }, unref(fields).image), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).note,
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).note = $event)
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).note = $event)
                       }, unref(fields).note), null, 16, ["modelValue"])
                     ]),
                     _: 1
@@ -5871,13 +5957,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).branch,
                         fragment: { id: 1, display: 1, name: 1 }
                       }, null, 8, ["modelValue", "field"]),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).branches,
                         fragment: { id: 1, display: 1, name: 1 }
                       }, null, 8, ["modelValue", "field"])
@@ -5918,8 +6004,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StaffOperasional_vue_vue_type_style_index_0_scoped_c62cf70a_lang = "";
-const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-c62cf70a"]]);
+const StaffOperasional_vue_vue_type_style_index_0_scoped_c1a371ec_lang = "";
+const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-c1a371ec"]]);
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
@@ -6024,6 +6110,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               },
               // END OPERASIONAL
               { id: "63e1734b78ae4f8388b1b313", name: "Cabang Pendidikan" },
+              { id: "64e6e0669103ea42a4f7d4d0", name: "Cabang KBM" },
               // { id: '6309c2aae64a1324b8663d96', name: 'Admin Pendidikan' },
               { id: "643f6c0bd760fc7b529d4a5d", name: "Pengelola Pengajar" },
               // Keuangan
@@ -6076,6 +6163,40 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               {
                 id: "6454a6c2d760fc7b529d4f4f",
                 name: "Karyawan Marketing Cabang"
+              },
+              // INVENTORI
+              {
+                id: "64e7f2089103ea42a4f7d512",
+                name: "Cabang Inventori"
+              },
+              {
+                id: "64e7f3629103ea42a4f7d535",
+                name: "Cabang Outlet"
+              },
+              {
+                id: "64e7f3c39103ea42a4f7d552",
+                name: "Pengadaan Inventori"
+              },
+              {
+                id: "64e7f4309103ea42a4f7d579",
+                name: "Pengawasan Pengadaan Inventori"
+              },
+              {
+                id: "64e7f46d9103ea42a4f7d596",
+                name: "Cabang Pengadaan"
+              },
+              {
+                id: "64e817419103ea42a4f7d5bd",
+                name: "Pengelola Resep"
+              },
+              {
+                id: "64e9aa869103ea42a4f7d6a9",
+                name: "Pengawas Inventori"
+              },
+              // Sentral
+              {
+                id: "650917b39103ea42a4f7e189",
+                name: "Pengelola Export"
               }
             ],
             errors: errors.value,
@@ -6354,25 +6475,21 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       };
     });
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
-    watch(
-      isNew,
-      (isNew2) => {
-        var _a2;
-        if (!isNew2)
-          return;
-        values.value.preparedAt = (/* @__PURE__ */ new Date()).toISOString();
-        values.value.submissionStaffIds = [staffId];
-        values.value.submissionStaffs = [
-          {
-            id: staffId,
-            flag: (_a2 = staff.value) == null ? void 0 : _a2.flag
-          }
-        ];
-      },
-      {
-        immediate: true
-      }
-    );
+    watch(isNew, setDefaultValues, { immediate: true });
+    async function setDefaultValues() {
+      var _a2;
+      if (!isNew.value)
+        return;
+      await PromiseUtil.wait(500);
+      const defaultValues = {
+        submissionStaffIds: [staffId],
+        submissionStaffs: [{ id: staffId, flag: (_a2 = staff.value) == null ? void 0 : _a2.flag }],
+        preparedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      values.value.submissionStaffIds = defaultValues.submissionStaffIds;
+      values.value.submissionStaffs = defaultValues.submissionStaffs;
+      values.value.preparedAt = defaultValues.preparedAt;
+    }
     const syncRaise = async () => {
       await executeOne("raiseSubmission", { submissionId: id.value });
       await syncOne();
@@ -6545,8 +6662,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionStaff_vue_vue_type_style_index_0_scoped_db426ce1_lang = "";
-const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-db426ce1"]]);
+const SubmissionStaff_vue_vue_type_style_index_0_scoped_21c19bac_lang = "";
+const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-21c19bac"]]);
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
@@ -6698,10 +6815,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 });
 const SubmissionFollowUp_vue_vue_type_style_index_0_scoped_3f0580bf_lang = "";
 const SubmissionFollowUp = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-3f0580bf"]]);
-const _hoisted_1$3 = { class: "flex flex-wrap" };
-const _hoisted_2$3 = { class: "mt-2" };
-const _hoisted_3$2 = { class: "mt-2" };
-const _hoisted_4 = { class: "mt-2" };
+const _hoisted_1$4 = { class: "flex flex-wrap" };
+const _hoisted_2$4 = { class: "mt-2" };
+const _hoisted_3$3 = { class: "mt-2" };
+const _hoisted_4$1 = { class: "mt-2" };
 const _hoisted_5 = { class: "mt-2" };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "SubmissionAudit",
@@ -6747,25 +6864,21 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       };
     });
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
-    watch(
-      isNew,
-      (isNew2) => {
-        var _a2;
-        if (!isNew2)
-          return;
-        values.value.preparedAt = (/* @__PURE__ */ new Date()).toISOString();
-        values.value.submissionStaffIds = [staffId];
-        values.value.submissionStaffs = [
-          {
-            id: staffId,
-            flag: (_a2 = staff.value) == null ? void 0 : _a2.flag
-          }
-        ];
-      },
-      {
-        immediate: true
-      }
-    );
+    watch(isNew, setDefaultValues, { immediate: true });
+    async function setDefaultValues() {
+      var _a2;
+      if (!isNew.value)
+        return;
+      await PromiseUtil.wait(500);
+      const defaultValues = {
+        submissionStaffIds: [staffId],
+        submissionStaffs: [{ id: staffId, flag: (_a2 = staff.value) == null ? void 0 : _a2.flag }],
+        preparedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      values.value.submissionStaffIds = defaultValues.submissionStaffIds;
+      values.value.submissionStaffs = defaultValues.submissionStaffs;
+      values.value.preparedAt = defaultValues.preparedAt;
+    }
     const syncResolved = async () => {
       await executeOne("resolvedSubmission", { submissionId: id.value });
       await syncOne();
@@ -6803,8 +6916,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$3, [
-                        createElementVNode("div", _hoisted_2$3, [
+                      createElementVNode("div", _hoisted_1$4, [
+                        createElementVNode("div", _hoisted_2$4, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -6824,7 +6937,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$2, [
+                        createElementVNode("div", _hoisted_3$3, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -6844,7 +6957,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_4, [
+                        createElementVNode("div", _hoisted_4$1, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -7051,11 +7164,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionAudit_vue_vue_type_style_index_0_scoped_a32c1b8b_lang = "";
-const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-a32c1b8b"]]);
-const _hoisted_1$2 = { class: "flex flex-wrap" };
-const _hoisted_2$2 = { class: "mt-2" };
-const _hoisted_3$1 = { class: "mt-2" };
+const SubmissionAudit_vue_vue_type_style_index_0_scoped_c6a38aff_lang = "";
+const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-c6a38aff"]]);
+const _hoisted_1$3 = { class: "flex flex-wrap" };
+const _hoisted_2$3 = { class: "mt-2" };
+const _hoisted_3$2 = { class: "mt-2" };
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
@@ -7100,25 +7213,21 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       };
     });
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
-    watch(
-      isNew,
-      (isNew2) => {
-        var _a2;
-        if (!isNew2)
-          return;
-        values.value.preparedAt = (/* @__PURE__ */ new Date()).toISOString();
-        values.value.submissionStaffIds = [staffId];
-        values.value.submissionStaffs = [
-          {
-            id: staffId,
-            flag: (_a2 = staff.value) == null ? void 0 : _a2.flag
-          }
-        ];
-      },
-      {
-        immediate: true
-      }
-    );
+    watch(isNew, setDefaultValues, { immediate: true });
+    async function setDefaultValues() {
+      var _a2;
+      if (!isNew.value)
+        return;
+      await PromiseUtil.wait(500);
+      const defaultValues = {
+        submissionStaffIds: [staffId],
+        submissionStaffs: [{ id: staffId, flag: (_a2 = staff.value) == null ? void 0 : _a2.flag }],
+        preparedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      values.value.submissionStaffIds = defaultValues.submissionStaffIds;
+      values.value.submissionStaffs = defaultValues.submissionStaffs;
+      values.value.preparedAt = defaultValues.preparedAt;
+    }
     const syncDelay = async () => {
       var _a2;
       await executeOne("delaySubmission", {
@@ -7156,8 +7265,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$2, [
-                        createElementVNode("div", _hoisted_2$2, [
+                      createElementVNode("div", _hoisted_1$3, [
+                        createElementVNode("div", _hoisted_2$3, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => {
                               var _a2, _b;
@@ -7180,7 +7289,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$1, [
+                        createElementVNode("div", _hoisted_3$2, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => {
                               var _a2, _b;
@@ -7370,11 +7479,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionDecision_vue_vue_type_style_index_0_scoped_71f86b97_lang = "";
-const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-71f86b97"]]);
-const _hoisted_1$1 = { class: "flex flex-wrap" };
-const _hoisted_2$1 = { class: "mt-2" };
-const _hoisted_3 = { class: "mt-2" };
+const SubmissionDecision_vue_vue_type_style_index_0_scoped_eb7ec311_lang = "";
+const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-eb7ec311"]]);
+const _hoisted_1$2 = { class: "flex flex-wrap" };
+const _hoisted_2$2 = { class: "mt-2" };
+const _hoisted_3$1 = { class: "mt-2" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
@@ -7419,25 +7528,21 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       };
     });
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
-    watch(
-      isNew,
-      (isNew2) => {
-        var _a2;
-        if (!isNew2)
-          return;
-        values.value.preparedAt = (/* @__PURE__ */ new Date()).toISOString();
-        values.value.submissionStaffIds = [staffId];
-        values.value.submissionStaffs = [
-          {
-            id: staffId,
-            flag: (_a2 = staff.value) == null ? void 0 : _a2.flag
-          }
-        ];
-      },
-      {
-        immediate: true
-      }
-    );
+    watch(isNew, setDefaultValues, { immediate: true });
+    async function setDefaultValues() {
+      var _a2;
+      if (!isNew.value)
+        return;
+      await PromiseUtil.wait(500);
+      const defaultValues = {
+        submissionStaffIds: [staffId],
+        submissionStaffs: [{ id: staffId, flag: (_a2 = staff.value) == null ? void 0 : _a2.flag }],
+        preparedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      values.value.submissionStaffIds = defaultValues.submissionStaffIds;
+      values.value.submissionStaffs = defaultValues.submissionStaffs;
+      values.value.preparedAt = defaultValues.preparedAt;
+    }
     const syncDelay = async () => {
       var _a2;
       await executeOne("delaySubmission", {
@@ -7477,8 +7582,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$1, [
-                        createElementVNode("div", _hoisted_2$1, [
+                      createElementVNode("div", _hoisted_1$2, [
+                        createElementVNode("div", _hoisted_2$2, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => {
                               var _a2, _b;
@@ -7501,7 +7606,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3, [
+                        createElementVNode("div", _hoisted_3$1, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => {
                               var _a2, _b;
@@ -7649,8 +7754,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionWaitingDecision_vue_vue_type_style_index_0_scoped_dee14451_lang = "";
-const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-dee14451"]]);
+const SubmissionWaitingDecision_vue_vue_type_style_index_0_scoped_1c4b359e_lang = "";
+const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-1c4b359e"]]);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "SubmissionSupervisor",
   setup(__props) {
@@ -8197,8 +8302,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 const TargetBranch_vue_vue_type_style_index_0_scoped_6a5a6e80_lang = "";
 const TargetBranch = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6a5a6e80"]]);
 const TaskModel = models.TaskModel;
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { key: 1 };
+const _hoisted_1$1 = { key: 0 };
+const _hoisted_2$1 = { key: 1 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{ name: "TaskWorkButton" },
   __name: "TaskWorkButton",
@@ -8289,7 +8394,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        onHandleTaskWork.value.onStartTaskWorking ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        onHandleTaskWork.value.onStartTaskWorking ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
           createVNode(unref(NeonButton), {
             "is-rounded": true,
             size: "sm",
@@ -8299,7 +8404,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             onClick: onClickHandlerStartTaskWork
           })
         ])) : createCommentVNode("", true),
-        onHandleTaskWork.value.onFinishedTaskWorking ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        onHandleTaskWork.value.onFinishedTaskWorking ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
           createVNode(unref(NeonButton), {
             "is-rounded": true,
             size: "sm",
@@ -8329,9 +8434,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1 = { class: "flex flex-wrap gap-2" };
+const _hoisted_2 = { class: "mt-2" };
+const _hoisted_3 = { class: "mt-2" };
+const _hoisted_4 = { class: "mt-2" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "TaskSingle",
   setup(__props) {
+    var _a;
     const {
       fields,
       id,
@@ -8343,12 +8453,87 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       isReady,
       isMain,
       saveOne,
-      discardChanges
+      discardChanges,
+      syncOne,
+      executeOne
     } = useSingle();
-    function onChangeDateUpdate(date) {
-      values.value.estimatedStartDate = date == null ? void 0 : date.start.toISOString();
-      values.value.estimatedEndDate = date == null ? void 0 : date.end.toISOString();
+    const { staff } = useOperasional();
+    const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
+    watch(isNew, setDefaultValues, { immediate: true });
+    async function setDefaultValues() {
+      var _a2, _b;
+      if (!isNew.value)
+        return;
+      await PromiseUtil.wait(500);
+      const defaultValues = {
+        doingAssignmentIds: [staffId],
+        doingAssignments: [{ id: staffId, flag: (_a2 = staff.value) == null ? void 0 : _a2.flag }],
+        givingAssignmentIds: [staffId],
+        giveAssignments: [{ id: staffId, flag: (_b = staff.value) == null ? void 0 : _b.flag }]
+      };
+      values.value.doingAssignmentIds = defaultValues.doingAssignmentIds;
+      values.value.doingAssignments = defaultValues.doingAssignments;
+      values.value.givingAssignmentIds = defaultValues.givingAssignmentIds;
+      values.value.giveAssignments = defaultValues.giveAssignments;
     }
+    const submissionOptions = computed(() => {
+      return {
+        filter: [
+          {
+            handle: "status",
+            operator: "in",
+            value: ["approved", "monitored"]
+          },
+          {
+            $or: [
+              {
+                handle: "followUpStaffIds",
+                operator: "in",
+                value: values.value.doingAssignmentIds
+              },
+              {
+                handle: "submissionStaffIds",
+                operator: "in",
+                value: values.value.doingAssignmentIds
+              }
+            ]
+          }
+        ]
+      };
+    });
+    const isDeleted = ref(false);
+    const syncDeleteTask = async () => {
+      const resp = await executeOne("deleteTask", {
+        taskId: id.value,
+        doingAssignmentIds: values.value.doingAssignmentIds,
+        givingAssignmentIds: values.value.givingAssignmentIds
+      });
+      const isSameName = resp.data.executeTask.output.isSameName;
+      if (isSameName === true) {
+        isDeleted.value = false;
+        window.location.href = "/personalia/tasks";
+      } else {
+        isDeleted.value = true;
+      }
+    };
+    const syncDoing = async () => {
+      await executeOne("doingTask", {
+        taskId: id.value
+      });
+      await syncOne();
+    };
+    const syncCompleted = async () => {
+      await executeOne("completedTask", {
+        taskId: id.value
+      });
+      await syncOne();
+    };
+    const syncCanceled = async () => {
+      await executeOne("canceledTask", {
+        taskId: id.value
+      });
+      await syncOne();
+    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonSingle), { class: "neu-task-single" }, {
         default: withCtx(() => [
@@ -8370,162 +8555,216 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createVNode(unref(NeonField), mergeProps({
-                        modelValue: unref(values).taskName,
-                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).taskName = $event)
-                      }, unref(fields).taskName), null, 16, ["modelValue"]),
-                      createVNode(unref(NeonFields), { md: "grid gap-4" }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).internalServiceDescription,
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).internalServiceDescription = $event)
-                          }, unref(fields).internalServiceDescription), null, 16, ["modelValue"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(unref(NeonFields), { md: "grid gap-4" }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).externalServiceDescription,
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).externalServiceDescription = $event)
-                          }, unref(fields).externalServiceDescription), null, 16, ["modelValue"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(unref(OfficeRelation), {
-                        modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
-                        field: unref(fields).branches,
-                        fragment: { id: 1, display: 1, name: 1 }
-                      }, null, 8, ["modelValue", "field"]),
-                      createVNode(unref(NeonFields), { md: "grid gap-4 sm:grid-cols-2" }, {
-                        default: withCtx(() => [
-                          createVNode(unref(OfficeRelation), {
-                            modelValue: unref(values),
-                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(values) ? values.value = $event : null),
-                            field: unref(fields).giveAssignments
-                          }, null, 8, ["modelValue", "field"]),
-                          createVNode(unref(OfficeRelation), {
-                            modelValue: unref(values),
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(values) ? values.value = $event : null),
-                            field: unref(fields).supervisingAssignments
-                          }, null, 8, ["modelValue", "field"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(unref(NeonFields), { md: "grid gap-3 sm:grid-cols-2" }, {
-                        default: withCtx(() => [
-                          createVNode(unref(OfficeRelation), {
-                            modelValue: unref(values),
-                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
-                            field: unref(fields).doingAssignments
-                          }, null, 8, ["modelValue", "field"]),
-                          createVNode(unref(OfficeRelation), {
-                            modelValue: unref(values),
-                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(values) ? values.value = $event : null),
-                            field: unref(fields).helpAssignments
-                          }, null, 8, ["modelValue", "field"])
+                      isDeleted.value == true ? (openBlock(), createBlock(unref(NeonAlert), {
+                        key: 0,
+                        icon: "circle-info",
+                        label: "Akses hapus ditahan.",
+                        description: "Tidak dapat menghapus tugas ini, karena bukan anda yang membuat tugas ini.",
+                        color: "#F7CF6D"
+                      })) : createCommentVNode("", true),
+                      createElementVNode("div", _hoisted_1, [
+                        createElementVNode("div", _hoisted_2, [
+                          unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
+                            input: withCtx(() => [
+                              createVNode(unref(NeonButton), {
+                                size: "md",
+                                color: "success",
+                                "icon-left": "check",
+                                "is-disabled": unref(isNew) || unref(isChanged),
+                                onClick: syncCompleted
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Selesai")
+                                ]),
+                                _: 1
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true)
                         ]),
-                        _: 1
-                      }),
-                      createVNode(unref(NeonFields), { md: "grid gap-4" }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NeonField), {
-                            "model-value": {
-                              start: new Date(unref(values).estimatedStartDate || ""),
-                              end: new Date(unref(values).estimatedEndDate || "")
-                            },
-                            name: "Est. Mulai - Selesai",
-                            note: "Tanggal tugas dimulai dan selesai",
-                            input: "date-range",
-                            type: "date-range",
-                            "is-alone": "",
-                            "onUpdate:modelValue": onChangeDateUpdate
-                          }, null, 8, ["model-value"])
+                        createElementVNode("div", _hoisted_3, [
+                          unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
+                            input: withCtx(() => [
+                              createVNode(unref(NeonButton), {
+                                size: "md",
+                                color: "warning",
+                                "icon-left": "check",
+                                "is-disabled": unref(isNew) || unref(isChanged),
+                                onClick: syncCanceled
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Batal")
+                                ]),
+                                _: 1
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true)
                         ]),
-                        _: 1
-                      }),
-                      createVNode(unref(NeonFields), { md: "grid gap-4 sm:grid-cols-2" }, {
+                        createElementVNode("div", _hoisted_4, [
+                          unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
+                            input: withCtx(() => [
+                              createVNode(unref(NeonButton), {
+                                size: "md",
+                                color: "info",
+                                "icon-left": "check",
+                                "is-disabled": unref(isNew) || unref(isChanged),
+                                onClick: syncDoing
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Kerjakan")
+                                ]),
+                                _: 1
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true)
+                        ])
+                      ]),
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
                         default: withCtx(() => [
                           createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).estimatedHourDoingAssignment,
-                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).estimatedHourDoingAssignment = $event)
-                          }, unref(fields).estimatedHourDoingAssignment), null, 16, ["modelValue"]),
+                            modelValue: unref(values).percentStatus,
+                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).percentStatus = $event)
+                          }, unref(fields).percentStatus, {
+                            "is-disabled": unref(values).canceledDate !== null || unref(values).completedDate !== null
+                          }), null, 16, ["modelValue", "is-disabled"]),
                           createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).estimatedHourCommunicationAssignment,
-                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).estimatedHourCommunicationAssignment = $event)
-                          }, unref(fields).estimatedHourCommunicationAssignment), null, 16, ["modelValue"])
+                            modelValue: unref(values).taskName,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).taskName = $event)
+                          }, unref(fields).taskName), null, 16, ["modelValue"])
                         ]),
                         _: 1
                       }),
-                      createVNode(unref(NeonFields), { md: "grid gap-4 sm:grid-cols-2" }, {
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).detail,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).detail = $event)
+                      }, unref(fields).detail), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
                         default: withCtx(() => [
                           createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).estimatedHourCognitiveAssignment,
-                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).estimatedHourCognitiveAssignment = $event)
-                          }, unref(fields).estimatedHourCognitiveAssignment), null, 16, ["modelValue"]),
-                          createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).estimatedHourCreativeAssignment,
-                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).estimatedHourCreativeAssignment = $event)
-                          }, unref(fields).estimatedHourCreativeAssignment), null, 16, ["modelValue"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(unref(NeonFields), { md: "grid gap-4" }, {
-                        default: withCtx(() => [
+                            modelValue: unref(values).estimatedStartDate,
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).estimatedStartDate = $event)
+                          }, unref(fields).estimatedStartDate), null, 16, ["modelValue"]),
                           createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).estimatedHourByDay,
-                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(values).estimatedHourByDay = $event)
-                          }, unref(fields).estimatedHourByDay, { "is-disabled": "" }), null, 16, ["modelValue"])
+                            modelValue: unref(values).estimatedEndDate,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).estimatedEndDate = $event)
+                          }, unref(fields).estimatedEndDate), null, 16, ["modelValue"])
                         ]),
                         _: 1
                       }),
-                      createVNode(unref(NeonFields), { md: "grid gap-4" }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).priority,
-                            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(values).priority = $event)
-                          }, unref(fields).priority), null, 16, ["modelValue"])
-                        ]),
-                        _: 1
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).estimatedHour,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).estimatedHour = $event)
+                      }, unref(fields).estimatedHour), null, 16, ["modelValue"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).doingAssignments,
+                        "is-disabled": ""
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).giveAssignments,
+                        "is-disabled": ""
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).helpAssignments
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(NeonDivider), {
+                        label: "Referensi",
+                        "is-dashed": ""
                       }),
-                      createVNode(unref(NeonFields), { md: "grid gap-4" }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).status,
-                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(values).status = $event)
-                          }, unref(fields).status, { "is-disabled": "" }), null, 16, ["modelValue"])
-                        ]),
-                        _: 1
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).submissions,
+                        query: unref(Query).define(submissionOptions.value)
+                      }, null, 8, ["modelValue", "field", "query"]),
+                      createVNode(unref(NeonDivider), {
+                        label: "Keterangan",
+                        "is-dashed": ""
                       }),
-                      createVNode(unref(NeonFields), { md: "grid gap-4 sm:grid-cols-2" }, {
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
                         default: withCtx(() => [
                           createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).estimatedRealizedAssignmentStart,
-                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => unref(values).estimatedRealizedAssignmentStart = $event)
-                          }, unref(fields).estimatedRealizedAssignmentStart), null, 16, ["modelValue"]),
+                            modelValue: unref(values).completedDate,
+                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).completedDate = $event)
+                          }, unref(fields).completedDate, { "is-disabled": "" }), null, 16, ["modelValue"]),
                           createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).estimatedRealizedAssignmentEnd,
-                            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(values).estimatedRealizedAssignmentEnd = $event)
-                          }, unref(fields).estimatedRealizedAssignmentEnd), null, 16, ["modelValue"])
+                            modelValue: unref(values).canceledDate,
+                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).canceledDate = $event)
+                          }, unref(fields).canceledDate, { "is-disabled": "" }), null, 16, ["modelValue"])
                         ]),
                         _: 1
                       }),
-                      createVNode(unref(NeonFields), { md: "grid gap-4" }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NeonField), mergeProps({
-                            modelValue: unref(values).resultAssignment,
-                            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => unref(values).resultAssignment = $event)
-                          }, unref(fields).resultAssignment), null, 16, ["modelValue"])
+                      unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 1 }, {
+                        input: withCtx(() => [
+                          createVNode(unref(NeonButton), {
+                            size: "md",
+                            color: "danger",
+                            "icon-left": "trash",
+                            "is-disabled": unref(isNew) || unref(isChanged),
+                            onClick: syncDeleteTask
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode("Hapus")
+                            ]),
+                            _: 1
+                          }, 8, ["is-disabled"])
                         ]),
                         _: 1
-                      })
+                      })) : createCommentVNode("", true)
                     ]),
                     _: 1
                   }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
                 ]),
                 _: 1
-              })
+              }),
+              !unref(isNew) ? (openBlock(), createBlock(unref(OfficeTab), {
+                key: 0,
+                handle: "progress",
+                icon: "info-circle",
+                title: "Progress"
+              }, {
+                default: withCtx(() => {
+                  var _a2;
+                  return [
+                    createVNode(unref(OfficeCollectionRelated), {
+                      definition: "neu:personalia:progress",
+                      title: "Progress",
+                      description: "Progress dari tugas ini.",
+                      query: unref(Query).define({
+                        filter: [
+                          {
+                            taskIds: unref(id)
+                          }
+                        ],
+                        sort: {
+                          handle: "startedAt",
+                          direction: "descending"
+                        }
+                      }),
+                      "is-ready": unref(isReady),
+                      columns: ["display", "startedAt", "endedAt"],
+                      sorts: ["startedAt", "createdAt", "updatedAt"],
+                      "initial-values": {
+                        taskIds: unref(id),
+                        tasks: unref(values),
+                        submissionIds: unref(values).submissionIds,
+                        submissions: unref(values).submissions,
+                        staffIds: (_a2 = unref(staff)) == null ? void 0 : _a2.id,
+                        staffs: unref(staff)
+                      },
+                      peeks: ["modal"]
+                    }, null, 8, ["query", "is-ready", "initial-values"])
+                  ];
+                }),
+                _: 1
+              })) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["use-url"])