v2.28 - Fix Block-lab Routes

Author: imjustinliao

frontend/src/app/session/SessionPageClient.tsx

@@ -211,6 +211,7 @@ function SessionRouteContent() {
       feedback: "/feedback",
       settings: "/settings",
       profile: "/profile",
+      "block-lab": "/block-lab",
     }
     if (STATIC_ROUTES[view]) {
       router.push(STATIC_ROUTES[view])

frontend/src/components/app/AppContentRouter.tsx

@@ -282,7 +282,7 @@ export function AppContentRouter() {
       const demoSession = demoSessions[demoId] ?? (demoId === "demo-structure" ? DUMMY_BLOCK_SESSION : undefined)
       if (demoSession) return <SessionView initialSession={demoSession} conversationId={demoSession.id} onRenameToSidebar={renameConversation} onDeleteToSidebar={deleteConversation} />
     }
-    if (effectiveView.startsWith("block-")) return <BackendBlockSessionView key={effectiveView} sessionId={effectiveView.replace("block-", "")} />
+    if (effectiveView.startsWith("block-") && effectiveView !== "block-lab") return <BackendBlockSessionView key={effectiveView} sessionId={effectiveView.replace("block-", "")} />
     if (effectiveView.startsWith("chat-")) return <ChatSessionView chatId={effectiveView.replace("chat-", "")} />
     return <GuidedSessionView key={resetKey} initialPrompt={initialPrompt} onPromptConsumed={clearInitialPrompt} />
   }, [effectiveView, resetKey, initialPrompt, clearInitialPrompt, handleSessionComplete, demoSessions, renameConversation, deleteConversation])

frontend/src/components/app/Sidebar.tsx

@@ -727,7 +727,6 @@ export const Sidebar = memo(function Sidebar() {
           <MenuItem icon={<GuideIcon />} label="Golden Guide" expanded={expanded} onClick={() => handleNavigateToView("guide")} overrideColor={isDark ? "#FFFFFF" : "#1a1a1a"} />
           <MenuItem icon={<DiscordIcon />} label="Community" expanded={expanded} onClick={() => window.open(DISCORD_URL, "_blank")} overrideColor={isDark ? "#FFFFFF" : "#1a1a1a"} />
           <MenuItem icon={<FeedbackIcon />} label="Feedback" expanded={expanded} active={normPath === "/feedback" || activeView === "feedback"} onClick={() => handleNavigateToView("feedback")} indicator overrideColor={isDark ? "#FFFFFF" : "#1a1a1a"} />
-          <MenuItem icon={<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><rect x="3" y="3" width="7" height="7" rx="1" /><rect x="14" y="3" width="7" height="7" rx="1" /><rect x="3" y="14" width="7" height="7" rx="1" /><rect x="14" y="14" width="7" height="7" rx="1" /></svg>} label="Block Lab" expanded={expanded} active={normPath === "/block-lab" || activeView === "block-lab"} onClick={() => handleNavigateToView("block-lab")} indicator overrideColor={isDark ? "#FFFFFF" : "#1a1a1a"} />
         </div>
 
         {/* Recents — explicit background so no blackout when navigating (e.g. to Profile) */}