Add development environment configuration for Console app

Author: hotlong

apps/console/.env.development

@@ -0,0 +1,5 @@
+# Development: connect to a local or remote ObjectStack server.
+# Set VITE_SERVER_URL to your dev server (e.g. http://localhost:3000 or https://demo.objectstack.ai).
+# Leave empty to use same-origin (when Console is served by the server itself).
+VITE_SERVER_URL=http://localhost:3000
+VITE_USE_MOCK_SERVER=false

apps/console/.env.production

@@ -1 +1,4 @@
+# Production: connect to the ObjectStack server.
+# Set VITE_SERVER_URL to the server origin, or leave empty for same-origin.
+VITE_SERVER_URL=
 VITE_USE_MOCK_SERVER=false

apps/console/package.json

@@ -73,6 +73,7 @@
     "@objectstack/driver-memory": "^4.0.3",
     "@objectstack/objectql": "^4.0.3",
     "@objectstack/plugin-msw": "^4.0.3",
+    "@objectstack/plugin-auth": "^4.0.3",
     "@objectstack/plugin-setup": "^4.0.3",
     "@objectstack/runtime": "^4.0.3",
     "@objectstack/spec": "^4.0.3",

apps/console/src/App.tsx

@@ -518,7 +518,7 @@ export function App() {
   return (
     <ThemeProvider defaultTheme="system" storageKey="object-ui-theme">
       <ConsoleToaster position="bottom-right" />
-      <ConditionalAuthWrapper authUrl="/api/v1/auth">
+      <ConditionalAuthWrapper authUrl={`${import.meta.env.VITE_SERVER_URL || ''}/api/v1/auth`}>
         <PreviewBanner />
         <NavigationProvider>
         <FavoritesProvider>

apps/console/src/components/ConditionalAuthWrapper.tsx

@@ -42,7 +42,7 @@ export function ConditionalAuthWrapper({ children, authUrl }: ConditionalAuthWra
         // Empty baseUrl allows the adapter to use browser-relative paths
         // This works because the console app is served from the same origin as the API
         const adapter = new ObjectStackAdapter({
-          baseUrl: '',
+          baseUrl: import.meta.env.VITE_SERVER_URL || '',
           autoReconnect: false,
         });
 

apps/console/src/context/AdapterProvider.tsx

@@ -43,7 +43,7 @@ export function AdapterProvider({ children, adapter: externalAdapter }: AdapterP
     async function init() {
       try {
         const a = new ObjectStackAdapter({
-          baseUrl: '',
+          baseUrl: import.meta.env.VITE_SERVER_URL || '',
           autoReconnect: true,
           maxReconnectAttempts: 5,
           reconnectDelay: 1000,

apps/console/vite.config.ts

@@ -277,16 +277,17 @@ export default defineConfig({
     }
   },
   server: {
-    // Proxy API requests to the real ObjectStack server when running in server mode.
+    // Proxy API requests to the ObjectStack server (local or remote).
+    // Configure via VITE_SERVER_URL env var; defaults to http://localhost:3000.
     // In MSW mode, MSW intercepts requests at the service worker level before they
     // reach the network, so these proxies are effectively bypassed.
     proxy: {
       '/api': {
-        target: 'http://localhost:3000',
+        target: process.env.VITE_SERVER_URL || 'http://localhost:3000',
         changeOrigin: true,
       },
       '/.well-known/objectstack': {
-        target: 'http://localhost:3000',
+        target: process.env.VITE_SERVER_URL || 'http://localhost:3000',
         changeOrigin: true,
       },
     },