bet

Author: CarelessCourage

packages/bifrost/components/BifrostCarbon.vue

@@ -108,6 +108,7 @@ function addConnection(carbonId: string, childId: string, type: HookType, hookIn
   props.connections.push({
     id: 'connection-' + props.connections.length,
     type: isOutputInout ? 'output-input' : 'source-sink',
+    orientation: isOutputInout ? 'horizontal' : 'vertical',
     output: {
       carbon: fromOutput ? carbonId : childId,
       hook: fromOutput ? hookIndex : 0

packages/bifrost/components/BifrostFibers.vue

@@ -14,6 +14,7 @@ defineProps<{
     <BifrostFiber v-if="connection.output.component && connection.input.component"
       :ref="(e) => connection.component = e as FiberType"
       :fiber-start="connection.output.component?.outputs?.hooks[connection.output.hook]"
-      :fiber-end="connection.input.component?.inputs?.hooks[connection.input.hook]" />
+      :fiber-end="connection.input.component?.inputs?.hooks[connection.input.hook]"
+      :orientation="connection.type === 'source-sink' ? 'vertical' : 'horizontal'" />
   </div>
 </template>

packages/bifrost/types/index.ts

@@ -16,6 +16,8 @@ export interface BifrostFiberConnections {
    * - 'source-sink': Vertical connection (top-bottom sides of carbons)
    */
   type: 'output-input' | 'source-sink'
+  /** Orientation derived from type (horizontal for output-input, vertical for source-sink) */
+  orientation?: 'horizontal' | 'vertical'
   /** Origin point of the connection */
   output: {
     /** ID of the carbon component this connection originates from */