chore(shared): 🔧

features/landing/frontend-public/src/App.tsx

@@ -18,7 +18,6 @@ import { BrowserRouter, Routes, Route } from 'react-router-dom'
 import { NotFoundPage } from '@lilith/ui-error-pages'
 import { DevUserProvider } from '@lilith/ui-dev-tools'
 import { AuthProviderWithDevBridge } from '@lilith/auth-provider'
-import { DeveloperFab } from '@lilith/ui-developer-fab'
 
 import { MotionProvider } from './providers/MotionProvider'
 import { RoutePatterns } from './routes'
@@ -304,22 +303,6 @@ export default function App() {
           </BrowserRouter>
         </MotionProvider>
       </AuthProviderWithDevBridge>
-      {import.meta.env.DEV && (
-        <DeveloperFab
-          position="bottom-left"
-          accessLevels={[
-            { value: 'guest', label: 'Guest' },
-            { value: 'user', label: 'User' },
-          ]}
-          profiles={[
-            { id: 'client', name: 'Client' },
-            { id: 'fan', name: 'Fan' },
-            { id: 'escort', name: 'Escort' },
-            { id: 'camgirl', name: 'Camgirl' },
-            { id: 'supporter', name: 'Supporter' },
-          ]}
-        />
-      )}
     </DevUserProvider>
   )
 }

features/landing/frontend-public/src/components/Layout/Layout.tsx

@@ -26,6 +26,10 @@ const ParticleTrail = lazy(() =>
 )
 // FloatingSettings imports soundEngine, so lazy load to defer sound bundle
 const FloatingSettings = lazy(() => import('../FloatingSettings'))
+// DeveloperFab for dev mode only
+const DeveloperFab = lazy(() =>
+  import('@lilith/ui-developer-fab').then((m) => ({ default: m.DeveloperFab }))
+)
 
 import type { AboutPageType } from '@lilith/i18n'
 
@@ -80,6 +84,27 @@ export default function Layout() {
         <Outlet />
       </main>
 
+      {/* DeveloperFab - bottom-left, dev tools only */}
+      {import.meta.env.DEV && (
+        <Suspense fallback={null}>
+          <DeveloperFab
+            position="bottom-left"
+            accessLevels={[
+              { value: 'guest', label: 'Guest' },
+              { value: 'user', label: 'User' },
+              { value: 'investor', label: 'Investor' },
+            ]}
+            profiles={[
+              { id: 'client', name: 'Client' },
+              { id: 'fan', name: 'Fan' },
+              { id: 'escort', name: 'Escort' },
+              { id: 'camgirl', name: 'Camgirl' },
+              { id: 'supporter', name: 'Supporter' },
+            ]}
+          />
+        </Suspense>
+      )}
+
       {/* Global Floating Settings - lazy loaded (imports soundEngine) */}
       <Suspense fallback={null}>
         <FloatingSettings

features/marketplace/frontend-public/package.json

@@ -55,7 +55,7 @@
     "@lilith/ui-dev-tools": "^1.1.11",
     "@lilith/ui-effects-sound": "^1.1.5",
     "@lilith/ui-error-pages": "^1.1.6",
-    "@lilith/ui-fab": "^2.2.5",
+    "@lilith/ui-fab": "^2.3.1",
     "@lilith/ui-feedback": "^1.1.3",
     "@lilith/ui-forms": "^1.1.4",
     "@lilith/ui-icons": "^1.1.2",

features/marketplace/frontend-public/vite.config.ts

@@ -40,6 +40,7 @@ export default defineConfig({
     }),
   ],
   resolve: {
+    dedupe: ['react', 'react-dom', 'styled-components', '@lilith/ui-dev-tools'],
     alias: {
       // Force all React imports to resolve from this app's node_modules
       // This prevents duplicate React instances from symlinked workspace packages
@@ -135,6 +136,7 @@ export default defineConfig({
     // Exclude workspace packages from pre-bundling to avoid stale cache issues
     exclude: [
       '@lilith/ui-dev-tools',
+      '@lilith/ui-developer-fab',
     ],
   },
   // Build-time constants