Drag and Drop

Move files and import from your desktop

Overview

TeamIDE supports drag and drop for organizing files within your project and importing files from your computer.


Moving Files in the File Tree

Reorganize your project by dragging files and folders.

How to Drag

  1. Click and hold on a file or folder
  2. Drag it to the destination folder
  3. The target folder highlights with a blue border
  4. Release to drop

Visual Feedback

Indicator Meaning
Drag ghost Shows what you’re dragging
Blue border Valid drop target
Grabbing cursor Drag in progress

Rules

  • Can only drop into folders
  • Cannot drop a folder into itself
  • Cannot drop into a subfolder of itself

After Dropping

  • File or folder moves to the new location
  • Open tabs update to show the new path
  • Git status recalculates automatically

Importing from Desktop

Drag files from Finder (Mac) or File Explorer (Windows) directly into TeamIDE.

How to Import

  1. Open Finder/File Explorer alongside TeamIDE
  2. Drag files or folders into the file tree
  3. Drop onto a folder to import there
  4. Drop on empty space to import to root

What Happens

  • Files are copied into your project (originals unchanged)
  • Folder structure is preserved
  • Binary files (images, etc.) are handled correctly
  • .gitignore patterns are respected

Supported Files

All file types are supported: - Code files (.js, .ts, .py, .vue, etc.) - Text files (.txt, .md, .json, etc.) - Images (.png, .jpg, .gif, .svg, etc.) - Any other file type


Dragging to Terminal

Drag files from the file tree into the terminal to insert the file path.

How It Works

  1. Start dragging a file from the Explorer
  2. Drop it into an active terminal
  3. The file path is inserted at the cursor

Path Format

  • Paths are automatically escaped for shell use
  • Special characters are handled correctly
  • Works with files and folders

Use Cases

# Drag a file to cat it
cat [drop file here]

# Drag a file to edit it
vim [drop file here]

# Drag a folder to cd into it
cd [drop folder here]

Tips

  • Quick reorganization: Drag to move files between folders instantly
  • Import screenshots: Drag images from your desktop directly into docs
  • Terminal paths: Avoid typing long paths by dragging files

Desktop App Only

Importing files from Finder/File Explorer requires the TeamIDE desktop app. This feature is not available in web browsers.

Changelog

Date Change
2026-02-02 Initial documentation