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

package/build/index.cjs

@@ -203,13 +203,13 @@ class DateUtil {
   }
 }
 const _withScopeId$3 = (n) => (vue.pushScopeId("data-v-805321b9"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   key: 0,
   class: "input-loading"
 };
-const _hoisted_2$h = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.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__ */ vue.createElementVNode("div", { class: "loading placeholder-block placeholder-wave" }, null, -1));
+const _hoisted_3$9 = [
+  _hoisted_2$i
 ];
 const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "NeonTime",
@@ -245,7 +245,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["neon-time", { "is-disabled": __props.isDisabled }])
       }, [
-        __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, _hoisted_3$8)) : (vue.openBlock(), vue.createBlock(vue.unref(vCalendar.DatePicker), vue.mergeProps({
+        __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, _hoisted_3$9)) : (vue.openBlock(), vue.createBlock(vue.unref(vCalendar.DatePicker), vue.mergeProps({
           key: 1,
           "model-value": internalValue.value
         }, {
@@ -274,10 +274,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"
 };
@@ -385,8 +385,8 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$n, [
-                        vue.createElementVNode("div", _hoisted_2$g, [
+                      vue.createElementVNode("div", _hoisted_1$o, [
+                        vue.createElementVNode("div", _hoisted_2$h, [
                           vue.createVNode(vue.unref(form.NeonField), null, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -406,7 +406,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
                           })
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3$7, [
+                        vue.createElementVNode("div", _hoisted_3$8, [
                           vue.createVNode(vue.unref(form.NeonField), null, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -473,7 +473,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).submittedAt = $event)
                       }, vue.unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : vue.createCommentVNode("", true),
-                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, [
+                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$6, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).startedAt = $event)
@@ -619,8 +619,8 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
 });
 const AttendanceManager_vue_vue_type_style_index_0_scoped_643cca03_lang = "";
 const AttendanceManager = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-643cca03"]]);
-const _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__ */ vue.defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
@@ -732,7 +732,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).submittedAt = $event)
                       }, vue.unref(fields).submittedAt), null, 16, ["modelValue"]),
-                      vue.createElementVNode("div", _hoisted_1$m, [
+                      vue.createElementVNode("div", _hoisted_1$n, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).startedAt = $event)
@@ -770,7 +770,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
-                            vue.createElementVNode("div", _hoisted_2$f, vue.toDisplayString(duration.value), 1)
+                            vue.createElementVNode("div", _hoisted_2$g, vue.toDisplayString(duration.value), 1)
                           ]),
                           _: 1
                         }, 16, ["modelValue"])
@@ -792,13 +792,13 @@ const _sfc_main$_ = /* @__PURE__ */ vue.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"
 };
@@ -936,8 +936,8 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
                         description: "Untuk hari ini kamu sudah ada absensi yang diajukan, silahkan cari absensi yang telah diajukan dan ajukan kembali untuk pergantiannya.",
                         color: "#F7CF6D"
                       })) : vue.createCommentVNode("", true),
