fix: insert native file path when dropping or pasting non-image files - #885

Closed
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste
Closed

fix: insert native file path when dropping or pasting non-image files#885
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste

Conversation

@mfazekas

@mfazekasmfazekas commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

What Changed

When dropping or pasting non-image files (e.g. .csv, .json, .txt, .riv) onto the chat composer, their native filesystem path is now inserted at the cursor position instead of being silently ignored. Fixes#557.

  • ChatView: New addComposerAttachments helper partitions files into images and non-images. Both onComposerDrop and onComposerPaste delegate to it. Non-image paths are auto-quoted when containing spaces.
  • ComposerPromptEditor: Added insertText(text) using Lexical's selection.insertText() to insert at the real cursor position, correctly handling @mention nodes.
  • preload.ts: Exposed webUtils.getPathForFile(file) via contextBridge (required since Electron's sandbox blocks file.path).
  • contracts/ipc.ts: Added getPathForFile to DesktopBridge interface.

Why

Dropping or pasting any non-image file silently failed with an "unsupported file type" error

UI Changes

before
Screen.Recording.2026-03-11.at.7.40.34.mov
after
Screen.Recording.2026-03-11.at.7.45.35.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

[!NOTE]

Insert native file paths when dropping or pasting non-image files into the composer

  • Adds addComposerAttachments in ChatView.tsx to split dropped/pasted files into images (handled as before) and non-images (inserted as paths).
  • Non-image file paths are resolved via window.desktopBridge?.getPathForFile(file) (Electron) or fall back to file.name; paths containing spaces are quoted and joined with a space separator.
  • Adds insertTextAndFocus(text) to ComposerPromptEditorHandle in ComposerPromptEditor.tsx, inserting text at the current Lexical selection with automatic focus.
  • Exposes getPathForFile on desktopBridge in preload.ts via Electron's webUtils.getPathForFile.

Macroscope summarized e08a39d.

@mfazekas
mfazekas marked this pull request as draft March 11, 2026 06:26
@coderabbitai

coderabbitaiBot commented Mar 11, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8c81b25c-b864-47ca-a299-c3115daa2d54

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
📝 Coding Plan
  • Generate coding plan for human review comments

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

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

You can make CodeRabbit's review stricter and more nitpicky using the `assertive` profile, if that's what you prefer.

Change the reviews.profile setting to assertive to make CodeRabbit's nitpick more issues in your PRs.

@github-actionsgithub-actionsBot added the vouch:unvouched PR author is not yet trusted in the VOUCHED list. label Mar 11, 2026
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from d912835 to 3698cabCompareMarch 11, 2026 06:31
@mfazekas
mfazekas marked this pull request as ready for review March 11, 2026 06:51
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from 3698cab to 61dab45CompareMarch 11, 2026 07:27
@binbandit

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@mfazekas

mfazekas commented Mar 11, 2026

Copy link
Copy Markdown
ContributorAuthor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

@binbandit

binbandit commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

Video or GIF is fine, but currently none load.

Screenshot 2026-03-11 at 8 11 19 pm

@mfazekas

Copy link
Copy Markdown
ContributorAuthor

Video or GIF is fine, but currently none load.

@binbandit My bad - was using img tag for video, that did render in safari but not in chrome, fixed now

Previously, only image files could be attached to the composer. Dropping
or pasting any other file type (e.g. .riv, .csv, .json) silently failed
with an "unsupported file type" error, making it impossible to reference
data or asset files by path. Closespingdotgg#557.
Implementation
──────────────
contracts/ipc.ts
Added getPathForFile(file) to the DesktopBridge interface.
preload.ts
Exposed webUtils.getPathForFile(file) via contextBridge. Electron's
sandbox blocks the legacy file.path property on File objects; the
webUtils API (available since Electron 32) is the official replacement.
ComposerPromptEditor
Added insertText(text) to ComposerPromptEditorHandle. Uses Lexical's
native selection.insertText() to insert at the real cursor position,
which correctly handles existing @mention nodes. Manipulating the
plain-text snapshot and calling setPrompt() was not an option: Lexical's
editor.update() is async, so a synchronous focusComposer() call after
would read a stale snapshotRef and overwrite the inserted text via
onChange.
ChatView
- COMPOSER_FILE_PATH_SEPARATOR constant replaces the magic " " literal.
- addComposerAttachments(files) is a new unified helper (placed next to
addComposerImages) that partitions files into images and non-images.
Images are handled by the existing addComposerImages path. Non-image
files have their native path resolved via desktopBridge.getPathForFile
(fallback: file.name in non-Electron contexts), auto-quoted when the
path contains spaces, joined by COMPOSER_FILE_PATH_SEPARATOR, and
inserted into the composer via insertText().
- onComposerDrop and onComposerPaste both delegate to
addComposerAttachments, eliminating the duplicated partition logic.
onComposerDrop additionally calls focusComposer() only when no
non-image files were dropped, since insertText() focuses the editor
internally as a prerequisite for obtaining a Lexical selection.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@juliusmarminge

Copy link
Copy Markdown
Member

Closing as part of an open-PR triage: this overlaps #2091, which we're keeping as the active candidate for this feature. Thanks for the contribution — if #2091 stalls or misses something covered here, we can revisit.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Restricted to only attach image files?

3 participants

@mfazekas@binbandit@juliusmarminge
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

fix: insert native file path when dropping or pasting non-image files - #885

Closed
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste
Closed

fix: insert native file path when dropping or pasting non-image files#885
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste

Conversation

@mfazekas

@mfazekasmfazekas commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

What Changed

When dropping or pasting non-image files (e.g. .csv, .json, .txt, .riv) onto the chat composer, their native filesystem path is now inserted at the cursor position instead of being silently ignored. Fixes#557.

  • ChatView: New addComposerAttachments helper partitions files into images and non-images. Both onComposerDrop and onComposerPaste delegate to it. Non-image paths are auto-quoted when containing spaces.
  • ComposerPromptEditor: Added insertText(text) using Lexical's selection.insertText() to insert at the real cursor position, correctly handling @mention nodes.
  • preload.ts: Exposed webUtils.getPathForFile(file) via contextBridge (required since Electron's sandbox blocks file.path).
  • contracts/ipc.ts: Added getPathForFile to DesktopBridge interface.

Why

Dropping or pasting any non-image file silently failed with an "unsupported file type" error

UI Changes

before
Screen.Recording.2026-03-11.at.7.40.34.mov
after
Screen.Recording.2026-03-11.at.7.45.35.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

[!NOTE]

Insert native file paths when dropping or pasting non-image files into the composer

  • Adds addComposerAttachments in ChatView.tsx to split dropped/pasted files into images (handled as before) and non-images (inserted as paths).
  • Non-image file paths are resolved via window.desktopBridge?.getPathForFile(file) (Electron) or fall back to file.name; paths containing spaces are quoted and joined with a space separator.
  • Adds insertTextAndFocus(text) to ComposerPromptEditorHandle in ComposerPromptEditor.tsx, inserting text at the current Lexical selection with automatic focus.
  • Exposes getPathForFile on desktopBridge in preload.ts via Electron's webUtils.getPathForFile.

Macroscope summarized e08a39d.

@mfazekas
mfazekas marked this pull request as draft March 11, 2026 06:26
@coderabbitai

coderabbitaiBot commented Mar 11, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8c81b25c-b864-47ca-a299-c3115daa2d54

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
📝 Coding Plan
  • Generate coding plan for human review comments

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

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

You can make CodeRabbit's review stricter and more nitpicky using the `assertive` profile, if that's what you prefer.

Change the reviews.profile setting to assertive to make CodeRabbit's nitpick more issues in your PRs.

@github-actionsgithub-actionsBot added the vouch:unvouched PR author is not yet trusted in the VOUCHED list. label Mar 11, 2026
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from d912835 to 3698cabCompareMarch 11, 2026 06:31
@mfazekas
mfazekas marked this pull request as ready for review March 11, 2026 06:51
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from 3698cab to 61dab45CompareMarch 11, 2026 07:27
@binbandit

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@mfazekas

mfazekas commented Mar 11, 2026

Copy link
Copy Markdown
ContributorAuthor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

@binbandit

binbandit commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

Video or GIF is fine, but currently none load.

Screenshot 2026-03-11 at 8 11 19 pm

@mfazekas

Copy link
Copy Markdown
ContributorAuthor

Video or GIF is fine, but currently none load.

@binbandit My bad - was using img tag for video, that did render in safari but not in chrome, fixed now

Previously, only image files could be attached to the composer. Dropping
or pasting any other file type (e.g. .riv, .csv, .json) silently failed
with an "unsupported file type" error, making it impossible to reference
data or asset files by path. Closespingdotgg#557.
Implementation
──────────────
contracts/ipc.ts
Added getPathForFile(file) to the DesktopBridge interface.
preload.ts
Exposed webUtils.getPathForFile(file) via contextBridge. Electron's
sandbox blocks the legacy file.path property on File objects; the
webUtils API (available since Electron 32) is the official replacement.
ComposerPromptEditor
Added insertText(text) to ComposerPromptEditorHandle. Uses Lexical's
native selection.insertText() to insert at the real cursor position,
which correctly handles existing @mention nodes. Manipulating the
plain-text snapshot and calling setPrompt() was not an option: Lexical's
editor.update() is async, so a synchronous focusComposer() call after
would read a stale snapshotRef and overwrite the inserted text via
onChange.
ChatView
- COMPOSER_FILE_PATH_SEPARATOR constant replaces the magic " " literal.
- addComposerAttachments(files) is a new unified helper (placed next to
addComposerImages) that partitions files into images and non-images.
Images are handled by the existing addComposerImages path. Non-image
files have their native path resolved via desktopBridge.getPathForFile
(fallback: file.name in non-Electron contexts), auto-quoted when the
path contains spaces, joined by COMPOSER_FILE_PATH_SEPARATOR, and
inserted into the composer via insertText().
- onComposerDrop and onComposerPaste both delegate to
addComposerAttachments, eliminating the duplicated partition logic.
onComposerDrop additionally calls focusComposer() only when no
non-image files were dropped, since insertText() focuses the editor
internally as a prerequisite for obtaining a Lexical selection.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@juliusmarminge

Copy link
Copy Markdown
Member

Closing as part of an open-PR triage: this overlaps #2091, which we're keeping as the active candidate for this feature. Thanks for the contribution — if #2091 stalls or misses something covered here, we can revisit.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Restricted to only attach image files?

3 participants

@mfazekas@binbandit@juliusmarminge
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix: insert native file path when dropping or pasting non-image files - #885

Closed
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste
Closed

fix: insert native file path when dropping or pasting non-image files#885
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste

Conversation

@mfazekas

@mfazekasmfazekas commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

What Changed

When dropping or pasting non-image files (e.g. .csv, .json, .txt, .riv) onto the chat composer, their native filesystem path is now inserted at the cursor position instead of being silently ignored. Fixes#557.

  • ChatView: New addComposerAttachments helper partitions files into images and non-images. Both onComposerDrop and onComposerPaste delegate to it. Non-image paths are auto-quoted when containing spaces.
  • ComposerPromptEditor: Added insertText(text) using Lexical's selection.insertText() to insert at the real cursor position, correctly handling @mention nodes.
  • preload.ts: Exposed webUtils.getPathForFile(file) via contextBridge (required since Electron's sandbox blocks file.path).
  • contracts/ipc.ts: Added getPathForFile to DesktopBridge interface.

Why

Dropping or pasting any non-image file silently failed with an "unsupported file type" error

UI Changes

before
Screen.Recording.2026-03-11.at.7.40.34.mov
after
Screen.Recording.2026-03-11.at.7.45.35.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

[!NOTE]

Insert native file paths when dropping or pasting non-image files into the composer

  • Adds addComposerAttachments in ChatView.tsx to split dropped/pasted files into images (handled as before) and non-images (inserted as paths).
  • Non-image file paths are resolved via window.desktopBridge?.getPathForFile(file) (Electron) or fall back to file.name; paths containing spaces are quoted and joined with a space separator.
  • Adds insertTextAndFocus(text) to ComposerPromptEditorHandle in ComposerPromptEditor.tsx, inserting text at the current Lexical selection with automatic focus.
  • Exposes getPathForFile on desktopBridge in preload.ts via Electron's webUtils.getPathForFile.

Macroscope summarized e08a39d.

@mfazekas
mfazekas marked this pull request as draft March 11, 2026 06:26
@coderabbitai

coderabbitaiBot commented Mar 11, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8c81b25c-b864-47ca-a299-c3115daa2d54

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
📝 Coding Plan
  • Generate coding plan for human review comments

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

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

You can make CodeRabbit's review stricter and more nitpicky using the `assertive` profile, if that's what you prefer.

Change the reviews.profile setting to assertive to make CodeRabbit's nitpick more issues in your PRs.

@github-actionsgithub-actionsBot added the vouch:unvouched PR author is not yet trusted in the VOUCHED list. label Mar 11, 2026
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from d912835 to 3698cabCompareMarch 11, 2026 06:31
@mfazekas
mfazekas marked this pull request as ready for review March 11, 2026 06:51
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from 3698cab to 61dab45CompareMarch 11, 2026 07:27
@binbandit

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@mfazekas

mfazekas commented Mar 11, 2026

Copy link
Copy Markdown
ContributorAuthor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

@binbandit

binbandit commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

Video or GIF is fine, but currently none load.

Screenshot 2026-03-11 at 8 11 19 pm

@mfazekas

Copy link
Copy Markdown
ContributorAuthor

Video or GIF is fine, but currently none load.

@binbandit My bad - was using img tag for video, that did render in safari but not in chrome, fixed now

Previously, only image files could be attached to the composer. Dropping
or pasting any other file type (e.g. .riv, .csv, .json) silently failed
with an "unsupported file type" error, making it impossible to reference
data or asset files by path. Closespingdotgg#557.
Implementation
──────────────
contracts/ipc.ts
Added getPathForFile(file) to the DesktopBridge interface.
preload.ts
Exposed webUtils.getPathForFile(file) via contextBridge. Electron's
sandbox blocks the legacy file.path property on File objects; the
webUtils API (available since Electron 32) is the official replacement.
ComposerPromptEditor
Added insertText(text) to ComposerPromptEditorHandle. Uses Lexical's
native selection.insertText() to insert at the real cursor position,
which correctly handles existing @mention nodes. Manipulating the
plain-text snapshot and calling setPrompt() was not an option: Lexical's
editor.update() is async, so a synchronous focusComposer() call after
would read a stale snapshotRef and overwrite the inserted text via
onChange.
ChatView
- COMPOSER_FILE_PATH_SEPARATOR constant replaces the magic " " literal.
- addComposerAttachments(files) is a new unified helper (placed next to
addComposerImages) that partitions files into images and non-images.
Images are handled by the existing addComposerImages path. Non-image
files have their native path resolved via desktopBridge.getPathForFile
(fallback: file.name in non-Electron contexts), auto-quoted when the
path contains spaces, joined by COMPOSER_FILE_PATH_SEPARATOR, and
inserted into the composer via insertText().
- onComposerDrop and onComposerPaste both delegate to
addComposerAttachments, eliminating the duplicated partition logic.
onComposerDrop additionally calls focusComposer() only when no
non-image files were dropped, since insertText() focuses the editor
internally as a prerequisite for obtaining a Lexical selection.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@juliusmarminge

Copy link
Copy Markdown
Member

Closing as part of an open-PR triage: this overlaps #2091, which we're keeping as the active candidate for this feature. Thanks for the contribution — if #2091 stalls or misses something covered here, we can revisit.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Restricted to only attach image files?

3 participants

@mfazekas@binbandit@juliusmarminge
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix: insert native file path when dropping or pasting non-image files - #885

Closed
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste
Closed

fix: insert native file path when dropping or pasting non-image files#885
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste

Conversation

@mfazekas

@mfazekasmfazekas commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

What Changed

When dropping or pasting non-image files (e.g. .csv, .json, .txt, .riv) onto the chat composer, their native filesystem path is now inserted at the cursor position instead of being silently ignored. Fixes#557.

  • ChatView: New addComposerAttachments helper partitions files into images and non-images. Both onComposerDrop and onComposerPaste delegate to it. Non-image paths are auto-quoted when containing spaces.
  • ComposerPromptEditor: Added insertText(text) using Lexical's selection.insertText() to insert at the real cursor position, correctly handling @mention nodes.
  • preload.ts: Exposed webUtils.getPathForFile(file) via contextBridge (required since Electron's sandbox blocks file.path).
  • contracts/ipc.ts: Added getPathForFile to DesktopBridge interface.

Why

Dropping or pasting any non-image file silently failed with an "unsupported file type" error

UI Changes

before
Screen.Recording.2026-03-11.at.7.40.34.mov
after
Screen.Recording.2026-03-11.at.7.45.35.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

[!NOTE]

Insert native file paths when dropping or pasting non-image files into the composer

  • Adds addComposerAttachments in ChatView.tsx to split dropped/pasted files into images (handled as before) and non-images (inserted as paths).
  • Non-image file paths are resolved via window.desktopBridge?.getPathForFile(file) (Electron) or fall back to file.name; paths containing spaces are quoted and joined with a space separator.
  • Adds insertTextAndFocus(text) to ComposerPromptEditorHandle in ComposerPromptEditor.tsx, inserting text at the current Lexical selection with automatic focus.
  • Exposes getPathForFile on desktopBridge in preload.ts via Electron's webUtils.getPathForFile.

Macroscope summarized e08a39d.

@mfazekas
mfazekas marked this pull request as draft March 11, 2026 06:26
@coderabbitai

coderabbitaiBot commented Mar 11, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8c81b25c-b864-47ca-a299-c3115daa2d54

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
📝 Coding Plan
  • Generate coding plan for human review comments

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

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

You can make CodeRabbit's review stricter and more nitpicky using the `assertive` profile, if that's what you prefer.

Change the reviews.profile setting to assertive to make CodeRabbit's nitpick more issues in your PRs.

@github-actionsgithub-actionsBot added the vouch:unvouched PR author is not yet trusted in the VOUCHED list. label Mar 11, 2026
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from d912835 to 3698cabCompareMarch 11, 2026 06:31
@mfazekas
mfazekas marked this pull request as ready for review March 11, 2026 06:51
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from 3698cab to 61dab45CompareMarch 11, 2026 07:27
@binbandit

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@mfazekas

mfazekas commented Mar 11, 2026

Copy link
Copy Markdown
ContributorAuthor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

@binbandit

binbandit commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

Video or GIF is fine, but currently none load.

Screenshot 2026-03-11 at 8 11 19 pm

@mfazekas

Copy link
Copy Markdown
ContributorAuthor

Video or GIF is fine, but currently none load.

@binbandit My bad - was using img tag for video, that did render in safari but not in chrome, fixed now

Previously, only image files could be attached to the composer. Dropping
or pasting any other file type (e.g. .riv, .csv, .json) silently failed
with an "unsupported file type" error, making it impossible to reference
data or asset files by path. Closespingdotgg#557.
Implementation
──────────────
contracts/ipc.ts
Added getPathForFile(file) to the DesktopBridge interface.
preload.ts
Exposed webUtils.getPathForFile(file) via contextBridge. Electron's
sandbox blocks the legacy file.path property on File objects; the
webUtils API (available since Electron 32) is the official replacement.
ComposerPromptEditor
Added insertText(text) to ComposerPromptEditorHandle. Uses Lexical's
native selection.insertText() to insert at the real cursor position,
which correctly handles existing @mention nodes. Manipulating the
plain-text snapshot and calling setPrompt() was not an option: Lexical's
editor.update() is async, so a synchronous focusComposer() call after
would read a stale snapshotRef and overwrite the inserted text via
onChange.
ChatView
- COMPOSER_FILE_PATH_SEPARATOR constant replaces the magic " " literal.
- addComposerAttachments(files) is a new unified helper (placed next to
addComposerImages) that partitions files into images and non-images.
Images are handled by the existing addComposerImages path. Non-image
files have their native path resolved via desktopBridge.getPathForFile
(fallback: file.name in non-Electron contexts), auto-quoted when the
path contains spaces, joined by COMPOSER_FILE_PATH_SEPARATOR, and
inserted into the composer via insertText().
- onComposerDrop and onComposerPaste both delegate to
addComposerAttachments, eliminating the duplicated partition logic.
onComposerDrop additionally calls focusComposer() only when no
non-image files were dropped, since insertText() focuses the editor
internally as a prerequisite for obtaining a Lexical selection.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@juliusmarminge

Copy link
Copy Markdown
Member

Closing as part of an open-PR triage: this overlaps #2091, which we're keeping as the active candidate for this feature. Thanks for the contribution — if #2091 stalls or misses something covered here, we can revisit.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Restricted to only attach image files?

3 participants

@mfazekas@binbandit@juliusmarminge
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

fix: insert native file path when dropping or pasting non-image files - #885

Closed
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste
Closed

fix: insert native file path when dropping or pasting non-image files#885
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste

Conversation

@mfazekas

@mfazekasmfazekas commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

What Changed

When dropping or pasting non-image files (e.g. .csv, .json, .txt, .riv) onto the chat composer, their native filesystem path is now inserted at the cursor position instead of being silently ignored. Fixes#557.

  • ChatView: New addComposerAttachments helper partitions files into images and non-images. Both onComposerDrop and onComposerPaste delegate to it. Non-image paths are auto-quoted when containing spaces.
  • ComposerPromptEditor: Added insertText(text) using Lexical's selection.insertText() to insert at the real cursor position, correctly handling @mention nodes.
  • preload.ts: Exposed webUtils.getPathForFile(file) via contextBridge (required since Electron's sandbox blocks file.path).
  • contracts/ipc.ts: Added getPathForFile to DesktopBridge interface.

Why

Dropping or pasting any non-image file silently failed with an "unsupported file type" error

UI Changes

before
Screen.Recording.2026-03-11.at.7.40.34.mov
after
Screen.Recording.2026-03-11.at.7.45.35.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

[!NOTE]

Insert native file paths when dropping or pasting non-image files into the composer

  • Adds addComposerAttachments in ChatView.tsx to split dropped/pasted files into images (handled as before) and non-images (inserted as paths).
  • Non-image file paths are resolved via window.desktopBridge?.getPathForFile(file) (Electron) or fall back to file.name; paths containing spaces are quoted and joined with a space separator.
  • Adds insertTextAndFocus(text) to ComposerPromptEditorHandle in ComposerPromptEditor.tsx, inserting text at the current Lexical selection with automatic focus.
  • Exposes getPathForFile on desktopBridge in preload.ts via Electron's webUtils.getPathForFile.

Macroscope summarized e08a39d.

@mfazekas
mfazekas marked this pull request as draft March 11, 2026 06:26
@coderabbitai

coderabbitaiBot commented Mar 11, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8c81b25c-b864-47ca-a299-c3115daa2d54

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
📝 Coding Plan
  • Generate coding plan for human review comments

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

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

You can make CodeRabbit's review stricter and more nitpicky using the `assertive` profile, if that's what you prefer.

Change the reviews.profile setting to assertive to make CodeRabbit's nitpick more issues in your PRs.

@github-actionsgithub-actionsBot added the vouch:unvouched PR author is not yet trusted in the VOUCHED list. label Mar 11, 2026
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from d912835 to 3698cabCompareMarch 11, 2026 06:31
@mfazekas
mfazekas marked this pull request as ready for review March 11, 2026 06:51
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from 3698cab to 61dab45CompareMarch 11, 2026 07:27
@binbandit

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@mfazekas

mfazekas commented Mar 11, 2026

Copy link
Copy Markdown
ContributorAuthor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

@binbandit

binbandit commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

Video or GIF is fine, but currently none load.

Screenshot 2026-03-11 at 8 11 19 pm

@mfazekas

Copy link
Copy Markdown
ContributorAuthor

Video or GIF is fine, but currently none load.

@binbandit My bad - was using img tag for video, that did render in safari but not in chrome, fixed now

Previously, only image files could be attached to the composer. Dropping
or pasting any other file type (e.g. .riv, .csv, .json) silently failed
with an "unsupported file type" error, making it impossible to reference
data or asset files by path. Closespingdotgg#557.
Implementation
──────────────
contracts/ipc.ts
Added getPathForFile(file) to the DesktopBridge interface.
preload.ts
Exposed webUtils.getPathForFile(file) via contextBridge. Electron's
sandbox blocks the legacy file.path property on File objects; the
webUtils API (available since Electron 32) is the official replacement.
ComposerPromptEditor
Added insertText(text) to ComposerPromptEditorHandle. Uses Lexical's
native selection.insertText() to insert at the real cursor position,
which correctly handles existing @mention nodes. Manipulating the
plain-text snapshot and calling setPrompt() was not an option: Lexical's
editor.update() is async, so a synchronous focusComposer() call after
would read a stale snapshotRef and overwrite the inserted text via
onChange.
ChatView
- COMPOSER_FILE_PATH_SEPARATOR constant replaces the magic " " literal.
- addComposerAttachments(files) is a new unified helper (placed next to
addComposerImages) that partitions files into images and non-images.
Images are handled by the existing addComposerImages path. Non-image
files have their native path resolved via desktopBridge.getPathForFile
(fallback: file.name in non-Electron contexts), auto-quoted when the
path contains spaces, joined by COMPOSER_FILE_PATH_SEPARATOR, and
inserted into the composer via insertText().
- onComposerDrop and onComposerPaste both delegate to
addComposerAttachments, eliminating the duplicated partition logic.
onComposerDrop additionally calls focusComposer() only when no
non-image files were dropped, since insertText() focuses the editor
internally as a prerequisite for obtaining a Lexical selection.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@juliusmarminge

Copy link
Copy Markdown
Member

Closing as part of an open-PR triage: this overlaps #2091, which we're keeping as the active candidate for this feature. Thanks for the contribution — if #2091 stalls or misses something covered here, we can revisit.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Restricted to only attach image files?

3 participants

@mfazekas@binbandit@juliusmarminge
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix: insert native file path when dropping or pasting non-image files - #885

Closed
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste
Closed

fix: insert native file path when dropping or pasting non-image files#885
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste

Conversation

@mfazekas

@mfazekasmfazekas commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

What Changed

When dropping or pasting non-image files (e.g. .csv, .json, .txt, .riv) onto the chat composer, their native filesystem path is now inserted at the cursor position instead of being silently ignored. Fixes#557.

  • ChatView: New addComposerAttachments helper partitions files into images and non-images. Both onComposerDrop and onComposerPaste delegate to it. Non-image paths are auto-quoted when containing spaces.
  • ComposerPromptEditor: Added insertText(text) using Lexical's selection.insertText() to insert at the real cursor position, correctly handling @mention nodes.
  • preload.ts: Exposed webUtils.getPathForFile(file) via contextBridge (required since Electron's sandbox blocks file.path).
  • contracts/ipc.ts: Added getPathForFile to DesktopBridge interface.

Why

Dropping or pasting any non-image file silently failed with an "unsupported file type" error

UI Changes

before
Screen.Recording.2026-03-11.at.7.40.34.mov
after
Screen.Recording.2026-03-11.at.7.45.35.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

[!NOTE]

Insert native file paths when dropping or pasting non-image files into the composer

  • Adds addComposerAttachments in ChatView.tsx to split dropped/pasted files into images (handled as before) and non-images (inserted as paths).
  • Non-image file paths are resolved via window.desktopBridge?.getPathForFile(file) (Electron) or fall back to file.name; paths containing spaces are quoted and joined with a space separator.
  • Adds insertTextAndFocus(text) to ComposerPromptEditorHandle in ComposerPromptEditor.tsx, inserting text at the current Lexical selection with automatic focus.
  • Exposes getPathForFile on desktopBridge in preload.ts via Electron's webUtils.getPathForFile.

Macroscope summarized e08a39d.

@mfazekas
mfazekas marked this pull request as draft March 11, 2026 06:26
@coderabbitai

coderabbitaiBot commented Mar 11, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8c81b25c-b864-47ca-a299-c3115daa2d54

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
📝 Coding Plan
  • Generate coding plan for human review comments

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

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

You can make CodeRabbit's review stricter and more nitpicky using the `assertive` profile, if that's what you prefer.

Change the reviews.profile setting to assertive to make CodeRabbit's nitpick more issues in your PRs.

@github-actionsgithub-actionsBot added the vouch:unvouched PR author is not yet trusted in the VOUCHED list. label Mar 11, 2026
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from d912835 to 3698cabCompareMarch 11, 2026 06:31
@mfazekas
mfazekas marked this pull request as ready for review March 11, 2026 06:51
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from 3698cab to 61dab45CompareMarch 11, 2026 07:27
@binbandit

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@mfazekas

mfazekas commented Mar 11, 2026

Copy link
Copy Markdown
ContributorAuthor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

@binbandit

binbandit commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

Video or GIF is fine, but currently none load.

Screenshot 2026-03-11 at 8 11 19 pm

@mfazekas

Copy link
Copy Markdown
ContributorAuthor

Video or GIF is fine, but currently none load.

@binbandit My bad - was using img tag for video, that did render in safari but not in chrome, fixed now

Previously, only image files could be attached to the composer. Dropping
or pasting any other file type (e.g. .riv, .csv, .json) silently failed
with an "unsupported file type" error, making it impossible to reference
data or asset files by path. Closespingdotgg#557.
Implementation
──────────────
contracts/ipc.ts
Added getPathForFile(file) to the DesktopBridge interface.
preload.ts
Exposed webUtils.getPathForFile(file) via contextBridge. Electron's
sandbox blocks the legacy file.path property on File objects; the
webUtils API (available since Electron 32) is the official replacement.
ComposerPromptEditor
Added insertText(text) to ComposerPromptEditorHandle. Uses Lexical's
native selection.insertText() to insert at the real cursor position,
which correctly handles existing @mention nodes. Manipulating the
plain-text snapshot and calling setPrompt() was not an option: Lexical's
editor.update() is async, so a synchronous focusComposer() call after
would read a stale snapshotRef and overwrite the inserted text via
onChange.
ChatView
- COMPOSER_FILE_PATH_SEPARATOR constant replaces the magic " " literal.
- addComposerAttachments(files) is a new unified helper (placed next to
addComposerImages) that partitions files into images and non-images.
Images are handled by the existing addComposerImages path. Non-image
files have their native path resolved via desktopBridge.getPathForFile
(fallback: file.name in non-Electron contexts), auto-quoted when the
path contains spaces, joined by COMPOSER_FILE_PATH_SEPARATOR, and
inserted into the composer via insertText().
- onComposerDrop and onComposerPaste both delegate to
addComposerAttachments, eliminating the duplicated partition logic.
onComposerDrop additionally calls focusComposer() only when no
non-image files were dropped, since insertText() focuses the editor
internally as a prerequisite for obtaining a Lexical selection.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@juliusmarminge

Copy link
Copy Markdown
Member

Closing as part of an open-PR triage: this overlaps #2091, which we're keeping as the active candidate for this feature. Thanks for the contribution — if #2091 stalls or misses something covered here, we can revisit.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Restricted to only attach image files?

3 participants

@mfazekas@binbandit@juliusmarminge
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix: insert native file path when dropping or pasting non-image files - #885

Closed
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste
Closed

fix: insert native file path when dropping or pasting non-image files#885
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste

Conversation

@mfazekas

@mfazekasmfazekas commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

What Changed

When dropping or pasting non-image files (e.g. .csv, .json, .txt, .riv) onto the chat composer, their native filesystem path is now inserted at the cursor position instead of being silently ignored. Fixes#557.

  • ChatView: New addComposerAttachments helper partitions files into images and non-images. Both onComposerDrop and onComposerPaste delegate to it. Non-image paths are auto-quoted when containing spaces.
  • ComposerPromptEditor: Added insertText(text) using Lexical's selection.insertText() to insert at the real cursor position, correctly handling @mention nodes.
  • preload.ts: Exposed webUtils.getPathForFile(file) via contextBridge (required since Electron's sandbox blocks file.path).
  • contracts/ipc.ts: Added getPathForFile to DesktopBridge interface.

Why

Dropping or pasting any non-image file silently failed with an "unsupported file type" error

UI Changes

before
Screen.Recording.2026-03-11.at.7.40.34.mov
after
Screen.Recording.2026-03-11.at.7.45.35.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

[!NOTE]

Insert native file paths when dropping or pasting non-image files into the composer

  • Adds addComposerAttachments in ChatView.tsx to split dropped/pasted files into images (handled as before) and non-images (inserted as paths).
  • Non-image file paths are resolved via window.desktopBridge?.getPathForFile(file) (Electron) or fall back to file.name; paths containing spaces are quoted and joined with a space separator.
  • Adds insertTextAndFocus(text) to ComposerPromptEditorHandle in ComposerPromptEditor.tsx, inserting text at the current Lexical selection with automatic focus.
  • Exposes getPathForFile on desktopBridge in preload.ts via Electron's webUtils.getPathForFile.

Macroscope summarized e08a39d.

@mfazekas
mfazekas marked this pull request as draft March 11, 2026 06:26
@coderabbitai

coderabbitaiBot commented Mar 11, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8c81b25c-b864-47ca-a299-c3115daa2d54

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
📝 Coding Plan
  • Generate coding plan for human review comments

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

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

You can make CodeRabbit's review stricter and more nitpicky using the `assertive` profile, if that's what you prefer.

Change the reviews.profile setting to assertive to make CodeRabbit's nitpick more issues in your PRs.

@github-actionsgithub-actionsBot added the vouch:unvouched PR author is not yet trusted in the VOUCHED list. label Mar 11, 2026
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from d912835 to 3698cabCompareMarch 11, 2026 06:31
@mfazekas
mfazekas marked this pull request as ready for review March 11, 2026 06:51
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from 3698cab to 61dab45CompareMarch 11, 2026 07:27
@binbandit

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@mfazekas

mfazekas commented Mar 11, 2026

Copy link
Copy Markdown
ContributorAuthor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

@binbandit

binbandit commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

Video or GIF is fine, but currently none load.

Screenshot 2026-03-11 at 8 11 19 pm

@mfazekas

Copy link
Copy Markdown
ContributorAuthor

Video or GIF is fine, but currently none load.

@binbandit My bad - was using img tag for video, that did render in safari but not in chrome, fixed now

Previously, only image files could be attached to the composer. Dropping
or pasting any other file type (e.g. .riv, .csv, .json) silently failed
with an "unsupported file type" error, making it impossible to reference
data or asset files by path. Closespingdotgg#557.
Implementation
──────────────
contracts/ipc.ts
Added getPathForFile(file) to the DesktopBridge interface.
preload.ts
Exposed webUtils.getPathForFile(file) via contextBridge. Electron's
sandbox blocks the legacy file.path property on File objects; the
webUtils API (available since Electron 32) is the official replacement.
ComposerPromptEditor
Added insertText(text) to ComposerPromptEditorHandle. Uses Lexical's
native selection.insertText() to insert at the real cursor position,
which correctly handles existing @mention nodes. Manipulating the
plain-text snapshot and calling setPrompt() was not an option: Lexical's
editor.update() is async, so a synchronous focusComposer() call after
would read a stale snapshotRef and overwrite the inserted text via
onChange.
ChatView
- COMPOSER_FILE_PATH_SEPARATOR constant replaces the magic " " literal.
- addComposerAttachments(files) is a new unified helper (placed next to
addComposerImages) that partitions files into images and non-images.
Images are handled by the existing addComposerImages path. Non-image
files have their native path resolved via desktopBridge.getPathForFile
(fallback: file.name in non-Electron contexts), auto-quoted when the
path contains spaces, joined by COMPOSER_FILE_PATH_SEPARATOR, and
inserted into the composer via insertText().
- onComposerDrop and onComposerPaste both delegate to
addComposerAttachments, eliminating the duplicated partition logic.
onComposerDrop additionally calls focusComposer() only when no
non-image files were dropped, since insertText() focuses the editor
internally as a prerequisite for obtaining a Lexical selection.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@juliusmarminge

Copy link
Copy Markdown
Member

Closing as part of an open-PR triage: this overlaps #2091, which we're keeping as the active candidate for this feature. Thanks for the contribution — if #2091 stalls or misses something covered here, we can revisit.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Restricted to only attach image files?

3 participants

@mfazekas@binbandit@juliusmarminge
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

fix: insert native file path when dropping or pasting non-image files - #885

Closed
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste
Closed

fix: insert native file path when dropping or pasting non-image files#885
mfazekas wants to merge 1 commit into
pingdotgg:mainfrom
mfazekas:fix/non-image-drop-paste

Conversation

@mfazekas

@mfazekasmfazekas commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

What Changed

When dropping or pasting non-image files (e.g. .csv, .json, .txt, .riv) onto the chat composer, their native filesystem path is now inserted at the cursor position instead of being silently ignored. Fixes#557.

  • ChatView: New addComposerAttachments helper partitions files into images and non-images. Both onComposerDrop and onComposerPaste delegate to it. Non-image paths are auto-quoted when containing spaces.
  • ComposerPromptEditor: Added insertText(text) using Lexical's selection.insertText() to insert at the real cursor position, correctly handling @mention nodes.
  • preload.ts: Exposed webUtils.getPathForFile(file) via contextBridge (required since Electron's sandbox blocks file.path).
  • contracts/ipc.ts: Added getPathForFile to DesktopBridge interface.

Why

Dropping or pasting any non-image file silently failed with an "unsupported file type" error

UI Changes

before
Screen.Recording.2026-03-11.at.7.40.34.mov
after
Screen.Recording.2026-03-11.at.7.45.35.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

[!NOTE]

Insert native file paths when dropping or pasting non-image files into the composer

  • Adds addComposerAttachments in ChatView.tsx to split dropped/pasted files into images (handled as before) and non-images (inserted as paths).
  • Non-image file paths are resolved via window.desktopBridge?.getPathForFile(file) (Electron) or fall back to file.name; paths containing spaces are quoted and joined with a space separator.
  • Adds insertTextAndFocus(text) to ComposerPromptEditorHandle in ComposerPromptEditor.tsx, inserting text at the current Lexical selection with automatic focus.
  • Exposes getPathForFile on desktopBridge in preload.ts via Electron's webUtils.getPathForFile.

Macroscope summarized e08a39d.

@mfazekas
mfazekas marked this pull request as draft March 11, 2026 06:26
@coderabbitai

coderabbitaiBot commented Mar 11, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8c81b25c-b864-47ca-a299-c3115daa2d54

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
📝 Coding Plan
  • Generate coding plan for human review comments

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

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

You can make CodeRabbit's review stricter and more nitpicky using the `assertive` profile, if that's what you prefer.

Change the reviews.profile setting to assertive to make CodeRabbit's nitpick more issues in your PRs.

@github-actionsgithub-actionsBot added the vouch:unvouched PR author is not yet trusted in the VOUCHED list. label Mar 11, 2026
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from d912835 to 3698cabCompareMarch 11, 2026 06:31
@mfazekas
mfazekas marked this pull request as ready for review March 11, 2026 06:51
@mfazekas
mfazekasforce-pushed the fix/non-image-drop-paste branch from 3698cab to 61dab45CompareMarch 11, 2026 07:27
@binbandit

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@mfazekas

mfazekas commented Mar 11, 2026

Copy link
Copy Markdown
ContributorAuthor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

@binbandit

binbandit commented Mar 11, 2026

Copy link
Copy Markdown
Contributor

Speaking of images, can you please attach a before and after if possible?

@binbandit there is before/after video in the description, do you need still images as well?

Video or GIF is fine, but currently none load.

Screenshot 2026-03-11 at 8 11 19 pm

@mfazekas

Copy link
Copy Markdown
ContributorAuthor

Video or GIF is fine, but currently none load.

@binbandit My bad - was using img tag for video, that did render in safari but not in chrome, fixed now

Previously, only image files could be attached to the composer. Dropping
or pasting any other file type (e.g. .riv, .csv, .json) silently failed
with an "unsupported file type" error, making it impossible to reference
data or asset files by path. Closespingdotgg#557.
Implementation
──────────────
contracts/ipc.ts
Added getPathForFile(file) to the DesktopBridge interface.
preload.ts
Exposed webUtils.getPathForFile(file) via contextBridge. Electron's
sandbox blocks the legacy file.path property on File objects; the
webUtils API (available since Electron 32) is the official replacement.
ComposerPromptEditor
Added insertText(text) to ComposerPromptEditorHandle. Uses Lexical's
native selection.insertText() to insert at the real cursor position,
which correctly handles existing @mention nodes. Manipulating the
plain-text snapshot and calling setPrompt() was not an option: Lexical's
editor.update() is async, so a synchronous focusComposer() call after
would read a stale snapshotRef and overwrite the inserted text via
onChange.
ChatView
- COMPOSER_FILE_PATH_SEPARATOR constant replaces the magic " " literal.
- addComposerAttachments(files) is a new unified helper (placed next to
addComposerImages) that partitions files into images and non-images.
Images are handled by the existing addComposerImages path. Non-image
files have their native path resolved via desktopBridge.getPathForFile
(fallback: file.name in non-Electron contexts), auto-quoted when the
path contains spaces, joined by COMPOSER_FILE_PATH_SEPARATOR, and
inserted into the composer via insertText().
- onComposerDrop and onComposerPaste both delegate to
addComposerAttachments, eliminating the duplicated partition logic.
onComposerDrop additionally calls focusComposer() only when no
non-image files were dropped, since insertText() focuses the editor
internally as a prerequisite for obtaining a Lexical selection.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@juliusmarminge

Copy link
Copy Markdown
Member

Closing as part of an open-PR triage: this overlaps #2091, which we're keeping as the active candidate for this feature. Thanks for the contribution — if #2091 stalls or misses something covered here, we can revisit.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Restricted to only attach image files?

3 participants

@mfazekas@binbandit@juliusmarminge