Add API Console sidebar link and route exemption

Add an "API Console" entry to the global sidebar (imports Globe icon, computes apiConsoleActive, and links to /api-console). The console menu item is always available and documented to discover endpoints dynamically from the active client/environment. Also update isEnvExemptPath in routes/__root.tsx to treat /api-console and its subpaths as environment-exempt so the route doesn't require an environment selection.

Author: hotlong

apps/studio/src/components/global-sidebar.tsx

@@ -28,6 +28,7 @@ import {
   ChevronsUpDown,
   Plus,
   Boxes,
+  Globe,
   Package as PackageIcon,
   Settings,
 } from 'lucide-react';
@@ -179,6 +180,7 @@ export function GlobalSidebar() {
   const envsActive = pathname === '/environments';
   const packagesHref = envId ? `/environments/${envId}/packages` : undefined;
   const packagesActive = !!packagesHref && pathname === packagesHref;
+  const apiConsoleActive = pathname === '/api-console';
 
   return (
     <Sidebar collapsible="icon">
@@ -226,6 +228,17 @@ export function GlobalSidebar() {
                   </SidebarMenuButton>
                 )}
               </SidebarMenuItem>
+
+              {/* API Console — always available; the console discovers
+                  endpoints dynamically from the active client/environment. */}
+              <SidebarMenuItem>
+                <SidebarMenuButton asChild isActive={apiConsoleActive} tooltip="API Console">
+                  <Link to="/api-console">
+                    <Globe className="size-4" />
+                    <span>API Console</span>
+                  </Link>
+                </SidebarMenuButton>
+              </SidebarMenuItem>
             </SidebarMenu>
           </SidebarGroupContent>
         </SidebarGroup>

apps/studio/src/routes/__root.tsx

@@ -52,7 +52,9 @@ function isEnvExemptPath(pathname: string): boolean {
     pathname.startsWith('/login') ||
     pathname.startsWith('/register') ||
     pathname.startsWith('/orgs') ||
-    pathname.startsWith('/environments')
+    pathname.startsWith('/environments') ||
+    pathname === '/api-console' ||
+    pathname.startsWith('/api-console/')
   );
 }