@neutron.co.id/operasional-interfaces 1.14.7 → 1.14.8

package/build/mock/index.mjs

@@ -1,10 +1,10 @@
 import { NeonEditorPlugin } from "@neon.id/editor";
 import { NeonFieldPlugin } from "@neon.id/field";
-import { NeonField, NeonForm, NeonFields, NeonCheck, NeonFormWrapper, NeonFormPlugin } from "@neon.id/form";
+import { NeonField, NeonForm, NeonFields, NeonCheck, NeonFormPlugin } from "@neon.id/form";
 import { NeonAvatar, NeonDivider, NeonModal, NeonSheet, NeonButton, useToastStore, NeonAlert, NeonSlider, NeonSlide, NeonStat, NeonInfo, NeonCopy, registerDirectives, registerIconComponents } from "@neon.id/interfaces";
 import { OfficeCollectionTable, OfficeCollectionCalendar, OfficeTabs, OfficeTab, OfficeRelation, OfficeContent, OfficePeekSingle, OfficeCollectionQuery, OfficeCollectionOperation, OfficeCollectionRelated, NeonOfficePlugin } from "@neon.id/office";
 import { withRelation, NeonRelationSheet, NeonRelationPlugin } from "@neon.id/relation";
-import { defineComponent, ref, computed, h, watch, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, mergeProps, createCommentVNode, reactive, onMounted, onUnmounted, toRefs, inject, watchEffect, provide, nextTick, resolveDynamicComponent, normalizeProps, renderSlot, normalizeClass, createElementVNode, toDisplayString, Fragment, renderList, normalizeStyle, withKeys, withDirectives, toRef, guardReactiveProps, createTextVNode, isRef, resolveComponent, Transition, resolveDirective, toHandlers, withModifiers, pushScopeId, popScopeId, onBeforeUnmount, vShow } from "vue";
+import { defineComponent, ref, computed, h, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createBlock, unref, mergeProps, createCommentVNode, reactive, onMounted, onUnmounted, toRefs, inject, watchEffect, provide, nextTick, resolveDynamicComponent, normalizeProps, renderSlot, normalizeClass, createElementVNode, toDisplayString, Fragment, renderList, normalizeStyle, withKeys, withDirectives, toRef, guardReactiveProps, createTextVNode, isRef, Transition, resolveDirective, toHandlers, withModifiers, pushScopeId, popScopeId, onBeforeUnmount, vShow } from "vue";
 import "@neon.id/context/style.css";
 import "@neon.id/discovery/style.css";
 import "@neon.id/field/style.css";
@@ -14,13 +14,11 @@ import "@neon.id/editor/style.css";
 import "@neon.id/relation/style.css";
 import "@neon.id/display/style.css";
 import "@neon.id/video/style.css";
-import "@neon.id/fluffy/style.css";
 import "@neon.id/office/style.css";
-import "@neon.id/dampak-interfaces/style.css";
 import "@neon.id/identitas-interfaces/fluffy.css";
 import { ComponentUtil } from "@neon.id/utils/component";
 import { OfficeInterfaces } from "@neon.id/context/helpers";
-import { GraphUtil, useCollection, NeonCollection, useSingle, NeonSingle, NeonCollectionContext, usePermit, useApp } from "@neon.id/context";
+import { GraphUtil, useSingle, useCollection, NeonCollection, NeonSingle, NeonCollectionContext, usePermit, useApp } from "@neon.id/context";
 import { defineStore, storeToRefs } from "pinia";
 import { models as models$2 } from "@neutron.co.id/sentral-models";
 import { useClientHandle } from "@urql/vue";
@@ -41,7 +39,7 @@ import advancedFormat from "dayjs/esm/plugin/advancedFormat/index.js";
 import durationPlugin from "dayjs/esm/plugin/duration/index.js";
 import isoWeek from "dayjs/esm/plugin/isoWeek/index.js";
 import relativeTimePlugin from "dayjs/esm/plugin/relativeTime/index.js";
-import { useGeolocation, useIntervalFn, useThrottleFn } from "@vueuse/core";
+import { useTimeAgo, useGeolocation, useIntervalFn, useThrottleFn } from "@vueuse/core";
 import { CatatPaperPad, CatatSketchPad } from "@neon.id/edukasi-interfaces/catat";
 import { useMockModels, useMockContext } from "@neon.id/context/mock";
 import { models as models$5 } from "@neon.id/gerbang-models";
