UI Regression did not show document summary in UI

composer.json

@@ -24,6 +24,7 @@
         "openai-php/laravel": "^0.8.1",
         "owenvoke/blade-fontawesome": "^2.3",
         "phpoffice/phppresentation": "dev-fix-pptx",
+        "pusher/pusher-php-server": "^7.2",
         "roach-php/core": "^3.2",
         "roach-php/laravel": "^3.1",
         "smalot/pdfparser": "^2.9",

resources/js/Pages/Collection/Components/ShowDocument.vue

@@ -44,12 +44,13 @@
                             </div>
                         </div>
                       <div
-                          v-else
+                          v-if="!updating"
                           class="prose  mb-10 mt-5" v-html="documentToShow.summary_markdown"></div>
                     </div>
                   </div>
                 </DialogPanel>
               </TransitionChild>
+
             </div>
           </div>
         </div>
@@ -64,7 +65,7 @@ import { XMarkIcon } from '@heroicons/vue/24/outline'
 import Tags from '@/Components/Tags.vue';
 import UpdateSummary from "./UpdateSummary.vue";
 import {router} from "@inertiajs/vue3";
-import {ref} from "vue";
+import {onMounted, ref} from "vue";
 
 const props = defineProps({
     document: Object,
@@ -73,6 +74,10 @@ const props = defineProps({
 
 const documentToShow = ref(props.document);
 
+onMounted(() => {
+    documentToShow.value = props.document;
+});
+
 const emit = defineEmits(['closing']);
 
 const updating = ref(false);

resources/js/Pages/Collection/Components/UpdateSummary.vue

@@ -42,7 +42,7 @@ const updateSummary = () => {
     <button
         :disabled="running"
         type="button"
-        class="btn btn-primary rounded-none"
+        class="btn btn-primary rounded-none mt-2"
         @click="updateSummary">
         Generate Summary
     </button>