@neutron.co.id/operasional-interfaces 1.11.3 → 1.11.5

package/build/index.cjs

@@ -24,7 +24,7 @@ const relation = require("@neon.id/relation");
 const code = require("@neon.id/utils/code");
 const catatInterfaces = require("@neon.id/catat-interfaces");
 const AttendanceModel = personaliaModels.models.AttendanceModel;
-const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "AttendanceCollection"
   },
@@ -8356,7 +8356,7 @@ const _hoisted_3$a = {
 };
 const _hoisted_4$7 = { class: "vc-time-weekday" };
 const _hoisted_5$5 = { class: "vc-time-month" };
-const _hoisted_6$4 = { class: "vc-time-day" };
+const _hoisted_6$5 = { class: "vc-time-day" };
 const _hoisted_7$3 = { class: "vc-time-year" };
 const _hoisted_8$3 = { class: "vc-time-select" };
 const _hoisted_9$3 = /* @__PURE__ */ vue.createElementVNode("span", { style: { "margin": "0 4px" } }, ":", -1);
@@ -8374,7 +8374,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       $options.date ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$a, [
         vue.createElementVNode("span", _hoisted_4$7, vue.toDisplayString($props.locale.format($options.date, "WWW")), 1),
         vue.createElementVNode("span", _hoisted_5$5, vue.toDisplayString($props.locale.format($options.date, "MMM")), 1),
-        vue.createElementVNode("span", _hoisted_6$4, vue.toDisplayString($props.locale.format($options.date, "D")), 1),
+        vue.createElementVNode("span", _hoisted_6$5, vue.toDisplayString($props.locale.format($options.date, "D")), 1),
         vue.createElementVNode("span", _hoisted_7$3, vue.toDisplayString($props.locale.format($options.date, "YYYY")), 1)
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("div", _hoisted_8$3, [
@@ -8425,7 +8425,7 @@ const RANGE_PRIORITY = {
   END: 2,
   BOTH: 3
 };
-const _sfc_main$11 = {
+const _sfc_main$12 = {
   name: "DatePicker",
   emits: [
     "update:modelValue",
@@ -10109,7 +10109,7 @@ const _hoisted_2$i = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.cr
 const _hoisted_3$9 = [
   _hoisted_2$i
 ];
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -10147,7 +10147,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(["neon-time", { "is-disabled": __props.isDisabled }])
         },
         [
-          __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, _hoisted_3$9)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$11), vue.mergeProps({
+          __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, _hoisted_3$9)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$12), vue.mergeProps({
             key: 1,
             "model-value": internalValue.value
           }, {
@@ -10178,7 +10178,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const NeonTime = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-805321b9"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-805321b9"]]);
 const _hoisted_1$o = { class: "flex flex-wrap" };
 const _hoisted_2$h = { class: "mt-2" };
 const _hoisted_3$8 = { class: "mt-2" };
@@ -10187,7 +10187,7 @@ const _hoisted_4$6 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_5$4 = { class: "text-right text-fg-subdued text-sm" };
-const _hoisted_6$3 = {
+const _hoisted_6$4 = {
   key: 5,
   class: "grid gap-2 sm:grid-cols-2"
 };
@@ -10197,7 +10197,7 @@ const _hoisted_8$2 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9$2 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceManager",
   setup(__props) {
     var _a;
@@ -10442,7 +10442,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
                         }, 16, ["modelValue"])
                       ])) : vue.createCommentVNode("v-if", true),
                       vue.createCommentVNode(" COME TOO LATE "),
-                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
+                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).startedAt = $event)
@@ -10565,10 +10565,10 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const AttendanceManager_vue_vue_type_style_index_0_scoped_4da92bf5_lang = "";
-const AttendanceManager = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-4da92bf5"]]);
+const AttendanceManager = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-4da92bf5"]]);
 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({
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
     const {
@@ -10756,7 +10756,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const AttendanceSingle_vue_vue_type_style_index_0_scoped_7fdc9043_lang = "";
-const AttendanceSingle = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-7fdc9043"]]);
+const AttendanceSingle = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-7fdc9043"]]);
 const _hoisted_1$m = {
   key: 1,
   class: "flex flex-wrap"
@@ -10768,7 +10768,7 @@ const _hoisted_4$5 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_5$3 = { class: "text-right text-fg-subdued text-sm" };
-const _hoisted_6$2 = {
+const _hoisted_6$3 = {
   key: 7,
   class: "grid gap-2 sm:grid-cols-2"
 };
@@ -10778,7 +10778,7 @@ const _hoisted_8$1 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9$1 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceStaff",
   setup(__props) {
     var _a;
@@ -11057,7 +11057,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
                         }, 16, ["modelValue"])
                       ])) : vue.createCommentVNode("v-if", true),
                       vue.createCommentVNode(" COME TOO LATE "),
-                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
+                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).startedAt = $event)
@@ -11184,7 +11184,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const AttendanceStaff_vue_vue_type_style_index_0_scoped_d541d5ab_lang = "";
-const AttendanceStaff = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-d541d5ab"]]);
+const AttendanceStaff = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-d541d5ab"]]);
 const _hoisted_1$l = { class: "flex flex-wrap" };
 const _hoisted_2$e = { class: "mt-2" };
 const _hoisted_3$6 = { class: "mt-2" };
@@ -11193,7 +11193,7 @@ const _hoisted_4$4 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_5$2 = { class: "text-right text-fg-subdued text-sm" };
-const _hoisted_6$1 = {
+const _hoisted_6$2 = {
   key: 5,
   class: "grid gap-2 sm:grid-cols-2"
 };
@@ -11203,7 +11203,7 @@ const _hoisted_8 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSupervisor",
   setup(__props) {
     var _a;
@@ -11447,7 +11447,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                         }, 16, ["modelValue"])
                       ])) : vue.createCommentVNode("v-if", true),
                       vue.createCommentVNode(" COME TOO LATE "),
-                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
+                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).startedAt = $event)
@@ -11570,7 +11570,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const AttendanceSupervisor_vue_vue_type_style_index_0_scoped_8eefa083_lang = "";
-const AttendanceSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-8eefa083"]]);
+const AttendanceSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-8eefa083"]]);
 const CheckInModel = tempatModels.models.CheckInModel;
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -13122,8 +13122,8 @@ const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _hoisted_6 = { class: "end" };
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_6$1 = { class: "end" };
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInPresenceCollection"
   },
