Add drag-and-drop file support to terminal

emain/preload.ts

@@ -1,7 +1,7 @@
 // Copyright 2025, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import { contextBridge, ipcRenderer, Rectangle, WebviewTag } from "electron";
+import { contextBridge, ipcRenderer, Rectangle, webUtils, WebviewTag } from "electron";
 
 // update type in custom.d.ts (ElectronApi type)
 contextBridge.exposeInMainWorld("api", {
@@ -68,6 +68,7 @@ contextBridge.exposeInMainWorld("api", {
     openBuilder: (appId?: string) => ipcRenderer.send("open-builder", appId),
     setBuilderWindowAppId: (appId: string) => ipcRenderer.send("set-builder-window-appid", appId),
     doRefresh: () => ipcRenderer.send("do-refresh"),
+    getPathForFile: (file: File) => webUtils.getPathForFile(file),
 });
 
 // Custom event for "new-window"

frontend/app/view/term/term.tsx

@@ -8,7 +8,7 @@ import { waveEventSubscribe } from "@/app/store/wps";
 import { RpcApi } from "@/app/store/wshclientapi";
 import { TabRpcClient } from "@/app/store/wshrpcutil";
 import type { TermViewModel } from "@/app/view/term/term-model";
-import { atoms, getOverrideConfigAtom, getSettingsPrefixAtom, globalStore, WOS } from "@/store/global";
+import { atoms, getApi, getOverrideConfigAtom, getSettingsPrefixAtom, globalStore, WOS } from "@/store/global";
 import { fireAndForget, useAtomValueSafe } from "@/util/util";
 import { computeBgStyleFromMeta } from "@/util/waveutil";
 import { ISearchOptions } from "@xterm/addon-search";
@@ -353,8 +353,78 @@ const TerminalView = ({ blockId, model }: ViewComponentProps<TermViewModel>) =>
 
     const termBg = computeBgStyleFromMeta(blockData?.meta);
 
+    // Handle drag and drop
+    const handleDragOver = React.useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+        // Indicate that we can accept the drop
+        e.dataTransfer.dropEffect = "copy";
+    }, []);
+
+    const handleDrop = React.useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+
+        // Get files from the drop
+        const files = Array.from(e.dataTransfer.files);
+        if (files.length === 0) {
+            return;
+        }
+
+        console.log("Drop files:", files);
+
+        // Get the file path(s) using the Electron API
+        const paths = files.map((file: File) => {
+            try {
+                // Use the exposed Electron API to get the full path
+                const fullPath = getApi().getPathForFile(file);
+                console.log("File:", file.name, "-> Full path:", fullPath);
+                return fullPath;
+            } catch (err) {
+                console.error("Could not get path for file:", file.name, err);
+                return file.name;
+            }
+        });
+
+        console.log("Paths to insert:", paths);
+
+        // Insert the path(s) into the terminal
+        // If multiple files, separate with spaces and quote if necessary
+        const pathString = paths.map(path => {
+            // Quote paths that contain spaces
+            if (path.includes(" ")) {
+                return `"${path}"`;
+            }
+            return path;
+        }).join(" ");
+
+        console.log("Final path string:", pathString);
+
+        // Send the path to the terminal
+        if (model.termRef.current && pathString) {
+            model.sendDataToController(pathString);
+        }
+    }, [model]);
+
+    const handleDragEnter = React.useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+
+    const handleDragLeave = React.useCallback((e: React.DragEvent) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+
     return (
-        <div className={clsx("view-term", "term-mode-" + termMode)} ref={viewRef}>
+        <div
+            className={clsx("view-term", "term-mode-" + termMode)}
+            ref={viewRef}
+            onDragOver={handleDragOver}
+            onDrop={handleDrop}
+            onDragEnter={handleDragEnter}
+            onDragLeave={handleDragLeave}
+        >
             {termBg && <div className="absolute inset-0 z-0 pointer-events-none" style={termBg} />}
             <TermResyncHandler blockId={blockId} model={model} />
             <TermThemeUpdater blockId={blockId} model={model} termRef={model.termRef} />

frontend/types/custom.d.ts

@@ -134,6 +134,7 @@ declare global {
         openBuilder: (appId?: string) => void; // open-builder
         setBuilderWindowAppId: (appId: string) => void; // set-builder-window-appid
         doRefresh: () => void; // do-refresh
+        getPathForFile: (file: File) => string; // get-path-for-file
     };
 
     type ElectronContextMenuItem = {