OpenNoodl/dev-docs/tasks/phase-3-editor-ux-overhaul/TASK-001B-launcher-fixes/BUG-003-make-home-silent-fail.md

BUG-003: "Make Home" Context Menu Does Nothing

Severity: 🔴 CRITICAL
Status: Root Cause Identified (Same as BUG-002)
Category: Core Functionality

---

🐛 Symptom

When right-clicking on App component and selecting "Make Home":

• ❌ Nothing happens
• ❌ No console output
• ❌ No error messages
• ❌ Component doesn't become Home

Expected: App should be set as Home, preview should work.

Actual: Silent failure, no feedback.

---

🔍 Root Cause

Same as BUG-002: Router node missing allowAsExportRoot: true

The Code Path

1. User clicks "Make Home" in context menu

2. Handler is called correctly:

// useComponentActions.ts:27
const handleMakeHome = useCallback((node: TreeNode) => {
  const component = node.data.component;

  ProjectModel.instance?.setRootComponent(component); // ← This is called!
}, []);

3. setRootComponent() FAILS SILENTLY:

// projectmodel.ts:233
setRootComponent(component: ComponentModel) {
  const root = _.find(component.graph.roots, function (n) {
    return n.type.allowAsExportRoot;  // ❌ Returns undefined for Router!
  });
  if (root) this.setRootNode(root);  // ❌ Never reaches here
  // ❌ NO ERROR, NO LOG, NO FEEDBACK
}

---

💡 Why It's Silent

The method doesn't throw errors or log anything. It just:

1. Searches for a node with allowAsExportRoot: true
2. Finds nothing (Router doesn't have it)
3. Exits quietly

No one knows it failed!

---

🛠️ Solution

Same fix as BUG-002: Add allowAsExportRoot: true to Router node.

// packages/noodl-viewer-react/src/nodes/navigation/router.tsx
const RouterNode = {
  name: 'Router',
  displayNodeName: 'Page Router',
  allowAsExportRoot: true // ✅ ADD THIS LINE
  // ...
};

---

✅ Verification

After fix:

1. Create new project
2. Right-click App component
3. Click "Make Home"
4. App should get home icon
5. Preview should work

---

Priority: P0 - MUST FIX IMMEDIATELY
Fixes With: BUG-002 (same root cause, same solution)