From 67dea87e016a2e24d9d5fdefc919d9e367efe628 Mon Sep 17 00:00:00 2001
From: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>
Date: Thu, 24 Sep 2026 12:15:52 -0700
Subject: [PATCH 1/4] Use native buttons for terminal log rows

---
 .../entry-block-tile/entry-block-tile.tsx     |  1 +
 .../components/terminal/components/index.ts   |  1 +
 .../status-display/status-display.tsx         | 10 +--
 .../components/terminal-row-button.test.tsx   | 74 ++++++++++++++++
 .../components/terminal-row-button.tsx        | 29 +++++++
 .../components/terminal/terminal.tsx          | 85 ++++++-------------
 packages/emcn/src/components/index.ts         |  2 +-
 .../src/block-tile-view.test.tsx              | 18 ++++
 .../workflow-renderer/src/workflow-type.tsx   |  7 +-
 9 files changed, 156 insertions(+), 71 deletions(-)
 create mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/entry-block-tile/entry-block-tile.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/entry-block-tile/entry-block-tile.tsx
index 88ada367e9a..5c718c1be07 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/entry-block-tile/entry-block-tile.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/entry-block-tile/entry-block-tile.tsx
@@ -15,6 +15,7 @@ export interface EntryBlockTileProps {
 export const EntryBlockTile = memo(function EntryBlockTile({ blockType }: EntryBlockTileProps) {
   return (
     <BlockTile
+      as='span'
       blockType={blockType}
       icon={getBlockIcon(blockType) ?? undefined}
       bgColor={getBlockColor(blockType)}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/index.ts b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/index.ts
index 3041753fc06..57edff04fa5 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/index.ts
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/index.ts
@@ -2,4 +2,5 @@ export { EntryBlockTile, type EntryBlockTileProps } from './entry-block-tile'
 export { LogRowContextMenu, type LogRowContextMenuProps } from './log-row-context-menu'
 export { OutputPanel, type OutputPanelProps } from './output-panel'
 export { StatusDisplay, type StatusDisplayProps } from './status-display'
+export { TerminalRowButton, type TerminalRowButtonProps } from './terminal-row-button'
 export { ToggleButton, type ToggleButtonProps } from './toggle-button'
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/status-display/status-display.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/status-display/status-display.tsx
index 8c896389a08..8bb851f40e8 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/status-display/status-display.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/status-display/status-display.tsx
@@ -1,18 +1,14 @@
 'use client'
 
 import { memo } from 'react'
-import { Badge } from '@sim/emcn'
+import { badgeVariants, cn } from '@sim/emcn'
 import { BADGE_STYLE } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/types'
 
 /**
- * Running badge component - displays a consistent "Running" indicator
+ * Inline running badge for valid content inside a native terminal row button.
  */
 const RunningBadge = memo(function RunningBadge() {
-  return (
-    <Badge variant='green' className={BADGE_STYLE}>
-      Running
-    </Badge>
-  )
+  return <span className={cn(badgeVariants({ variant: 'green' }), BADGE_STYLE)}>Running</span>
 })
 
 /**
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
new file mode 100644
index 00000000000..25ddc693f00
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
@@ -0,0 +1,74 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { act } from 'react'
+import { createRoot, type Root } from 'react-dom/client'
+import { renderToStaticMarkup } from 'react-dom/server'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { ROW_STYLES } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/types'
+import { StatusDisplay } from './status-display'
+import { TerminalRowButton } from './terminal-row-button'
+
+let root: Root
+let host: HTMLDivElement
+
+beforeEach(() => {
+  ;(globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true
+  host = document.createElement('div')
+  document.body.appendChild(host)
+  root = createRoot(host)
+})
+
+afterEach(() => {
+  act(() => root.unmount())
+  host.remove()
+})
+
+describe('TerminalRowButton', () => {
+  it('renders selected disclosure semantics and handles one native click locally', () => {
+    const onClick = vi.fn()
+    const onParentClick = vi.fn()
+
+    act(() => {
+      root.render(
+        <div onClick={onParentClick}>
+          <TerminalRowButton selected aria-expanded data-entry-id='entry-1' onClick={onClick}>
+            <span>Workflow result</span>
+          </TerminalRowButton>
+        </div>
+      )
+    })
+
+    const button = host.querySelector('button')!
+    expect(button.type).toBe('button')
+    expect(button.getAttribute('aria-expanded')).toBe('true')
+    expect(button.getAttribute('data-entry-id')).toBe('entry-1')
+    expect(button.className).toBe(ROW_STYLES.rowSelected)
+    act(() => button.focus())
+    expect(document.activeElement).toBe(button)
+    act(() => button.click())
+    expect(onClick).toHaveBeenCalledTimes(1)
+    expect(onParentClick).not.toHaveBeenCalled()
+  })
+
+  it('keeps the base chip row when selection and expansion are absent', () => {
+    act(() => {
+      root.render(<TerminalRowButton>Block output</TerminalRowButton>)
+    })
+    const button = host.querySelector('button')!
+    expect(button.className).toBe(ROW_STYLES.row)
+    expect(button.hasAttribute('aria-expanded')).toBe(false)
+    expect(button.textContent).toBe('Block output')
+  })
+
+  it('keeps the running status inline inside a native button', () => {
+    const html = renderToStaticMarkup(
+      <TerminalRowButton>
+        <StatusDisplay isRunning isCanceled={false} formattedDuration='-' />
+      </TerminalRowButton>
+    )
+    expect(html).toMatch(/^<button\b/)
+    expect(html).toContain('>Running</span>')
+    expect(html).not.toContain('<div')
+  })
+})
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx
new file mode 100644
index 00000000000..076a6ec0cd6
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx
@@ -0,0 +1,29 @@
+import type { ButtonHTMLAttributes } from 'react'
+import { cn } from '@sim/emcn'
+import { ROW_STYLES } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/types'
+
+export interface TerminalRowButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  /** Use the selected chip surface for the active output row. */
+  selected?: boolean
+}
+
+/** Native terminal row action with the established EMCN chip surface. */
+export function TerminalRowButton({
+  selected = false,
+  className,
+  onClick,
+  type,
+  ...props
+}: TerminalRowButtonProps) {
+  return (
+    <button
+      type={type ?? 'button'}
+      className={cn(selected ? ROW_STYLES.rowSelected : ROW_STYLES.row, className)}
+      onClick={(event) => {
+        event.stopPropagation()
+        onClick?.(event)
+      }}
+      {...props}
+    />
+  )
+}
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 95336d7cac3..4a20bc7bc9b 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
@@ -7,7 +7,6 @@ import {
   ChevronDown,
   cn,
   disclosureChevronClass,
-  handleKeyboardActivation,
   Popover,
   PopoverContent,
   PopoverItem,
@@ -27,6 +26,7 @@ import {
   LogRowContextMenu,
   OutputPanel,
   StatusDisplay,
+  TerminalRowButton,
   ToggleButton,
 } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components'
 import {
@@ -110,25 +110,17 @@ const BlockRow = memo(function BlockRow({
   const isCanceled = Boolean(entry.isCanceled)
 
   return (
-    <div
+    <TerminalRowButton
       data-entry-id={entry.id}
-      role='button'
-      tabIndex={0}
-      className={isSelected ? ROW_STYLES.rowSelected : ROW_STYLES.row}
-      onClick={(e) => {
-        e.stopPropagation()
-        onSelect(entry)
-      }}
-      onKeyDown={(event) =>
-        handleKeyboardActivation(event, () => onSelect(entry), { stopPropagation: true })
-      }
+      selected={isSelected}
+      onClick={() => onSelect(entry)}
     >
-      <div className={ROW_STYLES.content}>
+      <span className={ROW_STYLES.content}>
         <EntryBlockTile blockType={entry.blockType} />
         <span className={hasError ? ROW_STYLES.labelError : ROW_STYLES.label}>
           {entry.blockName}
         </span>
-      </div>
+      </span>
       <span className={cn(ROW_STYLES.status, !isRunning && ROW_STYLES.statusIdle)}>
         <StatusDisplay
           isRunning={isRunning}
@@ -136,7 +128,7 @@ const BlockRow = memo(function BlockRow({
           formattedDuration={formatDuration(entry.durationMs, { precision: 2 }) ?? '-'}
         />
       </span>
-    </div>
+    </TerminalRowButton>
   )
 })
 
@@ -175,24 +167,15 @@ const IterationNodeRow = memo(function IterationNodeRow({
   return (
     <div className='flex min-w-0 flex-col'>
       {/* Iteration Header */}
-      <div
-        role='button'
-        tabIndex={0}
-        className={ROW_STYLES.row}
-        onClick={(e) => {
-          e.stopPropagation()
-          onToggle()
-        }}
-        onKeyDown={(event) => handleKeyboardActivation(event, onToggle, { stopPropagation: true })}
-      >
-        <div className={ROW_STYLES.content}>
+      <TerminalRowButton aria-expanded={hasChildren ? isExpanded : undefined} onClick={onToggle}>
+        <span className={ROW_STYLES.content}>
           <span className={hasError ? ROW_STYLES.labelError : ROW_STYLES.label}>
             {iterationLabel}
           </span>
           {hasChildren && (
             <ChevronDown className={cn(disclosureChevronClass, !isExpanded && '-rotate-90')} />
           )}
-        </div>
+        </span>
         <span className={cn(ROW_STYLES.status, !hasRunningChild && ROW_STYLES.statusIdle)}>
           <StatusDisplay
             isRunning={hasRunningChild}
@@ -200,7 +183,7 @@ const IterationNodeRow = memo(function IterationNodeRow({
             formattedDuration={formatDuration(entry.durationMs, { precision: 2 }) ?? '-'}
           />
         </span>
-      </div>
+      </TerminalRowButton>
 
       {/* Nested Blocks */}
       {renderChildren && isExpanded && hasChildren && (
@@ -258,25 +241,17 @@ const SubflowNodeRow = memo(function SubflowNodeRow({
   return (
     <div className='flex min-w-0 flex-col'>
       {/* Subflow Header */}
-      <div
-        role='button'
-        tabIndex={0}
-        className={ROW_STYLES.row}
-        onClick={(e) => {
-          e.stopPropagation()
-          onToggleNode(nodeId)
-        }}
-        onKeyDown={(event) =>
-          handleKeyboardActivation(event, () => onToggleNode(nodeId), { stopPropagation: true })
-        }
+      <TerminalRowButton
+        aria-expanded={hasChildren ? isExpanded : undefined}
+        onClick={() => onToggleNode(nodeId)}
       >
-        <div className={ROW_STYLES.content}>
+        <span className={ROW_STYLES.content}>
           <EntryBlockTile blockType={entry.blockType} />
           <span className={hasError ? ROW_STYLES.labelError : ROW_STYLES.label}>{displayName}</span>
           {hasChildren && (
             <ChevronDown className={cn(disclosureChevronClass, !isExpanded && '-rotate-90')} />
           )}
-        </div>
+        </span>
         <span className={cn(ROW_STYLES.status, !hasRunningDescendant && ROW_STYLES.statusIdle)}>
           <StatusDisplay
             isRunning={hasRunningDescendant}
@@ -284,7 +259,7 @@ const SubflowNodeRow = memo(function SubflowNodeRow({
             formattedDuration={formatDuration(entry.durationMs, { precision: 2 }) ?? '-'}
           />
         </span>
-      </div>
+      </TerminalRowButton>
 
       {/* Nested Iterations */}
       {renderChildren && isExpanded && hasChildren && (
@@ -347,27 +322,15 @@ const WorkflowNodeRow = memo(function WorkflowNodeRow({
   return (
     <div className='flex min-w-0 flex-col'>
       {/* Workflow Block Header */}
-      <div
-        role='button'
-        tabIndex={0}
-        className={isSelected ? ROW_STYLES.rowSelected : ROW_STYLES.row}
-        onClick={(e) => {
-          e.stopPropagation()
+      <TerminalRowButton
+        aria-expanded={hasChildren ? isExpanded : undefined}
+        selected={isSelected}
+        onClick={() => {
           if (!isSelected) onSelectEntry(entry)
           if (hasChildren) onToggleNode(nodeId)
         }}
-        onKeyDown={(event) =>
-          handleKeyboardActivation(
-            event,
-            () => {
-              if (!isSelected) onSelectEntry(entry)
-              if (hasChildren) onToggleNode(nodeId)
-            },
-            { stopPropagation: true }
-          )
-        }
       >
-        <div className={ROW_STYLES.content}>
+        <span className={ROW_STYLES.content}>
           <EntryBlockTile blockType={entry.blockType} />
           <span className={hasError ? ROW_STYLES.labelError : ROW_STYLES.label}>
             {entry.blockName}
@@ -375,7 +338,7 @@ const WorkflowNodeRow = memo(function WorkflowNodeRow({
           {hasChildren && (
             <ChevronDown className={cn(disclosureChevronClass, !isExpanded && '-rotate-90')} />
           )}
-        </div>
+        </span>
         <span className={cn(ROW_STYLES.status, !hasRunningDescendant && ROW_STYLES.statusIdle)}>
           <StatusDisplay
             isRunning={hasRunningDescendant}
@@ -383,7 +346,7 @@ const WorkflowNodeRow = memo(function WorkflowNodeRow({
             formattedDuration={formatDuration(entry.durationMs, { precision: 2 }) ?? '-'}
           />
         </span>
-      </div>
+      </TerminalRowButton>
 
       {/* Nested Child Blocks — rendered through EntryNodeRow for full loop/parallel support */}
       {renderChildren && isExpanded && hasChildren && (
diff --git a/packages/emcn/src/components/index.ts b/packages/emcn/src/components/index.ts
index 8a6c0391020..fe56b8ab2dd 100644
--- a/packages/emcn/src/components/index.ts
+++ b/packages/emcn/src/components/index.ts
@@ -1,5 +1,5 @@
 export { Avatar, AvatarFallback, AvatarImage } from './avatar/avatar'
-export { Badge, type BadgeProps } from './badge/badge'
+export { Badge, type BadgeProps, badgeVariants } from './badge/badge'
 export { Banner } from './banner/banner'
 export {
   BulkActionButton,
diff --git a/packages/workflow-renderer/src/block-tile-view.test.tsx b/packages/workflow-renderer/src/block-tile-view.test.tsx
index 377d472ec59..08b2ae9fa01 100644
--- a/packages/workflow-renderer/src/block-tile-view.test.tsx
+++ b/packages/workflow-renderer/src/block-tile-view.test.tsx
@@ -48,4 +48,22 @@ describe('shared block tile', () => {
     expect(html).toContain('text-black!')
     expect(html).toContain('>A</span>')
   })
+
+  it('renders an inline provider tile inside native row buttons', () => {
+    const inline = renderToStaticMarkup(
+      <BlockTileView
+        as='span'
+        blockType='provider'
+        icon={Icon}
+        bgColor='#33C482'
+        useAccent={false}
+      />
+    )
+    const ordinary = renderToStaticMarkup(
+      <BlockTileView blockType='provider' icon={Icon} bgColor='#33C482' useAccent={false} />
+    )
+    expect(inline).toMatch(/^<span\b/)
+    expect(ordinary).toMatch(/^<div\b/)
+    expect(inline.replace(/^<span/, '<div').replace(/<\/span>$/, '</div>')).toBe(ordinary)
+  })
 })
diff --git a/packages/workflow-renderer/src/workflow-type.tsx b/packages/workflow-renderer/src/workflow-type.tsx
index 22ed75db83e..234c70bddc2 100644
--- a/packages/workflow-renderer/src/workflow-type.tsx
+++ b/packages/workflow-renderer/src/workflow-type.tsx
@@ -108,6 +108,8 @@ const TILE_ICON_SIZE_CLASS = {
 
 export interface BlockTileViewProps
   extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'style'> {
+  /** Inline root for a tile placed inside a native button. */
+  as?: 'div' | 'span'
   /**
    * Block the tile represents; decides whether it takes the canvas role accent.
    * Omitted by rows that name no block, such as catalog and section headers.
@@ -125,6 +127,7 @@ export interface BlockTileViewProps
 
 /** Shared block tile; callers resolve registry metadata before rendering. */
 export function BlockTileView({
+  as: Element = 'div',
   blockType,
   icon,
   bgColor,
@@ -154,7 +157,7 @@ export function BlockTileView({
   const foregroundClass = isLightTileColor(fill) ? 'text-black!' : 'text-white!'
 
   return (
-    <div
+    <Element
       className={cn(chipIconSlotClass, 'overflow-hidden rounded-md [&_img]:size-full', sizeClass)}
       style={{ background: fill }}
       {...props}
@@ -172,7 +175,7 @@ export function BlockTileView({
           <span className={cn('font-bold text-micro', foregroundClass)}>{fallbackLabel}</span>
         )
       )}
-    </div>
+    </Element>
   )
 }
 

From 0b519319813e278d115bc903dc2bf46e40aec47f Mon Sep 17 00:00:00 2001
From: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>
Date: Thu, 24 Sep 2026 12:22:12 -0700
Subject: [PATCH 2/4] test(terminal): verify complete native row markup

---
 .../components/terminal-row-button.test.tsx   | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
index 25ddc693f00..95ab394d3a8 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
@@ -2,6 +2,7 @@
  * @vitest-environment jsdom
  */
 import { act } from 'react'
+import { BlockTileView } from '@sim/workflow-renderer'
 import { createRoot, type Root } from 'react-dom/client'
 import { renderToStaticMarkup } from 'react-dom/server'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
@@ -71,4 +72,28 @@ describe('TerminalRowButton', () => {
     expect(html).toContain('>Running</span>')
     expect(html).not.toContain('<div')
   })
+
+  it('keeps the complete tile, label, chevron, and status as valid button contents', () => {
+    const Icon = ({ className }: { className?: string }) => <svg className={className} />
+    const html = renderToStaticMarkup(
+      <TerminalRowButton aria-expanded={false}>
+        <span className={ROW_STYLES.content}>
+          <BlockTileView as='span' blockType='agent' icon={Icon} bgColor='#33C482' useAccent />
+          <span className={ROW_STYLES.label}>Agent</span>
+          <svg aria-hidden='true' />
+        </span>
+        <span className={ROW_STYLES.status}>
+          <StatusDisplay isRunning isCanceled={false} formattedDuration='-' />
+        </span>
+      </TerminalRowButton>
+    )
+    const document = new DOMParser().parseFromString(html, 'text/html')
+    const button = document.querySelector('button')
+    expect(button?.getAttribute('aria-expanded')).toBe('false')
+    expect(button?.textContent).toContain('Agent')
+    expect(button?.textContent).toContain('Running')
+    expect(button?.querySelector('[data-workflow-type-icon="agent"]')).not.toBeNull()
+    expect(button?.querySelectorAll('button, a, div')).toHaveLength(0)
+    expect(document.body.children).toHaveLength(1)
+  })
 })

From e1ceb588cd14c5bda2050c240e91c766af23544b Mon Sep 17 00:00:00 2001
From: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>
Date: Thu, 24 Sep 2026 12:57:25 -0700
Subject: [PATCH 3/4] fix(terminal): expose selected row state and use absolute
 imports

---
 .../components/terminal-row-button.test.tsx       | 15 +++++++++++++--
 .../terminal/components/terminal-row-button.tsx   |  6 ++++--
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
index 95ab394d3a8..92b5d3defde 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
@@ -6,9 +6,11 @@ import { BlockTileView } from '@sim/workflow-renderer'
 import { createRoot, type Root } from 'react-dom/client'
 import { renderToStaticMarkup } from 'react-dom/server'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import {
+  StatusDisplay,
+  TerminalRowButton,
+} from '@/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components'
 import { ROW_STYLES } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/types'
-import { StatusDisplay } from './status-display'
-import { TerminalRowButton } from './terminal-row-button'
 
 let root: Root
 let host: HTMLDivElement
@@ -43,6 +45,7 @@ describe('TerminalRowButton', () => {
     const button = host.querySelector('button')!
     expect(button.type).toBe('button')
     expect(button.getAttribute('aria-expanded')).toBe('true')
+    expect(button.getAttribute('aria-pressed')).toBe('true')
     expect(button.getAttribute('data-entry-id')).toBe('entry-1')
     expect(button.className).toBe(ROW_STYLES.rowSelected)
     act(() => button.focus())
@@ -59,9 +62,17 @@ describe('TerminalRowButton', () => {
     const button = host.querySelector('button')!
     expect(button.className).toBe(ROW_STYLES.row)
     expect(button.hasAttribute('aria-expanded')).toBe(false)
+    expect(button.hasAttribute('aria-pressed')).toBe(false)
     expect(button.textContent).toBe('Block output')
   })
 
+  it('exposes the unselected state only for selectable rows', () => {
+    act(() => {
+      root.render(<TerminalRowButton selected={false}>Other output</TerminalRowButton>)
+    })
+    expect(host.querySelector('button')?.getAttribute('aria-pressed')).toBe('false')
+  })
+
   it('keeps the running status inline inside a native button', () => {
     const html = renderToStaticMarkup(
       <TerminalRowButton>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx
index 076a6ec0cd6..cf316e36c51 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx
@@ -2,14 +2,15 @@ import type { ButtonHTMLAttributes } from 'react'
 import { cn } from '@sim/emcn'
 import { ROW_STYLES } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/types'
 
-export interface TerminalRowButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface TerminalRowButtonProps
+  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-pressed'> {
   /** Use the selected chip surface for the active output row. */
   selected?: boolean
 }
 
 /** Native terminal row action with the established EMCN chip surface. */
 export function TerminalRowButton({
-  selected = false,
+  selected,
   className,
   onClick,
   type,
@@ -19,6 +20,7 @@ export function TerminalRowButton({
     <button
       type={type ?? 'button'}
       className={cn(selected ? ROW_STYLES.rowSelected : ROW_STYLES.row, className)}
+      aria-pressed={selected}
       onClick={(event) => {
         event.stopPropagation()
         onClick?.(event)

From 3732bad296683a1ee9c7a4ec89a4734f14ebccd2 Mon Sep 17 00:00:00 2001
From: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>
Date: Thu, 24 Sep 2026 13:08:39 -0700
Subject: [PATCH 4/4] fix(terminal): identify current output without toggle
 semantics

---
 .../terminal/components/terminal-row-button.test.tsx      | 8 ++++----
 .../terminal/components/terminal-row-button.tsx           | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
index 92b5d3defde..d6d5ab87610 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx
@@ -45,7 +45,7 @@ describe('TerminalRowButton', () => {
     const button = host.querySelector('button')!
     expect(button.type).toBe('button')
     expect(button.getAttribute('aria-expanded')).toBe('true')
-    expect(button.getAttribute('aria-pressed')).toBe('true')
+    expect(button.getAttribute('aria-current')).toBe('true')
     expect(button.getAttribute('data-entry-id')).toBe('entry-1')
     expect(button.className).toBe(ROW_STYLES.rowSelected)
     act(() => button.focus())
@@ -62,15 +62,15 @@ describe('TerminalRowButton', () => {
     const button = host.querySelector('button')!
     expect(button.className).toBe(ROW_STYLES.row)
     expect(button.hasAttribute('aria-expanded')).toBe(false)
-    expect(button.hasAttribute('aria-pressed')).toBe(false)
+    expect(button.hasAttribute('aria-current')).toBe(false)
     expect(button.textContent).toBe('Block output')
   })
 
-  it('exposes the unselected state only for selectable rows', () => {
+  it('does not mark an unselected output row as current', () => {
     act(() => {
       root.render(<TerminalRowButton selected={false}>Other output</TerminalRowButton>)
     })
-    expect(host.querySelector('button')?.getAttribute('aria-pressed')).toBe('false')
+    expect(host.querySelector('button')?.hasAttribute('aria-current')).toBe(false)
   })
 
   it('keeps the running status inline inside a native button', () => {
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx
index cf316e36c51..fb590115baf 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.tsx
@@ -3,7 +3,7 @@ import { cn } from '@sim/emcn'
 import { ROW_STYLES } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/types'
 
 export interface TerminalRowButtonProps
-  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-pressed'> {
+  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-current'> {
   /** Use the selected chip surface for the active output row. */
   selected?: boolean
 }
@@ -20,7 +20,7 @@ export function TerminalRowButton({
     <button
       type={type ?? 'button'}
       className={cn(selected ? ROW_STYLES.rowSelected : ROW_STYLES.row, className)}
-      aria-pressed={selected}
+      aria-current={selected ? 'true' : undefined}
       onClick={(event) => {
         event.stopPropagation()
         onClick?.(event)