@@ -1482,12 +1480,12 @@ function cleanEscapedString(input2) {
 function startOfToday() {
   return startOfDay(Date.now());
 }
-const _hoisted_1$v = { class: "operasional-identitas" };
+const _hoisted_1$w = { class: "operasional-identitas" };
 const _hoisted_2$o = {
   key: 2,
   class: "section"
 };
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -1741,95 +1739,102 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
-        state2.value === "connect" ? (openBlock(), createBlock(unref(IdentitasConnect), {
-          key: 0,
-          user: user.value,
-          candidate: candidate.value,
-          conflict: __props.conflict,
-          "is-ready": "",
-          "is-loading": isLoading.value,
-          onChoose: onWillChoose,
-          onRegister: onWillRegister,
-          onConnect,
-          onDisconnect,
-          onBack
-        }, {
-          ready: withCtx(() => {
-            var _a;
-            return [
-              createVNode(unref(NeonField), mergeProps({
-                "model-value": (_a = user.value) == null ? void 0 : _a.defaultPassword
-              }, passwordField, {
-                "more-options": {
-                  note: `<em>Password</em> awal pengguna. Tidak berlaku apabila pengguna <strong class='text-danger'>telah mengubah <em>password</em></strong> atau <strong class='text-danger'>mendaftarkan akunnya sendiri</strong>.`
-                },
-                "is-disabled": "",
-                "is-alone": ""
-              }), null, 16, ["model-value"])
-            ];
-          }),
-          _: 1
-          /* STABLE */
-        }, 8, ["user", "candidate", "conflict", "is-loading"])) : state2.value === "register" ? (openBlock(), createBlock(unref(IdentitasAssistRegistration), {
-          key: 1,
-          "initial-values": initialRegistration.value,
-          "is-loading": isLoading.value,
-          errors: __props.errors,
-          onBack: _cache[0] || (_cache[0] = ($event) => state2.value = "connect"),
-          onSave: onRegister
-        }, {
-          default: withCtx(() => {
-            var _a;
-            return [
-              createVNode(unref(NeonField), mergeProps({
-                "model-value": (_a = profile.value) == null ? void 0 : _a.name
-              }, fullNameField, {
-                "is-disabled": "",
-                "is-alone": ""
-              }), null, 16, ["model-value"])
-            ];
-          }),
-          _: 1
-          /* STABLE */
-        }, 8, ["initial-values", "is-loading", "errors"])) : createCommentVNode("v-if", true),
-        user.value && onDelegate ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
-          createVNode(unref(NeonDivider), {
-            "is-dashed": "",
-            label: "Delegasi",
-            class: "divider"
-          }),
-          createVNode(unref(IdentitasDelegate), {
-            user: userForDelegating.value,
-            roles: __props.roles,
-            "is-loading": isLoading.value,
-            onSave: onDelegate
-          }, null, 8, ["user", "roles", "is-loading"])
-        ])) : createCommentVNode("v-if", true),
-        isChoosing.value ? (openBlock(), createBlock(unref(NeonModal), {
-          key: 3,
-          "is-active": "",
-          size: "lg",
-          onClose: _cache[2] || (_cache[2] = ($event) => isChoosing.value = false)
-        }, {
+      const _component_NeonFormWrapper = resolveComponent("NeonFormWrapper");
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+        createVNode(_component_NeonFormWrapper, null, {
           default: withCtx(() => [
-            createVNode(unref(NeonSheet), {
-              icon: "user-magnifying-glass",
-              title: "Pilih Akun",
-              label: "User",
-              "no-padding": "",
-              onClose: _cache[1] || (_cache[1] = ($event) => isChoosing.value = false)
+            state2.value === "connect" ? (openBlock(), createBlock(unref(IdentitasConnect), {
+              key: 0,
+              user: user.value,
+              candidate: candidate.value,
+              conflict: __props.conflict,
+              "is-ready": "",
+              "is-loading": isLoading.value,
+              onChoose: onWillChoose,
+              onRegister: onWillRegister,
+              onConnect,
+              onDisconnect,
+              onBack
+            }, {
+              ready: withCtx(() => {
+                var _a;
+                return [
+                  createVNode(unref(NeonField), mergeProps({
+                    "model-value": (_a = user.value) == null ? void 0 : _a.defaultPassword
+                  }, passwordField, {
+                    "more-options": {
+                      note: `<em>Password</em> awal pengguna. Tidak berlaku apabila pengguna <strong class='text-danger'>telah mengubah <em>password</em></strong> atau <strong class='text-danger'>mendaftarkan akunnya sendiri</strong>.`
+                    },
+                    "is-disabled": "",
+                    "is-alone": ""
+                  }), null, 16, ["model-value"])
+                ];
+              }),
+              _: 1
+              /* STABLE */
+            }, 8, ["user", "candidate", "conflict", "is-loading"])) : state2.value === "register" ? (openBlock(), createBlock(unref(IdentitasAssistRegistration), {
+              key: 1,
+              "initial-values": initialRegistration.value,
+              "is-loading": isLoading.value,
+              errors: __props.errors,
+              onBack: _cache[0] || (_cache[0] = ($event) => state2.value = "connect"),
+              onSave: onRegister
+            }, {
+              default: withCtx(() => {
+                var _a;
+                return [
+                  createVNode(unref(NeonField), mergeProps({
+                    "model-value": (_a = profile.value) == null ? void 0 : _a.name
+                  }, fullNameField, {
+                    "is-disabled": "",
+                    "is-alone": ""
+                  }), null, 16, ["model-value"])
+                ];
+              }),
+              _: 1
+              /* STABLE */
+            }, 8, ["initial-values", "is-loading", "errors"])) : createCommentVNode("v-if", true),
+            user.value && onDelegate ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
+              createVNode(unref(NeonDivider), {
+                "is-dashed": "",
+                label: "Delegasi",
+                class: "divider"
+              }),
+              createVNode(unref(IdentitasDelegate), {
+                user: userForDelegating.value,
+                roles: __props.roles,
+                "is-loading": isLoading.value,
+                onSave: onDelegate
+              }, null, 8, ["user", "roles", "is-loading"])
+            ])) : createCommentVNode("v-if", true),
+            isChoosing.value ? (openBlock(), createBlock(unref(NeonModal), {
+              key: 3,
+              "is-active": "",
+              size: "lg",
+              onClose: _cache[2] || (_cache[2] = ($event) => isChoosing.value = false)
             }, {
               default: withCtx(() => [
-                createVNode(unref(NeonRelationSheet))
+                createVNode(unref(NeonSheet), {
+                  icon: "user-magnifying-glass",
+                  title: "Pilih Akun",
+                  label: "User",
+                  "no-padding": "",
+                  onClose: _cache[1] || (_cache[1] = ($event) => isChoosing.value = false)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(NeonRelationSheet))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
               ]),
               _: 1
               /* STABLE */
-            })
+            })) : createCommentVNode("v-if", true)
           ]),
           _: 1
           /* STABLE */
-        })) : createCommentVNode("v-if", true)
+        })
       ]);
     };
   }
@@ -1841,7 +1846,7 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$14, [["__scopeId", "data-v-9950fd12"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$19, [["__scopeId", "data-v-0befc683"]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -11202,7 +11207,7 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   key: 0,
   class: "vc-time-header"
 };
@@ -11246,7 +11251,7 @@ const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
       }, [
         createVNode(_sfc_main$i$1, { name: "time-header" }, {
           default: withCtx(() => [
-            unref(showHeader) && unref(date) ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
+            unref(showHeader) && unref(date) ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
               createElementVNode("span", _hoisted_2$n, toDisplayString(unref(locale).formatDate(unref(date), "WWW")), 1),
               createElementVNode("span", _hoisted_3$e, toDisplayString(unref(locale).formatDate(unref(date), "MMM")), 1),
               createElementVNode("span", _hoisted_4$c, toDisplayString(unref(locale).formatDate(unref(date), "D")), 1),
@@ -11399,7 +11404,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$13 = defineComponent({
+const _sfc_main$18 = defineComponent({
   inheritAttrs: false,
   emits,
   props: propsDef,
@@ -11418,7 +11423,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_DatePickerPopover, normalizeProps(guardReactiveProps(_ctx.$attrs)), null, 16)
   ], 64)) : (openBlock(), createBlock(_component_DatePickerBase, normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)), null, 16));
 }
-const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render]]);
+const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render]]);
 dayjs.extend(durationPlugin);
 dayjs.extend(relativeTimePlugin);
 dayjs.extend(advancedFormat);
@@ -11430,7 +11435,7 @@ class DateUtil {
   }
 }
 const _withScopeId$3 = (n) => (pushScopeId("data-v-d987fdde"), n = n(), popScopeId(), n);
