From 113358c5b8289a94952a339a6fa0e4ce4123e492 Mon Sep 17 00:00:00 2001
From: Pierre GIRAUD <pierre.giraud@dalibo.com>
Date: Tue, 3 Jun 2025 12:28:29 +0200
Subject: [PATCH 1/3] Remove useless CSS class for title input

---
 app/templates/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/templates/index.html b/app/templates/index.html
index 3c5e994..fc4cb95 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -27,7 +27,7 @@ <h2>
       <form method="POST" action="{{ url_for('new_json') }}" @submit="checkForm" id="submitForm">
         <div class="mb-3">
           <label for="titleInput" class="form-label">Title</span></label>
-          <input name="title" class="form-control col-sm-4" id="titleInput" v-model="titleInput" maxlength="100"/>
+          <input name="title" class="form-control" id="titleInput" v-model="titleInput" maxlength="100"/>
         </div>
         <div class="mb-3">
           <label for="planInput" class="form-label">Plan <span class="small text-muted">(text or JSON)</span></label>

From 833632ac0bfee87cc7e316ac466376f25b4d7aa2 Mon Sep 17 00:00:00 2001
From: Pierre GIRAUD <pierre.giraud@dalibo.com>
Date: Tue, 3 Jun 2025 15:38:27 +0200
Subject: [PATCH 2/3] Mark the title field as optional in form

---
 app/templates/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/templates/index.html b/app/templates/index.html
index fc4cb95..befbbb7 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -26,7 +26,7 @@ <h2>
     <div class="col-sm-7">
       <form method="POST" action="{{ url_for('new_json') }}" @submit="checkForm" id="submitForm">
         <div class="mb-3">
-          <label for="titleInput" class="form-label">Title</span></label>
+          <label for="titleInput" class="form-label">Title <span class="small text-muted">(optional)</span></span></label>
           <input name="title" class="form-control" id="titleInput" v-model="titleInput" maxlength="100"/>
         </div>
         <div class="mb-3">

From d98768b86a9f74901e632e3f66d2639175276663 Mon Sep 17 00:00:00 2001
From: Pierre GIRAUD <pierre.giraud@dalibo.com>
Date: Tue, 3 Jun 2025 15:38:41 +0200
Subject: [PATCH 3/3] Mark the plan field as required in form

Browser will fortunately validate this and we won't have invalid
(undefined) plans sent.
---
 app/templates/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/templates/index.html b/app/templates/index.html
index befbbb7..b5f118e 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -31,7 +31,7 @@ <h2>
         </div>
         <div class="mb-3">
           <label for="planInput" class="form-label">Plan <span class="small text-muted">(text or JSON)</span></label>
-          <textarea name="plan" class="form-control" :class="[draggingPlan ? 'dropzone-over' : '']" id="planInput" rows="8" v-model="planInput" @dragenter="draggingPlan = true" @dragleave="draggingPlan = false" @drop.prevent="handleDrop" placeholder="Paste execution plan or drop a file"></textarea>
+          <textarea name="plan" class="form-control" :class="[draggingPlan ? 'dropzone-over' : '']" id="planInput" rows="8" v-model="planInput" @dragenter="draggingPlan = true" @dragleave="draggingPlan = false" @drop.prevent="handleDrop" placeholder="Paste execution plan or drop a file" required></textarea>
         </div>
         <div class="mb-3">
           <label for="queryInput" class="form-label">Query <span class="small text-muted">(optional)</span></label>