fix: Fix pasting tailwind etc (#5519)

## Description

1. What is this PR about (link the issue and add a short description)

## Steps for reproduction

1. click button
2. expect xyz

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
0000)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env` file

Author: kof

apps/builder/app/builder/shared/commands.ts

@@ -60,7 +60,7 @@ import { openDeleteUnusedCssVariablesDialog } from "~/builder/shared/css-variabl
 import { openKeyboardShortcutsDialog } from "~/builder/features/keyboard-shortcuts-dialog";
 import {
   copyInstance,
-  pasteInstance,
+  emitPaste,
   cutInstance,
 } from "~/shared/copy-paste/init-copy-paste";
 import { toggleInstanceShow } from "~/shared/instance-utils";
@@ -450,24 +450,18 @@ export const { emitCommand, subscribeCommands } = createCommandsEmitter({
       name: "copy",
       description: "Copy selected instance",
       category: "Navigator",
-      defaultHotkeys: ["meta+c", "ctrl+c"],
-      disableOnInputLikeControls: true,
       handler: copyInstance,
     },
     {
       name: "paste",
       description: "Paste copied instance",
       category: "Navigator",
-      defaultHotkeys: ["meta+v", "ctrl+v"],
-      disableOnInputLikeControls: true,
-      handler: pasteInstance,
+      handler: emitPaste,
     },
     {
       name: "cut",
       description: "Cut selected instance",
       category: "Navigator",
-      defaultHotkeys: ["meta+x", "ctrl+x"],
-      disableOnInputLikeControls: true,
       handler: cutInstance,
     },
     {

apps/builder/app/shared/copy-paste/init-copy-paste.ts

@@ -172,9 +172,20 @@ export const copyInstance = () => {
   }
 };
 
-export const pasteInstance = async () => {
+export const emitPaste = async () => {
   const text = await navigator.clipboard.readText();
-  instanceText.onPaste?.(text);
+
+  // Create and dispatch a paste event to go through the normal handlePaste flow
+  const dataTransfer = new DataTransfer();
+  dataTransfer.setData("text/plain", text);
+
+  const pasteEvent = new ClipboardEvent("paste", {
+    clipboardData: dataTransfer,
+    bubbles: true,
+    cancelable: true,
+  });
+
+  document.dispatchEvent(pasteEvent);
 };
 
 export const cutInstance = () => {