-const _hoisted_1$t = {
+const _hoisted_1$u = {
   key: 0,
   class: "input-loading"
 };
@@ -11444,7 +11449,7 @@ const _hoisted_2$m = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ create
 const _hoisted_3$d = [
   _hoisted_2$m
 ];
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -11481,7 +11486,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["neon-time", { "is-disabled": __props.isDisabled }])
         },
         [
-          __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$t, _hoisted_3$d)) : (openBlock(), createBlock(unref(DatePicker), mergeProps({
+          __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$u, _hoisted_3$d)) : (openBlock(), createBlock(unref(DatePicker), mergeProps({
             key: 1,
             "model-value": internalValue.value
           }, {
@@ -11503,7 +11508,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$12, [["__scopeId", "data-v-d987fdde"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$17, [["__scopeId", "data-v-d987fdde"]]);
 const useAttendanceStore = defineStore("neu:personalia:attendance", {
   state: () => ({
     isEntering: false,
@@ -11687,7 +11692,52 @@ function withOperasional() {
     store.setStaff(items[0]);
   }
 }
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$t = {
+  key: 0,
+  class: "office-single-sync"
+};
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OfficeSingleSync" },
+  __name: "OfficeSingleSync",
+  setup(__props) {
+    const { isNew, initialValues, isLoading, syncOne, refreshOne } = useSingle();
+    const syncedAt = computed(() => {
+      var _a;
+      return (_a = initialValues.value) == null ? void 0 : _a.syncedAt;
+    });
+    const syncLabel = computed(() => {
+      var _a;
+      if (!syncedAt.value) return "Never synced";
+      const time = useTimeAgo(syncedAt.value, {});
+      return `Synced ${(_a = time.value) == null ? void 0 : _a.toLowerCase()}`;
+    });
+    async function syncOneSingle() {
+      if (isNew.value) return;
+      try {
+        await syncOne();
+        await refreshOne();
+      } catch (error) {
+        console.error(error);
+      }
+    }
+    return (_ctx, _cache) => {
+      return !unref(isNew) ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
+        createVNode(unref(NeonButton), {
+          label: syncLabel.value,
+          "icon-left": "refresh",
+          size: "xs",
+          display: "outline",
+          "is-rounded": "",
+          "is-squared-mobile": "",
+          "is-loading": unref(isLoading),
+          onClick: syncOneSingle
+        }, null, 8, ["label", "is-loading"])
+      ])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+const OfficeSingleSync = /* @__PURE__ */ _export_sfc$1(_sfc_main$16, [["__scopeId", "data-v-3dbc6c7d"]]);
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   ...{ name: "AttendanceCollection" },
   __name: "AttendanceCollection",
   props: {
@@ -11740,7 +11790,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$s = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$l = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
     const {
@@ -11917,7 +11967,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$10, [["__scopeId", "data-v-68aaccaa"]]);
+const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$14, [["__scopeId", "data-v-68aaccaa"]]);
 const _hoisted_1$r = { class: "flex flex-wrap" };
 const _hoisted_2$k = { class: "mt-2" };
 const _hoisted_3$c = { class: "mt-2" };
@@ -11936,7 +11986,7 @@ const _hoisted_8$9 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9$9 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "AttendanceManager",
   setup(__props) {
     var _a;
@@ -12299,7 +12349,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["__scopeId", "data-v-d9f57fbd"]]);
+const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$13, [["__scopeId", "data-v-d9f57fbd"]]);
 const _hoisted_1$q = {
   key: 1,
   class: "flex flex-wrap"
@@ -12322,7 +12372,7 @@ const _hoisted_9$8 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_10$8 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "AttendanceStaff",
   setup(__props) {
     var _a;
@@ -12799,7 +12849,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$_, [["__scopeId", "data-v-6c44f6cf"]]);
+const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$12, [["__scopeId", "data-v-6c44f6cf"]]);
 const _hoisted_1$p = { class: "flex flex-wrap" };
 const _hoisted_2$i = { class: "mt-2" };
 const _hoisted_3$a = { class: "mt-2" };
@@ -12820,7 +12870,7 @@ const _hoisted_10$7 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_11$7 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "AttendanceSupervisor",
   setup(__props) {
     var _a;
@@ -13284,7 +13334,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$Z, [["__scopeId", "data-v-5738c075"]]);
+const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$11, [["__scopeId", "data-v-5738c075"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-04009998"), n = n(), popScopeId(), n);
 const _hoisted_1$o = { id: "view-checkIns" };
 const _hoisted_2$h = { class: "summary" };
@@ -13301,7 +13351,7 @@ const _hoisted_5$7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ create
   /* HOISTED */
 ));
 const _hoisted_6$7 = { class: "end" };
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   ...{
     name: "CheckInPresenceCollection"
   },
@@ -13691,9 +13741,9 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$Y, [["__scopeId", "data-v-04009998"]]);
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$10, [["__scopeId", "data-v-04009998"]]);
 const _hoisted_1$n = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -13796,7 +13846,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInExternal = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["__scopeId", "data-v-2b39928d"]]);
+const CheckInExternal = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["__scopeId", "data-v-2b39928d"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-8df96f5c"), n = n(), popScopeId(), n);
 const _hoisted_1$m = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
   "h4",
@@ -13816,7 +13866,7 @@ const _hoisted_2$g = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
   -1
   /* HOISTED */
 ));
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -13868,9 +13918,9 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["__scopeId", "data-v-8df96f5c"]]);
+const CheckInAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$_, [["__scopeId", "data-v-8df96f5c"]]);
 const _hoisted_1$l = { class: "buttons" };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -14316,7 +14366,7 @@ const _hoisted_2$f = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
   /* HOISTED */
 ));
 const _hoisted_3$8 = { class: "mr-2 text-sm" };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit: __emit }) {
@@ -14495,7 +14545,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInScanner = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["__scopeId", "data-v-ad596202"]]);
+const CheckInScanner = /* @__PURE__ */ _export_sfc$1(_sfc_main$Y, [["__scopeId", "data-v-ad596202"]]);
 const _hoisted_1$j = /* @__PURE__ */ createElementVNode(
   "h3",
   { align: "center" },
@@ -14503,7 +14553,7 @@ const _hoisted_1$j = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -14536,7 +14586,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$i = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "CheckInSupervisor",
   setup(__props) {
     const {
@@ -14649,8 +14699,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["__scopeId", "data-v-bbde612a"]]);
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const CheckInSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["__scopeId", "data-v-bbde612a"]]);
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...{
     name: "CheckInCollection"
   },
@@ -14669,7 +14719,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$h = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -14763,8 +14813,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["__scopeId", "data-v-8c1dffae"]]);
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const CheckInSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["__scopeId", "data-v-8c1dffae"]]);
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "PlanStaff",
   setup(__props) {
     const {
@@ -14969,8 +15019,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PlanStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["__scopeId", "data-v-4c077382"]]);
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const PlanStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["__scopeId", "data-v-4c077382"]]);
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlanCollection"
   },
@@ -14988,7 +15038,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "PlanSingle",
   setup(__props) {
     const {
@@ -15183,8 +15233,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PlanSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__scopeId", "data-v-88a3a973"]]);
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const PlanSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["__scopeId", "data-v-88a3a973"]]);
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlanTypeCollection"
   },
@@ -15202,7 +15252,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "PlanTypeSingle",
   setup(__props) {
     const {
@@ -15322,8 +15372,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PlanTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__scopeId", "data-v-add540b6"]]);
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const PlanTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["__scopeId", "data-v-add540b6"]]);
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{ name: "ProgressNoteTab" },
   __name: "ProgressNoteTab",
   setup(__props) {
@@ -15356,7 +15406,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$g = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$e = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "ProgressTomorrow",
   setup(__props) {
     var _a;
@@ -15634,7 +15684,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                   _: 1
                   /* STABLE */
                 })) : createCommentVNode("v-if", true),
-                createVNode(unref(_sfc_main$K))
+                createVNode(unref(_sfc_main$O))
               ];
             }),
             _: 1
@@ -15647,10 +15697,10 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressTomorrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__scopeId", "data-v-607d910c"]]);
+const ProgressTomorrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__scopeId", "data-v-607d910c"]]);
 const _hoisted_1$f = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$d = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "ProgressYesterday",
   setup(__props) {
     var _a;
@@ -15927,7 +15977,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                   _: 1
                   /* STABLE */
                 })) : createCommentVNode("v-if", true),
-                createVNode(unref(_sfc_main$K))
+                createVNode(unref(_sfc_main$O))
               ];
             }),
             _: 1
@@ -15940,8 +15990,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressYesterday = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__scopeId", "data-v-cc36bbaf"]]);
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const ProgressYesterday = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__scopeId", "data-v-cc36bbaf"]]);
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "ProgressNote",
   setup(__props) {
     var _a;
@@ -16047,7 +16097,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 _: 1
                 /* STABLE */
               }),
-              createVNode(unref(_sfc_main$K))
+              createVNode(unref(_sfc_main$O))
             ]),
             _: 1
             /* STABLE */