@@ -13472,7 +13472,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createElementVNode("div", _hoisted_4$3, [
                     _hoisted_5$1,
-                    vue.createElementVNode("div", _hoisted_6, [
+                    vue.createElementVNode("div", _hoisted_6$1, [
                       vue.createVNode(vue.unref(office.OfficeCollectionQuery), { displays: ["table"] }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeCollectionOperation), { "is-main": "" })
@@ -13498,9 +13498,9 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_3c4aa352_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-3c4aa352"]]);
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-3c4aa352"]]);
 const _hoisted_1$j = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -13598,9 +13598,9 @@ 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 CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-e56842b0"]]);
 const _hoisted_1$i = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -13716,7 +13716,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInExternal_vue_vue_type_style_index_0_scoped_942d2d80_lang = "";
-const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-942d2d80"]]);
+const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-942d2d80"]]);
 const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-d6ac1ebc"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$h = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
   "h4",
@@ -13736,7 +13736,7 @@ const _hoisted_2$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -13789,9 +13789,9 @@ 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 CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-d6ac1ebc"]]);
 const _hoisted_1$g = { class: "buttons" };
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -14266,7 +14266,7 @@ const _hoisted_2$b = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.crea
 ));
 const _hoisted_3$4 = ["onClick"];
 const _hoisted_4$2 = { class: "mr-2 text-sm" };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit: __emit }) {
@@ -14449,7 +14449,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 CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-dc535804"]]);
 const _hoisted_1$e = /* @__PURE__ */ vue.createElementVNode(
   "h3",
   { align: "center" },
@@ -14457,7 +14457,7 @@ const _hoisted_1$e = /* @__PURE__ */ vue.createElementVNode(
   -1
   /* HOISTED */
 );
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -14489,7 +14489,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInCollection"
   },
@@ -14508,7 +14508,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$d = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInSupervisor",
   setup(__props) {
     const {
@@ -14622,13 +14622,13 @@ 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 CheckInSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-551b53ec"]]);
 const _hoisted_1$c = { class: "operasional-identitas" };
 const _hoisted_2$a = {
   key: 2,
   class: "section"
 };
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -14982,9 +14982,9 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const OperasionalIdentitas_vue_vue_type_style_index_0_scoped_e6073495_lang = "";
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-e6073495"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-e6073495"]]);
 const PlanModel = personaliaModels.models.PlanModel;
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanCollection"
   },
@@ -15002,7 +15002,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanSingle",
   setup(__props) {
     const {
@@ -15185,8 +15185,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const PlanSingle_vue_vue_type_style_index_0_scoped_21ce9030_lang = "";
-const PlanSingle = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-21ce9030"]]);
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const PlanSingle = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-21ce9030"]]);
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanStaff",
   setup(__props) {
     const {
@@ -15338,9 +15338,9 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const PlanStaff_vue_vue_type_style_index_0_scoped_50e978a0_lang = "";
-const PlanStaff = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-50e978a0"]]);
+const PlanStaff = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-50e978a0"]]);
 const PlanTypeModel = personaliaModels.models.PlanTypeModel;
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanTypeCollection"
   },
@@ -15358,7 +15358,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanTypeSingle",
   setup(__props) {
     const {
@@ -15479,9 +15479,9 @@ 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 PlanTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-7690175d"]]);
 const _hoisted_1$b = { class: "flex flex-wrap" };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressButton" },
   __name: "ProgressButton",
   setup(__props) {
@@ -15528,7 +15528,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$a = { class: "flex flex-wrap" };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressNoteButton" },
   __name: "ProgressNoteButton",
   setup(__props) {
@@ -15551,7 +15551,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressModel = personaliaModels.models.ProgressModel;
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressNoteTab" },
   __name: "ProgressNoteTab",
   setup(__props) {
@@ -15582,7 +15582,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ProgressCollection"
   },
@@ -15646,10 +15646,10 @@ 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 ProgressCollection = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-73139a91"]]);
 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({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
     var _a;
@@ -16017,7 +16017,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 })) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(_sfc_main$G))
+                vue.createVNode(vue.unref(_sfc_main$H))
               ];
             }),
             _: 1
@@ -16031,10 +16031,10 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressSingle_vue_vue_type_style_index_0_scoped_ba369d9e_lang = "";
-const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-ba369d9e"]]);
+const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-ba369d9e"]]);
 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({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressTomorrow",
   setup(__props) {
     var _a;
@@ -16315,7 +16315,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 })) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(_sfc_main$G))
+                vue.createVNode(vue.unref(_sfc_main$H))
               ];
             }),
             _: 1
@@ -16329,10 +16329,10 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressTomorrow_vue_vue_type_style_index_0_scoped_0c5dc3d7_lang = "";
-const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-0c5dc3d7"]]);
+const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-0c5dc3d7"]]);
 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({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressYesterday",
   setup(__props) {
     var _a;
@@ -16613,7 +16613,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 })) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(_sfc_main$G))
+                vue.createVNode(vue.unref(_sfc_main$H))
               ];
             }),
             _: 1
@@ -16627,8 +16627,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressYesterday_vue_vue_type_style_index_0_scoped_84ac6152_lang = "";
-const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-84ac6152"]]);
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-84ac6152"]]);
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressNote",
   setup(__props) {
     var _a;
@@ -16737,7 +16737,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
-              vue.createVNode(vue.unref(_sfc_main$G))
+              vue.createVNode(vue.unref(_sfc_main$H))
             ]),
             _: 1
             /* STABLE */
@@ -16750,9 +16750,9 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressNote_vue_vue_type_style_index_0_scoped_046e6306_lang = "";
-const ProgressNote = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-046e6306"]]);
+const ProgressNote = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-046e6306"]]);
 const ProgressAccessModel = personaliaModels.models.ProgressAccessModel;
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ProgressAccessCollection"
   },