-                      !vue.unref(isNew) && conflictAtt.value == false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
-                        vue.createElementVNode("div", _hoisted_2$e, [
+                      !vue.unref(isNew) && conflictAtt.value == false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+                        vue.createElementVNode("div", _hoisted_2$f, [
                           vue.createVNode(vue.unref(form.NeonField), null, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -957,7 +957,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
                           })
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3$6, [
+                        vue.createElementVNode("div", _hoisted_3$7, [
                           vue.createVNode(vue.unref(form.NeonField), null, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -1026,7 +1026,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).submittedAt = $event)
                       }, vue.unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : vue.createCommentVNode("", true),
-                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
+                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).startedAt = $event)
@@ -1178,10 +1178,10 @@ const _sfc_main$Z = /* @__PURE__ */ vue.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"
 };
@@ -1289,8 +1289,8 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$k, [
-                        vue.createElementVNode("div", _hoisted_2$d, [
+                      vue.createElementVNode("div", _hoisted_1$l, [
+                        vue.createElementVNode("div", _hoisted_2$e, [
                           vue.createVNode(vue.unref(form.NeonField), null, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -1310,7 +1310,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                           })
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3$5, [
+                        vue.createElementVNode("div", _hoisted_3$6, [
                           vue.createVNode(vue.unref(form.NeonField), null, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -1371,7 +1371,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).submittedAt = $event)
                       }, vue.unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : vue.createCommentVNode("", true),
-                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
+                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).startedAt = $event)
@@ -1518,11 +1518,11 @@ const _sfc_main$Y = /* @__PURE__ */ vue.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 = tempatModels.models.CheckInModel;
-const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-7782d75c"), n = n(), vue.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) => (vue.pushScopeId("data-v-094d5b21"), n = n(), vue.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__ */ vue.createElementVNode("div", { class: "start" }, [
   /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, "➡️ Presensi"),
   /* @__PURE__ */ vue.createElementVNode("div", { class: "description" }, "Daftar presensi hari ini.")
@@ -1542,6 +1542,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     const { staff } = useOperasional();
     const attendanceStore = useAttendanceStore();
     const { isAsking, isScanning, isEntering, isScanError, isScanned, type } = pinia.storeToRefs(attendanceStore);
+    const { coords } = core.useGeolocation();
     const toast = interfaces.useToastStore();
     const id = vue.ref("new");
     const isCheckpoint = vue.ref(false);
@@ -1614,7 +1615,13 @@ const _sfc_main$X = /* @__PURE__ */ vue.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);
@@ -1625,9 +1632,15 @@ const _sfc_main$X = /* @__PURE__ */ vue.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;
@@ -1640,7 +1653,9 @@ const _sfc_main$X = /* @__PURE__ */ vue.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;
@@ -1685,14 +1700,14 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_CheckInSingleExternalView = vue.resolveComponent("CheckInSingleExternalView");
       const _component_CheckInCollection = vue.resolveComponent("CheckInCollection");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
         vue.createVNode(vue.unref(office.OfficeContent), {
           icon: "barcode-read",
           title: "Presensi",
           "is-expanded": ""
         }, {
           "header-detail": vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2$c, [
+            vue.createElementVNode("div", _hoisted_2$d, [
               vue.createVNode(vue.unref(interfaces.NeonSlider), {
                 "per-view": 2,
                 gap: 16,
@@ -1823,7 +1838,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_3$4, [
+            vue.createElementVNode("div", _hoisted_3$5, [
               vue.createVNode(vue.unref(context.NeonCollectionContext), {
                 definition: "neu:tempat:checkIn",
                 scope: "_checkIns",
@@ -1838,7 +1853,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                 "is-main": ""
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_4$2, [
+                  vue.createElementVNode("div", _hoisted_4$3, [
                     _hoisted_5$1,
                     vue.createElementVNode("div", _hoisted_6, [
                       vue.createVNode(vue.unref(office.OfficeCollectionQuery), { displays: ["table"] }, {
@@ -1861,9 +1876,9 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_7782d75c_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-7782d75c"]]);
-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__ */ vue.defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
@@ -1922,7 +1937,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).building,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      vue.createElementVNode("div", _hoisted_1$i, [
+                      vue.createElementVNode("div", _hoisted_1$j, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).type = $event)
@@ -1959,7 +1974,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
@@ -2026,7 +2041,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).building,
                         "is-disabled": vue.unref(values).type === "checkin" || vue.unref(values).type === "checkout" || vue.unref(values).type === "out"
                       }, null, 8, ["modelValue", "field", "is-disabled"])) : vue.createCommentVNode("", true),
-                      vue.createElementVNode("div", _hoisted_1$h, [
+                      vue.createElementVNode("div", _hoisted_1$i, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).type = $event)
@@ -2070,8 +2085,8 @@ const _sfc_main$V = /* @__PURE__ */ vue.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) => (vue.pushScopeId("data-v-d6ac1ebc"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$g = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("h4", { align: "center" }, "Aktifkan kamera untuk scan QR Code", -1));
-const _hoisted_2$b = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("p", { align: "center" }, [
+const _hoisted_1$h = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("h4", { align: "center" }, "Aktifkan kamera untuk scan QR Code", -1));
+const _hoisted_2$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("p", { align: "center" }, [
   /* @__PURE__ */ vue.createTextVNode(' Neutron Kantor membutuhkan akses ke kamera. Dengan klik "'),
   /* @__PURE__ */ vue.createElementVNode("b", null, "Saya Setuju"),
   /* @__PURE__ */ vue.createTextVNode('", kamu telah menyetujui syarat dan ketentuan yang berlaku. ')
@@ -2101,8 +2116,8 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: vue.withCtx(() => [
-              _hoisted_1$g,
-              _hoisted_2$b,
+              _hoisted_1$h,
+              _hoisted_2$c,
               vue.createVNode(vue.unref(interfaces.NeonButton), {
                 "is-full": "",
                 size: "md",
@@ -2127,7 +2142,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
@@ -2141,7 +2156,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(interfaces.NeonSheet), null, {
             footer: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_1$f, [
+              vue.createElementVNode("div", _hoisted_1$g, [
                 vue.createVNode(vue.unref(interfaces.NeonButton), {
                   "is-full": "",
                   "is-rounded": "",
@@ -2173,10 +2188,10 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _withScopeId = (n) => (vue.pushScopeId("data-v-dc535804"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$e = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "invalid-message" }, "Invalid Code!", -1));
-const _hoisted_2$a = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.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__ */ vue.createElementVNode("div", { class: "invalid-message" }, "Invalid Code!", -1));
+const _hoisted_2$b = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, null, -1));
+const _hoisted_3$4 = ["onClick"];
+const _hoisted_4$2 = { class: "mr-2 text-sm" };
 const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
@@ -2313,20 +2328,20 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                   class: "inner",
                   onClick: switchCamera
                 }, [
-                  _hoisted_1$e,
-                  _hoisted_2$a,
+                  _hoisted_1$f,
+                  _hoisted_2$b,
                   vue.createElementVNode("div", {
                     class: "button-switch",
                     onClick: vue.withModifiers(switchCamera, ["stop"])
                   }, [
-                    vue.createElementVNode("div", _hoisted_4$1, vue.toDisplayString(currentCamera.value), 1),
+                    vue.createElementVNode("div", _hoisted_4$2, vue.toDisplayString(currentCamera.value), 1),
                     vue.createVNode(vue.unref(interfaces.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 +2355,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("h3", { align: "center" }, "Presensi Berhasil!", -1);
+const _hoisted_1$e = /* @__PURE__ */ vue.createElementVNode("h3", { align: "center" }, "Presensi Berhasil!", -1);
 const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
@@ -2361,7 +2376,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: vue.withCtx(() => [
-              _hoisted_1$d
+              _hoisted_1$e
             ]),
             _: 1
           })
@@ -2388,7 +2403,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "CheckInSupervisor",
   setup(__props) {
@@ -2456,7 +2471,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).building,
                         "is-disabled": vue.unref(values).type === "checkin" || vue.unref(values).type === "checkout" || vue.unref(values).type === "out"
                       }, null, 8, ["modelValue", "field", "is-disabled"])) : vue.createCommentVNode("", true),
-                      vue.createElementVNode("div", _hoisted_1$c, [
+                      vue.createElementVNode("div", _hoisted_1$d, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).type = $event)
@@ -2499,8 +2514,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.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 +2778,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
         state.value === "connect" ? (vue.openBlock(), vue.createBlock(vue.unref(identitasInterfaces.IdentitasConnect), {
           key: 0,
           user: user.value,
@@ -2813,7 +2828,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
           }),
           _: 1
         }, 8, ["initial-values", "is-loading", "errors"])) : vue.createCommentVNode("", true),
-        user.value && onDelegate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, [
+        user.value && onDelegate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
           vue.createVNode(vue.unref(interfaces.NeonDivider), {
             "is-dashed": "",
             label: "Delegasi",
@@ -3327,7 +3342,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   ...{ name: "ProgressButton" },
   __name: "ProgressButton",
@@ -3343,7 +3358,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
       router.push("/penugasan/yesterday-progresses/new");
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
         vue.createVNode(vue.unref(interfaces.NeonButton), {
           "is-rounded": true,
           size: "sm",
@@ -3374,7 +3389,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "flex flex-wrap" };
+const _hoisted_1$a = { class: "flex flex-wrap" };
 const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressNoteButton" },
   __name: "ProgressNoteButton",
@@ -3384,7 +3399,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
       router.push("/penugasan/notes/new");
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
         vue.createVNode(vue.unref(interfaces.NeonButton), {
           "is-rounded": true,
           size: "sm",
@@ -3489,8 +3504,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
@@ -3509,32 +3524,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
       saveOne,
       discardChanges
     } = context.useSingle();
-    const responsibilityOptions = vue.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
-              }
-            ]
-          }
-        ]
-      };
-    });
+    context.usePermit();
+    const path = vueRouter.useRoute().path;
     const key = vue.ref(0);
     const diff = vue.computed(() => {
       return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
@@ -3559,19 +3550,35 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     const sekarang = DateUtil.day(/* @__PURE__ */ new Date());
     const besok = sekarang;
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
+    vue.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
+      }
+    );
     vue.watch(isNew, setDefaultValues, { immediate: true });
     async function setDefaultValues() {
-      var _a2;
       if (!isNew.value)
         return;
       await promise.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 = vue.computed(() => {
       return {
@@ -3589,6 +3596,46 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
         ]
       };
     });
+    const taskOptions = vue.computed(() => {
+      var _a2, _b;
+      return query.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 vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-progress-single" }, {
         default: vue.withCtx(() => [
@@ -3609,112 +3656,145 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                     onCancel: vue.unref(discardChanges),
                     onSubmit: vue.unref(saveOne)
                   }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
-                        default: vue.withCtx(() => [
-                          (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
-                            key: key.value,
-                            "model-value": vue.unref(values).startedAt
+                    default: vue.withCtx(() => {
+                      var _a2, _b;
+                      return [
+                        vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                          default: vue.withCtx(() => [
+                            (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                              key: key.value,
+                              "model-value": vue.unref(values).startedAt
+                            }, {
+                              handle: "startedAt",
+                              name: "Tanggal",
+                              type: "date",
+                              input: "date2",
+                              options: {
+                                note: "Tanggal progress."
+                              }
+                            }, { "onUpdate:modelValue": onStartedAtUpdate }), null, 16, ["model-value"])),
+                            vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                              modelValue: vue.unref(values).detail,
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).detail = $event)
+                            }, vue.unref(fields).detail), null, 16, ["modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        vue.createElementVNode("div", _hoisted_1$9, [
+                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                            modelValue: vue.unref(values).startedAt,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.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: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(NeonTime), {
+                                modelValue: vue.unref(values).startedAt,
+                                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).startedAt = $event),
+                                "is-loading": vue.unref(isLoading),
+                                class: "mt-2"
+                              }, null, 8, ["modelValue", "is-loading"])
+                            ]),
+                            _: 1
+                          }, 16, ["modelValue"]),
                           vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).detail,
-                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).detail = $event)
-                          }, vue.unref(fields).detail), null, 16, ["modelValue"])
+                            modelValue: vue.unref(values).endedAt,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).endedAt = $event)
+                          }, {
+                            handle: "endedAt",
+                            name: "Selesai",
+                            options: {
+                              note: "Jam selesai."
+                            }
+                          }), {
+                            input: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(NeonTime), {
+                                modelValue: vue.unref(values).endedAt,
+                                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).endedAt = $event),
+                                "is-loading": vue.unref(isLoading),
+                                class: "mt-2"
+                              }, null, 8, ["modelValue", "is-loading"]),
+                              vue.createElementVNode("div", _hoisted_2$9, vue.toDisplayString(duration.value), 1)
+                            ]),
+                            _: 1
+                          }, 16, ["modelValue"])
                         ]),
-                        _: 1
-                      }),
-                      vue.createElementVNode("div", _hoisted_1$8, [
+                        vue.createVNode(vue.unref(office.OfficeRelation), {
+                          modelValue: vue.unref(values),
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                          field: vue.unref(fields).staffs
+                        }, null, 8, ["modelValue", "field"]),
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).startedAt,
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).startedAt = $event)
-                        }, {
-                          handle: "startedAt",
-                          name: "Mulai",
-                          options: {
-                            note: "Jam mulai."
-                          }
-                        }), {
+                          modelValue: vue.unref(values).isNotes,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).isNotes = $event)
+                        }, vue.unref(fields).isNotes), {
                           input: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).startedAt,