@@ -16059,8 +16109,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__scopeId", "data-v-d6b827e1"]]);
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const ProgressNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__scopeId", "data-v-d6b827e1"]]);
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{
     name: "ProgressCollection"
   },
@@ -16123,10 +16173,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__scopeId", "data-v-e8e3cd1d"]]);
+const ProgressCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-e8e3cd1d"]]);
 const _hoisted_1$e = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$c = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
     const { staff } = useOperasional();
@@ -16470,7 +16520,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                   _: 1
                   /* STABLE */
                 })) : createCommentVNode("v-if", true),
-                createVNode(unref(_sfc_main$K))
+                createVNode(unref(_sfc_main$O))
               ];
             }),
             _: 1
@@ -16483,9 +16533,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__scopeId", "data-v-9a6e2573"]]);
+const ProgressSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__scopeId", "data-v-9a6e2573"]]);
 const _hoisted_1$d = { class: "flex flex-wrap" };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{ name: "ProgressButton" },
   __name: "ProgressButton",
   setup(__props) {
@@ -16532,7 +16582,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$c = { class: "flex flex-wrap" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{ name: "ProgressNoteButton" },
   __name: "ProgressNoteButton",
   setup(__props) {
@@ -16554,7 +16604,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "ProgressAccessSupervisor",
   setup(__props) {
     const {
@@ -16617,8 +16667,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressAccessSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__scopeId", "data-v-2ca10028"]]);
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const ProgressAccessSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__scopeId", "data-v-2ca10028"]]);
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{
     name: "ProgressAccessCollection"
   },
@@ -16636,7 +16686,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "ProgressAccessSingle",
   setup(__props) {
     const {
@@ -16699,8 +16749,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressAccessSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__scopeId", "data-v-3592f7c4"]]);
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const ProgressAccessSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__scopeId", "data-v-3592f7c4"]]);
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "ResponsibilityStaff",
   setup(__props) {
     const {
@@ -16893,8 +16943,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ResponsibilityStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-89afc670"]]);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const ResponsibilityStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__scopeId", "data-v-89afc670"]]);
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "ResponsibilitySupervisor",
   setup(__props) {
     const {
@@ -17087,8 +17137,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ResponsibilitySupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__scopeId", "data-v-983b6c8a"]]);
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const ResponsibilitySupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__scopeId", "data-v-983b6c8a"]]);
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{
     name: "ResponsibilityCollection"
   },
@@ -17106,7 +17156,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "ResponsibilitySingle",
   setup(__props) {
     var _a, _b;
@@ -17345,8 +17395,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ResponsibilitySingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__scopeId", "data-v-d75da3fd"]]);
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const ResponsibilitySingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__scopeId", "data-v-d75da3fd"]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     name: "ResponsibilityTypeCollection"
   },
@@ -17364,7 +17414,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "ResponsibilityTypeSingle",
   setup(__props) {
     const {
@@ -17429,8 +17479,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-f59caf0c"]]);
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__scopeId", "data-v-f59caf0c"]]);
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SituationWork",
   setup(__props) {
     const {
@@ -17606,7 +17656,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{ name: "SituationSupportive" },
   __name: "SituationSupportive",
   setup(__props) {
@@ -17741,7 +17791,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{ name: "SituationCollection" },
   __name: "SituationCollection",
   setup(__props) {
@@ -17757,7 +17807,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SituationSingle",
   setup(__props) {
     const {
@@ -17890,7 +17940,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{ name: "SituationTypeCollection" },
   __name: "SituationTypeCollection",
   setup(__props) {
@@ -17906,7 +17956,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "SituationTypeSingle",
   setup(__props) {
     const {
@@ -17974,7 +18024,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
     const { values, saveOne, executeOne, syncOne } = useSingle();
@@ -18043,166 +18093,160 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       };
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NeonFormWrapper), null, {
-        default: withCtx(() => [
-          createVNode(unref(OperasionalIdentitas), {
-            user: unref(values).user,
-            profile: profile.value,
-            conflict: conflict.value,
-            roles: [
-              { id: "a6c43f08a59b4292e3d1357b", name: "Admin Office" },
-              { id: "641044c878ae4f8388b1d280", name: "Admin Operasional" },
-              // { id: '64101f7078ae4f8388b1d1e8', name: 'Cabang Operasional' },
-              { id: "641d357c78ae4f8388b1dbaf", name: "Manager Cabang" },
-              { id: "641d35b178ae4f8388b1dbd4", name: "SDM Cabang" },
-              { id: "6309c3c2e64a1324b8663dab", name: "Karyawan" },
-              { id: "646a42976af710fe3618af9a", name: "Pengawas Pengajuan" },
-              { id: "646a43106af710fe3618afca", name: "Pengambil Keputusan" },
-              { id: "654a0b3fb487f9f1087347aa", name: "Poin" },
-              { id: "654ad81bb487f9f1087347e7", name: "Pengelola Poin" },
-              { id: "6555a130fdd768dbbb18d717", name: "Intelijen" },
-              // OPERASIONAL
-              {
-                id: "64a686ba3fe0bb481faa0f8b",
-                name: "Pengelola SDM"
-              },
-              {
-                id: "64a687823fe0bb481faa0fba",
-                name: "Penanggungjawab Cabang"
-              },
-              {
-                id: "64a687b93fe0bb481faa0fd6",
-                name: "Pengawas SDM"
-              },
-              // {
-              //   id: '64a687ed3fe0bb481faa0ff2',
-              //   name: 'Pengelola Absensi',
-              // },
-              // END OPERASIONAL
-              { id: "64e6e0669103ea42a4f7d4d0", name: "Cabang KBM" },
-              { id: "658f68314dec264ead160077", name: "Cabang Tanya" },
-              { id: "658f68884dec264ead160078", name: "Cabang Rasionalisasi" },
-              // { id: '63e1734b78ae4f8388b1b313', name: 'Cabang Pendidikan' },
-              // Keuangan
-              // { id: '6309c39fe64a1324b8663da7', name: 'Konsumen' },
-              { id: "6454a30dd760fc7b529d4c23", name: "Karyawan FO Cabang" },
-              { id: "6454a343d760fc7b529d4c64", name: "Karyawan Kasir Cabang" },
-              { id: "6454a368d760fc7b529d4c8e", name: "karyawan Keuangan Cabang" },
-              { id: "6454a387d760fc7b529d4cb1", name: "Kasir Cabang" },
-              {
-                id: "6454a3cbd760fc7b529d4d01",
-                name: "Pengawas Pengeluaran Lain Cabang"
-              },
-              {
-                id: "6454a3f3d760fc7b529d4d2a",
-                name: "Pengawas Mutasi Lain Cabang"
-              },
-              {
-                id: "6454a414d760fc7b529d4d69",
-                name: "Pengawas Hapus Tagihan Cabang"
-              },
-              {
-                id: "6454a439d760fc7b529d4d9e",
-                name: "Pengawas Mutasi Tagihan Cabang"
-              },
-              {
-                id: "6454a39dd760fc7b529d4cd7",
-                name: "Pengawas Pengembalian Tagihan Cabang"
-              },
-              {
-                id: "6454a40ad760fc7b529d4d4d",
-                name: "Pengawas Pemasukan Tagihan Cabang"
-              },
-              {
-                id: "6454a441d760fc7b529d4db4",
-                name: "Pengawas Pengurangan Tagihan Cabang"
-              },
-              {
-                id: "6454a486d760fc7b529d4dee",
-                name: "Pengawas Penambahan Tagihan Cabang"
-              },
-              {
-                id: "6454a529d760fc7b529d4e1f",
-                name: "Pengawas Pengeluaran Komponen Cabang"
-              },
-              {
-                id: "6454a557d760fc7b529d4e44",
-                name: "Pengawas Pendapatan Lain Cabang"
-              },
-              // PEMASARAN
-              {
-                id: "6454a6c2d760fc7b529d4f4f",
-                name: "Karyawan Marketing Cabang"
-              },
-              {
-                id: "652ce8e6b487f9f108733873",
-                name: "Cabang FO"
-              },
-              {
-                id: "652ceb48b487f9f108733896",
-                name: "Cabang Pemasaran"
-              },
-              {
-                id: "652ceb79b487f9f1087338bc",
-                name: "Pengelola Penyebaran"
-              },
-              {
-                id: "652ceba2b487f9f1087338d9",
-                name: "Pengelola Publikasi"
-              },
-              // 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,
-            "on-register": onRegister,
-            "on-connect": onConnect,
-            "on-disconnect": onDisconnect,
-            "on-delegate": onDelegate,
-            onNoConflict: _cache[0] || (_cache[0] = ($event) => conflict.value = void 0)
-          }, null, 8, ["user", "profile", "conflict", "errors"])
-        ]),
-        _: 1
-        /* STABLE */
-      });
+      return openBlock(), createBlock(unref(OperasionalIdentitas), {
+        user: unref(values).user,
+        profile: profile.value,
+        conflict: conflict.value,
+        roles: [
+          { id: "a6c43f08a59b4292e3d1357b", name: "Admin Office" },
+          { id: "641044c878ae4f8388b1d280", name: "Admin Operasional" },
+          // { id: '64101f7078ae4f8388b1d1e8', name: 'Cabang Operasional' },
+          { id: "641d357c78ae4f8388b1dbaf", name: "Manager Cabang" },
+          { id: "641d35b178ae4f8388b1dbd4", name: "SDM Cabang" },
+          { id: "6309c3c2e64a1324b8663dab", name: "Karyawan" },
+          { id: "646a42976af710fe3618af9a", name: "Pengawas Pengajuan" },
+          { id: "646a43106af710fe3618afca", name: "Pengambil Keputusan" },
+          { id: "654a0b3fb487f9f1087347aa", name: "Poin" },
+          { id: "654ad81bb487f9f1087347e7", name: "Pengelola Poin" },
+          { id: "6555a130fdd768dbbb18d717", name: "Intelijen" },
+          // OPERASIONAL
+          {
+            id: "64a686ba3fe0bb481faa0f8b",
+            name: "Pengelola SDM"
+          },
+          {
+            id: "64a687823fe0bb481faa0fba",
+            name: "Penanggungjawab Cabang"
+          },
+          {
+            id: "64a687b93fe0bb481faa0fd6",
+            name: "Pengawas SDM"
+          },
+          // {
+          //   id: '64a687ed3fe0bb481faa0ff2',
+          //   name: 'Pengelola Absensi',
+          // },
+          // END OPERASIONAL
+          { id: "64e6e0669103ea42a4f7d4d0", name: "Cabang KBM" },
+          { id: "658f68314dec264ead160077", name: "Cabang Tanya" },
+          { id: "658f68884dec264ead160078", name: "Cabang Rasionalisasi" },
+          // { id: '63e1734b78ae4f8388b1b313', name: 'Cabang Pendidikan' },
+          // Keuangan
+          // { id: '6309c39fe64a1324b8663da7', name: 'Konsumen' },
+          { id: "6454a30dd760fc7b529d4c23", name: "Karyawan FO Cabang" },
+          { id: "6454a343d760fc7b529d4c64", name: "Karyawan Kasir Cabang" },
+          { id: "6454a368d760fc7b529d4c8e", name: "karyawan Keuangan Cabang" },
+          { id: "6454a387d760fc7b529d4cb1", name: "Kasir Cabang" },
+          {
+            id: "6454a3cbd760fc7b529d4d01",
+            name: "Pengawas Pengeluaran Lain Cabang"
+          },
+          {
+            id: "6454a3f3d760fc7b529d4d2a",
+            name: "Pengawas Mutasi Lain Cabang"
+          },
+          {
+            id: "6454a414d760fc7b529d4d69",
+            name: "Pengawas Hapus Tagihan Cabang"
+          },
+          {
+            id: "6454a439d760fc7b529d4d9e",
+            name: "Pengawas Mutasi Tagihan Cabang"
+          },
+          {
+            id: "6454a39dd760fc7b529d4cd7",
+            name: "Pengawas Pengembalian Tagihan Cabang"
+          },
+          {
+            id: "6454a40ad760fc7b529d4d4d",
+            name: "Pengawas Pemasukan Tagihan Cabang"
+          },
+          {
+            id: "6454a441d760fc7b529d4db4",
+            name: "Pengawas Pengurangan Tagihan Cabang"
+          },
+          {
+            id: "6454a486d760fc7b529d4dee",
+            name: "Pengawas Penambahan Tagihan Cabang"
+          },
+          {
+            id: "6454a529d760fc7b529d4e1f",
+            name: "Pengawas Pengeluaran Komponen Cabang"
+          },
+          {
+            id: "6454a557d760fc7b529d4e44",
+            name: "Pengawas Pendapatan Lain Cabang"
+          },
+          // PEMASARAN
+          {
+            id: "6454a6c2d760fc7b529d4f4f",
+            name: "Karyawan Marketing Cabang"
+          },
+          {
+            id: "652ce8e6b487f9f108733873",
+            name: "Cabang FO"
+          },
+          {
+            id: "652ceb48b487f9f108733896",
+            name: "Cabang Pemasaran"
+          },
+          {
+            id: "652ceb79b487f9f1087338bc",
+            name: "Pengelola Penyebaran"
+          },
+          {
+            id: "652ceba2b487f9f1087338d9",
+            name: "Pengelola Publikasi"
+          },
+          // 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,
+        "on-register": onRegister,
+        "on-connect": onConnect,
+        "on-disconnect": onDisconnect,
+        "on-delegate": onDelegate,
+        onNoConflict: _cache[0] || (_cache[0] = ($event) => conflict.value = void 0)
+      }, null, 8, ["user", "profile", "conflict", "errors"]);
     };
   }
 });
 const _hoisted_1$b = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$b = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
     const {
@@ -18317,7 +18361,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 title: "Identitas"
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$n)
+                  createVNode(_sfc_main$r)
                 ]),
                 _: 1
                 /* STABLE */
@@ -18432,10 +18476,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StaffOperasional = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__scopeId", "data-v-1966f9f2"]]);
+const StaffOperasional = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__scopeId", "data-v-1966f9f2"]]);
 const _hoisted_1$a = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$a = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "StaffAccess",
   setup(__props) {
     const {
@@ -18654,8 +18698,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StaffAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__scopeId", "data-v-d2de29d6"]]);
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const StaffAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__scopeId", "data-v-d2de29d6"]]);
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "StaffCollection"
   },
@@ -18675,7 +18719,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$9 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$9 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -18780,7 +18824,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 title: "Identitas"
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$n)
+                  createVNode(_sfc_main$r)
                 ]),
                 _: 1
                 /* STABLE */
@@ -18912,8 +18956,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StaffSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-6b702387"]]);
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const StaffSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__scopeId", "data-v-a08dbebb"]]);
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{ name: "SubmissionDocumentTab" },
   __name: "SubmissionDocumentTab",
   props: {
@@ -18956,7 +19000,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{ name: "SubmissionDetailTab" },
   __name: "SubmissionDetailTab",
   setup(__props) {
@@ -19018,7 +19062,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionDetailTab = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-3475270c"]]);
+const SubmissionDetailTab = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__scopeId", "data-v-3475270c"]]);
 const _hoisted_1$8 = { class: "flex items-right" };
 const _hoisted_2$8 = { class: "flex-grow" };
 const _hoisted_3$7 = { class: "ml-2 flex items-end pb-1" };
@@ -19031,10 +19075,10 @@ const _hoisted_9$6 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10$6 = { class: "flex items-right" };
 const _hoisted_11$6 = { class: "flex-grow" };
 const _hoisted_12$6 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "SubmissionStaff",
   setup(__props) {
-    var _a, _b, _c;
+    var _a, _b;
     const {
       fields,
       id,
@@ -19045,10 +19089,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       isReady,
       isMain,
       isNew,
+      refreshOne,
       syncOne,
       saveOne,
       discardChanges,
-      executeOne
+      executeOne,
+      setDefaultValues
     } = useSingle();
     const { staff } = useOperasional();
     const branchOptions = computed(() => {
@@ -19107,31 +19153,25 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         ]
       };
     });
-    const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
-    const branchIds = ((_b = staff.value) == null ? void 0 : _b.branchIds) || [];
-    const branchDisplay = ((_c = staff.value) == null ? void 0 : _c.branches) || [];
-    watch(isNew, setDefaultValues, { immediate: true });
-    async function setDefaultValues() {
-      var _a2, _b2, _c2;
-      if (!isNew.value) return;
-      await PromiseUtil.wait(500);
-      const defaultValues = {
-        submissionStaffIds: [staffId],
-        submissionStaffs: [{ id: staffId, flag: (_a2 = staff.value) == null ? void 0 : _a2.flag }],
-        branchIds: [branchIds[0]],
-        branches: [branchDisplay[0]],
-        preparedAt: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      values.value.preparedAt = defaultValues.preparedAt;
-      if ((_b2 = staff == null ? void 0 : staff.value) == null ? void 0 : _b2.id) {
-        values.value.submissionStaffIds = defaultValues.submissionStaffIds;
-        values.value.submissionStaffs = defaultValues.submissionStaffs;
-      }
-      if ((_c2 = staff == null ? void 0 : staff.value) == null ? void 0 : _c2.branchIds) {
-        values.value.branchIds = defaultValues.branchIds;
-        values.value.branches = defaultValues.branches;
-      }
-    }
+    const branchIds = ((_a = staff.value) == null ? void 0 : _a.branchIds) || [];
+    const branchDisplay = ((_b = staff.value) == null ? void 0 : _b.branches) || [];
+    console.log("staff :", staff.value);
+    watch(
+      isNew,
+      async (isNew2) => {
+        var _a2, _b2, _c;
+        if (!isNew2) return;
+        setDefaultValues({
+          submissionStaffs: [{ id: (_a2 = staff == null ? void 0 : staff.value) == null ? void 0 : _a2.id, flag: (_b2 = staff == null ? void 0 : staff.value) == null ? void 0 : _b2.flag }],
+          branches: [branchDisplay[0]]
+        });
+        await PromiseUtil.wait(1e3);
+        values.value.submissionStaffIds = ((_c = staff == null ? void 0 : staff.value) == null ? void 0 : _c.id) ? [staff.value.id] : [];
+        values.value.branchIds = [branchIds[0]];
+        values.value.preparedAt = (/* @__PURE__ */ new Date()).toISOString();
+      },
+      { immediate: true }
+    );
     const syncRaise = async () => {
       var _a2;
       await executeOne("raiseSubmission", {
@@ -19139,7 +19179,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
       });
       await syncOne();
-      window.location.href = `/pengajuan/staff-submission/${id.value}`;
+      await refreshOne();
     };
     const copyStaff = computed(() => {
       executeOne("", { submissionId: id.value });
@@ -19453,7 +19493,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               createCommentVNode(" DETAIL "),
               createVNode(unref(SubmissionDetailTab)),
               createCommentVNode(" DOKUMEN "),
-              createVNode(unref(_sfc_main$i), {
+              createVNode(unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
               }, null, 8, ["is-readonly"])
@@ -19468,7 +19508,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-6f703e0b"]]);
+const SubmissionStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-52435ad5"]]);
 const _hoisted_1$7 = { class: "flex items-right" };
 const _hoisted_2$7 = { class: "flex-grow" };
 const _hoisted_3$6 = { class: "ml-2 flex items-end pb-1" };
@@ -19481,7 +19521,7 @@ const _hoisted_9$5 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10$5 = { class: "flex items-right" };
 const _hoisted_11$5 = { class: "flex-grow" };
 const _hoisted_12$5 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
     const {
@@ -19761,7 +19801,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               createCommentVNode(" DETAIL "),
               createVNode(unref(SubmissionDetailTab)),
               createCommentVNode(" DOKUMEN "),
-              createVNode(unref(_sfc_main$i), {
+              createVNode(unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": ""
               })
@@ -19776,7 +19816,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionFollowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__scopeId", "data-v-0106c21e"]]);
+const SubmissionFollowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-0106c21e"]]);
 const _hoisted_1$6 = { class: "flex flex-wrap" };
 const _hoisted_2$6 = { class: "mt-2" };
 const _hoisted_3$5 = { class: "mt-2" };
@@ -19795,7 +19835,7 @@ const _hoisted_15$2 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_16 = { class: "flex items-right" };
 const _hoisted_17 = { class: "flex-grow" };
 const _hoisted_18 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "SubmissionAudit",
   setup(__props) {
     var _a, _b, _c;
@@ -19809,6 +19849,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       isReady,
       isMain,
       isNew,
+      refreshOne,
       syncOne,
       saveOne,
       discardChanges,
@@ -19900,17 +19941,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const syncResolved = async () => {
       await executeOne("resolvedSubmission", { submissionId: id.value });
       await syncOne();
-      window.location.href = `/pengajuan/audit-submission/${id.value}`;
+      await refreshOne();
     };
     const syncDiscontinued = async () => {
       await executeOne("discontinuedSubmission", { submissionId: id.value });
       await syncOne();
-      window.location.href = `/pengajuan/audit-submission/${id.value}`;
+      await refreshOne();
     };
     const syncMonitored = async () => {
       await executeOne("monitoredSubmission", { submissionId: id.value });
       await syncOne();
-      window.location.href = `/pengajuan/audit-submission/${id.value}`;
+      await refreshOne();
     };
     const syncProcessed = async () => {
       var _a2;
@@ -19919,7 +19960,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
       });
       await syncOne();
-      window.location.href = `/pengajuan/audit-submission/${id.value}`;
+      await refreshOne();
     };
     const syncLowered = async () => {
       var _a2;
@@ -19928,7 +19969,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
       });
       await syncOne();
-      window.location.href = `/pengajuan/audit-submission/${id.value}`;
+      await refreshOne();
     };
     const copyStaff = computed(() => {
       executeOne("", { submissionId: id.value });
@@ -20323,7 +20364,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               }),
               createVNode(unref(SubmissionDetailTab)),
               createCommentVNode(" DOKUMEN "),
-              createVNode(unref(_sfc_main$i), {
+              createVNode(unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": unref(values).status === "processed" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "prepared" || unref(values).status === "resolved"
               }, null, 8, ["is-readonly"]),
@@ -20382,7 +20423,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionAudit = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-88209980"]]);
+const SubmissionAudit = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-a0f33803"]]);
 const _hoisted_1$5 = { class: "flex flex-wrap" };
 const _hoisted_2$5 = { class: "mt-2" };
 const _hoisted_3$4 = { class: "mt-2" };
@@ -20398,7 +20439,7 @@ const _hoisted_12$3 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_13$1 = { class: "flex items-right" };
 const _hoisted_14$1 = { class: "flex-grow" };
 const _hoisted_15$1 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
     var _a, _b, _c;
@@ -20412,6 +20453,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       isReady,
       isMain,
       isNew,
+      refreshOne,
       syncOne,
       saveOne,
       discardChanges,
@@ -20506,7 +20548,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
       });
       await syncOne();
-      window.location.href = `/pengajuan/decision-submission/${id.value}`;
+      await refreshOne();
     };
     const syncApproved = async () => {
       var _a2;
@@ -20515,7 +20557,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
       });
       await syncOne();
-      window.location.href = `/pengajuan/decision-submission/${id.value}`;
+      await refreshOne();
     };
     const copyStaff = computed(() => {
       executeOne("", { submissionId: id.value });
@@ -20856,7 +20898,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               createCommentVNode(" DETAIL "),
               createVNode(unref(SubmissionDetailTab)),
               createCommentVNode(" DOKUMEN "),
-              createVNode(unref(_sfc_main$i), {
+              createVNode(unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": unref(values).status === "raised" || unref(values).status === "delay" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
               }, null, 8, ["is-readonly"]),
@@ -20915,7 +20957,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-7c1b0aea"]]);
+const SubmissionDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-be1c5adc"]]);
 const _hoisted_1$4 = { class: "flex flex-wrap" };
 const _hoisted_2$4 = { class: "mt-2" };
 const _hoisted_3$3 = { class: "mt-2" };
@@ -20931,7 +20973,7 @@ const _hoisted_12$2 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_13 = { class: "flex items-right" };
 const _hoisted_14 = { class: "flex-grow" };
 const _hoisted_15 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
     var _a, _b, _c;
@@ -21389,7 +21431,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               createCommentVNode(" DETAIL "),
               createVNode(unref(SubmissionDetailTab)),
               createCommentVNode(" DOKUMEN "),
-              createVNode(unref(_sfc_main$i), {
+              createVNode(unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": unref(values).status === "raised" || unref(values).status === "delay" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
               }, null, 8, ["is-readonly"])
@@ -21404,7 +21446,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__scopeId", "data-v-47c01aa0"]]);
+const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-47c01aa0"]]);
 const _hoisted_1$3 = { class: "flex items-right" };
 const _hoisted_2$3 = { class: "flex-grow" };
 const _hoisted_3$2 = { class: "ml-2 flex items-end pb-1" };
@@ -21417,7 +21459,7 @@ const _hoisted_9$1 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10$1 = { class: "flex items-right" };
 const _hoisted_11$1 = { class: "flex-grow" };
 const _hoisted_12$1 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "SubmissionSupervisor",
   setup(__props) {
     const {
@@ -21697,7 +21739,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               createCommentVNode(" DETAIL "),
               createVNode(unref(SubmissionDetailTab)),
               createCommentVNode(" DOKUMEN "),
-              createVNode(unref(_sfc_main$i), {
+              createVNode(unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": ""
               })
@@ -21712,8 +21754,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-30824d31"]]);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const SubmissionSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__scopeId", "data-v-30824d31"]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "SubmissionCollection"
   },
@@ -21743,7 +21785,7 @@ const _hoisted_9 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10 = { class: "flex items-right" };
 const _hoisted_11 = { class: "flex-grow" };
 const _hoisted_12 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "SubmissionSingle",
   setup(__props) {
     const {
@@ -22032,7 +22074,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               createCommentVNode(" DETAIL "),
               createVNode(unref(SubmissionDetailTab)),
               createCommentVNode(" DOKUMEN "),
-              createVNode(unref(_sfc_main$i), { toolbar: "side" })
+              createVNode(unref(_sfc_main$m), { toolbar: "side" })
             ]),
             _: 1
             /* STABLE */
@@ -22044,8 +22086,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-41554dfc"]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const SubmissionSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-41554dfc"]]);
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "SubmissionTypeCollection"
   },
@@ -22063,7 +22105,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "SubmissionTypeSingle",
   setup(__props) {
     const {
@@ -22125,8 +22167,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-e8147700"]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-e8147700"]]);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TargetBranch",
   setup(__props) {
     const {
@@ -22287,8 +22329,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TargetBranch = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-8b544d44"]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const TargetBranch = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-8b544d44"]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "TargetCollection"
   },
@@ -22306,7 +22348,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "TargetSingle",
   setup(__props) {
     const {
@@ -22467,8 +22509,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TargetSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__scopeId", "data-v-a116ccbf"]]);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const TargetSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-a116ccbf"]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "TaskWork",
   setup(__props) {
     const {
@@ -22687,7 +22729,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "TaskCollection" },
   __name: "TaskCollection",
   setup(__props) {
@@ -22707,7 +22749,7 @@ const _hoisted_1$1 = { class: "flex flex-wrap gap-2" };
 const _hoisted_2$1 = { class: "mt-2" };
 const _hoisted_3 = { class: "mt-2" };
 const _hoisted_4 = { class: "mt-2" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "TaskSingle",
   setup(__props) {
     var _a;
@@ -23065,7 +23107,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{ name: "TaskWorkButton" },
   __name: "TaskWorkButton",
   setup(__props) {
@@ -23168,74 +23210,422 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ShiftStaff",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      syncOne,
+      saveOne,
+      discardChanges,
+      executeOne
+    } = useSingle();
+    useOperasional();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-shift-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).titleShift,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).titleShift = $event)
+                      }, unref(fields).titleShift, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).expTime,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).expTime = $event)
+                      }, unref(fields).expTime, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).disciplineAt,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).disciplineAt = $event)
+                      }, unref(fields).disciplineAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).disciplineEnd,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).disciplineEnd = $event)
+                      }, unref(fields).disciplineEnd, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).picketStaff,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).picketStaff = $event)
+                      }, unref(fields).picketStaff, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).offsetTime,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).offsetTime = $event)
+                      }, unref(fields).offsetTime, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).effortTime,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).effortTime = $event)
+                      }, unref(fields).effortTime, { "is-disabled": "" }), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ShiftAdministrator",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      syncOne,
+      saveOne,
+      discardChanges,
+      executeOne
+    } = useSingle();
+    useOperasional();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-shift-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), null, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).titleShift,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).titleShift = $event)
+                      }, unref(fields).titleShift), null, 16, ["modelValue"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).branch
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).shiftingStaff
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).building
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(NeonField), mergeProps({
+                            modelValue: unref(values).expPresent,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).expPresent = $event)
+                          }, unref(fields).expPresent), null, 16, ["modelValue"]),
+                          createVNode(unref(NeonField), mergeProps({
+                            modelValue: unref(values).expPresentEnd,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).expPresentEnd = $event)
+                          }, unref(fields).expPresentEnd), null, 16, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).expTime,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).expTime = $event)
+                      }, unref(fields).expTime, { "is-disabled": "" }), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ShiftAdministrator = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-1d4147cf"]]);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ShiftCollection"
+  },
+  __name: "ShiftCollection",
+  props: {
+    expPresentField: {
+      type: String,
+      default: "expPresent"
+    },
+    endedAtField: {
+      type: String,
+      default: "endedAt"
+    },
+    period: {
+      type: Object,
+      default: () => ({
+        expPresent: /* @__PURE__ */ new Date(),
+        endedAt: /* @__PURE__ */ new Date()
+      })
+    }
+  },
+  emits: ["update:period"],
+  setup(__props, { emit: __emit }) {
+    const { resource, display, items, userQuery } = useCollection();
+    const emit = __emit;
+    function onCalendarPeriodUpdate(period) {
+      console.log("calendar", period);
+      emit("update:period", period);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OfficeTabs), null, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTab), {
+            handle: "shift",
+            icon: "circle-info",
+            title: "Kehadiran"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(NeonCollection), { class: "neu-shift-collection" }, {
+                default: withCtx(() => [
+                  unref(userQuery).display === "table" ? (openBlock(), createBlock(unref(OfficeCollectionTable), { key: 0 })) : unref(userQuery).display === "calendar" && __props.period.expPresent ? (openBlock(), createBlock(unref(OfficeCollectionCalendar), {
+                    key: 1,
+                    "default-all-day": false,
+                    views: ["month"],
+                    period: __props.period,
+                    "onUpdate:period": onCalendarPeriodUpdate
+                  }, null, 8, ["period"])) : createCommentVNode("v-if", true)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ShiftCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-4adcb9e4"]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "OfficeSingleSync" },
+  __name: "ShiftSingle",
+  setup(__props) {
+    const {
+      id,
+      fields,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isMain,
+      saveOne,
+      discardChanges,
+      executeOne,
+      syncOne
+    } = useSingle();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-shift-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), null, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).titleShift,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).titleShift = $event)
+                      }, unref(fields).titleShift), null, 16, ["modelValue"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).branch
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).shiftingStaff
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).building
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(NeonField), mergeProps({
+                            modelValue: unref(values).expPresent,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).expPresent = $event)
+                          }, unref(fields).expPresent), null, 16, ["modelValue"]),
+                          createVNode(unref(NeonField), mergeProps({
+                            modelValue: unref(values).expPresentEnd,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).expPresentEnd = $event)
+                          }, unref(fields).expPresentEnd), null, 16, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).expTime,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).expTime = $event)
+                      }, unref(fields).expTime, { "is-disabled": "" }), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ShiftSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-b175b466"]]);
 const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AttendanceCollection: _sfc_main$11,
