From acae5462aa94ad70f121762047955a274a215f01 Mon Sep 17 00:00:00 2001
From: Petr Korolev <sky4winder@gmail.com>
Date: Sun, 11 Jan 2026 16:01:55 -0500
Subject: [PATCH 1/2] gitignore update + chronicle notification + lock update

---
 .gitignore                                    |  1 +
 .../frontend/src/components/layout/Layout.tsx | 19 +++++++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index b3fed8a6..9515aa00 100644
--- a/.gitignore
+++ b/.gitignore
@@ -178,3 +178,4 @@ tests/
 
 # Compose overrides
 compose/speaker-compose.yaml
+config/tailscale-serve.json
diff --git a/ushadow/frontend/src/components/layout/Layout.tsx b/ushadow/frontend/src/components/layout/Layout.tsx
index cf15d15c..383d0d21 100644
--- a/ushadow/frontend/src/components/layout/Layout.tsx
+++ b/ushadow/frontend/src/components/layout/Layout.tsx
@@ -1,6 +1,6 @@
 import { Link, useLocation, Outlet } from 'react-router-dom'
 import React, { useState, useRef, useEffect } from 'react'
-import { Layers, MessageSquare, Plug, Bot, Workflow, Server, Settings, LogOut, Sun, Moon, Users, Search, Bell, User, ChevronDown, Brain, Home } from 'lucide-react'
+import { Layers, MessageSquare, Plug, Bot, Workflow, Server, Settings, LogOut, Sun, Moon, Users, Search, Bell, User, ChevronDown, Brain, Home, AlertTriangle } from 'lucide-react'
 import { LayoutDashboard, Network, Flag, FlaskConical, Cloud, Mic, MicOff, Loader2, Sparkles } from 'lucide-react'
 import { useAuth } from '../../contexts/AuthContext'
 import { useTheme } from '../../contexts/ThemeContext'
