Function ValueEditor

renderer/components/ParameterKvTable.tsx:135–214

({
  type,
  value,
  disabled,
  onChange,
  onCommit,
  onKeyDown,
  inputId,
  inputDataField,
})

}

const ValueEditor: React.FC<ValueEditorProps> = ({
  type,
  value,
  disabled,
  onChange,
  onCommit,
  onKeyDown,
  inputId,
  inputDataField,
}) => {
  const { t } = useTranslation('parameters');
  const raw =
    typeof value === 'string' ? value : formatValueForInput(value, type);

  if (type === 'boolean') {
    const checked =
      typeof value === 'boolean'
        ? value
        : parseDraftValue(String(value), 'boolean') === true;

    return (
      <div className="space-y-1" data-draft-field={inputDataField}>
        <Switch
          checked={checked}
          disabled={disabled}
          onCheckedChange={(next) => onChange(String(next))}
        />
        <p className="text-xs text-muted-foreground">
          {t('table.booleanHint')}
        </p>
      </div>
    );
  }

  if (type === 'array') {
    const jsonError = validateArrayJson(raw);
    const jsonErrorMessage = formatArrayError(jsonError, t);

    return (
      <div className="space-y-1">
        <Textarea
          id={inputId}
          data-draft-field={inputDataField}
          value={raw}
          disabled={disabled}
          placeholder={t('table.arrayPlaceholder')}
          className={cn(
            'min-h-[72px] font-mono text-xs',
            jsonErrorMessage && 'border-destructive',
          )}
          onChange={(event) => onChange(event.target.value)}
          onBlur={onCommit}
          onKeyDown={onKeyDown}
        />
        <p className="text-xs text-muted-foreground">{t('table.arrayHint')}</p>
        {jsonErrorMessage ? (
          <p className="text-xs text-destructive">{jsonErrorMessage}</p>
        ) : null}