feat(frontend): add dynamic page titles for workspace and session pages

[mprpic]

Replaces #861

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 0e80ea19-b0cb-4baa-8abf-64c56771dd79

📥 Commits

Reviewing files that changed from the base of the PR and between 95eb360 and ac5e93d.

📒 Files selected for processing (6)

• components/frontend/src/app/integrations/page.tsx
• components/frontend/src/app/projects/[name]/layout.tsx
• components/frontend/src/app/projects/[name]/page.tsx
• components/frontend/src/app/projects/[name]/sessions/[sessionName]/layout.tsx
• components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx
• components/frontend/src/app/projects/layout.tsx

---

Walkthrough

Adds metadata exports and simple layout components across integrations and projects routes, and client-side effects that update document titles for project and session pages. Five files were added or modified to include metadata or render children and to set page titles after hydration.

Changes

Cohort / File(s)	Summary
Integrations page components/frontend/src/app/integrations/page.tsx	Added a metadata export (Metadata type import) with title "Integrations · Ambient Code Platform".
Projects top-level layout components/frontend/src/app/projects/layout.tsx	Added metadata export with title "Workspaces · Ambient Code Platform" and default WorkspacesLayout that returns children.
Project workspace layout components/frontend/src/app/projects/[name]/layout.tsx	Added default WorkspaceLayout that returns children.
Session layout components/frontend/src/app/projects/[name]/sessions/[sessionName]/layout.tsx	Added default SessionLayout that returns children.
Project page title effect components/frontend/src/app/projects/[name]/page.tsx	Added client-side effect to update document.title to " · Ambient Code Platform" after hydration when project data/name changes.
Session page title effect components/frontend/src/app/projects/[name]/sessions/[sessionName]/page.tsx	Added client-side effect to update document.title to " · Ambient Code Platform" after hydration when session displayName/sessionName changes.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main changes: adding dynamic page titles for workspace and session pages through metadata exports and useEffect hooks.
Description check	✅ Passed	The description provides a reference to a replaced PR, which contextualizes the change though it lacks detailed explanation of the work itself.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch page-title

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[mergify]

🧪 CI Insights

Here's what we observed from your CI run for 95eb360.

🟢 All jobs passed!

But CI Insights is watching 👀

[ambient-code]

Review Queue — Not Ready to Merge

christianvogt reviewed the PR and identified a substantive issue with the implementation. The session page titles are using technical session names (like 'session-17734238534') instead of user-friendly display names, making browser tabs unhelpful. This is an unresolved design flaw that defeats the purpose of the PR.

To unblock: Update the session layout to use the session's display name instead of the technical session name for the page title.

[christianvogt]

If the next.js way is to use metadata, why not just make the request to obtain the session name in the metadata function?

What I originally did was use the react title component which I think is a better approach vs a useEffect. While it may not make a difference here, if nested components want to add a title, on unmount it would restore the parent value.