+  AttendanceCollection: _sfc_main$15,
   AttendanceManager,
   AttendanceSingle,
   AttendanceStaff,
   AttendanceSupervisor,
   CheckInAccess,
-  CheckInCollection: _sfc_main$R,
+  CheckInCollection: _sfc_main$V,
   CheckInExternal,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$V,
-  CheckInScanSuccess: _sfc_main$T,
+  CheckInScanError: _sfc_main$Z,
+  CheckInScanSuccess: _sfc_main$X,
   CheckInScanner,
   CheckInSingle,
   CheckInSupervisor,
   NOperasional: operasional_types,
   NeonTime,
+  OfficeSingleSync,
   OperasionalIdentitas,
-  PlanCollection: _sfc_main$O,
+  PlanCollection: _sfc_main$S,
   PlanSingle,
   PlanStaff,
-  PlanTypeCollection: _sfc_main$M,
+  PlanTypeCollection: _sfc_main$Q,
   PlanTypeSingle,
-  ProgressAccessCollection: _sfc_main$B,
+  ProgressAccessCollection: _sfc_main$F,
   ProgressAccessSingle,
   ProgressAccessSupervisor,
-  ProgressButton: _sfc_main$E,
+  ProgressButton: _sfc_main$I,
   ProgressCollection,
   ProgressNote,