-                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).startedAt = $event),
-                              "is-loading": vue.unref(isLoading),
+                            vue.createVNode(vue.unref(form.NeonCheck), {
+                              modelValue: vue.unref(values).isNotes,
+                              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).isNotes = $event),
+                              label: "Catatan",
                               class: "mt-2"
-                            }, null, 8, ["modelValue", "is-loading"])
+                            }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }, 16, ["modelValue"]),
-                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                          modelValue: vue.unref(values).endedAt,
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).endedAt = $event)
-                        }, {
-                          handle: "endedAt",
-                          name: "Selesai",
-                          options: {
-                            note: "Jam selesai."
-                          }
-                        }), {
-                          input: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(NeonTime), {
-                              modelValue: vue.unref(values).endedAt,
-                              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).endedAt = $event),
-                              "is-loading": vue.unref(isLoading),
-                              class: "mt-2"
-                            }, null, 8, ["modelValue", "is-loading"]),
-                            vue.createElementVNode("div", _hoisted_2$8, vue.toDisplayString(duration.value), 1)
-                          ]),
-                          _: 1
-                        }, 16, ["modelValue"])
-                      ]),
-                      vue.createVNode(vue.unref(office.OfficeRelation), {
-                        modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                        field: vue.unref(fields).staffs
-                      }, null, 8, ["modelValue", "field"]),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).isNotes,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).isNotes = $event)
-                      }, vue.unref(fields).isNotes), {
-                        input: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(form.NeonCheck), {
-                            modelValue: vue.unref(values).isNotes,
-                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).isNotes = $event),
-                            label: "Catatan",
-                            class: "mt-2"
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      }, 16, ["modelValue"]),
-                      vue.createVNode(vue.unref(office.OfficeRelation), {
-                        modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                        field: vue.unref(fields).accessStaffs
-                      }, null, 8, ["modelValue", "field"]),
-                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
-                        "is-dashed": "",
-                        label: "Referensi"
-                      }),
-                      vue.createVNode(vue.unref(office.OfficeRelation), {
-                        modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                        field: vue.unref(fields).responsibilities,
-                        query: vue.unref(query.Query).define(responsibilityOptions.value)
-                      }, null, 8, ["modelValue", "field", "query"]),
-                      vue.createVNode(vue.unref(office.OfficeRelation), {
-                        modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                        field: vue.unref(fields).submissions,
-                        query: vue.unref(query.Query).define(submissionOptions.value)
-                      }, null, 8, ["modelValue", "field", "query"])
-                    ]),
+                        vue.createVNode(vue.unref(office.OfficeRelation), {
+                          modelValue: vue.unref(values),
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                          field: vue.unref(fields).accessStaffs
+                        }, null, 8, ["modelValue", "field"]),
+                        vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                          "is-dashed": "",
+                          label: "Referensi"
+                        }),
+                        vue.createVNode(vue.unref(office.OfficeRelation), {
+                          modelValue: vue.unref(values),
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                          field: vue.unref(fields).responsibilities,
+                          query: vue.unref(query.Query).define({
+                            filter: [
+                              {
+                                handle: "condition",
+                                operator: "eq",
+                                value: "active"
+                              },
+                              {
+                                $or: [
+                                  {
+                                    handle: "staffWorkIds",
+                                    operator: "in",
+                                    value: (_a2 = vue.unref(staff)) == null ? void 0 : _a2.id
+                                  },
+                                  {
+                                    handle: "staffSuperviseIds",
+                                    operator: "in",
+                                    value: (_b = vue.unref(staff)) == null ? void 0 : _b.id
+                                  }
+                                ]
+                              }
+                            ],
+                            sort: [{ handle: "title", direction: "ascending" }]
+                          })
+                        }, null, 8, ["modelValue", "field", "query"]),
+                        vue.createVNode(vue.unref(office.OfficeRelation), {
+                          modelValue: vue.unref(values),
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                          field: vue.unref(fields).submissions,
+                          query: vue.unref(query.Query).define(submissionOptions.value)
+                        }, null, 8, ["modelValue", "field", "query"]),
+                        vue.unref(path) !== "/pengawas/progresses" ? (vue.openBlock(), vue.createBlock(vue.unref(office.OfficeRelation), {
+                          key: 0,
+                          modelValue: vue.unref(values),
+                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                          field: vue.unref(fields).tasks,
+                          query: taskOptions.value
+                        }, null, 8, ["modelValue", "field", "query"])) : vue.createCommentVNode("", true)
+                      ];
+                    }),
                     _: 1
                   }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
                 ]),
