feat: add insert at cursor functionality with tooltip

[aadarshkt]

Description

Fixes : #4890
Added insert at cursor with help of existing codebase.

Checklist

• [] The relevant docs, if any, have been updated or created
• [] The relevant tests, if any, have been updated or created

Screenshots

Testing instructions

[ For new or modified features, provide step-by-step testing instructions to validate the intended behavior of the change, including any relevant tests to run. ]

[netlify]

✅ Deploy Preview for continuedev ready!

Name	Link
🔨 Latest commit	26daeba
🔍 Latest deploy log	https://app.netlify.com/sites/continuedev/deploys/67fcb6cdcf45810008cfb291
😎 Deploy Preview	https://deploy-preview-4936--continuedev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Patrick-Erichsen]

Thanks for taking this on @aadarshkt !

Some thoughts on the layout here:

• Of the three options, apply is what we want to push people towards
• Copy/Insert at cursor are both essentially backups

With that in mind, I think the following UI would work well:

• Order of the buttons, from left to right, is "Copy", "Insert at cursor", "Apply"
• Only "Apply" gets a label, "Copy" and "Insert at cursor" are both just icon buttons
• Unrelated to ordering, but let's keep the tooltip position as "above" since the "Insert at cursor" is no longer the far-right option

If we go this route, we should probably re-order the the other action buttons (can't recall where they are in the GUI folder) to also follow this same order (see screenshot below)

---

Lmk your thoughts 👍

[aadarshkt]

@Patrick-Erichsen, Thanks for the review,

Yeah seems right to me as well, users will remember more what was first and last in the icon list, thus it is better to keep frequently used icons there.

I will make a change at both places.

[aadarshkt]

Made an update in the UI,

Will look into tooltipplacement, it is controlled by global state it seems.

[tomasz-stefaniak]

Is all of this logic necessary given that the toolbar position is either top or bottom?
https://github.com/aadarshkt/continue/blob/fix-insert-at-cursor/core/index.d.ts#L1099

How about something like the following instead?

              <HeaderButtonWithToolTip
                text="Insert at cursor"
                style={{ backgroundColor: vscEditorBackground }}
                onClick={() =>
                  ideMessenger.post("insertAtCursor", {
                    text: codeBlockContent,
                  })
                }
                tooltipPlacement={uiConfig?.codeBlockToolbarPosition ?? "top"}
              >

[Patrick-Erichsen]

Closing this out as we merged in similar logic with #5161 - thanks for the help @aadarshkt , we pulled in some of your work!