fix: enhance schema handling in TaskForm and improve data format handling in TaskList

chore: add logging for config loading and manifest checks in browser mock server

Author: hotlong

examples/app-react-crud/src/components/TaskForm.tsx

@@ -31,7 +31,7 @@ export function TaskForm({ client, editingTask, onSuccess, onCancel }: TaskFormP
 
             // In Protocol v1 (protocol.ts), getMetaItem returns { type: 'object', name: 'todo_task', item: { ...fields... } }
             // So we need res.item (the schema definition) or res (if it's direct)
-            const schemaDef = res.item || res;
+            const schemaDef = res.data || res.item || res;
 
             setSchema(schemaDef);
         } catch (err) {

examples/app-react-crud/src/components/TaskList.tsx

@@ -36,8 +36,9 @@ export function TaskList({ client, onEdit, refreshTrigger }: TaskListProps) {
         sort: ['priority', '-created_at']
       });
 
-      // Handle { value: [] } (PaginatedResult) and [] (Raw) formats
-      const rawValues = Array.isArray(result) ? result : (result.value || []);
+      // Handle { value: [] } (PaginatedResult), { data: [] } (Standard Envelope) and [] (Raw) formats
+      // The ObjectStack Client returns the raw JSON body, so we need to handle the envelope
+      const rawValues = Array.isArray(result) ? result : (result.value || (result as any).data || []);
       const fetchedTasks = [...rawValues] as Task[];
 
       // Client-side sort fallback (since InMemoryDriver has limited sort support)

examples/app-react-crud/src/mocks/browser.ts

@@ -21,6 +21,7 @@ export async function startMockServer() {
 
   // Handle CommonJS/ESM interop for config loading
   const appConfig = (todoConfig as any).default || todoConfig;
+  console.log('[MSW] Loaded Config:', appConfig);
 
   const driver = new InMemoryDriver();
 
@@ -90,6 +91,7 @@ export async function startMockServer() {
                   }
 
                   // HttpDispatcher expects { data, count } for query/list
+                  console.log(`[BrokerShim] find/query(${params.object}) -> count: ${all.length}`, all);
                   return { data: all, count: all.length };
               }
           }
@@ -136,8 +138,10 @@ export async function startMockServer() {
 
   // Initialize default data from manifest if available
   const manifest = appConfig.manifest;
+  console.log('[MSW] Checking manifest for data...', manifest);
+  
   if (manifest && Array.isArray(manifest.data)) {
-    console.log('[MSW] Loading initial data...');
+    console.log(`[MSW] Found ${manifest.data.length} datasets.`);
     for (const dataset of manifest.data) {
       if (dataset.object && Array.isArray(dataset.records)) {
         for (const record of dataset.records) {