sequenceDiagram
    participant User
    participant SubBlock
    participant Input as Input Component<br/>(ShortInput/LongInput/<br/>MessagesInput/Code)
    participant Hook as useSubBlockInput
    participant Wand as useWand Hook
    participant TagDropdown
    participant Store as Workflow Store

    User->>SubBlock: Focus on empty input field
    SubBlock->>Input: Render with config
    Input->>Hook: Initialize with shouldForceTagDropdown
    Hook->>Hook: handleFocus(event)
    Hook->>Hook: Check shouldForceTagDropdown
    Hook-->>Input: setShowTags(true)
    Input->>TagDropdown: Show dropdown at cursor
    
    User->>SubBlock: Click "Generate" button (wand)
    SubBlock->>Input: wandControlRef.onWandTrigger(prompt)
    Input->>Wand: generateStream({ prompt })
    Wand->>Wand: onStreamStart()
    Wand-->>Input: Clear buffer, set initial state
    
    loop Streaming chunks
        Wand->>Wand: onStreamChunk(chunk)
        Wand->>Input: Update with chunk
        Input->>Input: extractStreamingMessages(buffer)
        Input->>Input: Parse and update local state
        Input-->>User: Display streaming content
    end
    
    Wand->>Wand: onGeneratedContent(content)
    Wand->>Input: Final parsed content
    Input->>Store: setMessages(validMessages)
    Store-->>User: Persist to workflow
    
    User->>Input: Select from TagDropdown
    TagDropdown->>Input: onSelect(newValue)
    Input->>Store: Update value
    Store-->>SubBlock: Trigger re-render