diff --git a/components/frontend/src/app/integrations/layout.tsx b/components/frontend/src/app/integrations/layout.tsx
new file mode 100644
index 000000000..aa7e230dc
--- /dev/null
+++ b/components/frontend/src/app/integrations/layout.tsx
@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Integrations · Ambient Code Platform",
+};
+
+export default function IntegrationsLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return children;
+}
diff --git a/components/frontend/src/app/projects/[name]/page.tsx b/components/frontend/src/app/projects/[name]/page.tsx
index 6aca3b717..c2e673ba6 100644
--- a/components/frontend/src/app/projects/[name]/page.tsx
+++ b/components/frontend/src/app/projects/[name]/page.tsx
@@ -127,51 +127,54 @@ export default function ProjectDetailsPage() {
   }
 
   return (
-    <SidebarProvider
-      defaultOpen={true}
-      className="min-h-[calc(100svh-4rem)]"
-    >
-      <WorkspaceSidebar
-        activeSection={activeSection}
-        onSectionChange={setActiveSection}
-      />
-      <SidebarInset>
-        {/* Sticky header with breadcrumbs and sidebar trigger */}
-        <header className="sticky top-0 z-20 flex items-center gap-2 bg-background border-b px-4 h-12">
-          <SidebarTrigger className="-ml-1" />
-          <Separator orientation="vertical" className="mr-2 h-4" />
-          <Breadcrumb>
-            <BreadcrumbList>
-              <BreadcrumbItem>
-                <BreadcrumbLink asChild>
-                  <Link href="/projects">Workspaces</Link>
-                </BreadcrumbLink>
-              </BreadcrumbItem>
-              <BreadcrumbSeparator />
-              <BreadcrumbItem>
-                <BreadcrumbPage>{projectName}</BreadcrumbPage>
-              </BreadcrumbItem>
-            </BreadcrumbList>
-          </Breadcrumb>
-        </header>
-
-        {/* Page content */}
-        <div className="p-6">
-          <PageHeader
-            title={project?.displayName || projectName}
-            description={project?.description || 'Manage agentic sessions, configure settings, and control access for this workspace'}
-          />
-
-          <hr className="border-t my-6" />
-
-          {/* Main Content */}
-          {activeSection === 'sessions' && <SessionsSection projectName={projectName} />}
-          {activeSection === 'schedules' && <SchedulesSection projectName={projectName} />}
-          {activeSection === 'sharing' && <SharingSection projectName={projectName} />}
-          {activeSection === 'keys' && <KeysSection projectName={projectName} />}
-          {activeSection === 'settings' && <SettingsSection projectName={projectName} />}
-        </div>
-      </SidebarInset>
-    </SidebarProvider>
+    <>
+      <title>{`${project?.displayName || projectName} · Ambient Code Platform`}</title>
+      <SidebarProvider
+        defaultOpen={true}
+        className="min-h-[calc(100svh-4rem)]"
+      >
+        <WorkspaceSidebar
+          activeSection={activeSection}
+          onSectionChange={setActiveSection}
+        />
+        <SidebarInset>
+          {/* Sticky header with breadcrumbs and sidebar trigger */}
+          <header className="sticky top-0 z-20 flex items-center gap-2 bg-background border-b px-4 h-12">
+            <SidebarTrigger className="-ml-1" />
+            <Separator orientation="vertical" className="mr-2 h-4" />
+            <Breadcrumb>
+              <BreadcrumbList>
+                <BreadcrumbItem>
+                  <BreadcrumbLink asChild>
+                    <Link href="/projects">Workspaces</Link>
+                  </BreadcrumbLink>
+                </BreadcrumbItem>
+                <BreadcrumbSeparator />
+                <BreadcrumbItem>
+                  <BreadcrumbPage>{projectName}</BreadcrumbPage>
+                </BreadcrumbItem>
+              </BreadcrumbList>
+            </Breadcrumb>
+          </header>
+
+          {/* Page content */}
+          <div className="p-6">
+            <PageHeader
+              title={project?.displayName || projectName}
+              description={project?.description || 'Manage agentic sessions, configure settings, and control access for this workspace'}
+            />
+
+            <hr className="border-t my-6" />
+
+            {/* Main Content */}
+            {activeSection === 'sessions' && <SessionsSection projectName={projectName} />}
+            {activeSection === 'schedules' && <SchedulesSection projectName={projectName} />}
+            {activeSection === 'sharing' && <SharingSection projectName={projectName} />}
+            {activeSection === 'keys' && <KeysSection projectName={projectName} />}
+            {activeSection === 'settings' && <SettingsSection projectName={projectName} />}
+          </div>
+        </SidebarInset>
+      </SidebarProvider>
+    </>
   );
 }
diff --git a/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx b/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx
index b0f4dad0e..ebc2e1591 100644
--- a/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx
+++ b/components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx
@@ -1458,6 +1458,7 @@ export default function ProjectSessionDetailPage({
 
   return (
     <>
+      <title>{`${session.spec.displayName || session.metadata.name} · Ambient Code Platform`}</title>
       <div className="absolute inset-0 top-16 overflow-hidden bg-background flex flex-col">
         {/* Fixed header */}
         <div className="flex-shrink-0 bg-card border-b">