@@ -3730,10 +3810,10 @@ const _sfc_main$E = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "ProgressTomorrow",
   setup(__props) {
@@ -3880,7 +3960,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                         ]),
                         _: 1
                       }),
-                      vue.createElementVNode("div", _hoisted_1$7, [
+                      vue.createElementVNode("div", _hoisted_1$8, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).startedAt = $event)
@@ -3918,7 +3998,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
-                            vue.createElementVNode("div", _hoisted_2$7, vue.toDisplayString(duration.value), 1)
+                            vue.createElementVNode("div", _hoisted_2$8, vue.toDisplayString(duration.value), 1)
                           ]),
                           _: 1
                         }, 16, ["modelValue"])
@@ -3981,8 +4061,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "ProgressYesterday",
   setup(__props) {
@@ -4129,7 +4209,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                         ]),
                         _: 1
                       }),
-                      vue.createElementVNode("div", _hoisted_1$6, [
+                      vue.createElementVNode("div", _hoisted_1$7, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).startedAt = $event)
@@ -4167,7 +4247,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                               "is-loading": vue.unref(isLoading),
                               class: "mt-2"
                             }, null, 8, ["modelValue", "is-loading"]),
-                            vue.createElementVNode("div", _hoisted_2$6, vue.toDisplayString(duration.value), 1)
+                            vue.createElementVNode("div", _hoisted_2$7, vue.toDisplayString(duration.value), 1)
                           ]),
                           _: 1
                         }, 16, ["modelValue"])
