feat: enhance HumanInput node by adding a Timeout action and restructuring user action rendering

This commit is contained in:
twwu 2025-12-25 16:16:24 +08:00
parent b8d4f60782
commit be0f493e61
1 changed files with 23 additions and 13 deletions

View File

@ -43,20 +43,30 @@ const Node: FC<NodeProps<HumanInputNodeType>> = (props) => {
</div>
</div>
)}
{userActions.length > 0 && (
<div className="space-y-0.5 py-1">
{userActions.map(userAction => (
<div key={userAction.id} className="relative flex flex-row-reverse items-center px-4 py-1">
<span className="system-xs-semibold-uppercase truncate text-text-secondary">{userAction.id}</span>
<NodeSourceHandle
{...props}
handleId={userAction.id}
handleClassName="!top-1/2 !-right-[9px] !-translate-y-1/2"
/>
</div>
))}
<div className="space-y-0.5 py-1">
{userActions.length > 0 && (
<>
{userActions.map(userAction => (
<div key={userAction.id} className="relative flex flex-row-reverse items-center px-4 py-1">
<span className="system-xs-semibold-uppercase truncate text-text-secondary">{userAction.id}</span>
<NodeSourceHandle
{...props}
handleId={userAction.id}
handleClassName="!top-1/2 !-right-[9px] !-translate-y-1/2"
/>
</div>
))}
</>
)}
<div className="relative flex flex-row-reverse items-center px-4 py-1">
<div className="system-xs-semibold-uppercase truncate text-text-secondary">Timeout</div>
<NodeSourceHandle
{...props}
handleId="timeout"
handleClassName="!top-1/2 !-right-[9px] !-translate-y-1/2"
/>
</div>
)}
</div>
</>
)
}