@@ -16770,7 +16770,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressAccessSingle",
   setup(__props) {
     const {
@@ -16837,8 +16837,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressAccessSingle_vue_vue_type_style_index_0_scoped_a12532ca_lang = "";
-const ProgressAccessSingle = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-a12532ca"]]);
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const ProgressAccessSingle = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-a12532ca"]]);
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressAccessSupervisor",
   setup(__props) {
     const {
@@ -16907,9 +16907,9 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressAccessSupervisor_vue_vue_type_style_index_0_scoped_856146bf_lang = "";
-const ProgressAccessSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-856146bf"]]);
+const ProgressAccessSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-856146bf"]]);
 const ResponsibilityModel = personaliaModels.models.ResponsibilityModel;
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityCollection"
   },
@@ -16927,7 +16927,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilitySingle",
   setup(__props) {
     const {
@@ -17154,8 +17154,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ResponsibilitySingle_vue_vue_type_style_index_0_scoped_5c8b04ca_lang = "";
-const ResponsibilitySingle = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-5c8b04ca"]]);
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilitySingle = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-5c8b04ca"]]);
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityStaff",
   setup(__props) {
     const {
@@ -17349,8 +17349,8 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ResponsibilityStaff_vue_vue_type_style_index_0_scoped_6c8c000f_lang = "";
-const ResponsibilityStaff = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-6c8c000f"]]);
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilityStaff = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-6c8c000f"]]);
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilitySupervisor",
   setup(__props) {
     const {
@@ -17544,9 +17544,9 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ResponsibilitySupervisor_vue_vue_type_style_index_0_scoped_291d61f5_lang = "";
-const ResponsibilitySupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-291d61f5"]]);
+const ResponsibilitySupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-291d61f5"]]);
 const ResponsibilityTypeModel = personaliaModels.models.ResponsibilityTypeModel;
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityTypeCollection"
   },
@@ -17564,7 +17564,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityTypeSingle",
   setup(__props) {
     const {
@@ -17630,9 +17630,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ResponsibilityTypeSingle_vue_vue_type_style_index_0_scoped_3df9fac1_lang = "";
-const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-3df9fac1"]]);
+const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-3df9fac1"]]);
 const SituationModel = personaliaModels.models.SituationModel;
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationCollection" },
   __name: "SituationCollection",
   setup(__props) {
@@ -17648,7 +17648,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationSingle",
   setup(__props) {
     const {
@@ -17785,7 +17785,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationWork",
   setup(__props) {
     const {
@@ -17964,7 +17964,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationSupportive" },
   __name: "SituationSupportive",
   setup(__props) {
@@ -18103,7 +18103,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SituationTypeModel = personaliaModels.models.SituationTypeModel;
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationTypeCollection" },
   __name: "SituationTypeCollection",
   setup(__props) {
@@ -18119,7 +18119,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationTypeSingle",
   setup(__props) {
     const {
@@ -18191,7 +18191,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffModel = personaliaModels.models.StaffModel;
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "StaffCollection"
   },
@@ -18211,7 +18211,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
 });
 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({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -18295,7 +18295,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$i))
+                  vue.createVNode(vue.unref(_sfc_main$j))
                 ]),
                 _: 1
                 /* STABLE */
@@ -18364,10 +18364,10 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffSingle_vue_vue_type_style_index_0_scoped_be2a1aa4_lang = "";
-const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-be2a1aa4"]]);
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-be2a1aa4"]]);
 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({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
     const {
@@ -18451,7 +18451,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$i))
+                  vue.createVNode(vue.unref(_sfc_main$j))
                 ]),
                 _: 1
                 /* STABLE */
@@ -18527,8 +18527,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffOperasional_vue_vue_type_style_index_0_scoped_759338da_lang = "";
-const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-759338da"]]);
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-759338da"]]);
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
     const { values, saveOne, executeOne, syncOne } = context.useSingle();
@@ -18756,13 +18756,17 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionModel = personaliaModels.models.SubmissionModel;
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SubmissionDocumentTab" },
   __name: "SubmissionDocumentTab",
   props: {
     isReadonly: {
       type: Boolean,
       default: false
+    },
+    toolbar: {
+      type: String,
+      default: ""
     }
   },
   setup(__props) {
@@ -18785,8 +18789,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             "use-pages": false,
             "is-ready": vue.unref(isReady) && isTouched,
             "is-loading": vue.unref(isLoading),
-            "is-readonly": __props.isReadonly
-          }, null, 8, ["application-id", "object", "is-ready", "is-loading", "is-readonly"])
+            "is-readonly": __props.isReadonly,
+            toolbar: __props.toolbar
+          }, null, 8, ["application-id", "object", "is-ready", "is-loading", "is-readonly", "toolbar"])
         ]),
         _: 1
         /* STABLE */
@@ -18794,6 +18799,70 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "SubmissionDetailTab" },
+  __name: "SubmissionDetailTab",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = context.useSingle();
+    return (_ctx, _cache) => {
+      return !vue.unref(isNew) ? (vue.openBlock(), vue.createBlock(vue.unref(office.OfficeTab), {
+        key: 0,
+        handle: "detail",
+        icon: "circle-info",
+        title: "Detail"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(form.NeonForm), {
+            handle: "detail",
+            "initial-values": vue.unref(initialValues),
+            "is-loading": vue.unref(isLoading),
+            "is-changed": vue.unref(isChanged),
+            "use-unsaved": "",
+            onCancel: vue.unref(discardChanges),
+            onSubmit: vue.unref(saveOne)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                modelValue: vue.unref(values).detailRaise,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).detailRaise = $event)
+              }, vue.unref(fields).detailRaise), null, 16, ["modelValue"]),
+              vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                modelValue: vue.unref(values).detailProcess,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).detailProcess = $event)
+              }, vue.unref(fields).detailProcess), null, 16, ["modelValue"]),
+              vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                modelValue: vue.unref(values).detailDecide,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).detailDecide = $event)
+              }, vue.unref(fields).detailDecide), null, 16, ["modelValue"]),
+              vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                modelValue: vue.unref(values).detailDecideOther,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).detailDecideOther = $event)
+              }, vue.unref(fields).detailDecideOther), null, 16, ["modelValue"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+        ]),
+        _: 1
+        /* STABLE */
+      })) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+const SubmissionDetailTab_vue_vue_type_style_index_0_scoped_3f59d8c4_lang = "";
+const SubmissionDetailTab = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-3f59d8c4"]]);
 const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionCollection"
@@ -18853,20 +18922,24 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values).title,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).title = $event)
                       }, vue.unref(fields).title), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).nominal,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nominal = $event)
+                      }, vue.unref(fields).nominal), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).status,
-                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).status = $event)
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).status = $event)
                       }, vue.unref(fields).status), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).branches
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).type
                           }, null, 8, ["modelValue", "field"])
                         ]),
@@ -18877,12 +18950,12 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                         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),
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).submissionStaffs
                           }, 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),
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).raiseStaffs
                           }, null, 8, ["modelValue", "field"])
                         ]),
@@ -18893,12 +18966,12 @@ const _sfc_main$f = /* @__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).decideStaffs
                           }, 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).followUpStaffs
                           }, null, 8, ["modelValue", "field"])
                         ]),
@@ -18908,19 +18981,19 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                       vue.createCommentVNode(' <NeonField\n            v-model="values.specifications"\n            v-bind="fields.specifications"\n          /> '),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).preparedAt,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).preparedAt = $event)
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).preparedAt = $event)
                       }, vue.unref(fields).preparedAt), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).raisedAt,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).raisedAt = $event)
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).raisedAt = $event)
                       }, vue.unref(fields).raisedAt), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).processedAt,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).processedAt = $event)
+                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).processedAt = $event)
                       }, vue.unref(fields).processedAt), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).updatedAt,
-                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).updatedAt = $event)
+                        "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).updatedAt = $event)
                       }, {
                         handle: "updatedAt",
                         name: "Tanggal Diupdate",
@@ -18934,28 +19007,68 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                         "is-dashed": "",
                         label: "Spesifikasi"
                       }),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).nominal,
-                        "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).nominal = $event)
-                      }, vue.unref(fields).nominal), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).workingHours,
                         "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(values).workingHours = $event)
                       }, vue.unref(fields).workingHours), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
-                        label: "Keputusan"
+                        label: "Menaikkan"
                       }),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                            field: vue.unref(fields).delayStaffs
+                            field: vue.unref(fields).hasRaiseStaffs,
+                            "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetRaiseStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Memproses"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).hasProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Keputusan"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).delayStaffs
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).agreedStaffs
                           }, null, 8, ["modelValue", "field"])
                         ]),
@@ -18970,8 +19083,10 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
+              vue.createCommentVNode(" DETAIL "),
+              vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$h))
+              vue.createVNode(vue.unref(_sfc_main$i), { toolbar: "side" })
             ]),
             _: 1
             /* STABLE */