@@ -5642,8 +5722,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "StaffSingle",
   setup(__props) {
@@ -5681,7 +5761,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$5, [
+                      vue.createElementVNode("div", _hoisted_1$6, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).name,
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).name = $event)
@@ -5691,7 +5771,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nik = $event)
                         }, vue.unref(fields).nik), null, 16, ["modelValue"])
                       ]),
-                      vue.createElementVNode("div", _hoisted_2$5, [
+                      vue.createElementVNode("div", _hoisted_2$6, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).birthPlace,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).birthPlace = $event)
@@ -5701,13 +5781,17 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).birthDate = $event)
                         }, vue.unref(fields).birthDate), null, 16, ["modelValue"])
                       ]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).status,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).status = $event)
+                      }, vue.unref(fields).status), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).image,
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).image = $event)
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).image = $event)
                       }, vue.unref(fields).image), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).note,
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).note = $event)
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).note = $event)
                       }, vue.unref(fields).note), null, 16, ["modelValue"])
                     ]),
                     _: 1
@@ -5743,13 +5827,13 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).branch,
                         fragment: { id: 1, display: 1, name: 1 }
                       }, null, 8, ["modelValue", "field"]),
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).branches,
                         fragment: { id: 1, display: 1, name: 1 }
                       }, null, 8, ["modelValue", "field"])
@@ -5768,10 +5852,10 @@ const _sfc_main$k = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
@@ -5809,7 +5893,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$4, [
+                      vue.createElementVNode("div", _hoisted_1$5, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).name,
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).name = $event)
@@ -5819,7 +5903,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nik = $event)
                         }, vue.unref(fields).nik), null, 16, ["modelValue"])
                       ]),
