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

package/build/index.mjs

@@ -22,16 +22,16 @@ import isoWeek from "dayjs/esm/plugin/isoWeek/index.js";
 import relativeTimePlugin from "dayjs/esm/plugin/relativeTime/index.js";
 import { models as models$1 } from "@neutron.co.id/tempat-models";
 import { useEventBus, useIntervalFn, useThrottleFn } from "@vueuse/core";
-import { OfficeContent, OfficeCollectionQuery, OfficeCollectionOperation, OfficeTabs, OfficeTab, OfficeRelation, OfficeCollectionTable, OfficeCollectionRelated, OfficeCollectionCalendar, OfficePad } from "@neon.id/office";
+import { OfficeContent, OfficeCollectionQuery, OfficeCollectionOperation, OfficeTabs, OfficeTab, OfficeRelation, OfficeCollectionTable, OfficeCollectionRelated, OfficeCollectionCalendar } from "@neon.id/office";
 import { defineStore, storeToRefs } from "pinia";
 import { useRouter, useRoute } from "vue-router";
 import { ComponentUtil } from "@neon.id/utils/component";
 import Scanner from "qr-scanner";
 import mitt from "mitt";
 import { models as models$2 } from "@neutron.co.id/personalia-models";
-import { CatatSketchPad, CatatPaperSegments, CatatPaperPad } from "@neon.id/catat-interfaces";
+import { CatatSketchPad, CatatPaperPad } from "@neon.id/catat-interfaces";
 const _hoisted_1$m = { class: "xxx-button" };
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...{ name: "XxxButton" },
   __name: "XxxButton",
   props: {
@@ -53,7 +53,7 @@ const _hoisted_2$g = {
   key: 2,
   class: "section"
 };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -409,7 +409,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-355c8370"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-355c8370"]]);
 dayjs.extend(durationPlugin);
 dayjs.extend(relativeTimePlugin);
 dayjs.extend(advancedFormat);
@@ -432,10 +432,10 @@ const _hoisted_2$f = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ create
   -1
   /* HOISTED */
 ));
-const _hoisted_3$8 = [
+const _hoisted_3$7 = [
   _hoisted_2$f
 ];
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -472,7 +472,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["neon-time", { "is-disabled": __props.isDisabled }])
         },
         [
-          __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$k, _hoisted_3$8)) : (openBlock(), createBlock(unref(DatePicker), mergeProps({
+          __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$k, _hoisted_3$7)) : (openBlock(), createBlock(unref(DatePicker), mergeProps({
             key: 1,
             "model-value": internalValue.value
           }, {
@@ -496,7 +496,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
 });
 const NeonTime_vue_vue_type_style_index_0_scoped_805321b9_lang = "";
 const NeonTime_vue_vue_type_style_index_1_lang = "";
-const NeonTime = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-805321b9"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-805321b9"]]);
 const CheckInModel = models$1.CheckInModel;
 const useOperasionalStore = defineStore("neu:operasional", () => {
   const isLoading = ref(false);
@@ -624,7 +624,7 @@ const bus = mitt();
 const _withScopeId$2 = (n) => (pushScopeId("data-v-ee60c24a"), n = n(), popScopeId(), n);
 const _hoisted_1$j = { id: "view-checkIns" };
 const _hoisted_2$e = { class: "summary" };
-const _hoisted_3$7 = { class: "wrapper" };
+const _hoisted_3$6 = { class: "wrapper" };
 const _hoisted_4$4 = { class: "header" };
 const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode(
   "div",
@@ -637,7 +637,7 @@ const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ create
   /* HOISTED */
 ));
 const _hoisted_6$2 = { class: "end" };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...{
     name: "CheckInPresenceCollection"
   },
@@ -947,7 +947,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             ])
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_3$7, [
+            createElementVNode("div", _hoisted_3$6, [
               createVNode(unref(NeonCollectionContext), {
                 definition: "neu:tempat:checkIn",
                 scope: "_checkIns",
@@ -990,9 +990,9 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_ee60c24a_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-ee60c24a"]]);
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-ee60c24a"]]);
 const _hoisted_1$i = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -1090,9 +1090,9 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInSingle_vue_vue_type_style_index_0_scoped_2e2803fb_lang = "";
-const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-2e2803fb"]]);
+const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-2e2803fb"]]);
 const _hoisted_1$h = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -1205,7 +1205,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInExternal_vue_vue_type_style_index_0_scoped_dcdbc71a_lang = "";
-const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-dcdbc71a"]]);
+const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-dcdbc71a"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-d23b6de5"), n = n(), popScopeId(), n);
 const _hoisted_1$g = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
   "h4",
@@ -1225,7 +1225,7 @@ const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
   -1
   /* HOISTED */
 ));
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -1278,9 +1278,9 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInAccess_vue_vue_type_style_index_0_scoped_d23b6de5_lang = "";
-const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-d23b6de5"]]);
+const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-d23b6de5"]]);
 const _hoisted_1$f = { class: "buttons" };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -1342,9 +1342,9 @@ const _hoisted_2$c = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
   -1
   /* HOISTED */
 ));
-const _hoisted_3$6 = ["onClick"];
+const _hoisted_3$5 = ["onClick"];
 const _hoisted_4$3 = { class: "mr-2 text-sm" };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit }) {
@@ -1508,7 +1508,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                         size: "sm",
                         "is-disabled": !canSwitch.value
                       }, null, 8, ["is-disabled"])
-                    ], 8, _hoisted_3$6)
+                    ], 8, _hoisted_3$5)
                   ])
                 ],
                 2
@@ -1526,7 +1526,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInScanner_vue_vue_type_style_index_0_scoped_ef426ef3_lang = "";
-const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-ef426ef3"]]);
+const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-ef426ef3"]]);
 const _hoisted_1$d = /* @__PURE__ */ createElementVNode(
   "h3",
   { align: "center" },
@@ -1534,7 +1534,7 @@ const _hoisted_1$d = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -1566,7 +1566,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{
     name: "CheckInCollection"
   },
@@ -1585,7 +1585,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 const StaffModel = models$2.StaffModel;
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{
     name: "StaffCollection"
   },
@@ -1605,7 +1605,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$c = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$b = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -1685,7 +1685,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 title: "Identitas"
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$F))
+                  createVNode(unref(_sfc_main$G))
                 ]),
                 _: 1
                 /* STABLE */
