first commit

ui/app/workspace/guardrails/configuration/layout.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import GuardrailsConfigurationPage from "./page";
+
+export const Route = createFileRoute("/workspace/guardrails/configuration")({
+	component: GuardrailsConfigurationPage,
+});

ui/app/workspace/guardrails/configuration/page.tsx

@@ -0,0 +1,9 @@
+import GuardrailsConfigurationView from "@enterprise/components/guardrails/guardrailsConfigurationView";
+
+export default function GuardrailsConfigurationPage() {
+	return (
+		<div className="mx-auto w-full max-w-7xl">
+			<GuardrailsConfigurationView />
+		</div>
+	);
+}

ui/app/workspace/guardrails/layout.tsx

@@ -0,0 +1,17 @@
+import { createFileRoute, Outlet, useChildMatches } from "@tanstack/react-router";
+import { NoPermissionView } from "@/components/noPermissionView";
+import { RbacOperation, RbacResource, useRbac } from "@enterprise/lib";
+import GuardrailsPage from "./page";
+
+function RouteComponent() {
+	const hasGuardrailsAccess = useRbac(RbacResource.GuardrailsConfig, RbacOperation.View);
+	const childMatches = useChildMatches();
+	if (!hasGuardrailsAccess) {
+		return <NoPermissionView entity="guardrails configuration" />;
+	}
+	return childMatches.length === 0 ? <GuardrailsPage /> : <Outlet />;
+}
+
+export const Route = createFileRoute("/workspace/guardrails")({
+	component: RouteComponent,
+});

ui/app/workspace/guardrails/page.tsx

@@ -0,0 +1,9 @@
+import GuardrailsConfigurationView from "@enterprise/components/guardrails/guardrailsConfigurationView";
+
+export default function GuardrailsPage() {
+	return (
+		<div className="mx-auto w-full max-w-7xl">
+			<GuardrailsConfigurationView />
+		</div>
+	);
+}

ui/app/workspace/guardrails/providers/layout.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import GuardrailsProvidersPage from "./page";
+
+export const Route = createFileRoute("/workspace/guardrails/providers")({
+	component: GuardrailsProvidersPage,
+});

ui/app/workspace/guardrails/providers/page.tsx

@@ -0,0 +1,9 @@
+import GuardrailsProviderView from "@enterprise/components/guardrails/guardrailsProviderView";
+
+export default function GuardrailsProvidersPage() {
+	return (
+		<div className="mx-auto w-full max-w-7xl">
+			<GuardrailsProviderView />
+		</div>
+	);
+}