From c74604b0a7feaf56d66aaf073ea871fc77621362 Mon Sep 17 00:00:00 2001
From: Junior-Shyko <franciscoanto@gmail.com>
Date: Tue, 13 Oct 2026 15:38:37 -0300
Subject: [PATCH 1/2] #608 add btn de salvar no footer da aba

---
 resources/js/Components/StepActions.vue       | 16 ++++++
 .../Partials/Tabs/Actions/SaveButton.vue      |  3 +-
 .../Partials/Tabs/Actions/TramitButton.vue    | 21 ++++----
 .../Partials/Tabs/BudgetTab.vue               | 18 ++++---
 .../Partials/Tabs/FormalizationTab.vue        | 28 ++++++-----
 .../Partials/Tabs/LegalAnalysisTab.vue        | 21 ++++----
 .../Partials/Tabs/MonitoringTab.vue           | 23 +++++----
 .../Partials/Tabs/OpeningTab.vue              | 17 ++++---
 .../Partials/Tabs/PaymentTab.vue              | 50 ++++++++++---------
 9 files changed, 114 insertions(+), 83 deletions(-)
 create mode 100644 resources/js/Components/StepActions.vue

diff --git a/resources/js/Components/StepActions.vue b/resources/js/Components/StepActions.vue
new file mode 100644
index 00000000..1e594bcd
--- /dev/null
+++ b/resources/js/Components/StepActions.vue
@@ -0,0 +1,16 @@
+<script setup>
+import { useSlots } from 'vue';
+
+const slots = useSlots();
+</script>
+
+<template>
+    <div class="flex w-full gap-6 mt-4" :class="{ 'justify-center': !slots.save }">
+        <div v-if="slots.save" class="flex-1">
+            <slot name="save" />
+        </div>
+        <div :class="slots.save ? 'flex-1' : 'w-1/2'">
+            <slot />
+        </div>
+    </div>
+</template>
diff --git a/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/SaveButton.vue b/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/SaveButton.vue
index 497e32fa..4a8cfd06 100644
--- a/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/SaveButton.vue
+++ b/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/SaveButton.vue
@@ -9,7 +9,8 @@ defineProps({
     <v-btn
         variant="outlined"
         color="outlineSecondary"
-        class="rounded-lg"
+        class="w-full rounded-lg"
+        height="40"
         :loading="loading"
         :disabled="!canSave || loading"
         v-bind="$attrs"
diff --git a/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/TramitButton.vue b/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/TramitButton.vue
index 2b2361c2..9ec782bc 100644
--- a/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/TramitButton.vue
+++ b/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/TramitButton.vue
@@ -37,15 +37,14 @@ const confirmTramit = () => {
 </script>
 
 <template>
-    <div class="w-full justify-center flex">
-        <v-btn
-            class="w-1/2 mt-4 !shadow-none !font-bold !bg-[#ffcc05FF] !text-[#2d353fFF] rounded-lg text-xs"
-            :loading="props.loading"
-            :disabled="props.disabled || props.loading"
-            data-cy="tramit-button"
-            @click="confirmTramit"
-        >
-            <slot>tramitar</slot>
-        </v-btn>
-    </div>
+    <v-btn
+        class="w-full !shadow-none !font-bold !bg-[#ffcc05FF] !text-[#2d353fFF] rounded-lg text-xs"
+        height="40"
+        :loading="props.loading"
+        :disabled="props.disabled || props.loading"
+        data-cy="tramit-button"
+        @click="confirmTramit"
+    >
+        <slot>tramitar</slot>
+    </v-btn>
 </template>
diff --git a/resources/js/Pages/ProjectDetails/Partials/Tabs/BudgetTab.vue b/resources/js/Pages/ProjectDetails/Partials/Tabs/BudgetTab.vue
index bcbb78bd..01f7c114 100644
--- a/resources/js/Pages/ProjectDetails/Partials/Tabs/BudgetTab.vue
+++ b/resources/js/Pages/ProjectDetails/Partials/Tabs/BudgetTab.vue
@@ -7,6 +7,7 @@ import SectionChips from '@/Components/SectionChips.vue';
 import SectionContent from '@/Components/SectionContent.vue';
 import SectionForm from '@/Components/SectionForm.vue';
 import AuxLinks from '@/Components/AuxLinks.vue';
+import StepActions from '@/Components/StepActions.vue';
 import DocumentViewerDialog from '@/Components/DocumentViewerDialog.vue';
 import ReturnProcessAction from '@/Components/ReturnProcessAction.vue';
 import FormField from '@/Components/FormField.vue';
@@ -290,14 +291,10 @@ const permissionMessage = computed(() => {
 
         <template #right-content>
             <div class="space-y-6" data-cy="budget-right-panel">
-                <div class="flex items-center justify-between">
-                    <div>
-                        <p class="font-bold text-lg">Campos para você inserir ou editar dados</p>
-
-                        <p class="font-bold text-md mt-2 text-black">Links auxiliares</p>
-                    </div>
+                <div>
+                    <p class="font-bold text-lg">Campos para você inserir ou editar dados</p>
 
-                    <SaveButton :loading="form.processing" :can-save="canEditBudget" @click="submit" />
+                    <p class="font-bold text-md mt-2 text-black">Links auxiliares</p>
                 </div>
 
                 <AuxLinks />
@@ -464,7 +461,12 @@ const permissionMessage = computed(() => {
                         </template>
                     </SectionForm>
 
-                    <TramitButton :action="tramit" :disabled="!canEditBudget" :loading="tramitLoading" />
+                    <StepActions>
+                        <template #save>
+                            <SaveButton :loading="form.processing" :can-save="canEditBudget" @click="submit" />
+                        </template>
+                        <TramitButton :action="tramit" :disabled="!canEditBudget" :loading="tramitLoading" />
+                    </StepActions>
                 </div>
             </div>
         </template>
diff --git a/resources/js/Pages/ProjectDetails/Partials/Tabs/FormalizationTab.vue b/resources/js/Pages/ProjectDetails/Partials/Tabs/FormalizationTab.vue
index c99db6d3..3244c735 100644
--- a/resources/js/Pages/ProjectDetails/Partials/Tabs/FormalizationTab.vue
+++ b/resources/js/Pages/ProjectDetails/Partials/Tabs/FormalizationTab.vue
@@ -7,6 +7,7 @@ import SectionChips from '@/Components/SectionChips.vue';
 import SectionContent from '@/Components/SectionContent.vue';
 import SectionForm from '@/Components/SectionForm.vue';
 import AuxLinks from '@/Components/AuxLinks.vue';
+import StepActions from '@/Components/StepActions.vue';
 import ReturnProcessAction from '@/Components/ReturnProcessAction.vue';
 import FormField from '@/Components/FormField.vue';
 import TextField from '@/Components/TextField.vue';
@@ -365,14 +366,10 @@ const permissionMessage = computed(() => {
 
         <template #right-content>
             <div class="space-y-6" data-cy="right-panel">
-                <div class="flex items-center justify-between">
-                    <div>
-                        <p class="font-bold text-lg">Campos para você inserir ou editar dados</p>
-
-                        <p class="font-bold text-md mt-2 text-black">Links auxiliares</p>
-                    </div>
+                <div>
+                    <p class="font-bold text-lg">Campos para você inserir ou editar dados</p>
 
-                    <SaveButton :loading="form.processing" :can-save="canEditFormalization" @click="submit" />
+                    <p class="font-bold text-md mt-2 text-black">Links auxiliares</p>
                 </div>
 
                 <AuxLinks />
@@ -595,12 +592,17 @@ const permissionMessage = computed(() => {
                         </template>
                     </SectionForm>
 
-                    <TramitButton
-                        :action="tramit"
-                        :disabled="!canEditFormalization"
-                        :loading="tramitLoading"
-                        data-cy="tramit-button"
-                    />
+                    <StepActions>
+                        <template #save>
+                            <SaveButton :loading="form.processing" :can-save="canEditFormalization" @click="submit" />
+                        </template>
+                        <TramitButton
+                            :action="tramit"
+                            :disabled="!canEditFormalization"
+                            :loading="tramitLoading"
+                            data-cy="tramit-button"
+                        />
+                    </StepActions>
                 </div>
             </div>
         </template>
diff --git a/resources/js/Pages/ProjectDetails/Partials/Tabs/LegalAnalysisTab.vue b/resources/js/Pages/ProjectDetails/Partials/Tabs/LegalAnalysisTab.vue
index 38da1fd6..c221e186 100644
--- a/resources/js/Pages/ProjectDetails/Partials/Tabs/LegalAnalysisTab.vue
+++ b/resources/js/Pages/ProjectDetails/Partials/Tabs/LegalAnalysisTab.vue
@@ -4,6 +4,7 @@ import SplitScreenTab from '@/Components/SplitScreenTab.vue';
 import SectionChips from '@/Components/SectionChips.vue';
 import SectionContent from '@/Components/SectionContent.vue';
 import AuxLinks from '@/Components/AuxLinks.vue';
+import StepActions from '@/Components/StepActions.vue';
 import DocumentEvaluationList from '@/Components/DocumentEvaluationList.vue';
 import ReturnProcessAction from '@/Components/ReturnProcessAction.vue';
 import TramitButton from '@/Pages/ProjectDetails/Partials/Tabs/Actions/TramitButton.vue';
@@ -117,15 +118,17 @@ const permissionMessage = computed(() => {
                         <p v-else class="text-sm text-gray-400">Nenhum documento encontrado para avaliação.</p>
                     </div>
 
-                    <TramitButton
-                        v-permission="{
-                            condition: canEditLegalAnalysis,
-                            message: permissionMessage,
-                        }"
-                        :action="process"
-                        :disabled="!canEditLegalAnalysis || !allFilesValid"
-                        :loading="in_progress"
-                    />
+                    <StepActions>
+                        <TramitButton
+                            v-permission="{
+                                condition: canEditLegalAnalysis,
+                                message: permissionMessage,
+                            }"
+                            :action="process"
+                            :disabled="!canEditLegalAnalysis || !allFilesValid"
+                            :loading="in_progress"
+                        />
+                    </StepActions>
                 </div>
             </div>
         </template>
diff --git a/resources/js/Pages/ProjectDetails/Partials/Tabs/MonitoringTab.vue b/resources/js/Pages/ProjectDetails/Partials/Tabs/MonitoringTab.vue
index ace0df94..fb36a781 100644
--- a/resources/js/Pages/ProjectDetails/Partials/Tabs/MonitoringTab.vue
+++ b/resources/js/Pages/ProjectDetails/Partials/Tabs/MonitoringTab.vue
@@ -8,6 +8,7 @@ import SectionForm from '@/Components/SectionForm.vue';
 import FormField from '@/Components/FormField.vue';
 import TextField from '@/Components/TextField.vue';
 import AuxLinks from '@/Components/AuxLinks.vue';
+import StepActions from '@/Components/StepActions.vue';
 import ReturnProcessAction from '@/Components/ReturnProcessAction.vue';
 import DiligenceChat from '@/Components/DiligenceChat.vue';
 import TramitButton from '@/Pages/ProjectDetails/Partials/Tabs/Actions/TramitButton.vue';
@@ -235,14 +236,9 @@ function submit() {
 
         <template #right-content>
             <div class="space-y-6">
-                <div class="flex items-center justify-between">
-                    <div>
-                        <p class="font-bold text-lg">Campos para você inserir ou editar dados</p>
-                        <p class="font-bold text-md mt-2 text-black">Links auxiliares</p>
-                    </div>
-                    <div class="flex gap-2">
-                        <SaveButton :loading="form.processing" :can-save="canUserHandleMonitoring" @click="submit" />
-                    </div>
+                <div>
+                    <p class="font-bold text-lg">Campos para você inserir ou editar dados</p>
+                    <p class="font-bold text-md mt-2 text-black">Links auxiliares</p>
                 </div>
                 <aux-links />
                 <div class="flex items-center justify-between">
@@ -317,7 +313,16 @@ function submit() {
                     >
                         Solicitar próxima parcela
                     </v-btn>
-                    <tramit-button :action="tramit" :loading="tramitLoading" :disabled="!canUserHandleMonitoring" />
+                    <step-actions>
+                        <template #save>
+                            <save-button
+                                :loading="form.processing"
+                                :can-save="canUserHandleMonitoring"
+                                @click="submit"
+                            />
+                        </template>
+                        <tramit-button :action="tramit" :loading="tramitLoading" :disabled="!canUserHandleMonitoring" />
+                    </step-actions>
                 </div>
             </div>
         </template>
diff --git a/resources/js/Pages/ProjectDetails/Partials/Tabs/OpeningTab.vue b/resources/js/Pages/ProjectDetails/Partials/Tabs/OpeningTab.vue
index 6c54bf6c..ff1b479b 100644
--- a/resources/js/Pages/ProjectDetails/Partials/Tabs/OpeningTab.vue
+++ b/resources/js/Pages/ProjectDetails/Partials/Tabs/OpeningTab.vue
@@ -5,6 +5,7 @@ import SectionChips from '@/Components/SectionChips.vue';
 import SectionContent from '@/Components/SectionContent.vue';
 import SectionForm from '@/Components/SectionForm.vue';
 import AuxLinks from '@/Components/AuxLinks.vue';
+import StepActions from '@/Components/StepActions.vue';
 import { viewSections, formSections } from '@/Schemas/Opening';
 import { router, useForm } from '@inertiajs/vue3';
 import { onMounted } from 'vue';
@@ -329,13 +330,8 @@ const activeEditIndex = ref('all');
         <template #right-content>
             <div class="space-y-6">
                 <div>
-                    <div class="flex items-center justify-between">
-                        <div>
-                            <p class="font-bold text-lg">Campos para você inserir ou editar dados</p>
-                            <p class="font-bold text-md mt-2 text-black">Links auxiliares</p>
-                        </div>
-                        <SaveButton :loading="form.processing" :can-save="canEditOpening" @click="submit" />
-                    </div>
+                    <p class="font-bold text-lg">Campos para você inserir ou editar dados</p>
+                    <p class="font-bold text-md mt-2 text-black">Links auxiliares</p>
                 </div>
                 <aux-links />
                 <section-chips v-model="activeEditIndex" :sections="formSections" />
@@ -499,7 +495,12 @@ const activeEditIndex = ref('all');
                             </template>
                         </template>
                     </section-form>
-                    <tramit-button :action="tramit" :disabled="!canUserHandleOpening" :loading="tramitLoading" />
+                    <step-actions>
+                        <template #save>
+                            <save-button :loading="form.processing" :can-save="canEditOpening" @click="submit" />
+                        </template>
+                        <tramit-button :action="tramit" :disabled="!canUserHandleOpening" :loading="tramitLoading" />
+                    </step-actions>
                 </div>
             </div>
         </template>
diff --git a/resources/js/Pages/ProjectDetails/Partials/Tabs/PaymentTab.vue b/resources/js/Pages/ProjectDetails/Partials/Tabs/PaymentTab.vue
index d2d6def3..850ce034 100644
--- a/resources/js/Pages/ProjectDetails/Partials/Tabs/PaymentTab.vue
+++ b/resources/js/Pages/ProjectDetails/Partials/Tabs/PaymentTab.vue
@@ -10,6 +10,7 @@ import ReturnProcessAction from '@/Components/ReturnProcessAction.vue';
 import FormField from '@/Components/FormField.vue';
 import TextField from '@/Components/TextField.vue';
 import AuxLinks from '@/Components/AuxLinks.vue';
+import StepActions from '@/Components/StepActions.vue';
 
 import TramitButton from '@/Pages/ProjectDetails/Partials/Tabs/Actions/TramitButton.vue';
 import SaveButton from '@/Pages/ProjectDetails/Partials/Tabs/Actions/SaveButton.vue';
@@ -408,18 +409,10 @@ const tramit = async () => {
 
         <template #right-content>
             <div class="space-y-6">
-                <div class="flex items-center justify-between">
-                    <div>
-                        <p class="font-bold text-lg">Campos para você inserir ou editar dados</p>
-
-                        <p class="font-bold text-md mt-2 text-black">Links auxiliares</p>
-                    </div>
+                <div>
+                    <p class="font-bold text-lg">Campos para você inserir ou editar dados</p>
 
-                    <SaveButton
-                        :loading="remarksForm.processing || tramitLoading"
-                        :can-save="canUserHandlePayment && !!selectedInstallment"
-                        @click="saveRemarks"
-                    />
+                    <p class="font-bold text-md mt-2 text-black">Links auxiliares</p>
                 </div>
 
                 <AuxLinks />
@@ -597,21 +590,30 @@ const tramit = async () => {
                     </template>
                 </SectionForm>
 
-                <div
-                    :class="{
-                        'cursor-not-allowed': !canTramitPayment,
-                    }"
-                    @click="showTramitBlockedMessage"
-                >
-                    <TramitButton
-                        :action="tramit"
-                        :disabled="!canTramitPayment"
-                        :loading="tramitLoading"
+                <StepActions>
+                    <template #save>
+                        <SaveButton
+                            :loading="remarksForm.processing || tramitLoading"
+                            :can-save="canUserHandlePayment && !!selectedInstallment"
+                            @click="saveRemarks"
+                        />
+                    </template>
+                    <div
                         :class="{
-                            'pointer-events-none': !canTramitPayment,
+                            'cursor-not-allowed': !canTramitPayment,
                         }"
-                    />
-                </div>
+                        @click="showTramitBlockedMessage"
+                    >
+                        <TramitButton
+                            :action="tramit"
+                            :disabled="!canTramitPayment"
+                            :loading="tramitLoading"
+                            :class="{
+                                'pointer-events-none': !canTramitPayment,
+                            }"
+                        />
+                    </div>
+                </StepActions>
             </div>
         </template>
     </SplitScreenTab>

From 7fe68b15b6edf7f85177d3cd47910fd45c0ffa83 Mon Sep 17 00:00:00 2001
From: Junior-Shyko <franciscoanto@gmail.com>
Date: Tue, 13 Oct 2026 16:56:06 -0300
Subject: [PATCH 2/2] #608 Layout da aba de monitoramento

---
 .../Partials/Tabs/Actions/SaveButton.vue      |  2 +-
 .../Partials/Tabs/MonitoringTab.vue           | 40 ++++++++++---------
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/SaveButton.vue b/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/SaveButton.vue
index 4a8cfd06..e1a1bb16 100644
--- a/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/SaveButton.vue
+++ b/resources/js/Pages/ProjectDetails/Partials/Tabs/Actions/SaveButton.vue
@@ -15,6 +15,6 @@ defineProps({
         :disabled="!canSave || loading"
         v-bind="$attrs"
     >
-        <slot>Salvar Alterações</slot>
+        <slot>Salvar alterações</slot>
     </v-btn>
 </template>
diff --git a/resources/js/Pages/ProjectDetails/Partials/Tabs/MonitoringTab.vue b/resources/js/Pages/ProjectDetails/Partials/Tabs/MonitoringTab.vue
index fb36a781..5b643fcf 100644
--- a/resources/js/Pages/ProjectDetails/Partials/Tabs/MonitoringTab.vue
+++ b/resources/js/Pages/ProjectDetails/Partials/Tabs/MonitoringTab.vue
@@ -8,7 +8,6 @@ import SectionForm from '@/Components/SectionForm.vue';
 import FormField from '@/Components/FormField.vue';
 import TextField from '@/Components/TextField.vue';
 import AuxLinks from '@/Components/AuxLinks.vue';
-import StepActions from '@/Components/StepActions.vue';
 import ReturnProcessAction from '@/Components/ReturnProcessAction.vue';
 import DiligenceChat from '@/Components/DiligenceChat.vue';
 import TramitButton from '@/Pages/ProjectDetails/Partials/Tabs/Actions/TramitButton.vue';
@@ -301,28 +300,33 @@ function submit() {
                     </template>
                 </section-form>
                 <!-- BOTÃO DE AÇÃO -->
-                <div v-if="monitoringStage?.status === 'em_andamento'" class="flex gap-2">
-                    <v-btn
-                        v-if="canRequestNextInstallment"
-                        variant="outlined"
-                        color="primary"
-                        class="rounded-lg mt-4"
-                        :loading="requestingNextInstallment"
-                        :disabled="requestingNextInstallment || !canUserHandleMonitoring"
-                        @click="requestNextInstallment"
-                    >
-                        Solicitar próxima parcela
-                    </v-btn>
-                    <step-actions>
-                        <template #save>
+                <div
+                    v-if="monitoringStage?.status === 'em_andamento'"
+                    class="flex flex-col gap-6 w-full max-w-[596px] mx-auto mt-4"
+                >
+                    <div class="flex gap-4">
+                        <div class="flex-1">
                             <save-button
                                 :loading="form.processing"
                                 :can-save="canUserHandleMonitoring"
                                 @click="submit"
                             />
-                        </template>
-                        <tramit-button :action="tramit" :loading="tramitLoading" :disabled="!canUserHandleMonitoring" />
-                    </step-actions>
+                        </div>
+                        <div v-if="canRequestNextInstallment" class="flex-1">
+                            <v-btn
+                                variant="outlined"
+                                color="outlineSecondary"
+                                class="w-full rounded-lg"
+                                height="40"
+                                :loading="requestingNextInstallment"
+                                :disabled="requestingNextInstallment || !canUserHandleMonitoring"
+                                @click="requestNextInstallment"
+                            >
+                                Solicitar próxima <strong class="ml-1">parcela</strong>
+                            </v-btn>
+                        </div>
+                    </div>
+                    <tramit-button :action="tramit" :loading="tramitLoading" :disabled="!canUserHandleMonitoring" />
                 </div>
             </div>
         </template>