Skip to content

Orchestrator: image attachments in worktree modal + theme-adaptive sidebar colors#57

Merged
amandal0903 merged 4 commits intomainfrom
final-boss-code
Apr 3, 2026
Merged

Orchestrator: image attachments in worktree modal + theme-adaptive sidebar colors#57
amandal0903 merged 4 commits intomainfrom
final-boss-code

Conversation

@amandal0903
Copy link
Copy Markdown
Collaborator

Summary

  • Image drag-and-drop & paste in worktree creation modal — Users can drag image files onto the modal card or paste from clipboard.
    Attached images display as compact thumbnails with filename and a remove button. On worktree creation, images are saved to
    .workstreams/images/ inside the worktree and appended as "Reference images:" paths in the prompt sent to the agent.
  • Theme-adaptive orchestrator sidebar colors — Tree connector lines and worktree branch text now use --vscode-descriptionForeground
    instead of hardcoded rgba(255,255,255,0.08) / flat opacity, so they render correctly in both light and dark themes.

Details

Image attachments (addWorktreeModal.ts, orchestratorViewPane.ts, CSS):

  • New DroppedImage interface (name, data: Uint8Array, mimeType) added to AddWorktreeResult
  • DragAndDropObserver on the modal card with a dashed-border drop overlay
  • Clipboard paste listener on the overlay for Cmd+V / Ctrl+V image paste
  • Supported types: PNG, JPEG, GIF, WebP, BMP, TIFF
  • saveDroppedImages() writes images via IFileService; buildPromptWithImages() appends paths to the prompt
  • Blob URLs revoked via disposable cleanup

Theme colors (orchestratorPart.css):

  • Connector ::before / ::after borders → var(--vscode-descriptionForeground) at opacity: 0.35
  • .worktree-branch → color: var(--vscode-descriptionForeground) replacing opacity: 0.6

Avijit Mandal added 4 commits April 3, 2026 08:48
…ebar

Replace opacity: 0.6 with var(--vscode-descriptionForeground) so branch
names are readable in both dark and light themes.
…modal

Images can be dropped or pasted into the modal, shown as thumbnails with
remove buttons. On creation, images are saved to the worktree's
.workstreams/images/ directory and referenced in the agent prompt.
…ebar

Replace hardcoded rgba(255,255,255,0.08) fallback with
var(--vscode-descriptionForeground) at 0.35 opacity so the tree lines
are visible in both dark and light themes.
@amandal0903 amandal0903 merged commit da63986 into main Apr 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant