From 4e581a66e58621a7f24dc05e98b93c1df0454da3 Mon Sep 17 00:00:00 2001
From: Mitesh Kumar <itsmiteshkumar98@gmail.com>
Date: Tue, 3 Feb 2026 19:33:02 +0530
Subject: [PATCH] fix(scaffolder): show template-specific title in browser tab
 (#32343)

* fix(scaffolder): show template-specific title in browser tab

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* adding changeset

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* updating api report

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* prefixing  Create new

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

* updating the report

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>

---------

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
---
 .changeset/eighty-steaks-brake.md                         | 5 +++++
 plugins/scaffolder/report-alpha.api.md                    | 1 +
 .../components/TemplateWizardPage/TemplateWizardPage.tsx  | 8 +++++++-
 plugins/scaffolder/src/translation.ts                     | 1 +
 4 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/eighty-steaks-brake.md

diff --git a/.changeset/eighty-steaks-brake.md b/.changeset/eighty-steaks-brake.md
new file mode 100644
index 0000000000..bb798a838f
--- /dev/null
+++ b/.changeset/eighty-steaks-brake.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-scaffolder': patch
+---
+
+Updated the browser tab title on the template wizard page to display the specific template title instead of the generic "Create a new component" text.
diff --git a/plugins/scaffolder/report-alpha.api.md b/plugins/scaffolder/report-alpha.api.md
index b90bc4c693..4d83a737aa 100644
--- a/plugins/scaffolder/report-alpha.api.md
+++ b/plugins/scaffolder/report-alpha.api.md
@@ -633,6 +633,7 @@ export const scaffolderTranslationRef: TranslationRef<
     readonly 'templateWizardPage.title': 'Create a new component';
     readonly 'templateWizardPage.subtitle': 'Create new software components using standard templates in your organization';
     readonly 'templateWizardPage.pageTitle': 'Create a new component';
+    readonly 'templateWizardPage.templateWithTitle': 'Create new {{templateTitle}}';
     readonly 'templateWizardPage.pageContextMenu.editConfigurationTitle': 'Edit Configuration';
     readonly 'templateEditorToolbar.customFieldExplorerTooltip': 'Custom Fields Explorer';
     readonly 'templateEditorToolbar.installedActionsDocumentationTooltip': 'Installed Actions Documentation';
diff --git a/plugins/scaffolder/src/alpha/components/TemplateWizardPage/TemplateWizardPage.tsx b/plugins/scaffolder/src/alpha/components/TemplateWizardPage/TemplateWizardPage.tsx
index c86f793c5b..5f0176e439 100644
--- a/plugins/scaffolder/src/alpha/components/TemplateWizardPage/TemplateWizardPage.tsx
+++ b/plugins/scaffolder/src/alpha/components/TemplateWizardPage/TemplateWizardPage.tsx
@@ -138,7 +138,13 @@ export const TemplateWizardPage = (props: TemplateWizardPageProps) => {
     <AnalyticsContext attributes={{ entityRef: templateRef }}>
       <Page themeId="website">
         <Header
-          pageTitleOverride={t('templateWizardPage.pageTitle')}
+          pageTitleOverride={
+            manifest?.title
+              ? t('templateWizardPage.templateWithTitle', {
+                  templateTitle: manifest.title,
+                })
+              : t('templateWizardPage.pageTitle')
+          }
           title={t('templateWizardPage.title')}
           subtitle={t('templateWizardPage.subtitle')}
           {...props.headerOptions}
diff --git a/plugins/scaffolder/src/translation.ts b/plugins/scaffolder/src/translation.ts
index efe61d5209..94a3fb590f 100644
--- a/plugins/scaffolder/src/translation.ts
+++ b/plugins/scaffolder/src/translation.ts
@@ -358,6 +358,7 @@ export const scaffolderTranslationRef = createTranslationRef({
       subtitle:
         'Create new software components using standard templates in your organization',
       pageTitle: 'Create a new component',
+      templateWithTitle: 'Create new {{templateTitle}}',
       pageContextMenu: {
         editConfigurationTitle: 'Edit Configuration',
       },