V0.7.0 shell contract (#54)

src/js/sw/shell/user-menu.js

@@ -34,15 +34,29 @@ export function UserMenu({ placement = 'down-right', onAction, extraItems }) {
     const user = sw?.auth?.user;
     const authenticated = sw?.auth?.isAuthenticated;
 
-    // Fetch installed surfaces once on mount.
+    // Fetch installed surfaces on mount and when packages/auth change.
     const CORE_IDS = new Set(['admin', 'settings', 'team-admin', 'workflow', 'workflow-landing', 'docs', 'welcome']);
 
     useEffect(() => {
         if (!sw?.api?.surfaces?.list) return;
-        sw.api.surfaces.list().then(data => {
-            const raw = Array.isArray(data) ? data : data?.data || [];
-            setAllSurfaces(raw);
-        }).catch(() => {});
+
+        function fetchSurfaces() {
+            sw.api.surfaces.list().then(data => {
+                const raw = Array.isArray(data) ? data : data?.data || [];
+                setAllSurfaces(raw);
+            }).catch(() => {});
+        }
+
+        fetchSurfaces();
+
+        // Re-fetch when packages or auth change (WS events from CS-1)
+        const off1 = sw.on?.('package.changed', fetchSurfaces);
+        const off2 = sw.on?.('auth.changed', fetchSurfaces);
+
+        return () => {
+            if (typeof off1 === 'function') off1();
+            if (typeof off2 === 'function') off2();
+        };
     }, [authenticated]);
 
     const extSurfaces = allSurfaces.filter(s => !CORE_IDS.has(s.id));