feat: implement single execution guard for component registration in App.tsx; add mock service worker setup in browser.ts

Author: hotlong

examples/crm-app/src/App.tsx

@@ -19,11 +19,16 @@ import { opportunityDetailSchema } from './schemas/opportunity-detail';
 
 import { registerCustomWidgets } from './components/registry';
 
-// 1. Register components
-registerFields();
-registerLayout();
-registerPlaceholders();
-registerCustomWidgets();
+// 1. Register components (Single execution guard)
+const globalAny: any = window;
+if (!globalAny.__OBJECT_UI_REGISTERED__) {
+  console.log('Registering Object UI components...');
+  registerFields();
+  registerLayout();
+  registerPlaceholders();
+  registerCustomWidgets();
+  globalAny.__OBJECT_UI_REGISTERED__ = true;
+}
 
 // Generic Layout Shell
 const Layout = () => {

examples/crm-app/src/mocks/browser.ts

@@ -0,0 +1,7 @@
+import { setupWorker } from 'msw/browser';
+import { handlers, seedData } from './handlers';
+
+// Seed Data
+seedData().catch(console.error);
+
+export const worker = setupWorker(...handlers);