fix(frontend): fix builder's page dynamic title

[Abhi1992002]

The issue we’re facing is that we have Next.js metadata in layout.tsx that sets the title of the entire application. It’s a default title, but we need the dynamic document title for the builder’s page. Since the builder’s page is client-side, we use useEffect and document.title for this purpose. However, there’s a problem with this approach. Initially, we mount the title, but as we hydrate the server-side metadata, it gets removed and replaced with the layout’s default title.

Changes 🏗️

• I’ve converted the page to server-side.
• Transferred all client-side code to a client component and imported it into the server-side page.

Tests

• Saving and loading of graphs is working perfectly.
• The builder’s dynamic title is set perfectly.

[deepsource-io]

Here's the code health analysis summary for commits 4e1557e..c8b5032. View details on DeepSource ↗.

Analysis Summary

Analyzer	Status	Summary	Link
JavaScript	✅ Success	❗ 2 occurences introduced 🎯 1 occurence resolved	View Check ↗
Python	✅ Success		View Check ↗

---

💡 If you’re a repository administrator, you can configure the quality gates from the settings.

[qodo-merge-pro]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Error Handling The server-side metadata fetch does not handle API errors or exceptions from getV1GetSpecificGraph; consider try/catch to prevent build-time or runtime errors during metadata generation and fall back to a default title. const { data: graph } = await getV1GetSpecificGraph(flowID, { version: parseInt(flowVersion), }); if (!graph || typeof graph !== "object" || !("name" in graph)) { return { title: `Builder - AutoGPT Platform`, }; } return { title: `${graph.name} - Builder - AutoGPT Platform`, }; Param Validation searchParams.flowVersion is parsed with parseInt without validating it’s a finite number; invalid input (e.g., non-numeric) could pass as NaN. Validate and fallback to default title when parsing fails. const { data: graph } = await getV1GetSpecificGraph(flowID, { version: parseInt(flowVersion), }); Title Side Effects The previous client-side document.title effect was removed; confirm no other parts still depend on it and that SSR metadata fully covers all builder flows including the legacy editor. const runnerUIRef = useRef<RunnerUIWrapperRef>(null); const { toast } = useToast(); // It stores the dimension of all nodes with position as well const [nodeDimensions, setNodeDimensions] = useState<NodeDimension>({}); const graphHasWebhookNodes = useMemo( () => nodes.some((n) =>

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch abhimanyuyadav/open-2725-fix-builder-page-title

---

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

[netlify]

✅ Deploy Preview for auto-gpt-docs-dev canceled.

Name	Link
🔨 Latest commit	c8b5032
🔍 Latest deploy log	https://app.netlify.com/projects/auto-gpt-docs-dev/deploys/68e35016106adf0008180564

[netlify]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	c8b5032
🔍 Latest deploy log	https://app.netlify.com/projects/auto-gpt-docs/deploys/68e350169ce37d00088daebd