diff --git a/frontend/src/components/editor/EditorToolbar.css b/frontend/src/components/editor/EditorToolbar.css
index 9f8dd7fa..b9f0c479 100644
--- a/frontend/src/components/editor/EditorToolbar.css
+++ b/frontend/src/components/editor/EditorToolbar.css
@@ -37,8 +37,8 @@
gap: 4px;
}
-/* Center slot — fills the gap between left/right groups, allows file tabs
- to scroll horizontally inside it without pushing the icons off-screen. */
+/* Center slot — a flexible spacer between the left and right action groups
+ that keeps the right icons pinned to the far right. Normally empty. */
.toolbar-center-slot {
flex: 1 1 auto;
min-width: 0;
@@ -46,25 +46,6 @@
align-items: stretch;
overflow: hidden;
}
-.toolbar-center-slot > .file-tabs {
- flex: 1;
- min-width: 0;
- border-bottom: none;
- background: transparent;
- min-height: 0;
- height: 100%;
-}
-.toolbar-center-slot .file-tab {
- height: 100%;
- padding: 0 8px;
- min-width: 70px;
- max-width: 160px;
- font-size: 11.5px;
-}
-.toolbar-center-slot .file-tab-active {
- background: #1e1e1e;
- border-top: 2px solid var(--color-action-primary);
-}
/* ── Divider ─────────────────────────────────────── */
.tb-divider {
diff --git a/frontend/src/components/editor/EditorToolbar.tsx b/frontend/src/components/editor/EditorToolbar.tsx
index d9a2a623..3af4affe 100644
--- a/frontend/src/components/editor/EditorToolbar.tsx
+++ b/frontend/src/components/editor/EditorToolbar.tsx
@@ -98,9 +98,9 @@ interface EditorToolbarProps {
setCompileLogs: (logs: CompilationLog[] | ((prev: CompilationLog[]) => CompilationLog[])) => void;
/**
* Optional element rendered between the left action group and the right
- * action group. The editor passes here so the tabs share the
- * same row as the toolbar — keeping every action icon pinned and visible
- * regardless of how narrow the editor pane gets.
+ * action group. Normally empty (the slot just acts as a flexible spacer
+ * that keeps the right action icons pinned); private overlays may inject
+ * deployment-specific content here without forking the toolbar.
*/
centerSlot?: React.ReactNode;
/**
@@ -1671,8 +1671,10 @@ export const EditorToolbar = ({
)}
- {/* Center slot — file tabs share the row so action icons stay pinned. */}
- {centerSlot &&
{centerSlot}
}
+ {/* Center slot — a flexible spacer that keeps the right action group
+ pinned to the far right. Rendered unconditionally so the layout
+ holds even when no overlay supplies content here. */}
+