@@ -18983,8 +19098,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionSingle_vue_vue_type_style_index_0_scoped_c1610cc9_lang = "";
-const SubmissionSingle = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c1610cc9"]]);
+const SubmissionSingle_vue_vue_type_style_index_0_scoped_4a420628_lang = "";
+const SubmissionSingle = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-4a420628"]]);
 const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionStaff",
   setup(__props) {
@@ -19078,7 +19193,11 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       values.value.preparedAt = defaultValues.preparedAt;
     }
     const syncRaise = async () => {
-      await executeOne("raiseSubmission", { submissionId: id.value });
+      var _a2;
+      await executeOne("raiseSubmission", {
+        submissionId: id.value,
+        staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
+      });
       await syncOne();
     };
     return (_ctx, _cache) => {
@@ -19103,21 +19222,24 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                   }, {
                     default: vue.withCtx(() => [
                       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: "dark",
-                            "icon-left": "arrow-up-from-line",
-                            "is-disabled": vue.unref(isNew) || vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved" || !vue.unref(values).agreedStaffs || !vue.unref(values).branches || !vue.unref(values).decideStaffs || !vue.unref(values).followUpStaffs || !vue.unref(values).raiseStaffs || !vue.unref(values).submissionStaffs || !vue.unref(values).title || !vue.unref(values).type,
-                            onClick: syncRaise
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createTextVNode("Dinaikkan")
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["is-disabled"])
-                        ]),
+                        input: vue.withCtx(() => {
+                          var _a2, _b;
+                          return [
+                            vue.createVNode(vue.unref(interfaces.NeonButton), {
+                              size: "md",
+                              color: "dark",
+                              "icon-left": "arrow-up-from-line",
+                              "is-disabled": vue.unref(isNew) || vue.unref(isChanged) || vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved" || !vue.unref(values).agreedStaffs || !vue.unref(values).branches || !vue.unref(values).decideStaffs || !vue.unref(values).followUpStaffs || !vue.unref(values).raiseStaffs || !vue.unref(values).submissionStaffs || !vue.unref(values).title || !vue.unref(values).type || ((_b = vue.unref(values).hasRaiseStaffIds) == null ? void 0 : _b.includes(((_a2 = vue.unref(staff)) == null ? void 0 : _a2.id) || "")) ? true : false,
+                              onClick: syncRaise
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("Dinaikkan")
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            }, 8, ["is-disabled"])
+                          ];
+                        }),
                         _: 1
                         /* STABLE */
                       })) : vue.createCommentVNode("v-if", true),
@@ -19127,18 +19249,24 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                       }, vue.unref(fields).title, {
                         "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).nominal,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nominal = $event)
+                      }, vue.unref(fields).nominal, {
+                        "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).branches,
                             query: vue.unref(query.Query).define(branchOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).type,
                             query: vue.unref(query.Query).define(typeOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
@@ -19148,22 +19276,25 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                         /* STABLE */
                       }),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
-                        default: vue.withCtx(() => [
-                          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).submissionStaffs,
-                            query: vue.unref(query.Query).define(submissionStaffOptions.value),
-                            "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
-                          }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
-                          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).raiseStaffs,
-                            query: vue.unref(query.Query).define(roleStaffOptions.value),
-                            "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
-                          }, null, 8, ["modelValue", "field", "query", "is-disabled"])
-                        ]),
+                        default: vue.withCtx(() => {
+                          var _a2;
+                          return [
+                            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).submissionStaffs,
+                              query: vue.unref(query.Query).define(submissionStaffOptions.value),
+                              "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved" || ((_a2 = vue.unref(values).hasRaiseStaffIds) == null ? void 0 : _a2.length) ? true : false
+                            }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
+                            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).raiseStaffs,
+                              query: vue.unref(query.Query).define(roleStaffOptions.value),
+                              "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                            }, null, 8, ["modelValue", "field", "query", "is-disabled"])
+                          ];
+                        }),
                         _: 1
                         /* STABLE */
                       }),
@@ -19171,14 +19302,14 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).decideStaffs,
                             query: vue.unref(query.Query).define(roleDecideStaffOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           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).followUpStaffs
                           }, null, 8, ["modelValue", "field"])
                         ]),
