Function renderInput

frontend/src/components/workflow/RunWorkflowDialog.tsx:154–337

(input: RuntimeInputDefinition)

  };

  const renderInput = (input: RuntimeInputDefinition) => {
    const hasError = !!errors[input.id];
    const isUploading = uploading[input.id];
    const inputType = normalizeRuntimeInputType(input.type);

    switch (inputType) {
      case 'file':
        return (
          <div className="space-y-2">
            <Label htmlFor={input.id}>
              {input.label}
              {input.required && <span className="text-red-500 ml-1">*</span>}
            </Label>
            <div className="flex gap-2 items-center">
              <Input
                id={input.id}
                type="file"
                onChange={(e) => {
                  const file = e.target.files?.[0];
                  if (file) {
                    handleFileUpload(input.id, file);
                  }
                }}
                disabled={isUploading}
                className={hasError ? 'border-red-500' : ''}
              />
              {isUploading && <Loader2 className="h-4 w-4 animate-spin" />}
            </div>
            {inputs[input.id] != null && (
              <p className="text-xs text-green-600">
                ✓ File uploaded:{' '}
                {
                  (typeof inputs[input.id] === 'string'
                    ? inputs[input.id]
                    : String(inputs[input.id])) as React.ReactNode
                }
              </p>
            )}
            {input.description && (
              <p className="text-xs text-muted-foreground">{input.description}</p>
            )}
            {hasError && <p className="text-xs text-red-500">{errors[input.id]}</p>}
          </div>
        );

      case 'json':
        return (
          <div className="space-y-2">
            <Label htmlFor={input.id}>
              {input.label}
              {input.required && <span className="text-red-500 ml-1">*</span>}
            </Label>
            <Textarea
              id={input.id}
              placeholder='{"key": "value"}'
              onChange={(e) => handleInputChange(input.id, e.target.value, inputType)}
              className={hasError ? 'border-red-500' : ''}
              rows={4}