-                      vue.createElementVNode("div", _hoisted_2$4, [
+                      vue.createElementVNode("div", _hoisted_2$5, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).birthPlace,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).birthPlace = $event)
@@ -5829,13 +5913,17 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).birthDate = $event)
                         }, vue.unref(fields).birthDate), null, 16, ["modelValue"])
                       ]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).status,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).status = $event)
+                      }, vue.unref(fields).status), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).image,
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).image = $event)
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).image = $event)
                       }, vue.unref(fields).image), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).note,
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).note = $event)
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).note = $event)
                       }, vue.unref(fields).note), null, 16, ["modelValue"])
                     ]),
                     _: 1
@@ -5871,13 +5959,13 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).branch,
                         fragment: { id: 1, display: 1, name: 1 }
                       }, null, 8, ["modelValue", "field"]),
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).branches,
                         fragment: { id: 1, display: 1, name: 1 }
                       }, null, 8, ["modelValue", "field"])
@@ -5918,8 +6006,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
@@ -6024,6 +6112,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.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,7 +6165,41 @@ const _sfc_main$i = /* @__PURE__ */ vue.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,
             "on-choose": onChoose,
@@ -6354,25 +6477,21 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       };
     });
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
-    vue.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
-      }
-    );
+    vue.watch(isNew, setDefaultValues, { immediate: true });
+    async function setDefaultValues() {
+      var _a2;
+      if (!isNew.value)
+        return;
+      await promise.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 +6664,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
@@ -6698,10 +6817,10 @@ const _sfc_main$d = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "SubmissionAudit",
@@ -6747,25 +6866,21 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       };
     });
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
-    vue.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
-      }
-    );
+    vue.watch(isNew, setDefaultValues, { immediate: true });
+    async function setDefaultValues() {
+      var _a2;
+      if (!isNew.value)
+        return;
+      await promise.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 +6918,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$3, [
-                        vue.createElementVNode("div", _hoisted_2$3, [
+                      vue.createElementVNode("div", _hoisted_1$4, [
+                        vue.createElementVNode("div", _hoisted_2$4, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -6824,7 +6939,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3$2, [
+                        vue.createElementVNode("div", _hoisted_3$3, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -6844,7 +6959,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_4, [
+                        vue.createElementVNode("div", _hoisted_4$1, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -7051,11 +7166,11 @@ const _sfc_main$c = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
@@ -7100,25 +7215,21 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       };
     });
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
-    vue.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
-      }
-    );
+    vue.watch(isNew, setDefaultValues, { immediate: true });
+    async function setDefaultValues() {
+      var _a2;
+      if (!isNew.value)
+        return;
+      await promise.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 +7267,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$2, [
-                        vue.createElementVNode("div", _hoisted_2$2, [
+                      vue.createElementVNode("div", _hoisted_1$3, [
+                        vue.createElementVNode("div", _hoisted_2$3, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -7180,7 +7291,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3$1, [
+                        vue.createElementVNode("div", _hoisted_3$2, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -7370,11 +7481,11 @@ const _sfc_main$b = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
@@ -7419,25 +7530,21 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       };
     });
     const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
-    vue.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
-      }
-    );
+    vue.watch(isNew, setDefaultValues, { immediate: true });
+    async function setDefaultValues() {
+      var _a2;
+      if (!isNew.value)
+        return;
+      await promise.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 +7584,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$1, [
-                        vue.createElementVNode("div", _hoisted_2$1, [
+                      vue.createElementVNode("div", _hoisted_1$2, [
+                        vue.createElementVNode("div", _hoisted_2$2, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -7501,7 +7608,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3, [
+                        vue.createElementVNode("div", _hoisted_3$1, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -7649,8 +7756,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "SubmissionSupervisor",
   setup(__props) {
@@ -8197,8 +8304,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.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 = personaliaModels.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__ */ vue.defineComponent({
   ...{ name: "TaskWorkButton" },
   __name: "TaskWorkButton",
@@ -8289,7 +8396,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        onHandleTaskWork.value.onStartTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        onHandleTaskWork.value.onStartTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
           vue.createVNode(vue.unref(interfaces.NeonButton), {
             "is-rounded": true,
             size: "sm",
@@ -8299,7 +8406,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             onClick: onClickHandlerStartTaskWork
           })
         ])) : vue.createCommentVNode("", true),
-        onHandleTaskWork.value.onFinishedTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+        onHandleTaskWork.value.onFinishedTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
           vue.createVNode(vue.unref(interfaces.NeonButton), {
             "is-rounded": true,
             size: "sm",
@@ -8329,9 +8436,14 @@ const _sfc_main$2 = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "TaskSingle",
   setup(__props) {
+    var _a;
     const {
       fields,
       id,
@@ -8343,12 +8455,87 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       isReady,
       isMain,
       saveOne,
-      discardChanges
+      discardChanges,
+      syncOne,
+      executeOne
     } = context.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) || "";
+    vue.watch(isNew, setDefaultValues, { immediate: true });
+    async function setDefaultValues() {
+      var _a2, _b;
+      if (!isNew.value)
+        return;
+      await promise.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 = vue.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 = vue.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 vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-task-single" }, {
         default: vue.withCtx(() => [
@@ -8370,162 +8557,216 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).taskName,
-                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).taskName = $event)
-                      }, vue.unref(fields).taskName), null, 16, ["modelValue"]),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4" }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).internalServiceDescription,
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).internalServiceDescription = $event)
-                          }, vue.unref(fields).internalServiceDescription), null, 16, ["modelValue"])
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4" }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).externalServiceDescription,
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).externalServiceDescription = $event)
-                          }, vue.unref(fields).externalServiceDescription), null, 16, ["modelValue"])
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(office.OfficeRelation), {
-                        modelValue: vue.unref(values),
-                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                        field: vue.unref(fields).branches,
-                        fragment: { id: 1, display: 1, name: 1 }
-                      }, null, 8, ["modelValue", "field"]),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4 sm:grid-cols-2" }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(office.OfficeRelation), {
-                            modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                            field: vue.unref(fields).giveAssignments
-                          }, null, 8, ["modelValue", "field"]),
-                          vue.createVNode(vue.unref(office.OfficeRelation), {
-                            modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                            field: vue.unref(fields).supervisingAssignments
-                          }, null, 8, ["modelValue", "field"])
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-3 sm:grid-cols-2" }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(office.OfficeRelation), {
-                            modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                            field: vue.unref(fields).doingAssignments
-                          }, null, 8, ["modelValue", "field"]),
-                          vue.createVNode(vue.unref(office.OfficeRelation), {
-                            modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                            field: vue.unref(fields).helpAssignments
-                          }, null, 8, ["modelValue", "field"])
+                      isDeleted.value == true ? (vue.openBlock(), vue.createBlock(vue.unref(interfaces.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"
+                      })) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("div", _hoisted_1, [
+                        vue.createElementVNode("div", _hoisted_2, [
+                          vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
+                            input: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(interfaces.NeonButton), {
+                                size: "md",
+                                color: "success",
+                                "icon-left": "check",
+                                "is-disabled": vue.unref(isNew) || vue.unref(isChanged),
+                                onClick: syncCompleted
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("Selesai")
+                                ]),
+                                _: 1
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true)
                         ]),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4" }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(form.NeonField), {
-                            "model-value": {
-                              start: new Date(vue.unref(values).estimatedStartDate || ""),
-                              end: new Date(vue.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"])
+                        vue.createElementVNode("div", _hoisted_3, [
+                          vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
+                            input: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(interfaces.NeonButton), {
+                                size: "md",
+                                color: "warning",
+                                "icon-left": "check",
+                                "is-disabled": vue.unref(isNew) || vue.unref(isChanged),
+                                onClick: syncCanceled
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("Batal")
+                                ]),
+                                _: 1
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true)
                         ]),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4 sm:grid-cols-2" }, {
+                        vue.createElementVNode("div", _hoisted_4, [
+                          vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
+                            input: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(interfaces.NeonButton), {
+                                size: "md",
+                                color: "info",
+                                "icon-left": "check",
+                                "is-disabled": vue.unref(isNew) || vue.unref(isChanged),
+                                onClick: syncDoing
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("Kerjakan")
+                                ]),
+                                _: 1
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true)
+                        ])
+                      ]),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).estimatedHourDoingAssignment,
-                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).estimatedHourDoingAssignment = $event)
-                          }, vue.unref(fields).estimatedHourDoingAssignment), null, 16, ["modelValue"]),
+                            modelValue: vue.unref(values).percentStatus,
+                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).percentStatus = $event)
+                          }, vue.unref(fields).percentStatus, {
+                            "is-disabled": vue.unref(values).canceledDate !== null || vue.unref(values).completedDate !== null
+                          }), null, 16, ["modelValue", "is-disabled"]),
                           vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).estimatedHourCommunicationAssignment,
