FE-504: Add Copy, Paste and Select All to Petrinaut editor

[kube]

🌟 What is the purpose of this PR?

Add clipboard support and selection shortcuts to the petrinaut editor, enabling users to copy, paste, and select all items in the SDCPN canvas.

🔗 Related links

• FE-504 (internal)

🔍 What does this change?

• Copy (Cmd/Ctrl+C): Serializes selected items (places, transitions, token types, differential equations, parameters) to clipboard as a versioned JSON format (petrinaut-sdcpn v1). Arcs between selected nodes are preserved within their transitions; arcs to unselected nodes are stripped.
• Paste (Cmd/Ctrl+V): Deserializes clipboard data, generates new UUIDs for all items, deduplicates names with numeric suffixes, remaps internal references (arc→place, place→colorId/differentialEquationId, equation→colorId), and offsets pasted nodes by 50px. Newly pasted items are automatically selected.
• Select All (Cmd/Ctrl+A): Selects all canvas nodes (places and transitions).
• Escape to deselect: Clears selection in addition to switching to cursor mode.
• Clipboard format: Versioned payload validated with zod, includes source document ID for future cross-document reconciliation.
• zod added as a dependency for clipboard payload validation.

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

This PR:

• modifies an npm-publishable library and I have added a changeset file(s)

📜 Does this require a change to the docs?

The changes in this PR:

• are internal and do not require a docs change

🕸️ Does this require a change to the Turbo Graph?

The changes in this PR:

• do not affect the execution graph

🐾 Next steps

• Cross-document paste with dependency reconciliation (copy from one document, paste into another — may need to bring referenced types/equations along)
• Cut (Cmd/Ctrl+X) support

🛡 What tests cover this?

• 77 unit tests across 3 test files:
  • deduplicate-name.test.ts — name suffix logic (12 tests)
  • serialize.test.ts — serialization, arc stripping, payload parsing with zod validation (32 tests)
  • paste.test.ts — ID generation, name deduplication, position offset, arc remapping, reference remapping, data preservation (33 tests)

❓ How to test this?

1. Checkout the branch
2. Open the petrinaut editor with a net containing places, transitions, types, equations, and parameters
3. Select items and press Cmd+C, then Cmd+V — confirm duplicates appear with new names and offset positions
4. Press Cmd+A — confirm all canvas nodes are selected
5. Press Escape — confirm selection is cleared
6. Copy items from one document and paste into another — confirm they paste as independent copies

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
hash	Ready	Preview, Comment	Mar 17, 2026 6:13pm
petrinaut	Ready	Preview, Comment	Mar 17, 2026 6:13pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
hashdotdesign	Ignored	Preview	Mar 17, 2026 6:13pm
hashdotdesign-tokens	Ignored	Preview	Mar 17, 2026 6:13pm

[kube]

• FE-502, H-6330: Improve SDCPN file import/export and file save/open behaviour #8536
• FE-504: Add Copy, Paste and Select All to Petrinaut editor #8533 👈 (View in Graphite)
• FE-512: Create FilterableListSubView with keyboard navigation and search #8532
• H-6324: Migrate petrinaut to oxlint and verify React Compiler #8539 : 4 other dependent PRs (#8537 , #8541 , #8549 and 1 other)
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[cursor]

PR Summary

Medium Risk
Adds new clipboard serialization/parsing and paste-mutation logic plus global editor keyboard handlers; main risk is unintended selection/mutation or invalid clipboard handling affecting editor state.

Overview
Adds clipboard copy/paste support for Petrinaut selections by introducing a versioned petrinaut-sdcpn payload, validated with zod, plus helpers to serialize current selection to JSON and parse it back.

Implements paste behavior that generates new IDs, deduplicates names, remaps references/arcs, and offsets pasted node positions, returning newly created item IDs for auto-selection.

Updates editor keyboard handling to support Cmd/Ctrl+C, Cmd/Ctrl+V (disabled in read-only), Cmd/Ctrl+A (select all places/transitions), and Escape now clears selection; includes a changeset and adds zod as a dependency.

^{Written by Cursor Bugbot for commit 2f0f041. This will update automatically on new commits. Configure here.}

[augmentcode]

🤖 Augment PR Summary

Summary: Adds clipboard + selection keyboard shortcuts to the Petrinaut SDCPN editor, enabling users to copy/paste selections and quickly select/deselect canvas items.

Changes:

• Introduces a versioned clipboard payload format (petrinaut-sdcpn v1) with Zod validation.
• Adds selection serialization (including arc-stripping rules) and parsing helpers.
• Implements paste logic that generates new UUIDs, remaps internal references, deduplicates names/variable names, and offsets pasted nodes.
• Wires up Cmd/Ctrl+C, Cmd/Ctrl+V, Cmd/Ctrl+A, and Escape-to-deselect in the editor keyboard shortcut handler.
• Adds extensive unit test coverage for deduplication, serialization/parsing, and paste behaviors.
• Refactors left-sidebar lists to a shared “filterable list” subview and centralizes entity icon definitions; updates subview headers/tooltips styling.
• Adds a changeset and introduces zod as a dependency.

Technical Notes: Clipboard payload is explicitly versioned, and paste performs ID remapping and reference preservation/remapping for types, equations, parameters, places, transitions, and arcs.

_{🤖 Was this summary useful? React with 👍 or 👎}

[augmentcode]

Review completed. 1 suggestion posted.

Comment augment review to trigger a new review at any time.

[cursor]

Cursor Bugbot has reviewed your changes and found 3 potential issues.

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

[CiaranMn]

On pasting, can we automatically select the pasted elements?

Usually the first thing users will want to do is to move pasted things elsewhere.

[kube]

On pasting, can we automatically select the pasted elements?

Usually the first thing users will want to do is to move pasted things elsewhere.

​This actually works in Storybook, but not after integration into the website.

Maybe a race-condition.

Let's create another ticket for fixing all this, but would be better IMO to do that after integrating Automerge. So we can start consolidating all the mess.

[graphite-app]

Merge activity

• Mar 17, 3:09 PM UTC: This pull request can not be added to the Graphite merge queue. Please try rebasing and resubmitting to merge when ready.
• Mar 17, 3:09 PM UTC: Graphite disabled "merge when ready" on this PR due to: a merge conflict with the target branch; resolve the conflict and try again..