feat(studio): add global REST API console with auto-discovery

- Add useApiDiscovery hook for automatic endpoint discovery from metadata
- Add ApiConsolePage component with endpoint tree, search, request/response panels
- Add api-console view to App.tsx routing
- Add API Console entry to sidebar under System section
- Update site-header breadcrumb for api-console view
- Add tests for API discovery logic

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

apps/studio/src/App.tsx

@@ -9,13 +9,14 @@ import { SiteHeader } from "@/components/site-header"
 import { SidebarProvider } from "@/components/ui/sidebar"
 import { DeveloperOverview } from './components/DeveloperOverview';
 import { PackageManager } from './components/PackageManager';
+import { ApiConsolePage } from './components/ApiConsolePage';
 import { Toaster } from "@/components/ui/toaster"
 import { getApiBaseUrl, config } from './lib/config';
 import { PluginRegistryProvider, PluginHost } from './plugins';
 import { builtInPlugins } from './plugins/built-in';
 import type { InstalledPackage } from '@objectstack/spec/kernel';
 
-type ViewType = 'overview' | 'packages' | 'object' | 'metadata';
+type ViewType = 'overview' | 'packages' | 'object' | 'metadata' | 'api-console';
 
 export default function App() {
   const [client, setClient] = useState<ObjectStackClient | null>(null);
@@ -129,6 +130,8 @@ export default function App() {
               <PluginHost metadataType={selectedMeta.type} metadataName={selectedMeta.name} />
             ) : selectedView === 'packages' ? (
               <PackageManager />
+            ) : selectedView === 'api-console' ? (
+              <ApiConsolePage />
             ) : (
               <DeveloperOverview
                 packages={packages}