diff --git a/client/src/components/DynamicJsonForm.tsx b/client/src/components/DynamicJsonForm.tsx index 1cfe46c39..2f38da29e 100644 --- a/client/src/components/DynamicJsonForm.tsx +++ b/client/src/components/DynamicJsonForm.tsx @@ -757,6 +757,7 @@ const DynamicJsonForm = forwardRef( debouncedUpdateParent(newValue); }} error={jsonError} + placeholder={schema.description} /> ) : // If schema type is object but value is not an object or is empty, and we have actual JSON data, // render a simple representation of the JSON data diff --git a/client/src/components/JsonEditor.tsx b/client/src/components/JsonEditor.tsx index 215d66b73..72b1a32c5 100644 --- a/client/src/components/JsonEditor.tsx +++ b/client/src/components/JsonEditor.tsx @@ -8,12 +8,14 @@ interface JsonEditorProps { value: string; onChange: (value: string) => void; error?: string; + placeholder?: string; } const JsonEditor = ({ value, onChange, error: externalError, + placeholder, }: JsonEditorProps) => { const [editorContent, setEditorContent] = useState(value || ""); const [internalError, setInternalError] = useState( @@ -48,6 +50,7 @@ const JsonEditor = ({ Prism.highlight(code, Prism.languages.json, "json") } padding={10} + placeholder={placeholder} style={{ fontFamily: '"Fira code", "Fira Mono", monospace', fontSize: 14,