@@ -19199,26 +19330,20 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           /> `),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).preparedAt,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).preparedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).preparedAt = $event)
                       }, vue.unref(fields).preparedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).raisedAt,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).raisedAt = $event)
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).raisedAt = $event)
                       }, vue.unref(fields).raisedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).processedAt,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).processedAt = $event)
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).processedAt = $event)
                       }, vue.unref(fields).processedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
                         label: "Spesifikasi"
                       }),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).nominal,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).nominal = $event)
-                      }, vue.unref(fields).nominal, {
-                        "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
-                      }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).workingHours,
                         "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).workingHours = $event)
@@ -19227,19 +19352,63 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                       }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
-                        label: "Keputusan"
+                        label: "Menaikkan"
                       }),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                            field: vue.unref(fields).delayStaffs,
+                            field: vue.unref(fields).hasRaiseStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetRaiseStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Memproses"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).hasProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Keputusan"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).delayStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).agreedStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"])
@@ -19255,8 +19424,11 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
+              vue.createCommentVNode(" DETAIL "),
+              vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$h), {
+              vue.createVNode(vue.unref(_sfc_main$i), {
+                toolbar: "side",
                 "is-readonly": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"])
             ]),
@@ -19270,8 +19442,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionStaff_vue_vue_type_style_index_0_scoped_6cccc9bb_lang = "";
-const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6cccc9bb"]]);
+const SubmissionStaff_vue_vue_type_style_index_0_scoped_39e053b2_lang = "";
+const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-39e053b2"]]);
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
@@ -19310,17 +19482,21 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values).title,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).title = $event)
                       }, vue.unref(fields).title, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).nominal,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nominal = $event)
+                      }, vue.unref(fields).nominal, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).branches,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).type,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"])
@@ -19332,13 +19508,13 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).submissionStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).raiseStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"])
@@ -19350,13 +19526,13 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).decideStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           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).followUpStaffs
                           }, null, 8, ["modelValue", "field"])
                         ]),
@@ -19366,7 +19542,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                       vue.createCommentVNode(' <NeonField\n            v-model="values.specifications"\n            v-bind="fields.specifications"\n            is-disabled\n          /> '),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).updatedAt,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).updatedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).updatedAt = $event)
                       }, {
                         handle: "updatedAt",
                         name: "Tanggal Diupdate",
@@ -19380,29 +19556,69 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                         "is-dashed": "",
                         label: "Spesifikasi"
                       }),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).nominal,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).nominal = $event)
-                      }, vue.unref(fields).nominal, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).workingHours,
                         "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).workingHours = $event)
                       }, vue.unref(fields).workingHours, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
-                        label: "Keputusan"
+                        label: "Menaikkan"
                       }),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           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).delayStaffs,
+                            field: vue.unref(fields).hasRaiseStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetRaiseStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Memproses"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).hasProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Keputusan"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).delayStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).agreedStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"])
@@ -19418,8 +19634,13 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
+              vue.createCommentVNode(" DETAIL "),
+              vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$h), { "is-readonly": "" })
+              vue.createVNode(vue.unref(_sfc_main$i), {
+                toolbar: "side",
+                "is-readonly": ""
+              })
             ]),
             _: 1
             /* STABLE */
@@ -19431,13 +19652,14 @@ 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 SubmissionFollowUp_vue_vue_type_style_index_0_scoped_7353dc8e_lang = "";
+const SubmissionFollowUp = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-7353dc8e"]]);
 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 _hoisted_6 = { class: "mt-2" };
 const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionAudit",
   setup(__props) {
@@ -19544,7 +19766,19 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       await syncOne();
     };
     const syncProcessed = async () => {
-      await executeOne("processedSubmission", { submissionId: id.value });
+      var _a2;
+      await executeOne("processedSubmission", {
+        submissionId: id.value,
+        staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
+      });
+      await syncOne();
+    };
+    const syncLowered = async () => {
+      var _a2;
+      await executeOne("loweredSubmission", {
+        submissionId: id.value,
+        staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
+      });
       await syncOne();
     };
     return (_ctx, _cache) => {
@@ -19576,7 +19810,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                                 size: "md",
                                 color: "success",
                                 "icon-left": "file-check",
-                                "is-disabled": vue.unref(isNew) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "resolved",
+                                "is-disabled": vue.unref(isNew) || vue.unref(isChanged) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "resolved",
                                 onClick: syncResolved
                               }, {
                                 default: vue.withCtx(() => [
@@ -19598,7 +19832,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                                 size: "md",
                                 color: "danger",
                                 "icon-left": "ban",
-                                "is-disabled": vue.unref(isNew) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "discontinued",
+                                "is-disabled": vue.unref(isNew) || vue.unref(isChanged) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "discontinued",
                                 onClick: syncDiscontinued
                               }, {
                                 default: vue.withCtx(() => [
@@ -19620,7 +19854,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                                 size: "md",
                                 color: "info",
                                 "icon-left": "binoculars",
-                                "is-disabled": vue.unref(isNew) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "monitored",
+                                "is-disabled": vue.unref(isNew) || vue.unref(isChanged) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "monitored",
                                 onClick: syncMonitored
                               }, {
                                 default: vue.withCtx(() => [
@@ -19636,17 +19870,42 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                         ]),
                         vue.createTextVNode("    "),
                         vue.createElementVNode("div", _hoisted_5, [
+                          vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
+                            input: vue.withCtx(() => {
+                              var _a2, _b;
+                              return [
+                                vue.createVNode(vue.unref(interfaces.NeonButton), {
+                                  size: "md",
+                                  color: "warning",
+                                  "icon-left": "spinner",
+                                  "is-disabled": vue.unref(isNew) || vue.unref(isChanged) || vue.unref(values).status === "prepared" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved" || vue.unref(values).status !== "delay" && ((_b = vue.unref(values).hasProcessStaffIds) == null ? void 0 : _b.includes(((_a2 = vue.unref(staff)) == null ? void 0 : _a2.id) || "")) ? true : false,
+                                  onClick: syncProcessed
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createTextVNode("Diproses")
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["is-disabled"])
+                              ];
+                            }),
+                            _: 1
+                            /* STABLE */
+                          })) : vue.createCommentVNode("v-if", true)
+                        ]),
+                        vue.createTextVNode("    "),
+                        vue.createElementVNode("div", _hoisted_6, [
                           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": "spinner",
-                                "is-disabled": vue.unref(isNew) || vue.unref(values).status === "prepared" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved",
-                                onClick: syncProcessed
+                                color: "#DD9F00",
+                                "icon-left": "turn-down",
+                                "is-disabled": vue.unref(isNew) || vue.unref(isChanged) || vue.unref(values).status === "prepared" || vue.unref(values).status === "resolved",
+                                onClick: syncLowered
                               }, {
                                 default: vue.withCtx(() => [
-                                  vue.createTextVNode("Diproses")
+                                  vue.createTextVNode("Diturunkan")
                                 ]),
                                 _: 1
                                 /* STABLE */
@@ -19663,18 +19922,24 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                       }, vue.unref(fields).title, {
                         "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).nominal,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nominal = $event)
+                      }, vue.unref(fields).nominal, {
+                        "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).branches,
                             query: vue.unref(query.Query).define(branchOptions.value),
                             "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).type,
                             query: vue.unref(query.Query).define(typeOptions.value),
                             "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
@@ -19684,22 +19949,25 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                         /* STABLE */
                       }),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
-                        default: vue.withCtx(() => [
-                          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).submissionStaffs,
-                            query: vue.unref(query.Query).define(submissionStaffOptions.value),
-                            "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
-                          }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
-                          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).raiseStaffs,
-                            query: vue.unref(query.Query).define(roleStaffOptions.value),
-                            "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
-                          }, null, 8, ["modelValue", "field", "query", "is-disabled"])
-                        ]),
+                        default: vue.withCtx(() => {
+                          var _a2, _b;
+                          return [
+                            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).submissionStaffs,
+                              query: vue.unref(query.Query).define(submissionStaffOptions.value),
+                              "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved" || ((_a2 = vue.unref(values).hasRaiseStaffIds) == null ? void 0 : _a2.length) ? true : false
+                            }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
+                            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).raiseStaffs,
+                              query: vue.unref(query.Query).define(roleStaffOptions.value),
+                              "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved" || ((_b = vue.unref(values).hasProcessStaffIds) == null ? void 0 : _b.length) ? true : false
+                            }, null, 8, ["modelValue", "field", "query", "is-disabled"])
+                          ];
+                        }),
                         _: 1
                         /* STABLE */
                       }),
@@ -19707,53 +19975,36 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).decideStaffs,
                             query: vue.unref(query.Query).define(roleDecideStaffOptions.value),
                             "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           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).followUpStaffs
                           }, null, 8, ["modelValue", "field"])
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      vue.createCommentVNode(` <NeonField
-            v-model="values.specifications"
-            v-bind="fields.specifications"
-            :is-disabled="
-              values.status === 'processed' ||
-              values.status === 'approved' ||
-              values.status === 'monitored' ||
-              values.status === 'discontinued' ||
-              values.status === 'resolved'
-            "
-          /> `),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).preparedAt,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).preparedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).preparedAt = $event)
                       }, vue.unref(fields).preparedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).raisedAt,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).raisedAt = $event)
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).raisedAt = $event)
                       }, vue.unref(fields).raisedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).processedAt,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).processedAt = $event)
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).processedAt = $event)
                       }, vue.unref(fields).processedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
                         label: "Spesifikasi"
                       }),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).nominal,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).nominal = $event)
-                      }, vue.unref(fields).nominal, {
-                        "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
-                      }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).workingHours,
                         "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).workingHours = $event)
@@ -19762,19 +20013,63 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                       }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
-                        label: "Keputusan"
+                        label: "Menaikkan"
                       }),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                            field: vue.unref(fields).delayStaffs,
+                            field: vue.unref(fields).hasRaiseStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetRaiseStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Memproses"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).hasProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Keputusan"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).delayStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).agreedStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"])
@@ -19790,8 +20085,10 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
+              vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$h), {
+              vue.createVNode(vue.unref(_sfc_main$i), {
+                toolbar: "side",
                 "is-readonly": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"]),
               vue.createCommentVNode(" PROGRESS "),
@@ -19849,8 +20146,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionAudit_vue_vue_type_style_index_0_scoped_7e1af8a3_lang = "";
-const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-7e1af8a3"]]);
+const SubmissionAudit_vue_vue_type_style_index_0_scoped_0e15c280_lang = "";
+const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-0e15c280"]]);
 const _hoisted_1$3 = { class: "flex flex-wrap" };
 const _hoisted_2$3 = { class: "mt-2" };
 const _hoisted_3$2 = { class: "mt-2" };
@@ -19993,7 +20290,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                                   size: "md",
                                   color: "danger",
                                   "icon-left": "circle-stop",
-                                  "is-disabled": vue.unref(isNew) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || ((_b = vue.unref(values).delayStaffIds) == null ? void 0 : _b.includes(((_a2 = vue.unref(staff)) == null ? void 0 : _a2.id) || "")) ? true : false,
+                                  "is-disabled": vue.unref(isNew) || vue.unref(isChanged) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || ((_b = vue.unref(values).delayStaffIds) == null ? void 0 : _b.includes(((_a2 = vue.unref(staff)) == null ? void 0 : _a2.id) || "")) ? true : false,
                                   onClick: syncDelay
                                 }, {
                                   default: vue.withCtx(() => [
@@ -20018,7 +20315,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                                   size: "md",
                                   color: "success",
                                   "icon-left": "list-check",
-                                  "is-disabled": vue.unref(isNew) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || ((_b = vue.unref(values).agreedStaffIds) == null ? void 0 : _b.includes(((_a2 = vue.unref(staff)) == null ? void 0 : _a2.id) || "")) ? true : false,
+                                  "is-disabled": vue.unref(isNew) || vue.unref(isChanged) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || ((_b = vue.unref(values).agreedStaffIds) == null ? void 0 : _b.includes(((_a2 = vue.unref(staff)) == null ? void 0 : _a2.id) || "")) ? true : false,
                                   onClick: syncApproved
                                 }, {
                                   default: vue.withCtx(() => [
@@ -20040,18 +20337,24 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                       }, vue.unref(fields).title, {
                         "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).nominal,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nominal = $event)
+                      }, vue.unref(fields).nominal, {
+                        "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).branches,
                             query: vue.unref(query.Query).define(branchOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).type,
                             query: vue.unref(query.Query).define(typeOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
@@ -20064,14 +20367,14 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).submissionStaffs,
                             query: vue.unref(query.Query).define(submissionStaffOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).raiseStaffs,
                             query: vue.unref(query.Query).define(roleStaffOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
@@ -20084,14 +20387,14 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).decideStaffs,
                             query: vue.unref(query.Query).define(roleDecideStaffOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           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).followUpStaffs
                           }, null, 8, ["modelValue", "field"])
                         ]),
@@ -20113,26 +20416,20 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
           /> `),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).preparedAt,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).preparedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).preparedAt = $event)
                       }, vue.unref(fields).preparedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).raisedAt,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).raisedAt = $event)
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).raisedAt = $event)
                       }, vue.unref(fields).raisedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).processedAt,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).processedAt = $event)
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).processedAt = $event)
                       }, vue.unref(fields).processedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
                         label: "Spesifikasi"
                       }),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).nominal,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).nominal = $event)
