From ee94247eff66ee8a582d658310fcc6333ca35ab6 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 31 Mar 2026 09:11:36 +0000
Subject: [PATCH 1/2] Initial plan


From ded5422301c417e8c6ab2e65320c1f08d9fe8358 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 31 Mar 2026 10:05:16 +0000
Subject: [PATCH 2/2] fix: handle undefined roles and payload in auth context
 to prevent storybook errors

Agent-Logs-Url: https://github.com/flanksource/flanksource-ui/sessions/56fa079c-790a-4883-8b0b-d8fb6715bfc7
---
 package-lock.json                                             | 2 +-
 .../Authentication/Kratos/KratosAuthContextProvider.tsx       | 4 ++++
 src/context/index.ts                                          | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2182c45285..41139b1512 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,7 +6,7 @@
   "packages": {
     "": {
       "name": "@flanksource/flanksource-ui",
-      "version": "1.4.218",
+      "version": "1.4.224",
       "dependencies": {
         "@ai-sdk/anthropic": "^3.0.1",
         "@ai-sdk/mcp": "^1.0.1",
diff --git a/src/components/Authentication/Kratos/KratosAuthContextProvider.tsx b/src/components/Authentication/Kratos/KratosAuthContextProvider.tsx
index c5d3e260c3..b310501913 100644
--- a/src/components/Authentication/Kratos/KratosAuthContextProvider.tsx
+++ b/src/components/Authentication/Kratos/KratosAuthContextProvider.tsx
@@ -39,6 +39,10 @@ export default function KratosAuthContextProvider({ children }: Props) {
     return <ErrorPage error={error} />;
   }
 
+  if (!payload) {
+    return <FullPageSkeletonLoader />;
+  }
+
   return (
     <AuthContext.Provider
       value={{
diff --git a/src/context/index.ts b/src/context/index.ts
index 4992cc8c5e..661052a27e 100644
--- a/src/context/index.ts
+++ b/src/context/index.ts
@@ -18,7 +18,7 @@ export function createAuthorizer(ctx: WhoamiResponse["payload"]): Authorizer {
   const authorizer = new casbinAuthorizer("manual");
   const builtPerms: Record<string, any> = {};
 
-  ctx.roles.forEach((role) => {
+  (ctx.roles ?? []).forEach((role) => {
     const permissions = permDefs[role as keyof typeof permDefs] ?? {};
     Object.entries(permissions).forEach(([key, value]) => {
       builtPerms[key] = [...(builtPerms[key] || []), ...value];