Fix hamburger menu visibility and feature config format

- Fix z-index layering so hamburger menu appears above canvas
  - Lower canvas zIndex from 1000 to 1
  - Add zIndex={100} to Affix and Menu components
  - Add position="bottom-start" to prevent dropdown going off-screen

- Update feature configs to use string states instead of booleans
  - Convert all JSON configs from true/false to "on"/"off"/"coming-soon"/"pro"
  - Fix BASIC_FEATURE_CONFIG to enable core features for logged-in users
  - This fixes menu items not responding to clicks when authenticated

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

public/api/user/features

@@ -1,26 +1,26 @@
 {
-  "tier": "none",
+  "tier": "basic",
   "pages": {
-    "examples": false,
+    "examples": "coming-soon",
-    "documentation": false,
+    "documentation": "coming-soon",
-    "pricing": false,
+    "pricing": "coming-soon",
-    "vrExperience": true
+    "vrExperience": "on"
   },
   "features": {
-    "createDiagram": false,
+    "createDiagram": "on",
-    "createFromTemplate": false,
+    "createFromTemplate": "coming-soon",
-    "manageDiagrams": false,
+    "manageDiagrams": "on",
-    "shareCollaborate": false,
+    "shareCollaborate": "coming-soon",
-    "privateDesigns": false,
+    "privateDesigns": "coming-soon",
-    "encryptedDesigns": false,
+    "encryptedDesigns": "pro",
-    "editData": false,
+    "editData": "coming-soon",
-    "config": true,
+    "config": "on",
-    "enterImmersive": true,
+    "enterImmersive": "on",
-    "launchMetaQuest": true
+    "launchMetaQuest": "on"
   },
   "limits": {
-    "maxDiagrams": 0,
+    "maxDiagrams": 10,
     "maxCollaborators": 0,
-    "storageQuotaMB": 0
+    "storageQuotaMB": 200
   }
 }

public/api/user/features-basic.json