-                      }, vue.unref(fields).nominal, {
-                        "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
-                      }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).workingHours,
                         "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).workingHours = $event)
@@ -20141,19 +20438,63 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                       }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
-                        label: "Keputusan"
+                        label: "Menaikkan"
                       }),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                            field: vue.unref(fields).delayStaffs,
+                            field: vue.unref(fields).hasRaiseStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetRaiseStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Memproses"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).hasProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Keputusan"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).delayStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).agreedStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"])
@@ -20169,8 +20510,11 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
+              vue.createCommentVNode(" DETAIL "),
+              vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$h), {
+              vue.createVNode(vue.unref(_sfc_main$i), {
+                toolbar: "side",
                 "is-readonly": vue.unref(values).status === "raised" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"]),
               vue.createCommentVNode(" PROGRESS "),
@@ -20228,8 +20572,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionDecision_vue_vue_type_style_index_0_scoped_68341f72_lang = "";
-const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-68341f72"]]);
+const SubmissionDecision_vue_vue_type_style_index_0_scoped_94acb660_lang = "";
+const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-94acb660"]]);
 const _hoisted_1$2 = { class: "flex flex-wrap" };
 const _hoisted_2$2 = { class: "mt-2" };
 const _hoisted_3$1 = { class: "mt-2" };
@@ -20374,7 +20718,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                                   size: "md",
                                   color: "danger",
                                   "icon-left": "circle-stop",
-                                  "is-disabled": vue.unref(isNew) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || ((_b = vue.unref(values).delayStaffIds) == null ? void 0 : _b.includes(((_a2 = vue.unref(staff)) == null ? void 0 : _a2.id) || "")) ? true : false,
+                                  "is-disabled": vue.unref(isNew) || vue.unref(isChanged) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || ((_b = vue.unref(values).delayStaffIds) == null ? void 0 : _b.includes(((_a2 = vue.unref(staff)) == null ? void 0 : _a2.id) || "")) ? true : false,
                                   onClick: syncDelay
                                 }, {
                                   default: vue.withCtx(() => [
@@ -20399,7 +20743,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                                   size: "md",
                                   color: "success",
                                   "icon-left": "list-check",
-                                  "is-disabled": vue.unref(isNew) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || ((_b = vue.unref(values).agreedStaffIds) == null ? void 0 : _b.includes(((_a2 = vue.unref(staff)) == null ? void 0 : _a2.id) || "")) ? true : false,
+                                  "is-disabled": vue.unref(isNew) || vue.unref(isChanged) || vue.unref(values).status === "prepared" || vue.unref(values).status === "raised" || ((_b = vue.unref(values).agreedStaffIds) == null ? void 0 : _b.includes(((_a2 = vue.unref(staff)) == null ? void 0 : _a2.id) || "")) ? true : false,
                                   onClick: syncApproved
                                 }, {
                                   default: vue.withCtx(() => [
@@ -20421,18 +20765,24 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                       }, vue.unref(fields).title, {
                         "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).nominal,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nominal = $event)
+                      }, vue.unref(fields).nominal, {
+                        "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).branches,
                             query: vue.unref(query.Query).define(branchOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).type,
                             query: vue.unref(query.Query).define(typeOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
@@ -20445,14 +20795,14 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).submissionStaffs,
                             query: vue.unref(query.Query).define(submissionStaffOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).raiseStaffs,
                             query: vue.unref(query.Query).define(roleRaiseStaffOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
@@ -20465,14 +20815,14 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).decideStaffs,
                             query: vue.unref(query.Query).define(roleDecideStaffOptions.value),
                             "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           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).followUpStaffs
                           }, null, 8, ["modelValue", "field"])
                         ]),
@@ -20494,26 +20844,20 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           /> `),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).preparedAt,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).preparedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).preparedAt = $event)
                       }, vue.unref(fields).preparedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).raisedAt,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).raisedAt = $event)
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).raisedAt = $event)
                       }, vue.unref(fields).raisedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).processedAt,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).processedAt = $event)
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).processedAt = $event)
                       }, vue.unref(fields).processedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
                         label: "Spesifikasi"
                       }),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).nominal,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).nominal = $event)
-                      }, vue.unref(fields).nominal, {
-                        "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
-                      }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).workingHours,
                         "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).workingHours = $event)
@@ -20522,19 +20866,63 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                       }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
-                        label: "Keputusan"
+                        label: "Menaikkan"
                       }),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                            field: vue.unref(fields).delayStaffs,
+                            field: vue.unref(fields).hasRaiseStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetRaiseStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Memproses"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).hasProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Keputusan"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).delayStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).agreedStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"])
@@ -20550,8 +20938,11 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
+              vue.createCommentVNode(" DETAIL "),
+              vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$h), {
+              vue.createVNode(vue.unref(_sfc_main$i), {
+                toolbar: "side",
                 "is-readonly": vue.unref(values).status === "raised" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"])
             ]),
@@ -20565,8 +20956,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionWaitingDecision_vue_vue_type_style_index_0_scoped_60c09582_lang = "";
-const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-60c09582"]]);
+const SubmissionWaitingDecision_vue_vue_type_style_index_0_scoped_ce22d9dd_lang = "";
+const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-ce22d9dd"]]);
 const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionSupervisor",
   setup(__props) {
@@ -20610,17 +21001,21 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values).title,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).title = $event)
                       }, vue.unref(fields).title, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).nominal,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nominal = $event)
+                      }, vue.unref(fields).nominal, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).branches,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).type,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"])
@@ -20632,13 +21027,13 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).submissionStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).raiseStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"])
@@ -20650,13 +21045,13 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).decideStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           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).followUpStaffs
                           }, null, 8, ["modelValue", "field"])
                         ]),
@@ -20666,7 +21061,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                       vue.createCommentVNode(' <NeonField\n            v-model="values.specifications"\n            v-bind="fields.specifications"\n            is-disabled\n          /> '),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).updatedAt,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).updatedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).updatedAt = $event)
                       }, {
                         handle: "updatedAt",
                         name: "Tanggal Diupdate",
@@ -20680,29 +21075,69 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                         "is-dashed": "",
                         label: "Spesifikasi"
                       }),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).nominal,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).nominal = $event)
-                      }, vue.unref(fields).nominal, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).workingHours,
                         "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).workingHours = $event)
                       }, vue.unref(fields).workingHours, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
-                        label: "Keputusan"
+                        label: "Menaikkan"
                       }),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
                           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).delayStaffs,
+                            field: vue.unref(fields).hasRaiseStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetRaiseStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Memproses"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).hasProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).yetProcessStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Keputusan"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).delayStaffs,
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.createVNode(vue.unref(office.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).agreedStaffs,
                             "is-disabled": ""
                           }, null, 8, ["modelValue", "field"])
@@ -20718,8 +21153,13 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
+              vue.createCommentVNode(" DETAIL "),
+              vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$h), { "is-readonly": "" })
+              vue.createVNode(vue.unref(_sfc_main$i), {
+                toolbar: "side",
+                "is-readonly": ""
+              })
             ]),
             _: 1
             /* STABLE */
@@ -20731,8 +21171,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionSupervisor_vue_vue_type_style_index_0_scoped_d4720670_lang = "";
-const SubmissionSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-d4720670"]]);
+const SubmissionSupervisor_vue_vue_type_style_index_0_scoped_8926b0ed_lang = "";
+const SubmissionSupervisor = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-8926b0ed"]]);
 const SubmissionTypeModel = personaliaModels.models.SubmissionTypeModel;
 const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -21867,69 +22307,70 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AttendanceCollection: _sfc_main$12,
+  AttendanceCollection: _sfc_main$13,
   AttendanceManager,
   AttendanceModel,
   AttendanceSingle,
   AttendanceStaff,
   AttendanceSupervisor,
   CheckInAccess,
-  CheckInCollection: _sfc_main$Q,
+  CheckInCollection: _sfc_main$R,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$T,
-  CheckInScanSuccess: _sfc_main$R,
+  CheckInScanError: _sfc_main$U,
+  CheckInScanSuccess: _sfc_main$S,
   CheckInScanner,
   CheckInSingle,
   CheckInSupervisor,
   NeonTime,
   OperasionalIdentitas,
-  PlanCollection: _sfc_main$N,
+  PlanCollection: _sfc_main$O,
   PlanModel,
   PlanSingle,
   PlanStaff,
-  PlanTypeCollection: _sfc_main$K,
+  PlanTypeCollection: _sfc_main$L,
   PlanTypeModel,
   PlanTypeSingle,
-  ProgressAccessCollection: _sfc_main$A,
+  ProgressAccessCollection: _sfc_main$B,
   ProgressAccessModel,
   ProgressAccessSingle,
   ProgressAccessSupervisor,
-  ProgressButton: _sfc_main$I,
+  ProgressButton: _sfc_main$J,
   ProgressCollection,
   ProgressModel,
   ProgressNote,
-  ProgressNoteButton: _sfc_main$H,
-  ProgressNoteTab: _sfc_main$G,
+  ProgressNoteButton: _sfc_main$I,
+  ProgressNoteTab: _sfc_main$H,
   ProgressSingle,
   ProgressTomorrow,
   ProgressYesterday,
-  ResponsibilityCollection: _sfc_main$x,
+  ResponsibilityCollection: _sfc_main$y,
   ResponsibilityModel,
   ResponsibilitySingle,
   ResponsibilityStaff,
   ResponsibilitySupervisor,
-  ResponsibilityTypeCollection: _sfc_main$t,
+  ResponsibilityTypeCollection: _sfc_main$u,
   ResponsibilityTypeModel,
   ResponsibilityTypeSingle,
-  SituationCollection: _sfc_main$r,
+  SituationCollection: _sfc_main$s,
   SituationModel,
-  SituationSingle: _sfc_main$q,
-  SituationSupportive: _sfc_main$o,
-  SituationTypeCollection: _sfc_main$n,
+  SituationSingle: _sfc_main$r,
+  SituationSupportive: _sfc_main$p,
+  SituationTypeCollection: _sfc_main$o,
   SituationTypeModel,
-  SituationTypeSingle: _sfc_main$m,
-  SituationWork: _sfc_main$p,
-  StaffCollection: _sfc_main$l,
-  StaffIdentity: _sfc_main$i,
+  SituationTypeSingle: _sfc_main$n,
+  SituationWork: _sfc_main$q,
+  StaffCollection: _sfc_main$m,
+  StaffIdentity: _sfc_main$j,
   StaffModel,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
   SubmissionCollection: _sfc_main$g,
   SubmissionDecision,
-  SubmissionDocumentTab: _sfc_main$h,
+  SubmissionDetailTab,
+  SubmissionDocumentTab: _sfc_main$i,
   SubmissionFollowUp,
   SubmissionModel,
   SubmissionSingle,
@@ -22061,19 +22502,19 @@ const qrScannerWorker_min = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   __proto__: null,
   createWorker
 }, Symbol.toStringTag, { value: "Module" }));
-exports.AttendanceCollection = _sfc_main$12;
+exports.AttendanceCollection = _sfc_main$13;
 exports.AttendanceManager = AttendanceManager;
 exports.AttendanceModel = AttendanceModel;
 exports.AttendanceSingle = AttendanceSingle;
 exports.AttendanceStaff = AttendanceStaff;
 exports.AttendanceSupervisor = AttendanceSupervisor;
 exports.CheckInAccess = CheckInAccess;
-exports.CheckInCollection = _sfc_main$Q;
+exports.CheckInCollection = _sfc_main$R;
 exports.CheckInExternal = CheckInExternal;
 exports.CheckInModel = CheckInModel;
 exports.CheckInPresenceCollection = CheckInPresenceCollection;
-exports.CheckInScanError = _sfc_main$T;
-exports.CheckInScanSuccess = _sfc_main$R;
+exports.CheckInScanError = _sfc_main$U;
+exports.CheckInScanSuccess = _sfc_main$S;
 exports.CheckInScanner = CheckInScanner;
 exports.CheckInSingle = CheckInSingle;
 exports.CheckInSupervisor = CheckInSupervisor;
@@ -22081,51 +22522,52 @@ exports.NOperasional = operasional_types;
 exports.NeonTime = NeonTime;
 exports.OperasionalIdentitas = OperasionalIdentitas;
 exports.OperasionalInterfacesPlugin = OperasionalInterfacesPlugin;
-exports.PlanCollection = _sfc_main$N;
+exports.PlanCollection = _sfc_main$O;
 exports.PlanModel = PlanModel;
 exports.PlanSingle = PlanSingle;
 exports.PlanStaff = PlanStaff;
-exports.PlanTypeCollection = _sfc_main$K;
+exports.PlanTypeCollection = _sfc_main$L;
 exports.PlanTypeModel = PlanTypeModel;
 exports.PlanTypeSingle = PlanTypeSingle;
-exports.ProgressAccessCollection = _sfc_main$A;
+exports.ProgressAccessCollection = _sfc_main$B;
 exports.ProgressAccessModel = ProgressAccessModel;
 exports.ProgressAccessSingle = ProgressAccessSingle;
 exports.ProgressAccessSupervisor = ProgressAccessSupervisor;
-exports.ProgressButton = _sfc_main$I;
+exports.ProgressButton = _sfc_main$J;
 exports.ProgressCollection = ProgressCollection;
 exports.ProgressModel = ProgressModel;
 exports.ProgressNote = ProgressNote;
-exports.ProgressNoteButton = _sfc_main$H;
-exports.ProgressNoteTab = _sfc_main$G;
+exports.ProgressNoteButton = _sfc_main$I;
+exports.ProgressNoteTab = _sfc_main$H;
 exports.ProgressSingle = ProgressSingle;
 exports.ProgressTomorrow = ProgressTomorrow;
 exports.ProgressYesterday = ProgressYesterday;
-exports.ResponsibilityCollection = _sfc_main$x;
+exports.ResponsibilityCollection = _sfc_main$y;
 exports.ResponsibilityModel = ResponsibilityModel;
 exports.ResponsibilitySingle = ResponsibilitySingle;
 exports.ResponsibilityStaff = ResponsibilityStaff;
 exports.ResponsibilitySupervisor = ResponsibilitySupervisor;
-exports.ResponsibilityTypeCollection = _sfc_main$t;
+exports.ResponsibilityTypeCollection = _sfc_main$u;
 exports.ResponsibilityTypeModel = ResponsibilityTypeModel;
 exports.ResponsibilityTypeSingle = ResponsibilityTypeSingle;
-exports.SituationCollection = _sfc_main$r;
+exports.SituationCollection = _sfc_main$s;
 exports.SituationModel = SituationModel;
-exports.SituationSingle = _sfc_main$q;
-exports.SituationSupportive = _sfc_main$o;
-exports.SituationTypeCollection = _sfc_main$n;
+exports.SituationSingle = _sfc_main$r;
+exports.SituationSupportive = _sfc_main$p;
+exports.SituationTypeCollection = _sfc_main$o;
 exports.SituationTypeModel = SituationTypeModel;
-exports.SituationTypeSingle = _sfc_main$m;
-exports.SituationWork = _sfc_main$p;
-exports.StaffCollection = _sfc_main$l;
-exports.StaffIdentity = _sfc_main$i;
+exports.SituationTypeSingle = _sfc_main$n;
+exports.SituationWork = _sfc_main$q;
+exports.StaffCollection = _sfc_main$m;
+exports.StaffIdentity = _sfc_main$j;
 exports.StaffModel = StaffModel;
 exports.StaffOperasional = StaffOperasional;
 exports.StaffSingle = StaffSingle;
 exports.SubmissionAudit = SubmissionAudit;
 exports.SubmissionCollection = _sfc_main$g;
 exports.SubmissionDecision = SubmissionDecision;
-exports.SubmissionDocumentTab = _sfc_main$h;
+exports.SubmissionDetailTab = SubmissionDetailTab;
+exports.SubmissionDocumentTab = _sfc_main$i;
 exports.SubmissionFollowUp = SubmissionFollowUp;
 exports.SubmissionModel = SubmissionModel;
 exports.SubmissionSingle = SubmissionSingle;