fix: add user session check in task management template initialization and remove reactive from getters of plugin, role reference store

apps/web/src/lib/site-initializer/initTaskManagementTemplate.ts

@@ -1,10 +1,14 @@
 import { pinia } from '@/store/pinia';
+import { useUserStore } from '@/store/user/user-store';
 
 import {
     useTaskManagementTemplateStore,
 } from '@/services/ops-flow/task-management-templates/stores/use-task-management-template-store';
 
 export const initTaskManagementTemplate = async () => {
+    const userStore = useUserStore(pinia);
+    if (userStore.state.isSessionExpired) return;
+
     const taskManagementTemplateStore = useTaskManagementTemplateStore(pinia);
     await Promise.allSettled([
         taskManagementTemplateStore.setInitialTemplateId(),

apps/web/src/store/reference/all-reference-store.ts

@@ -1,4 +1,4 @@
-import { computed, reactive } from 'vue';
+import { computed } from 'vue';
 
 import { defineStore } from 'pinia';
 
@@ -94,7 +94,7 @@ export const useAllReferenceStore = defineStore('all-reference-store', () => {
     const workspaceGroupReferenceStore = useWorkspaceGroupReferenceStore();
     const roleReferenceStore = useRoleReferenceStore();
 
-    const getters = reactive({
+    const getters = {
         // REFACTOR: unify into one case (serviceAccount or service_account)
         cloudServiceType: computed<CloudServiceTypeReferenceMap>(() => cloudServiceTypeReferenceStore.getters.cloudServiceTypeItems),
         cloud_service_type: computed<CloudServiceTypeReferenceMap>(() => cloudServiceTypeReferenceStore.getters.cloudServiceTypeItems),
@@ -129,7 +129,7 @@ export const useAllReferenceStore = defineStore('all-reference-store', () => {
         namespace: computed(() => namespaceReferenceStore.getters.namespaceItems),
         metric: computed<MetricReferenceMap>(() => metricReferenceStore.getters.metricItems),
         role: computed(() => roleReferenceStore.getters.roleItems),
-    });
+    };
 
     const actions = {
         async sync(type: PiniaStoreReferenceType, data?: any) {

apps/web/src/store/reference/plugin-reference-store.ts

@@ -29,7 +29,7 @@ export const usePluginReferenceStore = defineStore('reference-plugin', () => {
         items: null as PluginReferenceMap | null,
     });
 
-    const getters = reactive({
+    const getters = {
         pluginItems: asyncComputed<PluginReferenceMap>(async () => {
             if (state.items === null) await load();
             return state.items ?? {};
@@ -38,9 +38,9 @@ export const usePluginReferenceStore = defineStore('reference-plugin', () => {
             type: 'plugin',
             key: 'plugin_id',
             name: 'name',
-            referenceMap: getters.pluginItems,
+            referenceMap: getters.pluginItems.value,
         })),
-    });
+    };
 
     const load = async (options?: ReferenceLoadOptions) => {
         const currentTime = new Date().getTime();

apps/web/src/store/reference/role-reference-store.ts

@@ -32,7 +32,7 @@ export const useRoleReferenceStore = defineStore('reference-role', () => {
         items: null as RoleReferenceMap | null,
     });
 
-    const getters = reactive({
+    const getters = {
         roleItems: asyncComputed<RoleReferenceMap>(async () => {
             if (state.items === null) await load();
             return state.items ?? {};
@@ -41,9 +41,9 @@ export const useRoleReferenceStore = defineStore('reference-role', () => {
             type: MANAGED_VARIABLE_MODELS.role.meta.key,
             key: MANAGED_VARIABLE_MODELS.role.meta.idKey,
             name: MANAGED_VARIABLE_MODELS.role.meta.name,
-            referenceMap: getters.roleItems,
+            referenceMap: getters.roleItems.value,
         })),
-    });
+    };
 
     const load = async (options?: ReferenceLoadOptions) => {
         const currentTime = new Date().getTime();