Fix image drop from main editor

[aadarshkt]

Description

Removed console log and changed launch configuration

AI Code Review

• Team members only: AI review runs automatically when PR is opened or marked ready for review
• Team members can also trigger a review by commenting @continue-review

Checklist

• I've read the contributing guide
• The relevant docs, if any, have been updated or created
• The relevant tests, if any, have been updated or created

Screen recording or screenshot

Tests

[ What tests were added or updated to ensure the changes work as expected? ]

---

Summary by cubic

Fixes image drag-and-drop in the main editor. Drops now work for files and for images dragged from VS Code (vscode-resource URLs), which are read and inserted as data URLs.

• Bug Fixes

  • Handle drops in a ProseMirror plugin and insert images when the selected model supports images.
  • Resolve images dragged from VS Code (file+.vscode-resource URLs) by reading the file and converting to a data URL.
  • Make the drag overlay non-blocking and hide it reliably on drop/leave.

• Refactors

  • Added readFileAsDataUrl protocol and VS Code handler (PNG/JPEG) to return data URLs.
  • Added helpers to parse vscode-resource URLs and extract them from dropped HTML.
  • Simplified DragOverlay component and set pointer-events: none.
  • Added a gui:build VS Code task and increased Node memory to avoid OOM during builds.

[cubic-dev-ai]

1 issue found across 8 files

Prompt for AI agents (all 1 issues)

Understand the root cause of the following 1 issues and fix them.


<file name="gui/src/components/mainInput/TipTapEditor/utils/editorConfig.ts">

<violation number="1" location="gui/src/components/mainInput/TipTapEditor/utils/editorConfig.ts:166">
Preventing default before checking the payload swallows non-image drops; plain-text drag-and-drop now does nothing. Only block the event when you actually handle it, or fall back to the default insertion flow.</violation>
</file>

---

Since this is your first cubic review, here's how it works:

• cubic automatically reviews your code and comments on bugs and improvements
• Teach cubic by replying to its comments. cubic learns from your replies and gets better over time
• Ask questions if you need clarification on any suggestion

_{React with 👍 or 👎 to teach cubic. Mention @cubic-dev-ai to give feedback, ask questions, or re-run the review.}

[cubic-dev-ai]

Preventing default before checking the payload swallows non-image drops; plain-text drag-and-drop now does nothing. Only block the event when you actually handle it, or fall back to the default insertion flow.

Prompt for AI agents

Address the following comment on gui/src/components/mainInput/TipTapEditor/utils/editorConfig.ts at line 166:

<comment>Preventing default before checking the payload swallows non-image drops; plain-text drag-and-drop now does nothing. Only block the event when you actually handle it, or fall back to the default insertion flow.</comment>

<file context>
@@ -147,6 +148,80 @@ export function createEditorConfig(options: {
+                      model.capabilities,
+                    )
+                  ) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    return true;
</file context>

[RomneyDa]

@aadarshkt note failing prettier checks!

[RomneyDa]

@aadarshkt appreciate the rework, added some comments and could you check on the cubic feedback?

[RomneyDa]

I think we can leave this build script out.

[aadarshkt]

Sure will make this changes this weekend.

[RomneyDa]

JPEG fallback will cause various types to fail, could we add a few more common fileTypes here?