ai-agent/web/app/dashboard/ai-workflows/_components/variable-selector.tsx

"use client"

import { OptionCombobox } from "@/components/option-combobox"

import {
  buildVariableOption,
  createRefValue,
  refField,
  refNodeId,
  type WorkflowVariableRef,
  type WorkflowVariableSelector,
} from "./workflow-utils"

export function VariableSelector({
  value,
  variables,
  onChange,
  placeholder = "选择变量",
  triggerClassName,
}: {
  value?: WorkflowVariableSelector
  variables: WorkflowVariableRef[]
  onChange: (value: WorkflowVariableSelector) => void
  placeholder?: string
  triggerClassName?: string
}) {
  const selected = value ? `${refNodeId(value)}.${refField(value)}` : ""
  const options = variables.map(buildVariableOption)

  return (
    <OptionCombobox
      value={selected}
      options={options}
      placeholder={placeholder}
      triggerClassName={triggerClassName}
      onChange={(next) => {
        const variable = variables.find((item) => `${item.nodeId}.${item.field}` === next)
        if (variable) {
          onChange(createRefValue(variable.nodeId, variable.field))
        }
      }}
    />
  )
}