show modal only on api key error

Author: zAlweNy26

src/App.vue

@@ -19,7 +19,7 @@ const authenticate = async () => {
 	hasError.value = false
 	updateAuthKey(authKey.value)
 	const status = await getStatus()
-	hasError.value = status == undefined
+	hasError.value = status == 'Invalid API Key'
 	if (!hasError.value) {
 		authBox.value?.toggleModal()
 		isReadyAndAuth.value = true
@@ -32,7 +32,7 @@ const currentComponentLoading = computed(() => {
 	const routeName = route.name?.toString()
 	let store
 	if (routeName !== undefined && !routesToExclude.includes(routeName)) {
-		store = storeMapping[routeName]
+		store = storeMapping[routeName as keyof typeof storeMapping]
 		const { currentState } = storeToRefs(store)
 		return store && currentState.value.loading
 	}

src/stores/useSettings.ts

@@ -35,13 +35,13 @@ export const useSettings = defineStore('settings', () => {
 
 	const getStatus = async () => {
 		const result = await tryRequest(apiClient.api?.status.home(), 'Getting Cheshire Cat status', 'Unable to fetch Cheshire Cat status')
-		return result.data
+		return result.data ?? result.message
 	}
 
 	const { state: cat } = useAsyncState(getStatus, {} as Status)
 
 	watchEffect(() => {
-		isReadyAndAuth.value = cat.value != undefined
+		isReadyAndAuth.value = cat.value != 'Invalid API Key'
 	})
 
 	return {

src/utils/storeRouteMapping.ts

@@ -9,7 +9,7 @@ export default function useStoreMapping() {
 	const storePlugins = usePlugins()
 	const storeMemory = useMemory()
 
-	const storeMapping: Record<string, typeof storeEmbedder | typeof storeLLM | typeof storeMemory | typeof storePlugins> = {
+	const storeMapping = {
 		embedders: storeEmbedder,
 		providers: storeLLM,
 		memory: storeMemory,

src/views/SettingsView.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import SidePanel from '@components/SidePanel.vue'
 import { useSettings } from '@stores/useSettings'
+
 defineProps<{
 	loading: boolean
 }>()
@@ -27,7 +28,7 @@ const openSidePanel = (title: keyof typeof panelTitles) => {
 			<p class="text-lg font-bold">
 				Cheshire Cat AI - Version
 				<span class="text-primary">
-					{{ cat?.version ?? 'unknown' }}
+					{{ typeof cat == 'string' ? 'unknown' : cat.version }}
 				</span>
 			</p>
 		</div>