@@ -25,7 +25,7 @@ export default function Layout() {
   const { isDark, toggleTheme } = useTheme()
   const { isEnabled, flags } = useFeatureFlags()
   const { getSetupLabel } = useWizard()
-  const { isConnected: isChronicleConnected, recording } = useChronicle()
+  const { isConnected: isChronicleConnected, isCheckingConnection: isChronicleChecking, connectionError: chronicleError, recording } = useChronicle()
   const [userMenuOpen, setUserMenuOpen] = useState(false)
   const [searchQuery, setSearchQuery] = useState('')
   const [featureFlagsDrawerOpen, setFeatureFlagsDrawerOpen] = useState(false)
@@ -174,6 +174,21 @@ export default function Layout() {
 
             {/* Header Actions */}
             <div className="flex items-center space-x-1">
+              {/* Chronicle Service Status Warning - show when not connected */}
+              {!isChronicleChecking && !isChronicleConnected && (
+                <Link
+                  to="/wizard/quickstart"
+                  className="flex items-center space-x-2 px-3 py-2 rounded-lg font-medium transition-all bg-red-600/20 hover:bg-red-600/30 border border-red-500/50"
+                  title={chronicleError || 'Chronicle service is not running'}
+                  data-testid="chronicle-error-indicator"
+                >
+                  <AlertTriangle className="h-4 w-4 text-red-400" />
+                  <span className="hidden sm:inline text-sm text-red-400">
+                    Chronicle Down
+                  </span>
+                </Link>
+              )}
+
               {/* Chronicle Record Button - only show when connected */}
               {isChronicleConnected && (
                 <button

From 98924a5a0830e8e8ff2525fe6a2358f04b06d523 Mon Sep 17 00:00:00 2001
From: Petr Korolev <sky4winder@gmail.com>
Date: Sun, 11 Jan 2026 16:22:57 -0500
Subject: [PATCH 2/2] mobile: Add default server URL configuration and update
 login handling

---
 ushadow/mobile/app/(tabs)/index.tsx           |  1 -
 ushadow/mobile/app/components/LoginScreen.tsx | 62 ++++++++++++++++++-
 ushadow/mobile/app/config.ts                  | 25 ++++++++
 ushadow/mobile/app/services/chronicleApi.ts   | 12 ++--
 ushadow/mobile/app/utils/authStorage.ts       | 59 ++++++++++++++++++
 5 files changed, 150 insertions(+), 9 deletions(-)
 create mode 100644 ushadow/mobile/app/config.ts

diff --git a/ushadow/mobile/app/(tabs)/index.tsx b/ushadow/mobile/app/(tabs)/index.tsx
index 471df72e..c3638007 100644
--- a/ushadow/mobile/app/(tabs)/index.tsx
+++ b/ushadow/mobile/app/(tabs)/index.tsx
@@ -195,7 +195,6 @@ export default function HomeScreen() {
         visible={showLoginScreen}
         onClose={() => setShowLoginScreen(false)}
         onLoginSuccess={handleLoginSuccess}
-        initialApiUrl="https://blue.spangled-kettle.ts.net"
       />
 
       {/* Connection Log Viewer Modal */}
diff --git a/ushadow/mobile/app/components/LoginScreen.tsx b/ushadow/mobile/app/components/LoginScreen.tsx
index c00e3835..a62334c1 100644
--- a/ushadow/mobile/app/components/LoginScreen.tsx
+++ b/ushadow/mobile/app/components/LoginScreen.tsx
@@ -11,7 +11,7 @@
  * - Returns JWT token valid for both ushadow and Chronicle services
  */
 
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import {
   View,
   Text,
@@ -25,7 +25,7 @@ import {
   ScrollView,
 } from 'react-native';
 import { colors, theme, spacing, borderRadius, fontSize } from '../theme';
-import { saveAuthToken, saveApiUrl } from '../utils/authStorage';
+import { saveAuthToken, saveApiUrl, getDefaultServerUrl, setDefaultServerUrl } from '../utils/authStorage';
 
 interface LoginScreenProps {
   visible: boolean;
@@ -42,11 +42,21 @@ export const LoginScreen: React.FC<LoginScreenProps> = ({
 }) => {
   // Server URL format: https://{tailscale-host}
   // Login will POST to {serverUrl}/api/auth/login
-  const [apiUrl, setApiUrl] = useState(initialApiUrl || 'https://blue.spangled-kettle.ts.net');
+  const [apiUrl, setApiUrl] = useState(initialApiUrl || '');
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
+  const [saveAsDefault, setSaveAsDefault] = useState(false);
+
+  // Load the default server URL when modal opens
+  useEffect(() => {
+    if (visible && !initialApiUrl) {
+      getDefaultServerUrl().then((defaultUrl) => {
+        setApiUrl(defaultUrl);
+      });
+    }
+  }, [visible, initialApiUrl]);
 
   const handleLogin = async () => {
     if (!apiUrl.trim() || !email.trim() || !password.trim()) {
@@ -102,9 +112,16 @@ export const LoginScreen: React.FC<LoginScreenProps> = ({
       await saveAuthToken(token);
       await saveApiUrl(baseUrl);
 
+      // Optionally save as default server URL
+      if (saveAsDefault) {
+        await setDefaultServerUrl(baseUrl);
+        console.log('[Login] Saved as default server URL');
+      }
+
       // Clear form
       setEmail('');
       setPassword('');
+      setSaveAsDefault(false);
 
       // Notify parent
       onLoginSuccess(token, baseUrl);
@@ -162,6 +179,17 @@ export const LoginScreen: React.FC<LoginScreenProps> = ({
                 keyboardType="url"
                 testID="login-api-url"
               />
+              {/* Save as default checkbox */}
+              <TouchableOpacity
+                style={styles.checkboxRow}
+                onPress={() => setSaveAsDefault(!saveAsDefault)}
+                testID="login-save-default"
+              >
+                <View style={[styles.checkbox, saveAsDefault && styles.checkboxChecked]}>
+                  {saveAsDefault && <Text style={styles.checkmark}>✓</Text>}
+                </View>
+                <Text style={styles.checkboxLabel}>Save as default server</Text>
+              </TouchableOpacity>
             </View>
 
             {/* Email */}
@@ -291,6 +319,34 @@ const styles = StyleSheet.create({
     color: theme.textPrimary,
     fontSize: fontSize.base,
   },
+  checkboxRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: spacing.sm,
+  },
+  checkbox: {
+    width: 20,
+    height: 20,
+    borderRadius: 4,
+    borderWidth: 2,
+    borderColor: theme.textMuted,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: spacing.sm,
+  },
+  checkboxChecked: {
+    backgroundColor: theme.primaryButton,
+    borderColor: theme.primaryButton,
+  },
+  checkmark: {
+    color: theme.primaryButtonText,
+    fontSize: 12,
+    fontWeight: 'bold',
+  },
+  checkboxLabel: {
+    fontSize: fontSize.sm,
+    color: theme.textSecondary,
+  },
   errorContainer: {
     backgroundColor: colors.error.bgSolid,
     padding: spacing.md,
diff --git a/ushadow/mobile/app/config.ts b/ushadow/mobile/app/config.ts
new file mode 100644
index 00000000..d668c4f8
--- /dev/null
+++ b/ushadow/mobile/app/config.ts
@@ -0,0 +1,25 @@
+/**
+ * App Configuration
+ *
+ * Central configuration for the Ushadow mobile app.
+ * The default server URL can be changed here or overridden by the user during setup.
+ */
+
+export const AppConfig = {
+  /**
+   * Default server URL.
+   * This is used as the initial value when the app is first installed.
+   * Users can change this in the login screen.
+   *
+   * Format: https://{your-tailscale-host}
+   * Example: https://blue.spangled-kettle.ts.net
+   */
+  DEFAULT_SERVER_URL: 'https://ushadow.wolf-tawny.ts.net',
+
+  /**
+   * App version info
+   */
+  APP_NAME: 'Ushadow Mobile',
+};
+
+export default AppConfig;
diff --git a/ushadow/mobile/app/services/chronicleApi.ts b/ushadow/mobile/app/services/chronicleApi.ts
index 4af032c8..9e40ded5 100644
--- a/ushadow/mobile/app/services/chronicleApi.ts
+++ b/ushadow/mobile/app/services/chronicleApi.ts
@@ -4,8 +4,9 @@
  * API client for fetching conversations and memories from the Chronicle backend.
  */
 
-import { getAuthToken, getApiUrl } from '../utils/authStorage';
+import { getAuthToken, getApiUrl, getDefaultServerUrl } from '../utils/authStorage';
 import { getActiveUnode } from '../utils/unodeStorage';
+import AppConfig from '../config';
 
 // Types matching Chronicle backend responses
 export interface Conversation {
@@ -101,10 +102,11 @@ async function getChronicleApiUrl(): Promise<string> {
     return chronicleUrl;
   }
 
-  // Default fallback
-  console.log('[ChronicleAPI] Using default Chronicle generic proxy');
-  return 'https://blue.spangled-kettle.ts.net/api/services/chronicle-backend/proxy';
-}
+  // Default fallback - use configured default server URL
+  const defaultUrl = await getDefaultServerUrl();
+  console.log(`[ChronicleAPI] Using default Chronicle generic proxy: ${defaultUrl}`);
+  return `${defaultUrl}/api/services/chronicle-backend/proxy`;
+e}
 
 /**
  * Get the auth token from active UNode or global storage.
diff --git a/ushadow/mobile/app/utils/authStorage.ts b/ushadow/mobile/app/utils/authStorage.ts
index ee21cb23..d69ee18d 100644
--- a/ushadow/mobile/app/utils/authStorage.ts
+++ b/ushadow/mobile/app/utils/authStorage.ts
@@ -7,9 +7,11 @@
  */
 
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import AppConfig from '../config';
 
 const AUTH_TOKEN_KEY = '@ushadow_auth_token';
 const API_URL_KEY = '@ushadow_api_url';
+const DEFAULT_SERVER_URL_KEY = '@ushadow_default_server_url';
 
 /**
  * Store the auth token
@@ -138,3 +140,60 @@ export function appendTokenToUrl(wsUrl: string, token: string): string {
   const separator = wsUrl.includes('?') ? '&' : '?';
   return `${wsUrl}${separator}token=${token}`;
 }
+
+/**
+ * Get the default server URL.
+ * Returns user-configured default if set, otherwise returns app config default.
+ */
+export async function getDefaultServerUrl(): Promise<string> {
+  try {
+    const customDefault = await AsyncStorage.getItem(DEFAULT_SERVER_URL_KEY);
+    if (customDefault) {
+      return customDefault;
+    }
+  } catch (error) {
+    console.error('[AuthStorage] Failed to get default server URL:', error);
+  }
+  return AppConfig.DEFAULT_SERVER_URL;
+}
+
+/**
+ * Set a custom default server URL.
+ * This will be used instead of the app config default.
+ */
+export async function setDefaultServerUrl(url: string): Promise<void> {
+  try {
+    await AsyncStorage.setItem(DEFAULT_SERVER_URL_KEY, url);
+    console.log('[AuthStorage] Default server URL saved:', url);
+  } catch (error) {
+    console.error('[AuthStorage] Failed to save default server URL:', error);
+    throw error;
+  }
+}
+
+/**
+ * Clear the custom default server URL (revert to app config default).
+ */
+export async function clearDefaultServerUrl(): Promise<void> {
+  try {
+    await AsyncStorage.removeItem(DEFAULT_SERVER_URL_KEY);
+    console.log('[AuthStorage] Default server URL cleared');
+  } catch (error) {
+    console.error('[AuthStorage] Failed to clear default server URL:', error);
+    throw error;
+  }
+}
+
+/**
+ * Get the effective server URL to use.
+ * Priority: stored API URL > custom default > app config default
+ */
+export async function getEffectiveServerUrl(): Promise<string> {
+  // First check if there's a stored API URL from login
+  const storedUrl = await getApiUrl();
+  if (storedUrl) {
+    return storedUrl;
+  }
+  // Otherwise return the default
+  return getDefaultServerUrl();
+}