improvement(ui): use chips for ordinary product actions by BillLeoutsakosvl346 · Pull Request #8081 · simstudioai/sim

BillLeoutsakosvl346 · 2026-09-21T00:56:24Z

Summary

Use existing Chip variants for file/log filter resets, admin pagination, license generation, and preview navigation while preserving handlers and disabled conditions.
Keep full-width filter labels centered. The preview workflow-name label shares the adjacent Back chip's geometry and typography.
Retain the compact search/replace buttons so the match count stays on one line in the 360px panel.

Type of Change

Refactor / maintainability improvement

Testing

All workspace type checks and lint pass.
All 47 repository audits, including import-specifier and API validation checks, pass; block-registry and docs-manifest checks pass.
Complete EMCN suite: 355 tests pass. Existing search/replace consumer suites: 133 tests pass.
Browser-rendered source compositions verify the search count stays on one line and filter labels remain centered in light and dark themes. These are local fixtures, not authenticated product flows.
No landing 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-21T00:56:28Z

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

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Skipped		Sep 23, 2026 2:12am UTC

greptile-apps · 2026-09-21T00:58:34Z

Confidence Score: 5/5

The PR appears safe to merge, with no outstanding correctness, security, or repository-rule violations.

Summary

This PR replaces ordinary product actions with shared Chip variants while preserving existing handlers and disabled states.

Converts file and log filter resets to full-width, centered Chips.
Converts admin pagination and license generation actions to Chips.
Aligns preview navigation and workflow-name styling with shared Chip geometry and typography.
The follow-up changes correctly replace custom text alignment classes with the supported align='center' API.

_{Reviews (7) · Last reviewed commit: "improvement(ui): use shared chip alignme..."}

cubic-dev-ai

All reported issues were addressed across 6 files

_{Reply with feedback, questions, or to request a fix.

Fix all with cubic | Re-trigger cubic}

BillLeoutsakosvl346 · 2026-09-21T01:09:06Z

@greptile

BillLeoutsakosvl346 · 2026-09-21T01:09:07Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-21T01:09: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 6 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:31:34Z

@greptile

BillLeoutsakosvl346 · 2026-09-21T17:31:36Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-21T17:31:41Z

@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 5 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:35:26Z

@greptile Please re-review against the current PR description: full-width clear-filter labels intentionally retain their original centered alignment. The resolved inline thread explains the visual-preservation requirement.

BillLeoutsakosvl346 · 2026-09-21T17:35:27Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-21T17:35:33Z

@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 5 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:59:04Z

Before / after visual comparison

Logs Clear All Filters reuses Chip while retaining centered text. The final treatment has the standard chip surface, corners and typography.

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.

This is the corrected final comparison, after restoring centered filter labels. Search replacement buttons are not part of the final change.

Current PR head checked at posting: b2d2c7bd5a.

Additional theme/state comparisons

BillLeoutsakosvl346 · 2026-09-22T20:21:40Z

@greptile

BillLeoutsakosvl346 · 2026-09-22T20:21:41Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-22T20:21:48Z

@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 5 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-22T20:47:46Z

@greptile

BillLeoutsakosvl346 · 2026-09-22T20:47:47Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-22T20:47:52Z

@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 5 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-22T20:57:27Z

@greptile

BillLeoutsakosvl346 · 2026-09-22T20:57:28Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-22T20:57:34Z

@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 5 files

Confidence score: 5/5

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

_{Re-trigger cubic}

Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>

vercel Bot temporarily deployed to Preview September 21, 2026 00:56 Inactive

cubic-dev-ai Bot reviewed Sep 21, 2026

View reviewed changes

Comment thread apps/sim/app/workspace/[workspaceId]/w/components/preview/preview.tsx

vercel Bot temporarily deployed to Preview September 21, 2026 01:09 Inactive

cubic-dev-ai Bot reviewed Sep 21, 2026

View reviewed changes

vercel Bot temporarily deployed to Preview September 21, 2026 17:31 Inactive

greptile-apps Bot reviewed Sep 21, 2026

View reviewed changes

Comment thread apps/sim/app/workspace/[workspaceId]/files/files.tsx Outdated

cubic-dev-ai Bot reviewed Sep 21, 2026

View reviewed changes

BillLeoutsakosvl346 force-pushed the codex/control-fix-search-replace-fields branch from 27d0467 to f9e4092 Compare September 22, 2026 20:21

BillLeoutsakosvl346 force-pushed the codex/control-fix-ordinary-chip-actions branch from b2d2c7b to 27c6bc8 Compare September 22, 2026 20:21

vercel Bot temporarily deployed to Preview September 22, 2026 20:21 Inactive

cubic-dev-ai Bot reviewed Sep 22, 2026

View reviewed changes

BillLeoutsakosvl346 force-pushed the codex/control-fix-search-replace-fields branch from f9e4092 to d6cf7c1 Compare September 22, 2026 20:42

improvement(ui): use chips for ordinary product actions

3d1dd59

BillLeoutsakosvl346 force-pushed the codex/control-fix-ordinary-chip-actions branch from 27c6bc8 to 3d1dd59 Compare September 22, 2026 20:47

vercel Bot temporarily deployed to Preview September 22, 2026 20:47 Inactive

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]/files/files.tsx Outdated

improvement(ui): use shared chip alignment

8033658

vercel Bot temporarily deployed to Preview September 22, 2026 20:57 Inactive

cubic-dev-ai Bot reviewed Sep 22, 2026

View reviewed changes

improvement(ui): use shared search action sizes (#8160)

0c806e9

Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>

vercel Bot temporarily deployed to Preview September 23, 2026 02:12 Inactive

Conversation

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

Uh oh!

Summary

Type of Change

Testing

Checklist

Uh oh!

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

Uh oh!

Uh oh!

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

Uh oh!

Confidence Score: 5/5

Summary

Uh oh!

cubic-dev-ai Bot left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

BillLeoutsakosvl346 commented Sep 21, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 21, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 21, 2026

Uh oh!

cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

Uh oh!

BillLeoutsakosvl346 commented Sep 21, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 21, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 21, 2026

Uh oh!

Uh oh!

cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

Uh oh!

BillLeoutsakosvl346 commented Sep 21, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 21, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 21, 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!

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!

BillLeoutsakosvl346 commented Sep 21, 2026 •

edited

Loading

vercel Bot commented Sep 21, 2026 •

edited

Loading

greptile-apps Bot commented Sep 21, 2026 •

edited

Loading

cubic-dev-ai Bot left a comment •

edited

Loading