improvement(sidebar): expand sidebar by hovering and clicking the edge by waleedlatif1 · Pull Request #3830 · simstudioai/sim

waleedlatif1 · 2026-03-28T20:24:22Z

Summary

Added an invisible hit zone along the sidebar's right edge so users can expand/collapse it without using the button at the top
When collapsed: hovering shows an `e-resize` cursor, clicking expands the sidebar
When expanded on a workflow page: hovering shows an `ew-resize` cursor, dragging resizes the sidebar
Moved the handle outside the `` (which has `overflow-hidden`) into a sibling wrapper `div` with `relative` positioning to prevent clipping

Type of Change

Improvement

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)

cursor · 2026-03-28T20:24:28Z

PR Summary

Medium Risk
Medium risk due to changes in global keyboard shortcut matching and sidebar interaction/resize behavior, which could introduce regressions in key handling or pointer/keyboard accessibility.

Overview
Improves sidebar usability by adding an invisible right-edge hit zone: when collapsed it can be clicked/keyboard-activated to expand, and when on workflow pages it preserves drag-to-resize behavior without being clipped by the sidebar’s overflow-hidden.

Adds new global commands/shortcuts for creating a workflow (Mod+Shift+P) and a task (Mod+Shift+K), updates sidebar buttons/tooltips to display these shortcuts, and makes global shortcut matching more reliable on international keyboards by falling back from KeyboardEvent.key to KeyboardEvent.code.

Adjusts the universal search modal horizontal positioning to account for the current --sidebar-width rather than always centering on the viewport.

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

vercel · 2026-03-28T20:24:28Z

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

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Skipped		Mar 28, 2026 8:56pm

greptile-apps · 2026-03-28T20:29:46Z

Greptile Summary

This PR improves sidebar UX by adding an invisible 8 px hit zone on the sidebar's right edge that allows users to expand (when collapsed) or resize (when expanded on a workflow page) without relying solely on the top button. It also corrects the SearchModal horizontal centering to account for the sidebar width, fixes keyboard-shortcut matching for international keyboard layouts, and adds Mod+Shift+P / Mod+Shift+K shortcuts for creating workflows and tasks.

Confidence Score: 5/5

Safe to merge — no P0 or P1 issues found; all changes are well-reasoned and structurally correct.

The structural overflow-hidden fix is sound, the --sidebar-width CSS variable is reliably maintained throughout the codebase, the search-modal centering formula is mathematically verified, the ARIA/keyboard concerns from the prior review thread are fully addressed, and the codeToKey international-keyboard fallback is correct. No regressions identified.

No files require special attention.

Important Files Changed

Filename	Overview
apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx	Major structural refactor: wraps aside in a div.relative.h-full so the resize/expand handle sits outside overflow-hidden, preventing clipping; adds edge-click expand for collapsed state; wires up new add-workflow/add-task shortcut handlers and keyboard-accessible edge handle.
apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/search-modal.tsx	Search modal now centers in the content area (right of sidebar) rather than the full viewport by using calc(var(--sidebar-width) / 2 + 50%) — mathematically correct with the existing -translate-x-1/2 class.
apps/sim/app/workspace/[workspaceId]/providers/global-commands-provider.tsx	Adds codeToKey() helper and a codeToKey(e.code) fallback in matchesShortcut so shortcuts fire correctly on international keyboard layouts where e.key yields non-ASCII characters.
apps/sim/app/workspace/[workspaceId]/utils/commands-utils.ts	Registers two new command IDs (add-workflow → Mod+Shift+P, add-task → Mod+Shift+K) and their definitions; straightforward addition.

_{Reviews (4): Last reviewed commit: "fix(sidebar): guard add-workflow shortcu..." | Re-trigger Greptile}

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx

…enter search modal, fix edge ARIA

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx

waleedlatif1 · 2026-03-28T20:40:01Z

@cursor review

waleedlatif1 · 2026-03-28T20:40:04Z

@greptile

apps/sim/app/workspace/[workspaceId]/utils/commands-utils.ts

…ift+P to avoid browser close-window conflict

