src/routes/Apps/App.tsx

@@ -43,7 +43,7 @@ export const AppDetail: React.FC = () => {
   // Use to refresh page
   const [refreshKey, setRefreshKey] = useState(0);
 
-  const isMockMode = false;
+  const isMockMode = import.meta.env.VITE_MOCK_AUTH === 'true';
   const getServiceClass = (state: string, status: string) => {
     if (state === "running" && status.includes("\(healthy\)")) return "service-card dark-green";
     if (status.includes("unhealthy")) return "service-card red"

src/routes/Apps/Apps.tsx

@@ -21,7 +21,7 @@ export const Apps: React.FC = () => {
   const [showUpgradesOnly, setShowUpgradesOnly] = useState(false);
   const [showChaosOnly, setShowChaosOnly] = useState(false);
 
-  const isMockMode = false;
+  const isMockMode = import.meta.env.VITE_MOCK_AUTH === 'true';
 
   useEffect(() => {
     const fetchData = async () => {

src/routes/Dashboard/Dashboard.tsx

@@ -13,7 +13,7 @@ export const Dashboard: React.FC = () => {
   const [error, setError] = useState('');
   const navigate = useNavigate();
 
-  const isMockMode = false;
+  const isMockMode = import.meta.env.VITE_MOCK_AUTH === 'true';
 
   useEffect(() => {
     const fetchData = async () => {

src/routes/Recipes/Recipes.tsx

@@ -20,7 +20,7 @@ export const Recipes: React.FC = () => {
 
 
 
-  const isMockMode = false;
+  const isMockMode = import.meta.env.VITE_MOCK_AUTH === 'true';
 
   useEffect(() => {
     const fetchData = async () => {

src/routes/Servers/Server.tsx

@@ -30,7 +30,7 @@ export const Server: React.FC = () => {
   const [terminalLogs, setTerminalLogs] = useState<LogEntry[]>([]);
   const [terminalActive, setTerminalActive] = useState(false);
 
-  const isMockMode = false;
+  const isMockMode = import.meta.env.VITE_MOCK_AUTH === 'true';
 
   useEffect(() => {
     const fetchServer = async () => {

src/routes/Servers/Servers.tsx

@@ -25,7 +25,7 @@ export const Servers: React.FC = () => {
   const [showUpgradesOnly, setShowUpgradesOnly] = useState(false);
   const [showChaosOnly, setShowChaosOnly] = useState(false);
 
-  const isMockMode = false;
+  const isMockMode = import.meta.env.VITE_MOCK_AUTH === 'true';
 
   useEffect(() => {
     const fetchData = async () => {