diff --git a/apps/sim/app/_styles/globals.css b/apps/sim/app/_styles/globals.css
index a17787657..96e8981e3 100644
--- a/apps/sim/app/_styles/globals.css
+++ b/apps/sim/app/_styles/globals.css
@@ -14,7 +14,7 @@
--panel-width: 320px; /* PANEL_WIDTH.DEFAULT */
--toolbar-triggers-height: 300px; /* TOOLBAR_TRIGGERS_HEIGHT.DEFAULT */
--editor-connections-height: 172px; /* EDITOR_CONNECTIONS_HEIGHT.DEFAULT */
- --terminal-height: 155px; /* TERMINAL_HEIGHT.DEFAULT */
+ --terminal-height: 206px; /* TERMINAL_HEIGHT.DEFAULT */
}
.sidebar-container {
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/terminal.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/terminal.tsx
index 5886adcd2..342d5e131 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/terminal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/terminal.tsx
@@ -410,10 +410,8 @@ const ExecutionGroupRow = memo(function ExecutionGroupRow({
}) {
return (
- {/* Dashed separator between executions */}
- {showSeparator && (
-
- )}
+ {/* Separator between executions */}
+ {showSeparator &&
}
{/* Entry tree */}
@@ -1091,7 +1089,8 @@ export const Terminal = memo(function Terminal() {
}, [expandToLastHeight, navigateToEntry])
/**
- * Adjust output panel width on resize
+ * Adjust output panel width on resize.
+ * Closes the output panel if there's not enough space for the minimum width.
*/
useEffect(() => {
const handleResize = () => {
@@ -1107,7 +1106,14 @@ export const Terminal = memo(function Terminal() {
const terminalWidth = window.innerWidth - sidebarWidth - panelWidth
const maxWidth = terminalWidth - TERMINAL_CONFIG.BLOCK_COLUMN_WIDTH_PX
- if (outputPanelWidth > maxWidth && maxWidth >= MIN_OUTPUT_PANEL_WIDTH_PX) {
+ // Close output panel if there's not enough space for minimum width
+ if (maxWidth < MIN_OUTPUT_PANEL_WIDTH_PX) {
+ setAutoSelectEnabled(false)
+ setSelectedEntry(null)
+ return
+ }
+
+ if (outputPanelWidth > maxWidth) {
setOutputPanelWidth(Math.max(maxWidth, MIN_OUTPUT_PANEL_WIDTH_PX))
}
}
diff --git a/apps/sim/stores/constants.ts b/apps/sim/stores/constants.ts
index 86b4fc36c..d22db32c9 100644
--- a/apps/sim/stores/constants.ts
+++ b/apps/sim/stores/constants.ts
@@ -36,7 +36,7 @@ export const PANEL_WIDTH = {
/** Terminal height constraints */
export const TERMINAL_HEIGHT = {
- DEFAULT: 155,
+ DEFAULT: 206,
MIN: 30,
/** Maximum is 70% of viewport, enforced dynamically */
MAX_PERCENTAGE: 0.7,
@@ -58,8 +58,8 @@ export const EDITOR_CONNECTIONS_HEIGHT = {
/** Output panel (terminal execution results) width constraints */
export const OUTPUT_PANEL_WIDTH = {
- DEFAULT: 440,
- MIN: 440,
+ DEFAULT: 560,
+ MIN: 280,
} as const
/** Terminal block column width - minimum width for the logs column */