waleedlatif1 · 2026-03-28T20:49:39Z

@greptile

waleedlatif1 · 2026-03-28T20:49:43Z

@cursor review

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx

…ut compatibility

…Workflow checks

waleedlatif1 · 2026-03-28T20:58:06Z

@greptile

waleedlatif1 · 2026-03-28T20:58:11Z

@cursor review

cursor

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

apps/sim/app/workspace/[workspaceId]/utils/commands-utils.ts

#3830) * improvement(sidebar): expand sidebar by hovering and clicking the edge * improvement(sidebar): add keyboard shortcuts for new workflow/task, center search modal, fix edge ARIA * improvement(sidebar): use Tooltip.Shortcut for inline shortcut display * fix(sidebar): change new workflow shortcut from Mod+Shift+W to Mod+Shift+P to avoid browser close-window conflict * fix(hotkeys): fall back to event.code for international keyboard layout compatibility * fix(sidebar): guard add-workflow shortcut with canEdit and isCreatingWorkflow checks

improvement(sidebar): expand sidebar by hovering and clicking the edge

e6ebb91

greptile-apps bot reviewed Mar 28, 2026

View reviewed changes

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx Show resolved Hide resolved

improvement(sidebar): add keyboard shortcuts for new workflow/task, c…

1711004

…enter search modal, fix edge ARIA

vercel bot temporarily deployed to Preview March 28, 2026 20:36 Inactive

waleedlatif1 commented Mar 28, 2026

View reviewed changes

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx Show resolved Hide resolved

improvement(sidebar): use Tooltip.Shortcut for inline shortcut display

577ead5

vercel bot temporarily deployed to Preview March 28, 2026 20:39 Inactive

cursor bot reviewed Mar 28, 2026

View reviewed changes

apps/sim/app/workspace/[workspaceId]/utils/commands-utils.ts Show resolved Hide resolved

fix(sidebar): change new workflow shortcut from Mod+Shift+W to Mod+Sh…

4f705d7

…ift+P to avoid browser close-window conflict

vercel bot temporarily deployed to Preview March 28, 2026 20:46 Inactive

cursor bot reviewed Mar 28, 2026

View reviewed changes

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx Show resolved Hide resolved

fix(hotkeys): fall back to event.code for international keyboard layo…

3fad92b

…ut compatibility

vercel bot temporarily deployed to Preview March 28, 2026 20:56 Inactive

fix(sidebar): guard add-workflow shortcut with canEdit and isCreating…

ba03206

…Workflow checks

vercel bot temporarily deployed to Preview March 28, 2026 20:56 Inactive

cursor bot reviewed Mar 28, 2026

View reviewed changes

apps/sim/app/workspace/[workspaceId]/utils/commands-utils.ts Show resolved Hide resolved

waleedlatif1 merged commit edc5023 into staging Mar 28, 2026
12 checks passed

waleedlatif1 deleted the feat/side branch March 28, 2026 21:06

waleedlatif1 restored the feat/side branch March 28, 2026 21:17

waleedlatif1 deleted the feat/side branch March 28, 2026 21:44

Conversation

waleedlatif1 commented Mar 28, 2026

Summary

Type of Change

Testing

Checklist

Uh oh!

cursor bot commented Mar 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR Summary

Uh oh!

vercel bot commented Mar 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

greptile-apps bot commented Mar 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Greptile Summary

Confidence Score: 5/5

Important Files Changed

Uh oh!

Uh oh!

Uh oh!

waleedlatif1 commented Mar 28, 2026

Uh oh!

waleedlatif1 commented Mar 28, 2026

Uh oh!

Uh oh!

waleedlatif1 commented Mar 28, 2026

Uh oh!

waleedlatif1 commented Mar 28, 2026

Uh oh!

Uh oh!

waleedlatif1 commented Mar 28, 2026

Uh oh!

waleedlatif1 commented Mar 28, 2026

Uh oh!

cursor bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

cursor bot commented Mar 28, 2026 •

edited

Loading

vercel bot commented Mar 28, 2026 •

edited

Loading

greptile-apps bot commented Mar 28, 2026 •

edited

Loading