feat(web): move Cascade Defaults to Global section in sidebar

web/src/components/layout/sidebar.tsx

@@ -12,6 +12,7 @@ import {
 	KeyRound,
 	LayoutDashboard,
 	Settings,
+	SlidersHorizontal,
 	Zap,
 } from 'lucide-react';
 
@@ -25,6 +26,7 @@ const globalNav = [
 	{ to: '/global/runs' as const, label: 'Global Runs', icon: Activity },
 	{ to: '/global/webhook-logs' as const, label: 'Webhook Logs', icon: Zap },
 	{ to: '/global/agent-configs' as const, label: 'Global Agent Configs', icon: Bot },
+	{ to: '/global/defaults' as const, label: 'Cascade Defaults', icon: SlidersHorizontal },
 	{ to: '/global/definitions' as const, label: 'Agent Definitions', icon: BookOpen },
 	{ to: '/global/organizations' as const, label: 'Organizations', icon: Building },
 	{ to: '/global/credentials' as const, label: 'Global Credentials', icon: KeyRound },

web/src/routes/global/defaults.tsx

@@ -0,0 +1,24 @@
+import { DefaultsForm } from '@/components/settings/defaults-form.js';
+import { createRoute } from '@tanstack/react-router';
+import { rootRoute } from '../__root.js';
+
+function GlobalDefaultsPage() {
+	return (
+		<div className="space-y-6">
+			<div className="space-y-1">
+				<h1 className="text-2xl font-bold tracking-tight">Cascade Defaults</h1>
+				<p className="text-muted-foreground">
+					Global defaults for all projects in this organization.
+				</p>
+			</div>
+
+			<DefaultsForm />
+		</div>
+	);
+}
+
+export const globalDefaultsRoute = createRoute({
+	getParentRoute: () => rootRoute,
+	path: '/global/defaults',
+	component: GlobalDefaultsPage,
+});

web/src/routes/route-tree.ts

@@ -1,6 +1,7 @@
 import { rootRoute } from './__root.js';
 import { globalAgentConfigsRoute } from './global/agent-configs.js';
 import { globalCredentialsRoute } from './global/credentials.js';
+import { globalDefaultsRoute } from './global/defaults.js';
 import { globalDefinitionsRoute } from './global/definitions.js';
 import { globalOrganizationsRoute } from './global/organizations.js';
 import { globalRunsRoute } from './global/runs.js';
@@ -26,6 +27,7 @@ export const routeTree = rootRoute.addChildren([
 	settingsCredentialsRoute,
 	settingsAgentsRoute,
 	globalAgentConfigsRoute,
+	globalDefaultsRoute,
 	globalDefinitionsRoute,
 	globalWebhookLogsRoute,
 	globalOrganizationsRoute,

web/src/routes/settings/general.tsx

@@ -1,6 +1,4 @@
-import { DefaultsForm } from '@/components/settings/defaults-form.js';
 import { OrgForm } from '@/components/settings/org-form.js';
-import { Separator } from '@/components/ui/separator.js';
 import { createRoute } from '@tanstack/react-router';
 import { rootRoute } from '../__root.js';
 
@@ -13,16 +11,6 @@ function GeneralSettingsPage() {
 				<h2 className="text-lg font-semibold">Organization</h2>
 				<OrgForm />
 			</section>
-
-			<Separator />
-
-			<section className="space-y-4">
-				<h2 className="text-lg font-semibold">Cascade Defaults</h2>
-				<p className="text-sm text-muted-foreground">
-					Global defaults for all projects in this organization.
-				</p>
-				<DefaultsForm />
-			</section>
 		</div>
 	);
 }