feat(frontend): simplify entity modal fields and add explicit labels

frontend/src/api/entitiesApi.ts

@@ -5,8 +5,8 @@ export interface VirtualEntityResponse {
   name: string
   email: string
   jobTitle: string
-  personality: string
+  personality: string | null
-  scheduleCron: string
+  scheduleCron: string | null
   contextWindowDays: number
   active: boolean
   createdAt: string
@@ -16,8 +16,8 @@ export interface VirtualEntityCreateDto {
   name: string
   email: string
   jobTitle: string
-  personality: string
+  personality?: string
-  scheduleCron: string
+  scheduleCron?: string
   contextWindowDays: number
 }
 

frontend/src/pages/EntitiesPage.tsx

@@ -18,7 +18,6 @@ export default function EntitiesPage() {
     email: '',
     jobTitle: '',
     personality: '',
-    scheduleCron: '',
     contextWindowDays: 3,
   })
 
@@ -27,7 +26,7 @@ export default function EntitiesPage() {
     onSuccess: (createdEntity) => {
       queryClient.invalidateQueries({ queryKey: ['entities'] })
       setDialogOpen(false)
-      setForm({ name: '', email: '', jobTitle: '', personality: '', scheduleCron: '', contextWindowDays: 3 })
+      setForm({ name: '', email: '', jobTitle: '', personality: '', contextWindowDays: 3 })
       navigate(`/entities/${createdEntity.id}`)
     },
   })
@@ -93,50 +92,68 @@ export default function EntitiesPage() {
               }}
               className="space-y-3"
             >
+              <div>
+                <label htmlFor="entity-name" className="mb-1 block text-sm font-medium text-slate-200">
+                  Entity Name
+                </label>
                 <input
-                placeholder="Name"
+                  id="entity-name"
                   value={form.name}
                   onChange={(e) => setForm({ ...form, name: e.target.value })}
                   className="block w-full rounded border border-slate-700 bg-slate-900 px-3 py-2 text-sm text-slate-100"
                   required
                 />
+              </div>
+              <div>
+                <label htmlFor="entity-email" className="mb-1 block text-sm font-medium text-slate-200">
+                  Sender Email
+                </label>
                 <input
-                placeholder="Email"
+                  id="entity-email"
                   type="email"
                   value={form.email}
                   onChange={(e) => setForm({ ...form, email: e.target.value })}
                   className="block w-full rounded border border-slate-700 bg-slate-900 px-3 py-2 text-sm text-slate-100"
                   required
                 />
+              </div>
+              <div>
+                <label htmlFor="entity-job-title" className="mb-1 block text-sm font-medium text-slate-200">
+                  Job Title
+                </label>
                 <input
-                placeholder="Job Title"
+                  id="entity-job-title"
                   value={form.jobTitle}
                   onChange={(e) => setForm({ ...form, jobTitle: e.target.value })}
                   className="block w-full rounded border border-slate-700 bg-slate-900 px-3 py-2 text-sm text-slate-100"
                   required
                 />
+              </div>
+              <div>
+                <label htmlFor="entity-personality" className="mb-1 block text-sm font-medium text-slate-200">
+                  Personality Notes
+                </label>
                 <textarea
-                placeholder="Personality"
+                  id="entity-personality"
                   value={form.personality}
                   onChange={(e) => setForm({ ...form, personality: e.target.value })}
                   className="block w-full rounded border border-slate-700 bg-slate-900 px-3 py-2 text-sm text-slate-100"
                 />
+              </div>
+              <div>
+                <label htmlFor="entity-context-window" className="mb-1 block text-sm font-medium text-slate-200">
+                  Default Email Context Window (days)
+                </label>
                 <input
-                placeholder="Schedule Cron (e.g. 0 9 * * 1)"
+                  id="entity-context-window"
-                value={form.scheduleCron}
-                onChange={(e) => setForm({ ...form, scheduleCron: e.target.value })}
-                className="block w-full rounded border border-slate-700 bg-slate-900 px-3 py-2 text-sm text-slate-100"
-                required
-              />
-              <input
                   type="number"
-                placeholder="Context Window Days"
                   value={form.contextWindowDays}
                   onChange={(e) => setForm({ ...form, contextWindowDays: Number(e.target.value) })}
                   className="block w-full rounded border border-slate-700 bg-slate-900 px-3 py-2 text-sm text-slate-100"
                   min={1}
                   required
                 />
+              </div>
               <div className="flex justify-end gap-2 pt-2">
                 <button
                   type="button"