re-request jwt + retry request

src/lib/chat/triggerAiCall.ts

@@ -96,26 +96,35 @@ export async function triggerAiCall(ctx: TriggerAiCallContext): Promise<void> {
 						? null
 						: personasState.personas.find((p) => p.id === personasState.selectedPersona);
 
-				const response = await fetch('/api', {
-					method: 'POST',
-					body: JSON.stringify({
-						model: model,
-						provider: modelSettings?.provider ?? 'preferred',
-						messages: formattedMessages,
-						billingTo: billingOption,
-						...(selectedPersona ? { persona: selectedPersona } : {}),
-						...(modelSettings
-							? {
-									options: {
-										temperature: modelSettings.temperature,
-										max_tokens: modelSettings.max_tokens,
-										top_p: modelSettings.top_p
+				const makeRequest = (authToken: string) =>
+					fetch('/api', {
+						method: 'POST',
+						body: JSON.stringify({
+							model: model,
+							provider: modelSettings?.provider ?? 'preferred',
+							messages: formattedMessages,
+							billingTo: billingOption,
+							...(selectedPersona ? { persona: selectedPersona } : {}),
+							...(modelSettings
+								? {
+										options: {
+											temperature: modelSettings.temperature,
+											max_tokens: modelSettings.max_tokens,
+											top_p: modelSettings.top_p
+										}
 									}
-								}
-							: {})
-					}),
-					headers: { Authorization: `Bearer ${token.value}` }
-				});
+								: {})
+						}),
+						headers: { Authorization: `Bearer ${authToken}` }
+					});
+
+				let response = await makeRequest(token.value);
+				if (response.status === 401) {
+					const refreshed = await token.requestTokenFromParent();
+					if (refreshed) {
+						response = await makeRequest(token.value);
+					}
+				}
 				if (!response.ok) {
 					const errorBody = await response.text().catch(() => response.statusText);
 					throw new Error(errorBody || response.statusText);

src/routes/test/+page.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import HFLogoMonochrome from '$lib/assets/hf-logo-mono.svg';
+</script>
+
+<div class="mx-auto flex h-screen max-w-7xl flex-wrap items-center justify-center gap-5">
+	<div class="flex size-56 items-center justify-center bg-black">
+		<img src={HFLogoMonochrome} alt="HF Logo" class="w-full invert" />
+	</div>
+	<div class="flex size-56 items-center justify-center bg-white">
+		<img src={HFLogoMonochrome} alt="HF Logo" class="w-full" />
+	</div>
+</div>