From 3fccf4fc895da11a19db89494f50cd928cd62fcc Mon Sep 17 00:00:00 2001
From: Dariusz Rozmus <drozmus@student.agh.edu.pl>
Date: Mon, 23 Mar 2026 23:50:22 +0100
Subject: [PATCH 1/2] first draft

---
 src/WrapperApp/components/Login/LoginPanel.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/WrapperApp/components/Login/LoginPanel.tsx b/src/WrapperApp/components/Login/LoginPanel.tsx
index 0e0dd23c7..487826226 100644
--- a/src/WrapperApp/components/Login/LoginPanel.tsx
+++ b/src/WrapperApp/components/Login/LoginPanel.tsx
@@ -8,7 +8,7 @@ import NamePasswordLoginPanel from './NamePasswordLoginPanel';
 
 export default function LoginPanel() {
 	const theme = useTheme();
-	const { altAuth } = useConfig();
+	const { altAuth, demoMode } = useConfig();
 	const { keycloak, initialized } = useKeycloakAuth();
 	const [namePasswordLogin, setNamePasswordLogin] = useState(!altAuth);
 
@@ -16,6 +16,8 @@ export default function LoginPanel() {
 		if (initialized && !keycloak.authenticated) keycloak.login();
 	}, [initialized, keycloak]);
 
+	const showPasswordLogin = !altAuth && !demoMode;
+
 	return (
 		<Box
 			sx={{
@@ -51,12 +53,14 @@ export default function LoginPanel() {
 							}}>
 							Connect with PLGrid
 						</Button>
-						<Link
-							color='textDisabled'
-							onClick={() => setNamePasswordLogin(true)}
-							sx={{ cursor: 'pointer' }}>
-							use password login
-						</Link>
+						{showPasswordLogin && (
+							<Link
+								color='textDisabled'
+								onClick={() => setNamePasswordLogin(true)}
+								sx={{ cursor: 'pointer' }}>
+								use password login
+							</Link>
+						)}
 					</>
 				) : (
 					<>

From 0e7eaf99a1e538979239489e0e3f185623d3d83a Mon Sep 17 00:00:00 2001
From: Dariusz Rozmus <drozmus@student.agh.edu.pl>
Date: Tue, 31 Mar 2026 12:03:50 +0200
Subject: [PATCH 2/2] add optional basic auth for local dev, default false

---
 src/WrapperApp/components/Login/LoginPanel.tsx | 4 ++--
 src/config/ConfigService.tsx                   | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/WrapperApp/components/Login/LoginPanel.tsx b/src/WrapperApp/components/Login/LoginPanel.tsx
index 487826226..5712c4640 100644
--- a/src/WrapperApp/components/Login/LoginPanel.tsx
+++ b/src/WrapperApp/components/Login/LoginPanel.tsx
@@ -8,7 +8,7 @@ import NamePasswordLoginPanel from './NamePasswordLoginPanel';
 
 export default function LoginPanel() {
 	const theme = useTheme();
-	const { altAuth, demoMode } = useConfig();
+	const { altAuth, useBasicAuth } = useConfig();
 	const { keycloak, initialized } = useKeycloakAuth();
 	const [namePasswordLogin, setNamePasswordLogin] = useState(!altAuth);
 
@@ -16,7 +16,7 @@ export default function LoginPanel() {
 		if (initialized && !keycloak.authenticated) keycloak.login();
 	}, [initialized, keycloak]);
 
-	const showPasswordLogin = !altAuth && !demoMode;
+	const showPasswordLogin = useBasicAuth;
 
 	return (
 		<Box
diff --git a/src/config/ConfigService.tsx b/src/config/ConfigService.tsx
index dd9b291ee..02563942e 100644
--- a/src/config/ConfigService.tsx
+++ b/src/config/ConfigService.tsx
@@ -7,6 +7,7 @@ import { snakeToCamelCase } from '../util/Notation/Notation';
 const BACKEND_URL = process.env.REACT_APP_BACKEND_URL ?? 'http://localhost:5000';
 const DEMO_MODE = process.env.REACT_APP_TARGET === 'demo';
 const ALT_AUTH = process.env.REACT_APP_ALT_AUTH === 'plg';
+const USE_BASIC_AUTH = process.env.REACT_APP_USE_BASIC_AUTH === 'true';
 
 export const DEPLOYMENT = (process.env.REACT_APP_DEPLOYMENT as ConfigDeployment) ?? 'prod';
 export type ConfigDeployment = 'dev' | 'prod' | undefined;
@@ -18,6 +19,7 @@ interface Config {
 	deployment: ConfigDeployment;
 	demoMode: boolean;
 	altAuth: boolean;
+	useBasicAuth: boolean;
 }
 
 declare global {
@@ -36,7 +38,8 @@ const ConfigProvider = ({ children }: { children?: ReactNode }) => {
 		backendUrl: BACKEND_URL,
 		deployment: DEPLOYMENT,
 		demoMode: DEMO_MODE,
-		altAuth: ALT_AUTH
+		altAuth: ALT_AUTH,
+		useBasicAuth: USE_BASIC_AUTH
 	});
 	window.BACKEND_URL ??= BACKEND_URL;
 
@@ -75,6 +78,7 @@ const ConfigProvider = ({ children }: { children?: ReactNode }) => {
 			defineProperty('DEPLOYMENT', true);
 			defineProperty('DEMO_MODE');
 			defineProperty('ALT_AUTH');
+			defineProperty('USE_BASIC_AUTH');
 		}
 	}, [config]);