fix(medcat-trainer): sync frontend status for server side features

medcat-trainer/webapp/frontend/src/App.vue

@@ -64,7 +64,8 @@ import Login from '@/components/common/Login.vue'
 import EventBus from '@/event-bus'
 import { readTraditionalSession, authCookieNames } from './authCookies'
 import { isOidcEnabled, getRuntimeConfig } from './runtimeConfig';
-import { getMenuItems } from './plugins/registry'
+import { getMenuItems, clearBootstrap } from './plugins/registry'
+import { initPluginBootstrap } from './plugins/bootstrap'
 import { UNAUTHORIZED_EVENT, resetUnauthorizedGuard, clearClientAuth } from './httpAuth'
 
 export default {
@@ -78,6 +79,7 @@ export default {
       version: '',
       useOidc: isOidcEnabled(),
       sessionExpired: false,
+      pluginBootstrapTick: 0,
     }
   },
   computed: {
@@ -87,6 +89,7 @@ export default {
       return `${v.slice(0, 7)}…${v.slice(-6)}`
     },
     pluginMenuItems () {
+      void this.pluginBootstrapTick
       return getMenuItems()
     }
   },
@@ -115,7 +118,15 @@ export default {
         clearClientAuth(this.$http)
       }
     },
-    loginSuccessful (payload) {
+    async refreshPluginBootstrap () {
+      await initPluginBootstrap(this.$http)
+      this.pluginBootstrapTick++
+    },
+    dropPluginBootstrap () {
+      clearBootstrap()
+      this.pluginBootstrapTick++
+    },
+    async loginSuccessful (payload) {
       this.sessionExpired = false
       resetUnauthorizedGuard()
       if (!this.useOidc) {
@@ -124,6 +135,7 @@ export default {
       } else {
         this.updateOidcUser()
       }
+      await this.refreshPluginBootstrap()
       if (this.$route.name !== 'home') {
         this.$router.push({ name: 'home' })
       }
@@ -134,6 +146,7 @@ export default {
       this.uname = null
       this.isAdmin = false
       this.sessionExpired = true
+      this.dropPluginBootstrap()
       this.openLogin()
     },
     updateOidcUser () {
@@ -146,6 +159,7 @@ export default {
     logout () {
       this.uname = null
       this.isAdmin = false
+      this.dropPluginBootstrap()
       // Clear header + namespaced cookies together. Do not touch bare
       // `api-token` / `admin` names — those belong to other MCT versions.
       clearClientAuth(this.$http)

medcat-trainer/webapp/frontend/src/components/common/DocumentSummary.vue

@@ -25,7 +25,7 @@
           {{doc.text === 'nan' ? '' : (limitText(doc.text) || '')}}
         </div>
         <v-tooltip activator="parent"
-                   v-if="preparedDocIds.includes(doc.id) || completeBgTasks                                   .includes(doc.id)">
+                   v-if="preparedDocIds.includes(doc.id) || completeBgTasks.includes(doc.id)">
           Predictions ready for Doc: {{doc.id}}
         </v-tooltip>
         <v-tooltip activator="parent"

medcat-trainer/webapp/frontend/src/plugins/registry.ts

@@ -95,6 +95,13 @@ export function hasFeature(feature: string): boolean {
   return serverFeatures.includes(feature)
 }
 
+/** Drop server bootstrap state; keep build-time plugin registrations. */
+export function clearBootstrap(): void {
+  serverMenuExtensions = []
+  serverRoutes = []
+  serverFeatures = []
+}
+
 /** Load server bootstrap payload (requires authentication). */
 export async function loadBootstrap(http: AxiosInstance): Promise<BootstrapPayload | null> {
   try {
@@ -115,7 +122,5 @@ export function clearPluginRegistry(): void {
   }
   buildTimeMenuItems.length = 0
   buildTimeVueRoutes.length = 0
-  serverMenuExtensions = []
-  serverRoutes = []
-  serverFeatures = []
+  clearBootstrap()
 }