@@ -1756,10 +1756,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 const StaffSingle_vue_vue_type_style_index_0_scoped_0cf4cd99_lang = "";
-const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-0cf4cd99"]]);
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-0cf4cd99"]]);
 const _hoisted_1$b = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$a = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
     const {
@@ -1839,7 +1839,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 title: "Identitas"
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$F))
+                  createVNode(unref(_sfc_main$G))
                 ]),
                 _: 1
                 /* STABLE */
@@ -1917,8 +1917,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 const StaffOperasional_vue_vue_type_style_index_0_scoped_c62cf70a_lang = "";
-const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-c62cf70a"]]);
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-c62cf70a"]]);
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
     const { values, saveOne, executeOne, syncOne } = useSingle();
@@ -2074,7 +2074,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 const SituationModel = models$2.SituationModel;
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{ name: "SituationCollection" },
   __name: "SituationCollection",
   setup(__props) {
@@ -2090,7 +2090,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "SituationSingle",
   setup(__props) {
     const {
@@ -2228,7 +2228,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "SituationWork",
   setup(__props) {
     const {
@@ -2409,7 +2409,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{ name: "SituationSupportive" },
   __name: "SituationSupportive",
   setup(__props) {
@@ -2548,7 +2548,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const SituationTypeModel = models$2.SituationTypeModel;
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{ name: "SituationTypeCollection" },
   __name: "SituationTypeCollection",
   setup(__props) {
@@ -2564,7 +2564,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "SituationTypeSingle",
   setup(__props) {
     const {
@@ -2639,7 +2639,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
 const TaskModel = models$2.TaskModel;
 const _hoisted_1$a = { key: 0 };
 const _hoisted_2$9 = { key: 1 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{ name: "TaskWorkButton" },
   __name: "TaskWorkButton",
   setup(__props) {
@@ -2760,7 +2760,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{ name: "TaskCollection" },
   __name: "TaskCollection",
   setup(__props) {
@@ -2776,7 +2776,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "TaskSingle",
   setup(__props) {
     const {
@@ -2999,7 +2999,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "TaskWork",
   setup(__props) {
     const {
@@ -3222,7 +3222,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 const SubmissionModel = models$2.SubmissionModel;
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "SubmissionCollection"
   },
@@ -3240,7 +3240,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SubmissionSingle",
   setup(__props) {
     const {
@@ -3337,25 +3337,22 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      createVNode(unref(NeonField), mergeProps({
-                        modelValue: unref(values).specifications,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).specifications = $event)
-                      }, unref(fields).specifications), null, 16, ["modelValue"]),
+                      createCommentVNode(' <NeonField\n            v-model="values.specifications"\n            v-bind="fields.specifications"\n          /> '),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).preparedAt,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).preparedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).preparedAt = $event)
                       }, unref(fields).preparedAt), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).raisedAt,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).raisedAt = $event)
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).raisedAt = $event)
                       }, unref(fields).raisedAt), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).processedAt,
-                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).processedAt = $event)
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).processedAt = $event)
                       }, unref(fields).processedAt), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).updatedAt,
-                        "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(values).updatedAt = $event)
+                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).updatedAt = $event)
                       }, {
                         handle: "updatedAt",
                         name: "Tanggal Diupdate",
@@ -3367,12 +3364,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                       }, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
-                        label: "Nominal"
+                        label: "Spesifikasi"
                       }),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).nominal,
-                        "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(values).nominal = $event)
+                        "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(values).nominal = $event)
                       }, unref(fields).nominal), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).workingHours,
+                        "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(values).workingHours = $event)
+                      }, unref(fields).workingHours), null, 16, ["modelValue"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
                         label: "Keputusan"
@@ -3436,9 +3437,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionSingle_vue_vue_type_style_index_0_scoped_39553dbd_lang = "";
-const SubmissionSingle = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-39553dbd"]]);
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const SubmissionSingle_vue_vue_type_style_index_0_scoped_db121b49_lang = "";
+const SubmissionSingle = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-db121b49"]]);
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "SubmissionStaff",
   setup(__props) {
     var _a;
@@ -3536,7 +3537,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                             size: "md",
                             color: "dark",
                             "icon-left": "arrow-up-from-line",
-                            "is-disabled": unref(isNew) || unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved" || !unref(values).agreedStaffs || !unref(values).branches || !unref(values).decideStaffs || !unref(values).followUpStaffs || !unref(values).raiseStaffs || !unref(values).specifications || !unref(values).submissionStaffs || !unref(values).title || !unref(values).type,
+                            "is-disabled": unref(isNew) || unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved" || !unref(values).agreedStaffs || !unref(values).branches || !unref(values).decideStaffs || !unref(values).followUpStaffs || !unref(values).raiseStaffs || !unref(values).submissionStaffs || !unref(values).title || !unref(values).type,
                             onClick: syncRaise
                           }, {
                             default: withCtx(() => [
@@ -3615,34 +3616,46 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      createVNode(unref(NeonField), mergeProps({
-                        modelValue: unref(values).specifications,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).specifications = $event)
-                      }, unref(fields).specifications, {
-                        "is-disabled": unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
-                      }), null, 16, ["modelValue", "is-disabled"]),
+                      createCommentVNode(` <NeonField
+            v-model="values.specifications"
+            v-bind="fields.specifications"
+            :is-disabled="
+              values.status === 'raised' ||
+              values.status === 'processed' ||
+              values.status === 'approved' ||
+              values.status === 'monitored' ||
+              values.status === 'discontinued' ||
+              values.status === 'resolved'
+            "
+          /> `),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).preparedAt,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).preparedAt = $event)
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).preparedAt = $event)
                       }, unref(fields).preparedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).raisedAt,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).raisedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).raisedAt = $event)
                       }, unref(fields).raisedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).processedAt,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).processedAt = $event)
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).processedAt = $event)
                       }, unref(fields).processedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
-                        label: "Nominal"
+                        label: "Spesifikasi"
                       }),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).nominal,
-                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).nominal = $event)
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).nominal = $event)
                       }, unref(fields).nominal, {
                         "is-disabled": unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).workingHours,
+                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).workingHours = $event)
+                      }, unref(fields).workingHours, {
+                        "is-disabled": unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
                         label: "Keputusan"
@@ -3709,9 +3722,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionStaff_vue_vue_type_style_index_0_scoped_3ed905bd_lang = "";
-const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-3ed905bd"]]);
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const SubmissionStaff_vue_vue_type_style_index_0_scoped_c971a3c0_lang = "";
+const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-c971a3c0"]]);
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
     const {
@@ -3811,13 +3824,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      createVNode(unref(NeonField), mergeProps({
-                        modelValue: unref(values).specifications,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).specifications = $event)
-                      }, unref(fields).specifications, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createCommentVNode(' <NeonField\n            v-model="values.specifications"\n            v-bind="fields.specifications"\n            is-disabled\n          /> '),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).updatedAt,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).updatedAt = $event)
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).updatedAt = $event)
                       }, {
                         handle: "updatedAt",
                         name: "Tanggal Diupdate",
@@ -3829,12 +3839,16 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                       }, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
-                        label: "Nominal"
+                        label: "Spesifikasi"
                       }),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).nominal,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).nominal = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).nominal = $event)
                       }, unref(fields).nominal, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).workingHours,
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).workingHours = $event)
+                      }, unref(fields).workingHours, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
                         label: "Keputusan"
@@ -3901,14 +3915,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionFollowUp_vue_vue_type_style_index_0_scoped_6fd14e52_lang = "";
-const SubmissionFollowUp = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-6fd14e52"]]);
+const SubmissionFollowUp_vue_vue_type_style_index_0_scoped_890dfdf2_lang = "";
+const SubmissionFollowUp = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-890dfdf2"]]);
 const _hoisted_1$9 = { class: "flex flex-wrap" };
 const _hoisted_2$8 = { class: "mt-2" };
