fix(tasks-ui): update in progress to be amber, added status to dropdown menu, fixed scheduled tasks modal

[waleedlatif1]

Summary

• small UI fixes, UX improvements for active tasks

Type of Change

• Bug fix

Testing

Tested manually

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]

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

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Skipped		Mar 15, 2026 1:57am

[cursor]

PR Summary

Low Risk
Low risk UI-only changes adjusting status colors/indicators and button variants, plus a minor SVG path tweak. Risk is limited to visual regressions in task/log status display and modal styling.

Overview
Updates execution log running status styling to use the same amber treatment as pending.

Refines task activity/unread indicators in the sidebar: active tasks now render amber dots (including in the collapsed tasks dropdown), while unread-only tasks keep the green dot.

Tweaks scheduled task deletion UX by making the confirm button destructive, and slightly adjusts the PlayOutline icon geometry.

^{Written by Cursor Bugbot for commit c7034c7. Configure here.}

[greptile-apps]

Greptile Summary

This PR delivers a set of small, focused UI polish changes for active tasks: active-task indicators are recoloured from green to amber across the sidebar and logs view, the delete-schedule confirmation modal gains a proper destructive button variant, and the PlayOutline icon path is updated to a slightly larger triangle.

Key changes:

• logs/utils.ts: running status badge recoloured to amber (#f59e0b) — identical to pending. Both states are now visually indistinguishable in the logs table; only the text label differentiates them.
• scheduled-tasks.tsx: Delete button correctly switched to variant='destructive', improving clarity in the confirmation modal.
• sidebar.tsx: Active-task ping animation and solid dot updated to bg-amber-400; the single combined condition for active/unread is cleanly split into two separate, mutually exclusive conditions — active → amber, unread (not active) → green. The same indicators are added to the collapsed dropdown menu items.
• play.tsx: PlayOutline SVG path updated to a slightly enlarged triangle; the new coordinates leave noticeably more left-side padding than right within the viewBox, which may cause an optically off-centre appearance.

Confidence Score: 4/5

• Safe to merge — all changes are visual/UX only with no logic or data mutations.
• The changes are purely UI: colour tokens, a button variant swap, SVG path data, and indicator dot logic. No state management, API calls, or shared utilities are affected. The two minor style concerns (pending/running colour parity and play icon centering) don't block functionality.
• logs/utils.ts — pending and running badges are now visually identical; verify this is the intended design. components/emcn/icons/play.tsx — verify the new path renders correctly in the action bar button at all sizes.

Important Files Changed

Filename	Overview
apps/sim/app/workspace/[workspaceId]/logs/utils.ts	Changes running status badge variant from green to amber and updates its color to match pending; both statuses now render identically, only differentiated by their text labels.
apps/sim/app/workspace/[workspaceId]/scheduled-tasks/scheduled-tasks.tsx	Delete button variant changed from default to destructive — a straightforward, correct UX improvement for a destructive action modal.
apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx	Active task indicator dots updated to amber; active and unread states now correctly separated into distinct conditions; collapsed dropdown gains status indicators mirroring the expanded sidebar behavior.
apps/sim/components/emcn/icons/play.tsx	Updates PlayOutline SVG path data, slightly enlarging the play triangle and repositioning it within the existing viewBox (-1 -2 24 24); the new shape extends to x=18.128 leaving less right-side padding than left, which may produce a visually off-center icon in some rendering contexts.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[Task State] --> B{isActive?}
    B -- Yes --> C[Amber dot + ping animation\nsidebar & dropdown]
    B -- No --> D{isUnread?}
    D -- Yes --> E[Green dot\nsidebar & dropdown]
    D -- No --> F[No indicator]

    A2[Log Status] --> G{status value}
    G -- running --> H[Amber badge\nlabel: Running]
    G -- pending --> I[Amber badge\nlabel: Pending]
    G -- error --> J[Red badge]
    G -- cancelled --> K[Orange badge]
    G -- info --> L[Gray badge]

Loading

_{Last reviewed commit: c7034c7}