From 51264f0cabbf39c310a4efc50a5e310b18576db6 Mon Sep 17 00:00:00 2001
From: Vyacheslav Matyukhin <me@berekuk.ru>
Date: Thu, 21 Nov 2024 17:00:34 -0300
Subject: [PATCH] tooltip and placeholder for api key field

---
 packages/hub/src/app/ai/Sidebar.tsx        |  1 +
 packages/ui/src/forms/common/FormField.tsx | 12 ++++++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/hub/src/app/ai/Sidebar.tsx b/packages/hub/src/app/ai/Sidebar.tsx
index 5a834676f0..c3793dd8b5 100644
--- a/packages/hub/src/app/ai/Sidebar.tsx
+++ b/packages/hub/src/app/ai/Sidebar.tsx
@@ -209,6 +209,7 @@ Outputs:
             name="anthropicApiKey"
             label="Anthropic API Key"
             tooltip="Anthropic API key for using Claude."
+            placeholder="Optional"
             size="small"
             layout="row"
           />
diff --git a/packages/ui/src/forms/common/FormField.tsx b/packages/ui/src/forms/common/FormField.tsx
index 57593ed515..4c855774da 100644
--- a/packages/ui/src/forms/common/FormField.tsx
+++ b/packages/ui/src/forms/common/FormField.tsx
@@ -22,20 +22,24 @@ export function FormField<
   TValues extends FieldValues,
   TName extends FieldPath<TValues> = FieldPath<TValues>,
 >({
-  name,
-  rules,
+  // FieldLayout props
   label,
   description,
-  layout,
   standaloneLabel,
+  layout,
+  tooltip,
+  // FormField props
+  name,
+  rules,
   children,
 }: FormFieldProps<TValues, TName>) {
   return (
     <FieldLayout
       label={label}
       description={description}
-      layout={layout}
       standaloneLabel={standaloneLabel}
+      layout={layout}
+      tooltip={tooltip}
     >
       <FormInput name={name} rules={rules}>
         {children}