Increase size limit for file input and show upload errors

lib/livebook_web/live/output/file_input_component.ex

@@ -21,6 +21,7 @@ defmodule LivebookWeb.Output.FileInputComponent do
           # allow_upload and override the accept attribute ourselves
           accept: :any,
           max_entries: 1,
+          max_file_size: 100_000_000_000,
           progress: &handle_progress/3,
           auto_upload: true
         )
@@ -56,6 +57,9 @@ defmodule LivebookWeb.Output.FileInputComponent do
         </div>
         <.live_file_input upload={@uploads.file} class="hidden" accept={@accept} />
       </label>
+      <p :for={msg <- upload_error_messages(@uploads.file)} class="mt-0.5 text-red-600 text-sm">
+        <%= msg %>
+      </p>
     </form>
     """
   end

lib/livebook_web/live/session_live/add_file_entry_upload_component.ex

@@ -34,7 +34,7 @@ defmodule LivebookWeb.SessionLive.AddFileEntryUploadComponent do
   def render(assigns) do
     ~H"""
     <div>
-      <div class="mb-6 flex flex-col gap-2">
+      <div :if={upload_error_messages(@uploads.file) != []} class="mb-6 flex flex-col gap-2">
         <div :for={message <- upload_error_messages(@uploads.file)} class="error-box">
           <%= message %>
         </div>

lib/livebook_web/live/session_live/insert_image_component.ex

@@ -37,7 +37,7 @@ defmodule LivebookWeb.SessionLive.InsertImageComponent do
       <h3 class="text-2xl font-semibold text-gray-800">
         Insert image
       </h3>
-      <div class="flex flex-col gap-2">
+      <div :if={upload_error_messages(@uploads.image) != []} class="flex flex-col gap-2">
         <div :for={message <- upload_error_messages(@uploads.image)} class="error-box">
           <%= message %>
         </div>