From 3417eac994c53e80b187e862e89a15deec7dcb8b Mon Sep 17 00:00:00 2001
From: Jonathan Mieloo <jonathan@posthog.com>
Date: Fri, 9 Jan 2026 18:08:24 +0100
Subject: [PATCH] Always show panel icons

---
 .../panels/components/LeafNodeRenderer.tsx    |  3 -
 .../panels/components/PanelLayout.tsx         |  1 -
 .../panels/components/TabbedPanel.tsx         | 59 ++++++++-----------
 3 files changed, 26 insertions(+), 37 deletions(-)

diff --git a/apps/array/src/renderer/features/panels/components/LeafNodeRenderer.tsx b/apps/array/src/renderer/features/panels/components/LeafNodeRenderer.tsx
index e55c4e7f..1c2d4cc4 100644
--- a/apps/array/src/renderer/features/panels/components/LeafNodeRenderer.tsx
+++ b/apps/array/src/renderer/features/panels/components/LeafNodeRenderer.tsx
@@ -17,7 +17,6 @@ interface LeafNodeRendererProps {
   draggingTabPanelId: string | null;
   onActiveTabChange: (panelId: string, tabId: string) => void;
   onPanelFocus: (panelId: string) => void;
-  focusedPanelId: string | null;
   onAddTerminal: (panelId: string) => void;
   onSplitPanel: (panelId: string, direction: SplitDirection) => void;
 }
@@ -34,7 +33,6 @@ export const LeafNodeRenderer: React.FC<LeafNodeRendererProps> = ({
   draggingTabPanelId,
   onActiveTabChange,
   onPanelFocus,
-  focusedPanelId,
   onAddTerminal,
   onSplitPanel,
 }) => {
@@ -62,7 +60,6 @@ export const LeafNodeRenderer: React.FC<LeafNodeRendererProps> = ({
       onPanelFocus={onPanelFocus}
       draggingTabId={draggingTabId}
       draggingTabPanelId={draggingTabPanelId}
-      isFocused={focusedPanelId === node.id}
       onAddTerminal={() => onAddTerminal(node.id)}
       onSplitPanel={(direction) => onSplitPanel(node.id, direction)}
     />
diff --git a/apps/array/src/renderer/features/panels/components/PanelLayout.tsx b/apps/array/src/renderer/features/panels/components/PanelLayout.tsx
index fba7761b..f12ed2ed 100644
--- a/apps/array/src/renderer/features/panels/components/PanelLayout.tsx
+++ b/apps/array/src/renderer/features/panels/components/PanelLayout.tsx
@@ -128,7 +128,6 @@ const PanelLayoutRenderer: React.FC<{
             draggingTabPanelId={layoutState.draggingTabPanelId}
             onActiveTabChange={handleSetActiveTab}
             onPanelFocus={handlePanelFocus}
-            focusedPanelId={layoutState.focusedPanelId}
             onAddTerminal={handleAddTerminal}
             onSplitPanel={handleSplitPanel}
           />
diff --git a/apps/array/src/renderer/features/panels/components/TabbedPanel.tsx b/apps/array/src/renderer/features/panels/components/TabbedPanel.tsx
index f0db9f82..75c40130 100644
--- a/apps/array/src/renderer/features/panels/components/TabbedPanel.tsx
+++ b/apps/array/src/renderer/features/panels/components/TabbedPanel.tsx
@@ -53,7 +53,6 @@ interface TabbedPanelProps {
   onPanelFocus?: (panelId: string) => void;
   draggingTabId?: string | null;
   draggingTabPanelId?: string | null;
-  isFocused?: boolean;
   onAddTerminal?: () => void;
   onSplitPanel?: (direction: SplitDirection) => void;
 }
@@ -68,7 +67,6 @@ export const TabbedPanel: React.FC<TabbedPanelProps> = ({
   onPanelFocus,
   draggingTabId = null,
   draggingTabPanelId = null,
-  isFocused = false,
   onAddTerminal,
   onSplitPanel,
 }) => {
@@ -193,37 +191,32 @@ export const TabbedPanel: React.FC<TabbedPanelProps> = ({
               />
             )}
           </Flex>
-          {isFocused &&
-            content.droppable &&
-            (onSplitPanel || onAddTerminal) && (
-              <Flex
-                style={{
-                  position: "absolute",
-                  right: 0,
-                  top: 0,
-                  height: "32px",
-                  borderLeft: "1px solid var(--gray-6)",
-                  background: "var(--color-background)",
-                }}
-              >
-                {onSplitPanel && (
-                  <TabBarButton
-                    ariaLabel="Split panel"
-                    onClick={handleSplitClick}
-                  >
-                    <SquareSplitHorizontalIcon width={12} height={12} />
-                  </TabBarButton>
-                )}
-                {onAddTerminal && (
-                  <TabBarButton
-                    ariaLabel="Add terminal"
-                    onClick={onAddTerminal}
-                  >
-                    <PlusIcon width={12} height={12} />
-                  </TabBarButton>
-                )}
-              </Flex>
-            )}
+          {content.droppable && (onSplitPanel || onAddTerminal) && (
+            <Flex
+              style={{
+                position: "absolute",
+                right: 0,
+                top: 0,
+                height: "32px",
+                borderLeft: "1px solid var(--gray-6)",
+                background: "var(--color-background)",
+              }}
+            >
+              {onSplitPanel && (
+                <TabBarButton
+                  ariaLabel="Split panel"
+                  onClick={handleSplitClick}
+                >
+                  <SquareSplitHorizontalIcon width={12} height={12} />
+                </TabBarButton>
+              )}
+              {onAddTerminal && (
+                <TabBarButton ariaLabel="Add terminal" onClick={onAddTerminal}>
+                  <PlusIcon width={12} height={12} />
+                </TabBarButton>
+              )}
+            </Flex>
+          )}
         </Box>
       )}