fixed add feedback dialog UI

Author: sfierro

app/web_ui/src/lib/utils/form_element.svelte

@@ -44,6 +44,7 @@
   export let empty_state_link: string | null = null
   export let inline_action: InlineAction | null = null
   export let aria_label: string | null = null
+  export let hide_label: boolean = false
 
   function is_empty(value: unknown): boolean {
     if (value === null || value === undefined) {
@@ -157,7 +158,7 @@
         {disabled}
       />
     {/if}
-    {#if label || inline_action || info_description || error_message || description}
+    {#if !hide_label && (label || inline_action || info_description || error_message || description)}
       <label
         for={id}
         class="text-sm font-medium text-left flex flex-col gap-1 w-full"

app/web_ui/src/routes/(app)/run/run.svelte

@@ -725,19 +725,20 @@
 <Dialog
   bind:this={add_feedback_dialog}
   title="Add Feedback"
+  sub_subtitle="Comment on the model's output."
   on:close={() => (add_feedback_open = false)}
 >
   {#if add_feedback_open}
     <FormContainer
-      submit_label="Add"
+      submit_label="Save Feedback"
       on:submit={submit_feedback}
       bind:submitting={add_feedback_submitting}
       bind:error={add_feedback_error}
     >
       <FormElement
         id="new_feedback_input"
+        hide_label={true}
         label="Feedback"
-        info_description="Feedback you have on the output."
         inputType="textarea"
         bind:value={new_feedback_text}
       />