-  ProgressNoteButton: _sfc_main$D,
+  ProgressNoteButton: _sfc_main$H,
   ProgressSingle,
   ProgressTomorrow,
   ProgressYesterday,
-  ResponsibilityCollection: _sfc_main$x,
+  ResponsibilityCollection: _sfc_main$B,
   ResponsibilitySingle,
   ResponsibilityStaff,
   ResponsibilitySupervisor,
-  ResponsibilityTypeCollection: _sfc_main$v,
+  ResponsibilityTypeCollection: _sfc_main$z,
   ResponsibilityTypeSingle,
-  SituationCollection: _sfc_main$r,
-  SituationSingle: _sfc_main$q,
-  SituationSupportive: _sfc_main$s,
-  SituationTypeCollection: _sfc_main$p,
-  SituationTypeSingle: _sfc_main$o,
-  SituationWork: _sfc_main$t,
+  ShiftAdministrator,
+  ShiftCollection,
+  ShiftSingle,
+  ShiftStaff: _sfc_main$3,
+  SituationCollection: _sfc_main$v,
+  SituationSingle: _sfc_main$u,
+  SituationSupportive: _sfc_main$w,
+  SituationTypeCollection: _sfc_main$t,
+  SituationTypeSingle: _sfc_main$s,
+  SituationWork: _sfc_main$x,
   StaffAccess,
