From d531613c7a03865d1a50e5207321b97804bd2ede Mon Sep 17 00:00:00 2001
From: Mathias Jakobsen <mathias.jakobsen@overleaf.com>
Date: Wed, 3 Dec 2025 12:16:48 +0000
Subject: [PATCH] Merge pull request #30054 from overleaf/mj-workbench-title

[web] Update workbench panel title

GitOrigin-RevId: 14e505bec0d663b84b3d9dbae398f8647a30d90d
---
 services/web/frontend/extracted-translations.json          | 1 -
 .../ide-redesign/components/rail/rail-panel-header.tsx     | 2 +-
 .../web/frontend/js/shared/components/beta-badge-icon.tsx  | 4 ++++
 .../web/frontend/stylesheets/components/beta-badges.scss   | 7 +++++++
 services/web/locales/en.json                               | 1 -
 5 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/extracted-translations.json b/services/web/frontend/extracted-translations.json
index 758bf044a1..39196c923a 100644
--- a/services/web/frontend/extracted-translations.json
+++ b/services/web/frontend/extracted-translations.json
@@ -123,7 +123,6 @@
   "ai_feedback_the_suggestion_didnt_fix_the_error": "",
   "ai_feedback_the_suggestion_wasnt_the_best_fix_available": "",
   "ai_feedback_there_was_no_code_fix_suggested": "",
-  "ai_workbench": "",
   "alignment": "",
   "all_borders": "",
   "all_events": "",
diff --git a/services/web/frontend/js/features/ide-redesign/components/rail/rail-panel-header.tsx b/services/web/frontend/js/features/ide-redesign/components/rail/rail-panel-header.tsx
index edb2a9be7e..8685d9419d 100644
--- a/services/web/frontend/js/features/ide-redesign/components/rail/rail-panel-header.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/rail/rail-panel-header.tsx
@@ -8,7 +8,7 @@ export default function RailPanelHeader({
   title,
   actions,
 }: {
-  title: string
+  title: React.ReactNode
   actions?: React.ReactNode[]
 }) {
   const { t } = useTranslation()
diff --git a/services/web/frontend/js/shared/components/beta-badge-icon.tsx b/services/web/frontend/js/shared/components/beta-badge-icon.tsx
index 8bdf8e673b..bbb4c54b80 100644
--- a/services/web/frontend/js/shared/components/beta-badge-icon.tsx
+++ b/services/web/frontend/js/shared/components/beta-badge-icon.tsx
@@ -14,6 +14,8 @@ const BetaBadgeIcon: FC<{
         α
       </OLBadge>
     )
+  } else if (badgeClass === 'labs-badge') {
+    return <MaterialIcon type="science" className="align-middle labs-badge" />
   } else {
     return (
       <OLBadge className="beta-badge" bg="beta">
@@ -25,6 +27,8 @@ const BetaBadgeIcon: FC<{
 
 function chooseBadgeClass(phase?: string) {
   switch (phase) {
+    case 'labs':
+      return 'labs-badge'
     case 'release':
       return 'info-badge'
     case 'alpha':
diff --git a/services/web/frontend/stylesheets/components/beta-badges.scss b/services/web/frontend/stylesheets/components/beta-badges.scss
index 4835ec6751..742f704437 100644
--- a/services/web/frontend/stylesheets/components/beta-badges.scss
+++ b/services/web/frontend/stylesheets/components/beta-badges.scss
@@ -6,6 +6,13 @@
   font-family: $font-family-monospace;
 }
 
+.labs-badge {
+  background-color: var(--green-50);
+  color: var(--white);
+  border-radius: var(--border-radius-base);
+  padding: var(--spacing-01);
+}
+
 .beta-badge {
   font-family: $font-family-monospace;
   background-color: var(--bg-accent-03);
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
index 6be2be1414..86259b0eaa 100644
--- a/services/web/locales/en.json
+++ b/services/web/locales/en.json
@@ -148,7 +148,6 @@
   "ai_feedback_the_suggestion_didnt_fix_the_error": "The suggestion didn’t fix the error",
   "ai_feedback_the_suggestion_wasnt_the_best_fix_available": "The suggestion wasn’t the best fix available",
   "ai_feedback_there_was_no_code_fix_suggested": "There was no code fix suggested",
-  "ai_workbench": "AI Workbench",
   "alignment": "Alignment",
   "all": "All",
   "all_borders": "All borders",