Add Auto Layout, Undo/Redo, Node Duplication, Command Palette, and Execution Metrics

[Jacobcdsmith]

Incrementally added major user requested productivity and workflow management features to the visual AI agent builder:

1. Automatic DAG Graph Layout Engine (graphLayout.ts) supporting Top-to-Bottom (TB) and Left-to-Right (LR) hierarchical rank ordering.
2. Complete Undo/Redo System with history stacks, dedicated UI buttons, and full keyboard shortcut support (⌘Z, ⌘Y, ⌘Shift+Z).
3. Instant Node Duplication via ⌘D / Ctrl+D and Inspector panel button with offset positioning and naming.
4. Quick Command Palette (⌘K / Ctrl+K) for quick canvas node navigation & type insertion.
5. Execution Metrics Summary banner in the Execution Run Log drawer displaying step count, duration, node diversity, and execution status.
6. Comprehensive test suite and visual verification.

---

PR created automatically by Jules for task 2986807874050557734 started by @Jacobcdsmith

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
agent-flow-canvas	Ready	Preview	Aug 24, 2026 2:53pm

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[coderabbitai]

Note

Currently processing new changes in this PR. This may take a few minutes, please wait...

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 1757d98a-f857-4138-8435-4ec382027799

📥 Commits

Reviewing files that changed from the base of the PR and between b2bb03e and ca74bd5.

⛔ Files ignored due to path filters (1)

• server.log is excluded by !**/*.log

📒 Files selected for processing (4)

• frontend/src/flow/Inspector.tsx
• frontend/src/flow/graphLayout.ts
• frontend/src/pages/Index.tsx
• frontend/src/test/canvasEnhancements.test.tsx

 _____________________________________________
< I'm not sure if this is a bug or a feature. >
 ---------------------------------------------
  \
   \   \
        \ /\
        ( )
      .( o ).

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/canvas-productivity-enhancements-2986807874050557734

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}