-  StaffCollection: _sfc_main$k,
-  StaffIdentity: _sfc_main$n,
+  StaffCollection: _sfc_main$o,
+  StaffIdentity: _sfc_main$r,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
-  SubmissionCollection: _sfc_main$a,
+  SubmissionCollection: _sfc_main$e,
   SubmissionDecision,
   SubmissionFollowUp,
   SubmissionSingle,
   SubmissionStaff,
   SubmissionSupervisor,
-  SubmissionTypeCollection: _sfc_main$8,
+  SubmissionTypeCollection: _sfc_main$c,
   SubmissionTypeSingle,
   SubmissionWaitingDecision,
   TargetBranch,
-  TargetCollection: _sfc_main$5,
+  TargetCollection: _sfc_main$9,
   TargetSingle,
-  TaskCollection: _sfc_main$2,
-  TaskSingle: _sfc_main$1,
-  TaskWork: _sfc_main$3,
-  TaskWorkButton: _sfc_main,
+  TaskCollection: _sfc_main$6,
+  TaskSingle: _sfc_main$5,
+  TaskWork: _sfc_main$7,
+  TaskWorkButton: _sfc_main$4,
   bus,
   useAttendanceStore,
   useOperasional,
@@ -23244,7 +23634,7 @@ const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
 }, Symbol.toStringTag, { value: "Module" }));
 const config = OfficeInterfaces.define({
   components: {
-    common: [],
+    common: ["OfficeSingleSync"],
     models: {
       personalia: [
         // Attendance
@@ -23288,6 +23678,11 @@ const config = OfficeInterfaces.define({
         // Responsibility Type
         "ResponsibilityTypeCollection",
         "ResponsibilityTypeSingle",
+        //Shift
+        "ShiftCollection",
+        "ShiftSingle",
+        "ShiftStaff",
+        "ShiftAdministrator",
         // Situation
         "SituationCollection",
         "SituationSingle",