Fix: Agent links, agent form, and react-compile

apps/webservice/next.config.js

@@ -26,7 +26,7 @@ const config = {
 
   experimental: {
     turbo: {},
-    reactCompiler: true,
+    reactCompiler: false,
     optimizePackageImports: ["googleapis"],
   },
 

apps/webservice/package.json

@@ -102,7 +102,6 @@
     "@types/uuid": "^10.0.0",
     "@xterm/addon-webgl": "^0.18.0",
     "atlassian-openapi": "^1.0.21",
-    "babel-plugin-react-compiler": "19.0.0-beta-40c6c23-20250301",
     "dotenv-cli": "catalog:",
     "eslint": "catalog:",
     "jiti": "^1.21.7",

apps/webservice/src/app/[workspaceSlug]/(app)/(deploy)/(sidebar)/agents/page.tsx → apps/webservice/src/app/[workspaceSlug]/(app)/(deploy)/(sidebar)/job-agents/page.tsx

@@ -17,21 +17,23 @@ import { Sidebars } from "~/app/[workspaceSlug]/sidebars";
 import { api } from "~/trpc/server";
 import { AgentCard } from "./AgentCard";
 
-export const generateMetadata = async (props: {
+export const generateMetadata = async ({
+  params,
+}: {
   params: { workspaceSlug: string };
 }): Promise<Metadata> => {
-  try {
-    const workspace = await api.workspace.bySlug(props.params.workspaceSlug);
-    return {
-      title: `Agents | ${workspace?.name ?? props.params.workspaceSlug} | Ctrlplane`,
-      description: `Manage deployment agents for the ${workspace?.name ?? props.params.workspaceSlug} workspace.`,
-    };
-  } catch {
-    return {
+  const { workspaceSlug } = params;
+
+  return api.workspace
+    .bySlug(workspaceSlug)
+    .then((workspace) => ({
+      title: `Agents | ${workspace?.name ?? workspaceSlug} | Ctrlplane`,
+      description: `Manage deployment agents for the ${workspace?.name ?? workspaceSlug} workspace.`,
+    }))
+    .catch(() => ({
       title: "Agents | Ctrlplane",
       description: "Manage and monitor deployment agents in Ctrlplane.",
-    };
-  }
+    }));
 };
 
 export default async function AgentsPage(props: {

apps/webservice/src/app/[workspaceSlug]/(app)/(deploy)/(sidebar)/systems/page.tsx

@@ -4,21 +4,23 @@ import { notFound } from "next/navigation";
 import { api } from "~/trpc/server";
 import { SystemsPageContent } from "./SystemsPageContent";
 
-export const generateMetadata = async (props: {
+export const generateMetadata = async ({
+  params,
+}: {
   params: { workspaceSlug: string };
 }): Promise<Metadata> => {
-  try {
-    const workspace = await api.workspace.bySlug(props.params.workspaceSlug);
-    return {
-      title: `Systems | ${workspace?.name ?? props.params.workspaceSlug} | Ctrlplane`,
-      description: `Manage and deploy systems for the ${workspace?.name ?? props.params.workspaceSlug} workspace.`,
-    };
-  } catch {
-    return {
+  const { workspaceSlug } = params;
+
+  return api.workspace
+    .bySlug(workspaceSlug)
+    .then((workspace) => ({
+      title: `Systems | ${workspace?.name ?? workspaceSlug} | Ctrlplane`,
+      description: `Manage and deploy systems for the ${workspace?.name ?? workspaceSlug} workspace.`,
+    }))
+    .catch(() => ({
       title: "Systems | Ctrlplane",
       description: "Manage and deploy your systems with Ctrlplane.",
-    };
-  }
+    }));
 };
 
 export default async function SystemsPage(props: {

apps/webservice/src/app/[workspaceSlug]/(app)/insights/page.tsx

@@ -19,22 +19,24 @@ import { WorkspaceResources } from "./overview-cards/WorkspaceResources";
 import { ResourceTypeBreakdown } from "./ResourceTypeBreakdown";
 import { SystemHealthOverview } from "./SystemHealthOverview";
 
-export const generateMetadata = async (props: {
+export const generateMetadata = async ({
+  params,
+}: {
   params: { workspaceSlug: string };
 }): Promise<Metadata> => {
-  try {
-    const workspace = await api.workspace.bySlug(props.params.workspaceSlug);
-    return {
-      title: `Insights | ${workspace?.name ?? props.params.workspaceSlug} | Ctrlplane`,
-      description: `Analytics and performance metrics for the ${workspace?.name ?? props.params.workspaceSlug} workspace.`,
-    };
-  } catch {
-    return {
+  const { workspaceSlug } = params;
+
+  return api.workspace
+    .bySlug(workspaceSlug)
+    .then((workspace) => ({
+      title: `Insights | ${workspace?.name ?? workspaceSlug} | Ctrlplane`,
+      description: `Analytics and performance metrics for the ${workspace?.name ?? workspaceSlug} workspace.`,
+    }))
+    .catch(() => ({
       title: "Insights | Ctrlplane",
       description:
         "Analytics and performance metrics for your Ctrlplane workspace.",
-    };
-  }
+    }));
 };
 
 type Props = {

apps/webservice/src/app/urls.ts

@@ -50,10 +50,10 @@ const workspace = (slug: string) => {
 };
 
 const workspaceJobAgents = (slug: string) => {
-  const base = [slug, "agents"];
+  const base = [slug, "job-agents"];
   return {
     baseUrl: () => buildUrl(...base),
-    integrations: () => buildUrl(...base, "integrations"),
+    integrations: () => workspaceSettingsIntegrations(slug),
   };
 };
 

apps/webservice/src/components/form/job-agent/JobAgentSelector.tsx

@@ -53,7 +53,7 @@ export const JobAgentSelector: React.FC<{
       onChange={onChange}
     />
     <Link
-      href={urls.workspace(workspace.slug).agents().integrations()}
+      href={urls.workspace(workspace.slug).agents().integrations().baseUrl()}
       passHref
     >
       <Button className="flex items-center" variant="outline" size="icon">

apps/webservice/tsconfig.json

@@ -22,5 +22,5 @@
     "src/**/*.tsx",
     ".next/types/**/*.ts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", ".next"]
 }