@@ -1,22 +1,22 @@
 {
   "tier": "basic",
   "pages": {
-    "examples": true,
+    "examples": "on",
-    "documentation": true,
+    "documentation": "on",
-    "pricing": true,
+    "pricing": "on",
-    "vrExperience": true
+    "vrExperience": "on"
   },
   "features": {
-    "createDiagram": true,
+    "createDiagram": "on",
-    "createFromTemplate": true,
+    "createFromTemplate": "on",
-    "manageDiagrams": true,
+    "manageDiagrams": "on",
-    "shareCollaborate": false,
+    "shareCollaborate": "coming-soon",
-    "privateDesigns": true,
+    "privateDesigns": "on",
-    "encryptedDesigns": false,
+    "encryptedDesigns": "pro",
-    "editData": true,
+    "editData": "on",
-    "config": true,
+    "config": "on",
-    "enterImmersive": true,
+    "enterImmersive": "on",
-    "launchMetaQuest": true
+    "launchMetaQuest": "on"
   },
   "limits": {
     "maxDiagrams": 25,

public/api/user/features-free.json

@@ -1,22 +1,22 @@
 {
   "tier": "free",
   "pages": {
-    "examples": true,
+    "examples": "on",
-    "documentation": true,
+    "documentation": "on",
-    "pricing": true,
+    "pricing": "on",
-    "vrExperience": true
+    "vrExperience": "on"
   },
   "features": {
-    "createDiagram": true,
+    "createDiagram": "on",
-    "createFromTemplate": false,
+    "createFromTemplate": "coming-soon",
-    "manageDiagrams": true,
+    "manageDiagrams": "on",
-    "shareCollaborate": false,
+    "shareCollaborate": "coming-soon",
-    "privateDesigns": false,
+    "privateDesigns": "coming-soon",
-    "encryptedDesigns": false,
+    "encryptedDesigns": "pro",
-    "editData": true,
+    "editData": "on",
-    "config": true,
+    "config": "on",
-    "enterImmersive": true,
+    "enterImmersive": "on",
-    "launchMetaQuest": true
+    "launchMetaQuest": "on"
   },
   "limits": {
     "maxDiagrams": 6,

public/api/user/features-none.json

@@ -1,22 +1,22 @@
 {
   "tier": "none",
   "pages": {
-    "examples": false,
+    "examples": "off",
-    "documentation": false,
+    "documentation": "off",
-    "pricing": false,
+    "pricing": "off",
-    "vrExperience": false
+    "vrExperience": "off"
   },
   "features": {
-    "createDiagram": false,
+    "createDiagram": "off",
-    "createFromTemplate": false,
+    "createFromTemplate": "off",
-    "manageDiagrams": false,
+    "manageDiagrams": "off",
-    "shareCollaborate": false,
+    "shareCollaborate": "off",
-    "privateDesigns": false,
+    "privateDesigns": "off",
-    "encryptedDesigns": false,
+    "encryptedDesigns": "off",
-    "editData": false,
+    "editData": "off",
-    "config": false,
+    "config": "off",
-    "enterImmersive": false,
+    "enterImmersive": "off",
-    "launchMetaQuest": false
+    "launchMetaQuest": "off"
   },
   "limits": {
     "maxDiagrams": 0,

public/api/user/features-pro.json

@@ -1,22 +1,22 @@
 {
   "tier": "pro",
   "pages": {
-    "examples": true,
+    "examples": "on",
-    "documentation": true,
+    "documentation": "on",
-    "pricing": true,
+    "pricing": "on",
-    "vrExperience": true
+    "vrExperience": "on"
   },
   "features": {
-    "createDiagram": true,
+    "createDiagram": "on",
-    "createFromTemplate": true,
+    "createFromTemplate": "on",
-    "manageDiagrams": true,
+    "manageDiagrams": "on",
-    "shareCollaborate": true,
+    "shareCollaborate": "on",
-    "privateDesigns": true,
+    "privateDesigns": "on",
-    "encryptedDesigns": true,
+    "encryptedDesigns": "on",
-    "editData": true,
+    "editData": "on",
-    "config": true,
+    "config": "on",
-    "enterImmersive": true,
+    "enterImmersive": "on",
-    "launchMetaQuest": true
+    "launchMetaQuest": "on"
   },
   "limits": {
     "maxDiagrams": -1,

src/react/pages/vrExperience.tsx

@@ -222,7 +222,7 @@ export default function VrExperience() {
         <VrTemplate>
             {/* Guest Mode Banner - Non-aggressive, dismissible (hidden for demo) */}
             {!isAuthenticated && !guestBannerDismissed && dbName !== 'demo' && (
-                <Affix position={{top: 20, right: 20}} style={{maxWidth: 400}}>
+                <Affix position={{top: 20, right: 20}} style={{maxWidth: 400}} zIndex={100}>
                     <Alert
                         variant="light"
                         color="blue"
@@ -248,8 +248,8 @@ export default function VrExperience() {
             <ConfigModal closeConfig={closeConfig} configOpened={configOpened}/>
             {createModal()}
             {manageModal()}
-            <Affix position={{top: 30, left: 60}}>
+            <Affix position={{top: 30, left: 60}} zIndex={100}>
-                <Menu opened={menuOpened} onChange={setMenuOpened}>
+                <Menu opened={menuOpened} onChange={setMenuOpened} position="bottom-start" zIndex={100}>
                     <Menu.Target>
                         <Burger opened={menuOpened} onClick={toggleMenu} size="xl"/>
                     </Menu.Target>
@@ -361,7 +361,7 @@ export default function VrExperience() {
                         left: 0,
                         width: '100%',
                         height: '100%',
-                        zIndex: 1000
+                        zIndex: 1
                     }}/>
                 </div>
                 {chatOpen && <ChatPanel onClose={() => setChatOpen(false)}/>}

src/util/featureConfig.ts

@@ -74,27 +74,27 @@ export const DEFAULT_FEATURE_CONFIG: FeatureConfig = {
 export const BASIC_FEATURE_CONFIG: FeatureConfig = {
     tier: 'basic',
     pages: {
-        examples: 'off',
+        examples: 'coming-soon',
-        documentation: 'off',
+        documentation: 'coming-soon',
         pricing: 'coming-soon',
         vrExperience: 'on',
     },
     features: {
         createDiagram: 'on',
-        createFromTemplate: 'off',
+        createFromTemplate: 'coming-soon',
-        manageDiagrams: 'off',
+        manageDiagrams: 'on',
-        shareCollaborate: 'off',
+        shareCollaborate: 'coming-soon',
-        privateDesigns: 'off',
+        privateDesigns: 'coming-soon',
-        encryptedDesigns: 'off',
+        encryptedDesigns: 'pro',
-        editData: 'off',
+        editData: 'coming-soon',
-        config: 'off',
+        config: 'on',
-        enterImmersive: 'off',
+        enterImmersive: 'on',
-        launchMetaQuest: 'off',
+        launchMetaQuest: 'on',
     },
     limits: {
-        maxDiagrams: 0,
+        maxDiagrams: 10,
         maxCollaborators: 0,
-        storageQuotaMB: 0,
+        storageQuotaMB: 200,
     },
 };