) => {
+ if (e.target.files && e.target.files.length > 0) {
+ onFileSelect(e.target.files);
+ }
+ };
+
+ const handleDrop = (e: React.DragEvent) => {
+ e.preventDefault();
+ if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+ onFileSelect(e.dataTransfer.files);
+ }
+ };
+
+ const handleDragOver = (e: React.DragEvent) => {
+ e.preventDefault();
+ };
+
+ return (
+
+
+
+ Drag and drop files here or click to upload files to provide documentation or verification for licensing credentials.
+
+
+ {acceptedTypes.split(',').join(', ')} and more are accepted
+
+
+
+
+
+ {fileName}
+
+
+
+
+ onChange(e.target.value)}
+ placeholder={placeholder}
+ disabled={disabled}
+ className="w-full px-4 py-3 border border-[#00293D]/20 rounded-[10px] text-[14px] font-serif text-[#00293D] placeholder:text-[#00293D]/40 focus:outline-none focus:border-[#E58625] disabled:bg-gray-50 disabled:text-[#00293D]/50"
+ />
+
+ );
+}
diff --git a/src/app/(agent)/agent/edit/components/FormSection.tsx b/src/app/(agent)/agent/edit/components/FormSection.tsx
new file mode 100644
index 0000000..28986e3
--- /dev/null
+++ b/src/app/(agent)/agent/edit/components/FormSection.tsx
@@ -0,0 +1,34 @@
+'use client';
+
+import Image from 'next/image';
+
+interface FormSectionProps {
+ id: string;
+ icon: string;
+ title: string;
+ children: React.ReactNode;
+ onEdit?: () => void;
+ showEdit?: boolean;
+}
+
+export function FormSection({ id, icon, title, children, onEdit, showEdit }: FormSectionProps) {
+ return (
+
+
+
+
+
{title}
+
+ {showEdit && onEdit && (
+
+ )}
+
+ {children}
+
+
+
+
+ );
+}
diff --git a/src/app/(agent)/agent/edit/components/FormTextarea.tsx b/src/app/(agent)/agent/edit/components/FormTextarea.tsx
new file mode 100644
index 0000000..e335713
--- /dev/null
+++ b/src/app/(agent)/agent/edit/components/FormTextarea.tsx
@@ -0,0 +1,35 @@
+'use client';
+
+interface FormTextareaProps {
+ label?: string;
+ value: string;
+ onChange: (value: string) => void;
+ placeholder?: string;
+ rows?: number;
+ maxLength?: number;
+}
+
+export function FormTextarea({ label, value, onChange, placeholder, rows = 4, maxLength }: FormTextareaProps) {
+ return (
+
+ {label && (
+
+ )}
+