improvement(ui): share workflow panel tab buttons by BillLeoutsakosvl346 · Pull Request #8072 · simstudioai/sim

BillLeoutsakosvl346 · 2026-09-20T23:41:15Z

Summary

Share the Chat, Toolbar and Editor button treatment within the workflow panel.
Keep selection, hydration conditions, tab data attributes and the existing 28px geometry and hover states.

Type of Change

Refactor / maintainability improvement

Testing

Full workspace type checks, lint, repository audits (including import and API validation), generators and docs checks pass.
External source comparison confirms caller logic and content are unchanged.
Before/after browser fixtures cover the changed component's styling and interactions. Original and extracted controls have matching computed styles. These are isolated fixtures, not full authenticated product flows.
Relevant existing tests pass. No landing-page changes or audit tooling included.

Checklist

Code follows project style guidelines
Self-reviewed my changes
Tests added/updated and passing
No new warnings introduced
I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

vercel · 2026-09-20T23:41:20Z

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Skipped		Sep 22, 2026 8:31am UTC

cubic-dev-ai

No issues found across 2 files

Confidence score: 5/5

Automated review surfaced no issues in the provided summaries.
No files require special attention.

_{Re-trigger cubic}

greptile-apps · 2026-09-20T23:43:19Z

Confidence Score: 5/5

The PR appears safe to merge; no actionable correctness, security, or repository-rule issues remain.

Summary

This PR extracts the workflow panel’s Chat, Toolbar, and Editor controls into a shared PanelTabButton component while preserving their existing behavior and presentation.

Adds a typed, ref-forwarding wrapper around the shared Button.
Reuses the wrapper for all three workflow panel tabs.
Exports the component through the existing local barrel using the directory’s established relative-path convention.

_{Reviews (4) · Last reviewed commit: "Merge branch 'codex/typography-consolida..."}

BillLeoutsakosvl346 · 2026-09-20T23:52:05Z

@greptile

BillLeoutsakosvl346 · 2026-09-20T23:52:06Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-20T23:52:11Z

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

cubic-dev-ai

No issues found across 3 files

Confidence score: 5/5

Automated review surfaced no issues in the provided summaries.
No files require special attention.

_{Re-trigger cubic}

BillLeoutsakosvl346 · 2026-09-21T17:58:01Z

Before / after visual comparison

Workflow panel tabs share their existing tab-button treatment. The active Editor tab is shown.

Left = before; right = after.

Rendered component fixtures with application CSS and local data, rather than authenticated product-page screenshots. These are representative visual examples, not end-to-end behavior coverage.

Current PR head checked at posting: 531de21fd7.

Additional theme/state comparisons

…workflow-panel-tabs # Conflicts: # apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/panel.tsx

…workflow-panel-tabs

BillLeoutsakosvl346 · 2026-09-22T08:18:30Z

@greptile

BillLeoutsakosvl346 · 2026-09-22T08:18:31Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-22T08:18:36Z

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

cubic-dev-ai

No issues found across 3 files

Confidence score: 5/5

Automated review surfaced no issues in the provided summaries.
No files require special attention.

_{Re-trigger cubic}

…workflow-panel-tabs

BillLeoutsakosvl346 · 2026-09-22T08:30:59Z

@greptile

BillLeoutsakosvl346 · 2026-09-22T08:31:00Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-22T08:31:05Z

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

cubic-dev-ai

No issues found across 3 files

Confidence score: 5/5

Automated review surfaced no issues in the provided summaries.
No files require special attention.

_{Re-trigger cubic}

improvement(ui): share workflow panel tab buttons

968d652

vercel Bot temporarily deployed to Preview September 20, 2026 23:41 Inactive

cubic-dev-ai Bot reviewed Sep 20, 2026

View reviewed changes

greptile-apps Bot reviewed Sep 20, 2026

View reviewed changes

Comment thread apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/panel.tsx Outdated

Comment thread .../app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/panel-tab-button.tsx Outdated

chore(ui): export panel tab button through barrel

531de21

vercel Bot temporarily deployed to Preview September 20, 2026 23:51 Inactive

cubic-dev-ai Bot reviewed Sep 20, 2026

View reviewed changes

Bill Leoutsakos added 3 commits September 22, 2026 00:39

Merge branch 'codex/typography-consolidation' into codex/control-fix-…

f058460

…workflow-panel-tabs # Conflicts: # apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/panel.tsx

Merge branch 'codex/typography-consolidation' into codex/control-fix-…

1c81de3

…workflow-panel-tabs

Merge branch 'codex/typography-consolidation' into codex/control-fix-…

9576b1e

…workflow-panel-tabs

BillLeoutsakosvl346 changed the base branch from staging to codex/typography-consolidation September 22, 2026 08:18

vercel Bot deployed to Preview September 22, 2026 08:20 View deployment

cubic-dev-ai Bot reviewed Sep 22, 2026

View reviewed changes

greptile-apps Bot reviewed Sep 22, 2026

View reviewed changes

Comment thread apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/index.ts Outdated

Bill Leoutsakos added 2 commits September 22, 2026 01:30

chore(ui): match panel barrel export conventions

9d873cf

Merge branch 'codex/typography-consolidation' into codex/control-fix-…

7fb2d42

…workflow-panel-tabs

vercel Bot temporarily deployed to Preview September 22, 2026 08:31 Inactive

cubic-dev-ai Bot reviewed Sep 22, 2026

View reviewed changes

Conversation

BillLeoutsakosvl346 commented Sep 20, 2026

Summary

Type of Change

Testing

Checklist

Uh oh!

vercel Bot commented Sep 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

Uh oh!

greptile-apps Bot commented Sep 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Confidence Score: 5/5

Summary

Uh oh!

Uh oh!

Uh oh!

BillLeoutsakosvl346 commented Sep 20, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 20, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 20, 2026

Uh oh!

cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

Uh oh!

BillLeoutsakosvl346 commented Sep 21, 2026

Before / after visual comparison

Uh oh!

BillLeoutsakosvl346 commented Sep 22, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 22, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 22, 2026

Uh oh!

cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

BillLeoutsakosvl346 commented Sep 22, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 22, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 22, 2026

Uh oh!

cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

Uh oh!

This branch was previously deployed

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

vercel Bot commented Sep 20, 2026 •

edited

Loading

greptile-apps Bot commented Sep 20, 2026 •

edited

Loading