fix: update data source initialization to use base URL and prevent loading flash in ObjectForm

Author: hotlong

apps/console/src/App.tsx

@@ -50,7 +50,7 @@ export function AppContent() {
   async function initializeDataSource() {
     try {
       const adapter = new ObjectStackAdapter({
-        baseUrl: '/',
+        baseUrl: '/api/v1',
         autoReconnect: true,
         maxReconnectAttempts: 5,
         reconnectDelay: 1000,

apps/console/src/__tests__/ObjectForm.test.tsx

@@ -28,7 +28,7 @@ describe('ObjectForm with MSW Integration', () => {
     client = new ObjectStackClient({ baseUrl: 'http://localhost:3000' } as any);
     await client.connect();
 
-    dataSource = new ObjectStackDataSource(client as any);
+    dataSource = new ObjectStackDataSource({ baseUrl: 'http://localhost:3000' });
 
     // Get a valid contact ID for edit tests
     const driver = getDriver();

apps/console/src/__tests__/ObjectGrid.test.tsx

@@ -20,7 +20,7 @@ describe('ObjectGrid MSW Integration', () => {
     await startMockServer();
     client = new ObjectStackClient({ baseUrl: 'http://localhost:3000' } as any);
     await client.connect();
-    dataSource = new ObjectStackDataSource(client as any);
+    dataSource = new ObjectStackDataSource({ baseUrl: 'http://localhost:3000' });
   });
 
   afterAll(() => {

apps/console/src/__tests__/ObjectGridInteractions.test.tsx

@@ -30,7 +30,7 @@ describe('ObjectGrid Interactions', () => {
         await startMockServer();
         client = new ObjectStackClient({ baseUrl: 'http://localhost:3000' } as any);
         await client.connect();
-        dataSource = new ObjectStackDataSource(client as any);
+        dataSource = new ObjectStackDataSource({ baseUrl: 'http://localhost:3000' });
     });
 
     afterAll(() => {

packages/plugin-form/src/ObjectForm.tsx

@@ -402,8 +402,14 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
     });
 
     setFormFields(generatedFields);
-    setLoading(false);
-  }, [objectSchema, schema.fields, schema.customFields, schema.readOnly, schema.mode, hasInlineFields]);
+
+    // Only set loading to false if we are not going to fetch data
+    // This prevents a flash of empty form before data is loaded in edit mode
+    const willFetchData = !hasInlineFields && (schema.recordId && schema.mode !== 'create' && dataSource);
+    if (!willFetchData) {
+      setLoading(false);
+    }
+  }, [objectSchema, schema.fields, schema.customFields, schema.readOnly, schema.mode, hasInlineFields, schema.recordId, dataSource]);
 
   // Handle form submission
   const handleSubmit = useCallback(async (formData: any, e?: any) => {