Skip to content

Comments

Orange/tmux#119

Open
thestumonkey wants to merge 7 commits intodevfrom
orange/tmux
Open

Orange/tmux#119
thestumonkey wants to merge 7 commits intodevfrom
orange/tmux

Conversation

@thestumonkey
Copy link
Member

No description provided.

thestumonkey and others added 7 commits January 18, 2026 21:41
Implements a visual wiring system where service outputs can be connected
to environment variables of other services via draggable wires.

Key changes:
- Add OutputWiring types and API methods in api.ts
- Create OutputWiring.tsx with OutputPort, EnvVarDropTarget components
- Extend WiringBoard with output wire dragging, SVG wire overlay
- Add OutputPortsSection to provider cards for draggable outputs
- Add EnvVarTargetsSection to consumer cards for drop targets
- Update InstancesPage to manage output wiring state and handlers

Features:
- Drag from output ports to env var targets to create connections
- One output can connect to multiple targets (one-to-many)
- SVG curved wires with gradient colors show connections
- Real-time wire preview during drag operation
- Disconnect wires via X button on connected targets

# Conflicts:
#	ushadow/frontend/src/components/wiring/WiringBoard.tsx
#	ushadow/frontend/src/components/wiring/index.ts
#	ushadow/frontend/src/pages/InstancesPage.tsx
#	ushadow/frontend/src/services/api.ts
- Restructure DraggableProvider to use flex layout with left content and right outputs
- Add OutputPortsSidePanel component for vertical output ports on the right
- Output ports now appear as a side panel with border separator
- Maintains all existing output wiring functionality
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.

2 participants