-                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).estimatedHourCommunicationAssignment = $event)
-                          }, vue.unref(fields).estimatedHourCommunicationAssignment), null, 16, ["modelValue"])
+                            modelValue: vue.unref(values).taskName,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).taskName = $event)
+                          }, vue.unref(fields).taskName), null, 16, ["modelValue"])
                         ]),
                         _: 1
                       }),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4 sm:grid-cols-2" }, {
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).detail,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).detail = $event)
+                      }, vue.unref(fields).detail), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).estimatedHourCognitiveAssignment,
-                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).estimatedHourCognitiveAssignment = $event)
-                          }, vue.unref(fields).estimatedHourCognitiveAssignment), null, 16, ["modelValue"]),
-                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).estimatedHourCreativeAssignment,
-                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).estimatedHourCreativeAssignment = $event)
-                          }, vue.unref(fields).estimatedHourCreativeAssignment), null, 16, ["modelValue"])
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4" }, {
-                        default: vue.withCtx(() => [
+                            modelValue: vue.unref(values).estimatedStartDate,
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).estimatedStartDate = $event)
+                          }, vue.unref(fields).estimatedStartDate), null, 16, ["modelValue"]),
                           vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).estimatedHourByDay,
-                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).estimatedHourByDay = $event)
-                          }, vue.unref(fields).estimatedHourByDay, { "is-disabled": "" }), null, 16, ["modelValue"])
+                            modelValue: vue.unref(values).estimatedEndDate,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).estimatedEndDate = $event)
+                          }, vue.unref(fields).estimatedEndDate), null, 16, ["modelValue"])
                         ]),
                         _: 1
                       }),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4" }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).priority,
-                            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(values).priority = $event)
-                          }, vue.unref(fields).priority), null, 16, ["modelValue"])
-                        ]),
-                        _: 1
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).estimatedHour,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).estimatedHour = $event)
+                      }, vue.unref(fields).estimatedHour), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).doingAssignments,
+                        "is-disabled": ""
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).giveAssignments,
+                        "is-disabled": ""
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).helpAssignments
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        label: "Referensi",
+                        "is-dashed": ""
                       }),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4" }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).status,
-                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(values).status = $event)
-                          }, vue.unref(fields).status, { "is-disabled": "" }), null, 16, ["modelValue"])
-                        ]),
-                        _: 1
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).submissions,
+                        query: vue.unref(query.Query).define(submissionOptions.value)
+                      }, null, 8, ["modelValue", "field", "query"]),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        label: "Keterangan",
+                        "is-dashed": ""
                       }),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4 sm:grid-cols-2" }, {
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).estimatedRealizedAssignmentStart,
-                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(values).estimatedRealizedAssignmentStart = $event)
-                          }, vue.unref(fields).estimatedRealizedAssignmentStart), null, 16, ["modelValue"]),
+                            modelValue: vue.unref(values).completedDate,
+                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).completedDate = $event)
+                          }, vue.unref(fields).completedDate, { "is-disabled": "" }), null, 16, ["modelValue"]),
                           vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).estimatedRealizedAssignmentEnd,
-                            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(values).estimatedRealizedAssignmentEnd = $event)
-                          }, vue.unref(fields).estimatedRealizedAssignmentEnd), null, 16, ["modelValue"])
+                            modelValue: vue.unref(values).canceledDate,
+                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).canceledDate = $event)
+                          }, vue.unref(fields).canceledDate, { "is-disabled": "" }), null, 16, ["modelValue"])
                         ]),
                         _: 1
                       }),
-                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid gap-4" }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                            modelValue: vue.unref(values).resultAssignment,
-                            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.unref(values).resultAssignment = $event)
-                          }, vue.unref(fields).resultAssignment), null, 16, ["modelValue"])
+                      vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 1 }, {
+                        input: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(interfaces.NeonButton), {
+                            size: "md",
+                            color: "danger",
+                            "icon-left": "trash",
+                            "is-disabled": vue.unref(isNew) || vue.unref(isChanged),
+                            onClick: syncDeleteTask
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("Hapus")
+                            ]),
+                            _: 1
+                          }, 8, ["is-disabled"])
                         ]),
                         _: 1
-                      })
+                      })) : vue.createCommentVNode("", true)
                     ]),
                     _: 1
                   }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
                 ]),
                 _: 1
-              })
+              }),
+              !vue.unref(isNew) ? (vue.openBlock(), vue.createBlock(vue.unref(office.OfficeTab), {
+                key: 0,
+                handle: "progress",
+                icon: "info-circle",
+                title: "Progress"
+              }, {
+                default: vue.withCtx(() => {
+                  var _a2;
+                  return [
+                    vue.createVNode(vue.unref(office.OfficeCollectionRelated), {
+                      definition: "neu:personalia:progress",
+                      title: "Progress",
+                      description: "Progress dari tugas ini.",
+                      query: vue.unref(query.Query).define({
+                        filter: [
+                          {
+                            taskIds: vue.unref(id)
+                          }
+                        ],
+                        sort: {
+                          handle: "startedAt",
+                          direction: "descending"
+                        }
+                      }),
+                      "is-ready": vue.unref(isReady),
+                      columns: ["display", "startedAt", "endedAt"],
+                      sorts: ["startedAt", "createdAt", "updatedAt"],
+                      "initial-values": {
+                        taskIds: vue.unref(id),
+                        tasks: vue.unref(values),
+                        submissionIds: vue.unref(values).submissionIds,
+                        submissions: vue.unref(values).submissions,
+                        staffIds: (_a2 = vue.unref(staff)) == null ? void 0 : _a2.id,
+                        staffs: vue.unref(staff)
+                      },
+                      peeks: ["modal"]
+                    }, null, 8, ["query", "is-ready", "initial-values"])
+                  ];
+                }),
+                _: 1
+              })) : vue.createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["use-url"])