-const _hoisted_3$5 = { class: "mt-2" };
+const _hoisted_3$4 = { class: "mt-2" };
 const _hoisted_4$2 = { class: "mt-2" };
 const _hoisted_5$2 = { class: "mt-2" };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "SubmissionAudit",
   setup(__props) {
     var _a;
@@ -4035,7 +4049,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("v-if", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$5, [
+                        createElementVNode("div", _hoisted_3$4, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => [
                               createVNode(unref(NeonButton), {
@@ -4162,34 +4176,45 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      createVNode(unref(NeonField), mergeProps({
-                        modelValue: unref(values).specifications,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).specifications = $event)
-                      }, unref(fields).specifications, {
-                        "is-disabled": unref(values).status === "processed" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
-                      }), null, 16, ["modelValue", "is-disabled"]),
+                      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'
+            "
+          /> `),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).preparedAt,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).preparedAt = $event)
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).preparedAt = $event)
                       }, unref(fields).preparedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).raisedAt,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).raisedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).raisedAt = $event)
                       }, unref(fields).raisedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).processedAt,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).processedAt = $event)
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).processedAt = $event)
                       }, unref(fields).processedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
-                        label: "Nominal"
+                        label: "Spesifikasi"
                       }),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).nominal,
-                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).nominal = $event)
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).nominal = $event)
                       }, unref(fields).nominal, {
                         "is-disabled": unref(values).status === "processed" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).workingHours,
+                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).workingHours = $event)
+                      }, unref(fields).workingHours, {
+                        "is-disabled": unref(values).status === "processed" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
                         label: "Keputusan"
@@ -4244,6 +4269,43 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
                 /* STABLE */
+              })) : createCommentVNode("v-if", true),
+              createCommentVNode(" PROGRESS "),
+              !unref(isNew) ? (openBlock(), createBlock(unref(OfficeTab), {
+                key: 1,
+                handle: "progress",
+                icon: "info-circle",
+                title: "Progress"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(OfficeCollectionRelated), {
+                    definition: "neu:personalia:progress",
+                    title: "Progress",
+                    description: "Progress dari tindaklanjut.",
+                    query: unref(Query).define({
+                      filter: [
+                        {
+                          submissionIds: unref(id)
+                        }
+                      ],
+                      sort: {
+                        handle: "startedAt",
+                        direction: "ascending"
+                      }
+                    }),
+                    "is-ready": unref(isReady),
+                    columns: ["startedAt", "endedAt", "staff", "detail"],
+                    sorts: ["startedAt", "startedAt", "createdAt", "updatedAt"],
+                    filters: ["staff"],
+                    "initial-values": {
+                      submissionIds: unref(id),
+                      submissions: unref(values)
+                    },
+                    excludes: ["create"]
+                  }, null, 8, ["query", "is-ready", "initial-values"])
+                ]),
+                _: 1
+                /* STABLE */
               })) : createCommentVNode("v-if", true)
             ]),
             _: 1
@@ -4256,12 +4318,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionAudit_vue_vue_type_style_index_0_scoped_7ee6c6b9_lang = "";
-const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-7ee6c6b9"]]);
+const SubmissionAudit_vue_vue_type_style_index_0_scoped_cf1bf231_lang = "";
+const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-cf1bf231"]]);
 const _hoisted_1$8 = { class: "flex flex-wrap" };
 const _hoisted_2$7 = { class: "mt-2" };
-const _hoisted_3$4 = { class: "mt-2" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _hoisted_3$3 = { class: "mt-2" };
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
     var _a;
@@ -4391,7 +4453,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("v-if", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$4, [
+                        createElementVNode("div", _hoisted_3$3, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => {
                               var _a2, _b;
@@ -4477,34 +4539,47 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      createVNode(unref(NeonField), mergeProps({
-                        modelValue: unref(values).specifications,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).specifications = $event)
-                      }, unref(fields).specifications, {
-                        "is-disabled": unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "delay" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
-                      }), null, 16, ["modelValue", "is-disabled"]),
+                      createCommentVNode(` <NeonField
+            v-model="values.specifications"
+            v-bind="fields.specifications"
+            :is-disabled="
+              values.status === 'raised' ||
+              values.status === 'processed' ||
+              values.status === 'delay' ||
+              values.status === 'approved' ||
+              values.status === 'monitored' ||
+              values.status === 'discontinued' ||
+              values.status === 'resolved'
+            "
+          /> `),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).preparedAt,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).preparedAt = $event)
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).preparedAt = $event)
                       }, unref(fields).preparedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).raisedAt,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).raisedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).raisedAt = $event)
                       }, unref(fields).raisedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).processedAt,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).processedAt = $event)
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).processedAt = $event)
                       }, unref(fields).processedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
-                        label: "Nominal"
+                        label: "Spesifikasi"
                       }),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).nominal,
-                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).nominal = $event)
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).nominal = $event)
                       }, unref(fields).nominal, {
                         "is-disabled": unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "delay" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).workingHours,
+                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).workingHours = $event)
+                      }, unref(fields).workingHours, {
+                        "is-disabled": unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "delay" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
                         label: "Keputusan"
@@ -4559,6 +4634,43 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
                 /* STABLE */
+              })) : createCommentVNode("v-if", true),
+              createCommentVNode(" PROGRESS "),
+              !unref(isNew) ? (openBlock(), createBlock(unref(OfficeTab), {
+                key: 1,
+                handle: "progress",
+                icon: "info-circle",
+                title: "Progress"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(OfficeCollectionRelated), {
+                    definition: "neu:personalia:progress",
+                    title: "Progress",
+                    description: "Progress dari tindaklanjut.",
+                    query: unref(Query).define({
+                      filter: [
+                        {
+                          submissionIds: unref(id)
+                        }
+                      ],
+                      sort: {
+                        handle: "startedAt",
+                        direction: "ascending"
+                      }
+                    }),
+                    "is-ready": unref(isReady),
+                    columns: ["startedAt", "endedAt", "staff", "detail"],
+                    sorts: ["startedAt", "startedAt", "createdAt", "updatedAt"],
+                    filters: ["staff"],
+                    "initial-values": {
+                      submissionIds: unref(id),
+                      submissions: unref(values)
+                    },
+                    excludes: ["create"]
+                  }, null, 8, ["query", "is-ready", "initial-values"])
+                ]),
+                _: 1
+                /* STABLE */
               })) : createCommentVNode("v-if", true)
             ]),
             _: 1
@@ -4571,12 +4683,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionDecision_vue_vue_type_style_index_0_scoped_ec347ac5_lang = "";
-const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-ec347ac5"]]);
+const SubmissionDecision_vue_vue_type_style_index_0_scoped_754ce2a4_lang = "";
+const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-754ce2a4"]]);
 const _hoisted_1$7 = { class: "flex flex-wrap" };
 const _hoisted_2$6 = { class: "mt-2" };
-const _hoisted_3$3 = { class: "mt-2" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _hoisted_3$2 = { class: "mt-2" };
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
     var _a;
@@ -4708,7 +4820,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                           })) : createCommentVNode("v-if", true)
                         ]),
                         createTextVNode("    "),
-                        createElementVNode("div", _hoisted_3$3, [
+                        createElementVNode("div", _hoisted_3$2, [
                           unref(isReady) ? (openBlock(), createBlock(unref(NeonField), { key: 0 }, {
                             input: withCtx(() => {
                               var _a2, _b;
@@ -4794,34 +4906,47 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      createVNode(unref(NeonField), mergeProps({
-                        modelValue: unref(values).specifications,
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).specifications = $event)
-                      }, unref(fields).specifications, {
-                        "is-disabled": unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "delay" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
-                      }), null, 16, ["modelValue", "is-disabled"]),
+                      createCommentVNode(` <NeonField
+            v-model="values.specifications"
+            v-bind="fields.specifications"
+            :is-disabled="
+              values.status === 'raised' ||
+              values.status === 'processed' ||
+              values.status === 'delay' ||
+              values.status === 'approved' ||
+              values.status === 'monitored' ||
+              values.status === 'discontinued' ||
+              values.status === 'resolved'
+            "
+          /> `),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).preparedAt,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).preparedAt = $event)
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).preparedAt = $event)
                       }, unref(fields).preparedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).raisedAt,
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).raisedAt = $event)
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).raisedAt = $event)
                       }, unref(fields).raisedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).processedAt,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).processedAt = $event)
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).processedAt = $event)
                       }, unref(fields).processedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
-                        label: "Nominal"
+                        label: "Spesifikasi"
                       }),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).nominal,
-                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).nominal = $event)
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(values).nominal = $event)
                       }, unref(fields).nominal, {
                         "is-disabled": unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "delay" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).workingHours,
+                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(values).workingHours = $event)
+                      }, unref(fields).workingHours, {
+                        "is-disabled": unref(values).status === "raised" || unref(values).status === "processed" || unref(values).status === "delay" || unref(values).status === "approved" || unref(values).status === "monitored" || unref(values).status === "discontinued" || unref(values).status === "resolved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
                         label: "Keputusan"
@@ -4888,10 +5013,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SubmissionWaitingDecision_vue_vue_type_style_index_0_scoped_051b2194_lang = "";
-const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-051b2194"]]);
+const SubmissionWaitingDecision_vue_vue_type_style_index_0_scoped_1f81ee74_lang = "";
+const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1f81ee74"]]);
 const SubmissionTypeModel = models$2.SubmissionTypeModel;
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "SubmissionTypeCollection"
   },
@@ -4909,7 +5034,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "SubmissionTypeSingle",
   setup(__props) {
     const {
@@ -4975,9 +5100,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 const SubmissionTypeSingle_vue_vue_type_style_index_0_scoped_2b7e18ba_lang = "";
-const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-2b7e18ba"]]);
+const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-2b7e18ba"]]);
 const ResponsibilityTypeModel = models$2.ResponsibilityTypeModel;
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     name: "ResponsibilityTypeCollection"
   },
@@ -4995,7 +5120,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "ResponsibilityTypeSingle",
   setup(__props) {
     const {
@@ -5061,9 +5186,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const ResponsibilityTypeSingle_vue_vue_type_style_index_0_scoped_3df9fac1_lang = "";
-const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-3df9fac1"]]);
+const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-3df9fac1"]]);
 const ResponsibilityModel = models$2.ResponsibilityModel;
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     name: "ResponsibilityCollection"
   },
@@ -5081,7 +5206,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "ResponsibilitySingle",
   setup(__props) {
     const {
@@ -5098,6 +5223,17 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       discardChanges
     } = useSingle();
     const { staff } = useOperasional();
+    const responsibilityTypeOptions = computed(() => {
+      return {
+        filter: [
+          {
+            handle: "branchIds",
+            operator: "in",
+            value: values.value.branchId
+          }
+        ]
+      };
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonSingle), { class: "neu-responsibility-single" }, {
         default: withCtx(() => [
@@ -5141,8 +5277,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                           createVNode(unref(OfficeRelation), {
                             modelValue: unref(values),
                             "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(values) ? values.value = $event : null),
-                            field: unref(fields).responsibilityType
-                          }, null, 8, ["modelValue", "field"])
+                            field: unref(fields).responsibilityType,
+                            query: unref(Query).define(responsibilityTypeOptions.value)
+                          }, null, 8, ["modelValue", "field", "query"])
                         ]),
                         _: 1
                         /* STABLE */
@@ -5232,9 +5369,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ResponsibilitySingle_vue_vue_type_style_index_0_scoped_aaff5c1e_lang = "";
-const ResponsibilitySingle = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-aaff5c1e"]]);
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const ResponsibilitySingle_vue_vue_type_style_index_0_scoped_774b00b2_lang = "";
+const ResponsibilitySingle = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-774b00b2"]]);
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "ResponsibilityStaff",
   setup(__props) {
     const {
@@ -5390,9 +5527,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const ResponsibilityStaff_vue_vue_type_style_index_0_scoped_8c4d64ad_lang = "";
-const ResponsibilityStaff = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8c4d64ad"]]);
+const ResponsibilityStaff = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-8c4d64ad"]]);
 const TargetModel = models$2.TargetModel;
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "TargetCollection"
   },
@@ -5410,7 +5547,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "TargetSingle",
   setup(__props) {
     const {
@@ -5563,8 +5700,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const TargetSingle_vue_vue_type_style_index_0_scoped_c12b8df8_lang = "";
-const TargetSingle = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c12b8df8"]]);
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const TargetSingle = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-c12b8df8"]]);
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "TargetBranch",
   setup(__props) {
     const {
@@ -5717,9 +5854,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 const TargetBranch_vue_vue_type_style_index_0_scoped_6a5a6e80_lang = "";
-const TargetBranch = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6a5a6e80"]]);
+const TargetBranch = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-6a5a6e80"]]);
 const PlanTypeModel = models$2.PlanTypeModel;
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlanTypeCollection"
   },
@@ -5737,7 +5874,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "PlanTypeSingle",
   setup(__props) {
     const {
@@ -5858,9 +5995,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 const PlanTypeSingle_vue_vue_type_style_index_0_scoped_80d2e1d3_lang = "";
-const PlanTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-80d2e1d3"]]);
+const PlanTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-80d2e1d3"]]);
 const PlanModel = models$2.PlanModel;
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlanCollection"
   },
@@ -5878,7 +6015,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "PlanSingle",
   setup(__props) {
     const {
@@ -6054,8 +6191,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 const PlanSingle_vue_vue_type_style_index_0_scoped_b3d29aa4_lang = "";
-const PlanSingle = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b3d29aa4"]]);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const PlanSingle = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-b3d29aa4"]]);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "PlanStaff",
   setup(__props) {
     const {
@@ -6207,10 +6344,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 const PlanStaff_vue_vue_type_style_index_0_scoped_aa8de6da_lang = "";
-const PlanStaff = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-aa8de6da"]]);
+const PlanStaff = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-aa8de6da"]]);
 const ProgressModel = models$2.ProgressModel;
 const _hoisted_1$6 = { class: "flex flex-wrap" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{ name: "ProgressButton" },
   __name: "ProgressButton",
   setup(__props) {
@@ -6256,7 +6393,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ProgressCollection"
   },
@@ -6319,13 +6456,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 const ProgressCollection_vue_vue_type_style_index_0_scoped_2634660f_lang = "";
-const ProgressCollection = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-2634660f"]]);
+const ProgressCollection = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-2634660f"]]);
 const _hoisted_1$5 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$5 = { class: "text-right text-fg-subdued text-sm" };
-const _hoisted_3$2 = { class: "segments" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
+    var _a;
     const {
       fields,
       id,
@@ -6341,7 +6478,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     } = useSingle();
     const { staff } = useOperasional();
     const responsibilityOptions = computed(() => {
-      var _a, _b;
+      var _a2, _b;
       return {
         filter: [
           {
@@ -6354,7 +6491,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               {
                 handle: "staffWorkIds",
                 operator: "in",
-                value: (_a = staff.value) == null ? void 0 : _a.id
+                value: (_a2 = staff.value) == null ? void 0 : _a2.id
               },
               {
                 handle: "staffSuperviseIds",
@@ -6389,14 +6526,20 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     }
     const sekarang = DateUtil.day(/* @__PURE__ */ new Date());
     const besok = sekarang;
+    const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
     watch(
       isNew,
       (isNew2) => {
-        var _a;
+        var _a2;
         if (!isNew2)
           return;
-        values.value.staffIds = (_a = staff.value) == null ? void 0 : _a.id;
-        values.value.staffs = staff.value;
+        values.value.staffIds = [staffId];
+        values.value.staffs = [
+          {
+            id: staffId,
+            flag: (_a2 = staff.value) == null ? void 0 : _a2.flag
+          }
+        ];
         values.value.startedAt = besok.second(0).millisecond(0).toISOString();
         values.value.endedAt = besok.add(90, "m").toISOString();
       },
@@ -6425,45 +6568,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       () => `neu:operasional:progress:${id.value}`
     );
     const display = ref();
-    const pads = {
-      comments: {
-        handle: "comments",
-        title: "Comments",
-        icon: "comments"
-      },
-      note: {
-        handle: "note",
-        title: "Note",
-        icon: "notes"
-      },
-      sketch: {
-        handle: "sketch",
-        title: "Sketch",
-        icon: "pen-swirl"
-      }
-    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonSingle), { class: "neu-progress-single" }, {
-        sketch: withCtx(({ close }) => [
-          createVNode(unref(OfficePad), mergeProps(pads.sketch, { onClose: close }), {
-            default: withCtx(() => [
-              createVNode(
-                unref(CatatSketchPad),
-                normalizeProps(guardReactiveProps({
-                  applicationId: unref(appStore).appId,
-                  object: `${objectDef.value}:office`,
-                  isReady: unref(isReady),
-                  isLoading: unref(isLoading)
-                })),
-                null,
-                16
-                /* FULL_PROPS */
-              )
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1040, ["onClose"])
-        ]),
         default: withCtx(() => [
           createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
             default: withCtx(() => [
@@ -6576,20 +6682,25 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       }, 16, ["modelValue"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).accessStaffs
+                      }, null, 8, ["modelValue", "field"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
                         label: "Referensi"
                       }),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).responsibilities,
                         query: unref(Query).define(responsibilityOptions.value)
                       }, null, 8, ["modelValue", "field", "query"]),
                       createCommentVNode(' <OfficeRelation v-model="values" :field="fields.plans" /> '),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).submissions,
                         query: unref(Query).define(submissionOptions.value)
                       }, null, 8, ["modelValue", "field", "query"])
@@ -6609,12 +6720,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 title: "Catatan"
               }, {
                 default: withCtx(({ isTouched }) => [
-                  createElementVNode("div", _hoisted_3$2, [
-                    createVNode(unref(CatatPaperSegments), {
-                      display: display.value,
-                      "onUpdate:display": _cache[10] || (_cache[10] = ($event) => display.value = $event)
-                    }, null, 8, ["display"])
-                  ]),
                   createVNode(unref(CatatPaperPad), mergeProps({
                     applicationId: unref(appStore).appId,
                     object: `${objectDef.value}:office`,
@@ -6636,13 +6741,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressSingle_vue_vue_type_style_index_0_scoped_e7bbc154_lang = "";
-const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e7bbc154"]]);
+const ProgressSingle_vue_vue_type_style_index_0_scoped_ca99d46c_lang = "";
+const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-ca99d46c"]]);
 const _hoisted_1$4 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$4 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "ProgressTomorrow",
   setup(__props) {
+    var _a;
     const {
       fields,
       id,
@@ -6658,7 +6764,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     } = useSingle();
     const { staff } = useOperasional();
     const responsibilityOptions = computed(() => {
-      var _a, _b;
+      var _a2, _b;
       return {
         filter: [
           {
@@ -6671,7 +6777,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               {
                 handle: "staffWorkIds",
                 operator: "in",
-                value: (_a = staff.value) == null ? void 0 : _a.id
+                value: (_a2 = staff.value) == null ? void 0 : _a2.id
               },
               {
                 handle: "staffSuperviseIds",
@@ -6706,14 +6812,20 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     }
     const sekarang = DateUtil.day(/* @__PURE__ */ new Date());
     const besok = sekarang.add(1, "day");
+    const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
     watch(
       isNew,
       (isNew2) => {
-        var _a;
+        var _a2;
         if (!isNew2)
           return;
-        values.value.staffIds = (_a = staff.value) == null ? void 0 : _a.id;
-        values.value.staffs = staff.value;
+        values.value.staffIds = [staffId];
+        values.value.staffs = [
+          {
+            id: staffId,
+            flag: (_a2 = staff.value) == null ? void 0 : _a2.flag
+          }
+        ];
         values.value.startedAt = besok.second(0).millisecond(0).toISOString();
         values.value.endedAt = besok.add(90, "m").toISOString();
       },
@@ -6737,6 +6849,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         ]
       };
     });
+    const appStore = useAppStore();
+    const objectDef = computed(
+      () => `neu:operasional:progress:${id.value}`
+    );
+    const display = ref();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonSingle), { class: "neu-progress-single" }, {
         default: withCtx(() => [
@@ -6836,23 +6953,43 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).staffs
                       }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).isNotes,
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).isNotes = $event)
+                      }, unref(fields).isNotes), {
+                        input: withCtx(() => [
+                          createVNode(unref(NeonCheck), {
+                            modelValue: unref(values).isNotes,
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).isNotes = $event),
+                            label: "Catatan",
+                            class: "mt-2"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 16, ["modelValue"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).accessStaffs
+                      }, null, 8, ["modelValue", "field"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
                         label: "Referensi"
                       }),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).responsibilities,
                         query: unref(Query).define(responsibilityOptions.value)
                       }, null, 8, ["modelValue", "field", "query"]),
+                      createCommentVNode(' <OfficeRelation v-model="values" :field="fields.plans" /> '),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).submissions,
                         query: unref(Query).define(submissionOptions.value)
-                      }, null, 8, ["modelValue", "field", "query"]),
-                      createCommentVNode(' <OfficeRelation v-model="values" :field="fields.plans" /> ')
+                      }, null, 8, ["modelValue", "field", "query"])
                     ]),
                     _: 1
                     /* STABLE */
@@ -6860,7 +6997,25 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
                 /* STABLE */
-              })
+              }),
+              createCommentVNode(" Catatan "),
+              !unref(isNew) && unref(values).isNotes === true ? (openBlock(), createBlock(unref(OfficeTab), {
+                key: 0,
+                handle: "catatan",
+                icon: "circle-info",
+                title: "Catatan"
+              }, {
+                default: withCtx(({ isTouched }) => [
+                  createVNode(unref(CatatPaperPad), mergeProps({
+                    applicationId: unref(appStore).appId,
+                    object: `${objectDef.value}:office`,
+                    isReady: unref(isReady) && isTouched,
+                    isLoading: unref(isLoading)
+                  }, { display: display.value }), null, 16, ["display"])
+                ]),
+                _: 1
+                /* STABLE */
+              })) : createCommentVNode("v-if", true)
             ]),
             _: 1
             /* STABLE */
@@ -6872,13 +7027,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressTomorrow_vue_vue_type_style_index_0_scoped_9a139943_lang = "";
-const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-9a139943"]]);
+const ProgressTomorrow_vue_vue_type_style_index_0_scoped_41302f2e_lang = "";
+const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-41302f2e"]]);
 const _hoisted_1$3 = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$3 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ProgressYesterday",
   setup(__props) {
+    var _a;
     const {
       fields,
       id,
@@ -6894,7 +7050,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     } = useSingle();
     const { staff } = useOperasional();
     const responsibilityOptions = computed(() => {
-      var _a, _b;
+      var _a2, _b;
       return {
         filter: [
           {
@@ -6907,7 +7063,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               {
                 handle: "staffWorkIds",
                 operator: "in",
-                value: (_a = staff.value) == null ? void 0 : _a.id
+                value: (_a2 = staff.value) == null ? void 0 : _a2.id
               },
               {
                 handle: "staffSuperviseIds",
@@ -6942,14 +7098,20 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }
     const sekarang = DateUtil.day(/* @__PURE__ */ new Date());
     const besok = sekarang.add(-1, "day");
+    const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
     watch(
       isNew,
       (isNew2) => {
-        var _a;
+        var _a2;
         if (!isNew2)
           return;
-        values.value.staffIds = (_a = staff.value) == null ? void 0 : _a.id;
-        values.value.staffs = staff.value;
+        values.value.staffIds = [staffId];
+        values.value.staffs = [
+          {
+            id: staffId,
+            flag: (_a2 = staff.value) == null ? void 0 : _a2.flag
+          }
+        ];
         values.value.startedAt = besok.second(0).millisecond(0).toISOString();
         values.value.endedAt = besok.add(90, "m").toISOString();
       },
@@ -6973,6 +7135,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         ]
       };
     });
+    const appStore = useAppStore();
+    const objectDef = computed(
+      () => `neu:operasional:progress:${id.value}`
+    );
+    const display = ref();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonSingle), { class: "neu-progress-single" }, {
         default: withCtx(() => [
@@ -7072,24 +7239,40 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).staffs
                       }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).isNotes,
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).isNotes = $event)
+                      }, unref(fields).isNotes), {
+                        input: withCtx(() => [
+                          createVNode(unref(NeonCheck), {
+                            modelValue: unref(values).isNotes,
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).isNotes = $event),
+                            label: "Catatan",
+                            class: "mt-2"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 16, ["modelValue"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).accessStaffs
+                      }, null, 8, ["modelValue", "field"]),
                       createVNode(unref(NeonDivider), {
                         "is-dashed": "",
                         label: "Referensi"
                       }),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).responsibilities,
                         query: unref(Query).define(responsibilityOptions.value)
                       }, null, 8, ["modelValue", "field", "query"]),
+                      createCommentVNode(' <OfficeRelation v-model="values" :field="fields.plans" /> '),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(values) ? values.value = $event : null),
-                        field: unref(fields).plans
-                      }, null, 8, ["modelValue", "field"]),
-                      createVNode(unref(OfficeRelation), {
-                        modelValue: unref(values),
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(values) ? values.value = $event : null),
+                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).submissions,
                         query: unref(Query).define(submissionOptions.value)
                       }, null, 8, ["modelValue", "field", "query"])
@@ -7100,7 +7283,185 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
                 /* STABLE */
-              })
+              }),
+              createCommentVNode(" Catatan "),
+              !unref(isNew) && unref(values).isNotes === true ? (openBlock(), createBlock(unref(OfficeTab), {
+                key: 0,
+                handle: "catatan",
+                icon: "circle-info",
+                title: "Catatan"
+              }, {
+                default: withCtx(({ isTouched }) => [
+                  createVNode(unref(CatatPaperPad), mergeProps({
+                    applicationId: unref(appStore).appId,
+                    object: `${objectDef.value}:office`,
+                    isReady: unref(isReady) && isTouched,
+                    isLoading: unref(isLoading)
+                  }, { display: display.value }), null, 16, ["display"])
+                ]),
+                _: 1
+                /* STABLE */
+              })) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ProgressYesterday_vue_vue_type_style_index_0_scoped_78de8f41_lang = "";
+const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-78de8f41"]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "ProgressNote",
+  setup(__props) {
+    var _a;
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = useSingle();
+    const { staff } = useOperasional();
+    const sekarang = DateUtil.day(/* @__PURE__ */ new Date());
+    const besok = sekarang;
+    const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
+    watch(
+      isNew,
+      (isNew2) => {
+        var _a2, _b;
+        if (!isNew2)
+          return;
+        values.value.staffIds = [staffId];
+        values.value.staffs = [
+          {
+            id: staffId,
+            flag: (_a2 = staff.value) == null ? void 0 : _a2.flag
+          }
+        ];
+        values.value.accessStaffIds = [staffId];
+        values.value.accessStaffs = [
+          {
+            id: staffId,
+            flag: (_b = staff.value) == null ? void 0 : _b.flag
+          }
+        ];
+        values.value.startedAt = besok.second(0).millisecond(0).toISOString();
+        values.value.endedAt = besok.add(90, "m").toISOString();
+        values.value.isNotes = true;
+        values.value.virtualIsNotes = "active";
+      },
+      {
+        immediate: true
+      }
+    );
+    const appStore = useAppStore();
+    const objectDef = computed(
+      () => `neu:operasional:progress:${id.value}`
+    );
+    const display = ref();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-progress-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(NeonFields), { md: "grid-cols-2" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(NeonField), mergeProps({
+                            modelValue: unref(values).startedAt,
+                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).startedAt = $event)
+                          }, unref(fields).startedAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                          createVNode(unref(NeonField), mergeProps({
+                            modelValue: unref(values).detail,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).detail = $event)
+                          }, unref(fields).detail), null, 16, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      unref(isNew) ? (openBlock(), createBlock(unref(OfficeRelation), {
+                        key: 0,
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).staffs
+                      }, null, 8, ["modelValue", "field"])) : createCommentVNode("v-if", true),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).accessStaffs
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).priority,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).priority = $event)
+                      }, unref(fields).priority), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).isNotes,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).isNotes = $event)
+                      }, unref(fields).isNotes), {
+                        input: withCtx(() => [
+                          createVNode(unref(NeonCheck), {
+                            modelValue: unref(values).isNotes,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).isNotes = $event),
+                            label: "Catatan",
+                            class: "mt-2",
+                            "is-disabled": ""
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createCommentVNode(" Catatan "),
+              !unref(isNew) && unref(values).isNotes === true ? (openBlock(), createBlock(unref(OfficeTab), {
+                key: 0,
+                handle: "catatan",
+                icon: "circle-info",
+                title: "Catatan"
+              }, {
+                default: withCtx(({ isTouched }) => [
+                  createVNode(unref(CatatPaperPad), mergeProps({
+                    applicationId: unref(appStore).appId,
+                    object: `${objectDef.value}:office`,
+                    isReady: unref(isReady) && isTouched,
+                    isLoading: unref(isLoading)
+                  }, { display: display.value }), null, 16, ["display"])
+                ]),
+                _: 1
+                /* STABLE */
+              })) : createCommentVNode("v-if", true)
             ]),
             _: 1
             /* STABLE */
@@ -7112,8 +7473,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProgressYesterday_vue_vue_type_style_index_0_scoped_3bad8bb9_lang = "";
-const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3bad8bb9"]]);
+const ProgressNote_vue_vue_type_style_index_0_scoped_cee18889_lang = "";
+const ProgressNote = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-cee18889"]]);
 const AttendanceModel = models$2.AttendanceModel;
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
@@ -8108,70 +8469,71 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   AttendanceSingle,
   AttendanceStaff,
   CheckInAccess,
-  CheckInCollection: _sfc_main$J,
+  CheckInCollection: _sfc_main$K,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$M,
-  CheckInScanSuccess: _sfc_main$K,
+  CheckInScanError: _sfc_main$N,
+  CheckInScanSuccess: _sfc_main$L,
   CheckInScanner,
   CheckInSingle,
   NeonTime,
   OperasionalIdentitas,
-  PlanCollection: _sfc_main$b,
+  PlanCollection: _sfc_main$c,
   PlanModel,
   PlanSingle,
   PlanStaff,
-  PlanTypeCollection: _sfc_main$d,
+  PlanTypeCollection: _sfc_main$e,
   PlanTypeModel,
   PlanTypeSingle,
-  ProgressButton: _sfc_main$8,
+  ProgressButton: _sfc_main$9,
   ProgressCollection,
   ProgressModel,
+  ProgressNote,
   ProgressSingle,
   ProgressTomorrow,
   ProgressYesterday,
-  ResponsibilityCollection: _sfc_main$j,
+  ResponsibilityCollection: _sfc_main$k,
   ResponsibilityModel,
   ResponsibilitySingle,
   ResponsibilityStaff,
-  ResponsibilityTypeCollection: _sfc_main$l,
+  ResponsibilityTypeCollection: _sfc_main$m,
   ResponsibilityTypeModel,
   ResponsibilityTypeSingle,
-  SituationCollection: _sfc_main$E,
+  SituationCollection: _sfc_main$F,
   SituationModel,
-  SituationSingle: _sfc_main$D,
-  SituationSupportive: _sfc_main$B,
-  SituationTypeCollection: _sfc_main$A,
+  SituationSingle: _sfc_main$E,
+  SituationSupportive: _sfc_main$C,
+  SituationTypeCollection: _sfc_main$B,
   SituationTypeModel,
-  SituationTypeSingle: _sfc_main$z,
-  SituationWork: _sfc_main$C,
-  StaffCollection: _sfc_main$I,
-  StaffIdentity: _sfc_main$F,
+  SituationTypeSingle: _sfc_main$A,
+  SituationWork: _sfc_main$D,
+  StaffCollection: _sfc_main$J,
+  StaffIdentity: _sfc_main$G,
   StaffModel,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
-  SubmissionCollection: _sfc_main$u,
+  SubmissionCollection: _sfc_main$v,
   SubmissionDecision,
   SubmissionFollowUp,
   SubmissionModel,
   SubmissionSingle,
   SubmissionStaff,
-  SubmissionTypeCollection: _sfc_main$n,
+  SubmissionTypeCollection: _sfc_main$o,
   SubmissionTypeModel,
   SubmissionTypeSingle,
   SubmissionWaitingDecision,
   TargetBranch,
-  TargetCollection: _sfc_main$g,
+  TargetCollection: _sfc_main$h,
   TargetModel,
   TargetSingle,
-  TaskCollection: _sfc_main$x,
+  TaskCollection: _sfc_main$y,
   TaskModel,
-  TaskSingle: _sfc_main$w,
-  TaskWork: _sfc_main$v,
-  TaskWorkButton: _sfc_main$y,
-  XxxButton: _sfc_main$T
+  TaskSingle: _sfc_main$x,
+  TaskWork: _sfc_main$w,
+  TaskWorkButton: _sfc_main$z,
+  XxxButton: _sfc_main$U
 }, Symbol.toStringTag, { value: "Module" }));
 function registerComponents(app) {
   Object.entries(components).forEach(([name, component]) => {
@@ -8193,73 +8555,74 @@ export {
   AttendanceSingle,
   AttendanceStaff,
   CheckInAccess,
-  _sfc_main$J as CheckInCollection,
+  _sfc_main$K as CheckInCollection,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  _sfc_main$M as CheckInScanError,
-  _sfc_main$K as CheckInScanSuccess,
+  _sfc_main$N as CheckInScanError,
+  _sfc_main$L as CheckInScanSuccess,
   CheckInScanner,
   CheckInSingle,
   operasional_types as NOperasional,
   NeonTime,
   OperasionalIdentitas,
   OperasionalInterfacesPlugin,
-  _sfc_main$b as PlanCollection,
+  _sfc_main$c as PlanCollection,
   PlanModel,
   PlanSingle,
   PlanStaff,
-  _sfc_main$d as PlanTypeCollection,
+  _sfc_main$e as PlanTypeCollection,
   PlanTypeModel,
   PlanTypeSingle,
-  _sfc_main$8 as ProgressButton,
+  _sfc_main$9 as ProgressButton,
   ProgressCollection,
   ProgressModel,
+  ProgressNote,
   ProgressSingle,
   ProgressTomorrow,
   ProgressYesterday,
-  _sfc_main$j as ResponsibilityCollection,
+  _sfc_main$k as ResponsibilityCollection,
   ResponsibilityModel,
   ResponsibilitySingle,
   ResponsibilityStaff,
-  _sfc_main$l as ResponsibilityTypeCollection,
+  _sfc_main$m as ResponsibilityTypeCollection,
   ResponsibilityTypeModel,
   ResponsibilityTypeSingle,
   graphql as Schema,
-  _sfc_main$E as SituationCollection,
+  _sfc_main$F as SituationCollection,
   SituationModel,
-  _sfc_main$D as SituationSingle,
-  _sfc_main$B as SituationSupportive,
-  _sfc_main$A as SituationTypeCollection,
+  _sfc_main$E as SituationSingle,
+  _sfc_main$C as SituationSupportive,
+  _sfc_main$B as SituationTypeCollection,
   SituationTypeModel,
-  _sfc_main$z as SituationTypeSingle,
-  _sfc_main$C as SituationWork,
-  _sfc_main$I as StaffCollection,
-  _sfc_main$F as StaffIdentity,
+  _sfc_main$A as SituationTypeSingle,
+  _sfc_main$D as SituationWork,
+  _sfc_main$J as StaffCollection,
+  _sfc_main$G as StaffIdentity,
   StaffModel,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
-  _sfc_main$u as SubmissionCollection,
+  _sfc_main$v as SubmissionCollection,
   SubmissionDecision,
   SubmissionFollowUp,
   SubmissionModel,
   SubmissionSingle,
   SubmissionStaff,
-  _sfc_main$n as SubmissionTypeCollection,
+  _sfc_main$o as SubmissionTypeCollection,
   SubmissionTypeModel,
   SubmissionTypeSingle,
   SubmissionWaitingDecision,
   TargetBranch,
-  _sfc_main$g as TargetCollection,
+  _sfc_main$h as TargetCollection,
   TargetModel,
   TargetSingle,
-  _sfc_main$x as TaskCollection,
+  _sfc_main$y as TaskCollection,
   TaskModel,
-  _sfc_main$w as TaskSingle,
-  _sfc_main$v as TaskWork,
-  _sfc_main$y as TaskWorkButton,
-  _sfc_main$T as XxxButton,
+  _sfc_main$x as TaskSingle,
+  _sfc_main$w as TaskWork,
+  _sfc_main$z as TaskWorkButton,
+  _sfc_main$U as XxxButton,
   bus,
   useAttendanceStore,
   useOperasional,