move uploads to the bottom

Author: SamSaffron

assets/javascripts/discourse/templates/discourse-ai-bot-conversations.gjs

@@ -28,37 +28,6 @@ export default RouteTemplate(
           }}
         />
 
-        {{#if @controller.showUploadsContainer}}
-          <div class="ai-bot-conversations__uploads-container">
-            {{#each @controller.uploads as |upload|}}
-              <div class="ai-bot-upload">
-                <span class="ai-bot-upload__filename">
-                  {{upload.original_filename}}
-                </span>
-                <DButton
-                  @icon="xmark"
-                  @action={{fn @controller.removeUpload upload}}
-                  class="btn-transparent ai-bot-upload__remove"
-                />
-              </div>
-            {{/each}}
-
-            {{#each @controller.inProgressUploads as |upload|}}
-              <div class="ai-bot-upload ai-bot-upload--in-progress">
-                <span class="ai-bot-upload__filename">{{upload.fileName}}</span>
-                <span class="ai-bot-upload__progress">
-                  {{upload.progress}}%
-                </span>
-                <DButton
-                  @icon="xmark"
-                  @action={{fn @controller.cancelUpload upload}}
-                  class="btn-flat ai-bot-upload__remove"
-                />
-              </div>
-            {{/each}}
-          </div>
-        {{/if}}
-
         <div class="ai-bot-conversations__input-wrapper">
           <DButton
             @icon="upload"
@@ -94,6 +63,37 @@ export default RouteTemplate(
           {{didInsert @controller.registerFileInput}}
         />
 
+        {{#if @controller.showUploadsContainer}}
+          <div class="ai-bot-conversations__uploads-container">
+            {{#each @controller.uploads as |upload|}}
+              <div class="ai-bot-upload">
+                <span class="ai-bot-upload__filename">
+                  {{upload.original_filename}}
+                </span>
+                <DButton
+                  @icon="xmark"
+                  @action={{fn @controller.removeUpload upload}}
+                  class="btn-transparent ai-bot-upload__remove"
+                />
+              </div>
+            {{/each}}
+
+            {{#each @controller.inProgressUploads as |upload|}}
+              <div class="ai-bot-upload ai-bot-upload--in-progress">
+                <span class="ai-bot-upload__filename">{{upload.fileName}}</span>
+                <span class="ai-bot-upload__progress">
+                  {{upload.progress}}%
+                </span>
+                <DButton
+                  @icon="xmark"
+                  @action={{fn @controller.cancelUpload upload}}
+                  class="btn-flat ai-bot-upload__remove"
+                />
+              </div>
+            {{/each}}
+          </div>
+        {{/if}}
+
         <p class="ai-disclaimer">
           {{i18n "discourse_ai.ai_bot.conversations.disclaimer"}}
         </p>

assets/stylesheets/modules/ai-bot-conversations/common.scss

@@ -304,10 +304,9 @@ body.has-ai-conversations-sidebar {
     }
 
     .ai-bot-conversations__uploads-container {
-      width: 100%;
+      width: 80%;
       max-width: var(--input-max-width);
       display: flex;
-      justify-content: center;
       flex-wrap: wrap;
       gap: 0.5em;
     }