From bf8ea6103e16613c594396082382c02308f5b73a Mon Sep 17 00:00:00 2001
From: Robin Olsen <robinolsen98@outlook.com>
Date: Fri, 3 Apr 2026 13:41:10 +0200
Subject: [PATCH] Refactor task handling and improve status checking in issue
 management web

---
 pkg/web/components/status.templ      |  2 +-
 pkg/web/components/status_templ.go   |  2 +-
 pkg/web/handler/task.go              | 25 +++++++++++++++++--------
 pkg/web/routes/dashboard.templ       |  4 ++--
 pkg/web/routes/dashboard_templ.go    |  2 +-
 pkg/web/routes/issue_detail.templ    |  6 +++++-
 pkg/web/routes/issue_detail_templ.go | 14 +++++++++-----
 pkg/web/server/routes.go             |  1 +
 8 files changed, 37 insertions(+), 19 deletions(-)

diff --git a/pkg/web/components/status.templ b/pkg/web/components/status.templ
index dda0c6b..e35de91 100644
--- a/pkg/web/components/status.templ
+++ b/pkg/web/components/status.templ
@@ -1,7 +1,7 @@
 package components
 
 templ Status(msg string) {
-	<div id="status" hx-get="/status" hx-trigger="load, click, task-status-check from:body" hx-target="#status" hx-swap="outerHTML">
+	<div id="status" hx-get="/status" hx-trigger="load, click, check-status from:body" hx-target="#status" hx-swap="outerHTML">
 		<button type="button" class="btn btn-outline btn-sm" hx-get="/status/modal" hx-target="#modal-container" hx-swap="innerHTML">{ msg }</button>
 	</div>
 }
diff --git a/pkg/web/components/status_templ.go b/pkg/web/components/status_templ.go
index 53538d6..2f08fa3 100644
--- a/pkg/web/components/status_templ.go
+++ b/pkg/web/components/status_templ.go
@@ -29,7 +29,7 @@ func Status(msg string) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<div id=\"status\" hx-get=\"/status\" hx-trigger=\"load, click, task-status-check from:body\" hx-target=\"#status\" hx-swap=\"outerHTML\"><button type=\"button\" class=\"btn btn-outline btn-sm\" hx-get=\"/status/modal\" hx-target=\"#modal-container\" hx-swap=\"innerHTML\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<div id=\"status\" hx-get=\"/status\" hx-trigger=\"load, click, check-status from:body\" hx-target=\"#status\" hx-swap=\"outerHTML\"><button type=\"button\" class=\"btn btn-outline btn-sm\" hx-get=\"/status/modal\" hx-target=\"#modal-container\" hx-swap=\"innerHTML\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/pkg/web/handler/task.go b/pkg/web/handler/task.go
index 8083474..46b08cb 100644
--- a/pkg/web/handler/task.go
+++ b/pkg/web/handler/task.go
@@ -24,23 +24,32 @@ func SetSubmitChan(ch chan<- models.ValidationTrigger) {
 	submitChan = ch
 }
 
-func HandleTaskStatus(w http.ResponseWriter, r *http.Request) {
-	if submitChan != nil {
-		select {
-		case submitChan <- models.ValidationTrigger{Source: models.ValidationTriggerAutoPoll}:
-		default:
+func SubmissionMiddleware(next http.Handler) http.Handler {
+	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		next.ServeHTTP(w, r)
+		if submitChan != nil {
+			select {
+			case submitChan <- models.ValidationTrigger{Source: models.ValidationTriggerAutoPoll}:
+			default:
+			}
 		}
-	}
+	})
+}
+
+func HandleTaskStatus(w http.ResponseWriter, r *http.Request) {
 	time.Sleep(100 * time.Millisecond)
 
 	hx := HTMX(r)
 	if hx.IsHxRequest() {
 		if taskFeedback.Success {
 			w.Header().Set("HX-Trigger", "task-status-success")
-			w.WriteHeader(http.StatusNoContent)
+			hx.WriteString(`
+		<div id="status" hx-get="/status" hx-trigger="click, check-status from:body" hx-target="#status" hx-swap="outerHTML">
+				<button class="btn btn-success btn-sm" hx-get="/status/modal" hx-target="#modal-container" hx-swap="innerHTML" hx-trigger="intersect once">` + taskFeedback.Message + `</button>
+		</div>`)
 		} else {
 			hx.WriteString(`
-		<div id="status" type="button" hx-get="/status" hx-target="#status" hx-swap="outerHTML">
+		<div id="status" hx-get="/status" hx-trigger="click, check-status from:body" hx-target="#status" hx-swap="outerHTML">
 				<button class="btn btn-error btn-sm" hx-get="/status/modal" hx-target="#modal-container" hx-swap="innerHTML">` + taskFeedback.Message + `</button>
 		</div>`)
 		}
diff --git a/pkg/web/routes/dashboard.templ b/pkg/web/routes/dashboard.templ
index fcf986b..516076c 100644
--- a/pkg/web/routes/dashboard.templ
+++ b/pkg/web/routes/dashboard.templ
@@ -138,7 +138,7 @@ templ DashboardContent(props DashboardProps) {
 					</div>
 				</template>
 				<template x-for="issue in issues" :key="issue.id">
-					<div x-show="issue.id === selectedId" class="issue-detail max-w-3xl mx-auto" x-data="{ editing: null, saving: false, newComment: '', async saveField(field, value) { const formData = new URLSearchParams(); formData.append(field, value || ''); await fetch('/issues/' + issue.id, { method: 'PATCH', body: formData, headers: { 'HX-Request': 'true' } }); this.editing = null; }, async addComment() { if (!this.newComment.trim()) return; const author = issue.created_by || 'Anonymous'; const response = await fetch('/issues/' + issue.id + '/comments', { method: 'POST', body: new URLSearchParams({text: this.newComment, author: author}) }); const newComment = await response.json(); if (!issue.comments) issue.comments = []; issue.comments.push(newComment); this.newComment = ''; } }">
+					<div x-show="issue.id === selectedId" class="issue-detail max-w-3xl mx-auto" x-data="{ editing: null, saving: false, newComment: '', async saveField(field, value) { const formData = new URLSearchParams(); formData.append(field, value || ''); await fetch('/issues/' + issue.id, { method: 'PATCH', body: formData, headers: { 'HX-Request': 'true' } }); this.editing = null; setTimeout(() => { document.body.dispatchEvent(new CustomEvent('check-status')); }, 1000); }, async addComment() { if (!this.newComment.trim()) return; const author = issue.created_by || 'Anonymous'; const response = await fetch('/issues/' + issue.id + '/comments', { method: 'POST', body: new URLSearchParams({text: this.newComment, author: author}) }); const newComment = await response.json(); if (!issue.comments) issue.comments = []; issue.comments.push(newComment); this.newComment = ''; } }">
 						<div class="card bg-base-100 shadow-md">
 							<div class="card-body p-2">
 								<div class="m-2">
@@ -179,7 +179,7 @@ templ DashboardContent(props DashboardProps) {
 												name="status"
 												x-model="issue.status"
 												class="select select-sm select-bordered"
-												@change="fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({status: issue.status}) }).then(() => editing = null)"
+												@change="fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({status: issue.status}), headers: { 'HX-Request': 'true' } }).then(() => { editing = null; setTimeout(() => { document.body.dispatchEvent(new CustomEvent('check-status')); }, 1000); })"
 												x-init="$nextTick(() => $el.focus())"
 											>
 												<option value="open">Open</option>
diff --git a/pkg/web/routes/dashboard_templ.go b/pkg/web/routes/dashboard_templ.go
index 2c7a7ef..07e69a4 100644
--- a/pkg/web/routes/dashboard_templ.go
+++ b/pkg/web/routes/dashboard_templ.go
@@ -117,7 +117,7 @@ func DashboardContent(props DashboardProps) templ.Component {
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "</div></div><div class=\"w-1 bg-base-300 hover:bg-primary cursor-col-resize transition-colors relative z-10\" :class=\"{ 'bg-primary': isResizing }\" @mousedown=\"startResize($event)\" @touchstart=\"startResize($event)\" title=\"Drag to resize\"><div class=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-4 h-8 bg-base-300 rounded-full flex items-center justify-center\"><div class=\"w-0.5 h-4 bg-base-content/30 rounded-full\"></div></div></div><div class=\"flex-1 p-4 overflow-auto bg-base-50\"><template x-if=\"issues.length === 0\"><div class=\"max-w-2xl mx-auto mt-12\"><div class=\"card bg-base-100 shadow-sm border border-base-200\"><div class=\"card-body items-center text-center\"><h3 class=\"text-xl font-semibold\">No issues yet</h3><p class=\"text-base-content/70\">Create your first issue to get started.</p><button class=\"btn btn-primary btn-sm mt-2\" hx-get=\"/issues/create\" hx-target=\"#modal-container\" hx-swap=\"innerHTML\">New Issue</button></div></div></div></template><template x-if=\"issues.length > 0 && !selectedId\"><div class=\"max-w-2xl mx-auto mt-12\"><div class=\"alert alert-info\">Select an issue from the list to view details.</div></div></template><template x-for=\"issue in issues\" :key=\"issue.id\"><div x-show=\"issue.id === selectedId\" class=\"issue-detail max-w-3xl mx-auto\" x-data=\"{ editing: null, saving: false, newComment: '', async saveField(field, value) { const formData = new URLSearchParams(); formData.append(field, value || ''); await fetch('/issues/' + issue.id, { method: 'PATCH', body: formData, headers: { 'HX-Request': 'true' } }); this.editing = null; }, async addComment() { if (!this.newComment.trim()) return; const author = issue.created_by || 'Anonymous'; const response = await fetch('/issues/' + issue.id + '/comments', { method: 'POST', body: new URLSearchParams({text: this.newComment, author: author}) }); const newComment = await response.json(); if (!issue.comments) issue.comments = []; issue.comments.push(newComment); this.newComment = ''; } }\"><div class=\"card bg-base-100 shadow-md\"><div class=\"card-body p-2\"><div class=\"m-2\"><template x-if=\"editing !== 'title'\"><h2 class=\"text-2xl font-bold cursor-pointer hover:text-primary\" x-text=\"issue.title\" @click=\"editing = 'title'\"></h2></template><template x-if=\"editing === 'title'\"><div class=\"flex gap-2\"><input type=\"text\" name=\"title\" x-model=\"issue.title\" class=\"input input-bordered flex-1\" @keydown.enter=\"fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({title: issue.title}) }).then(() => editing = null)\" @keydown.escape=\"editing = null\" x-init=\"$el.focus()\"> <button class=\"btn btn-sm btn-primary\" @click=\"fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({title: issue.title}) }).then(() => editing = null)\">Save</button> <button class=\"btn btn-sm\" @click.stop=\"editing = null\">Cancel</button></div></template></div><div class=\"flex gap-2 flex-wrap items-center\"><template x-if=\"editing !== 'status'\"><span class=\"badge badge-info badge-sm cursor-pointer hover:badge-primary whitespace-nowrap shrink-0\" x-text=\"issue.status.replace(/_/g, ' ').replace(/\\\\b\\\\w/g, l => l.toUpperCase())\" @click=\"editing = 'status'\"></span></template><template x-if=\"editing === 'status'\"><div class=\"flex items-center gap-2\"><select name=\"status\" x-model=\"issue.status\" class=\"select select-sm select-bordered\" @change=\"fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({status: issue.status}) }).then(() => editing = null)\" x-init=\"$nextTick(() => $el.focus())\"><option value=\"open\">Open</option> <option value=\"in_progress\">In Progress</option> <option value=\"blocked\">Blocked</option> <option value=\"closed\">Closed</option></select> <button class=\"btn btn-xs\" @click.stop=\"editing = null\">Cancel</button></div></template><template x-if=\"editing !== 'type'\"><span class=\"badge badge-outline badge-sm cursor-pointer hover:badge-primary whitespace-nowrap\" x-text=\"issue.issue_type\" @click=\"editing = 'type'\"></span></template><template x-if=\"editing === 'type'\"><div class=\"flex items-center gap-2\"><select name=\"issue_type\" x-model=\"issue.issue_type\" class=\"select select-sm select-bordered\" @change=\"fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({issue_type: issue.issue_type}) }).then(() => editing = null)\" x-init=\"$nextTick(() => $el.focus())\"><option value=\"task\">Task</option> <option value=\"bug\">Bug</option> <option value=\"feature\">Feature</option> <option value=\"chore\">Chore</option></select> <button class=\"btn btn-xs\" @click=\"editing = null\">Cancel</button></div></template><template x-if=\"editing !== 'priority'\"><span class=\"badge badge-ghost badge-sm cursor-pointer hover:badge-primary whitespace-nowrap\" x-text=\"'P' + issue.priority\" @click=\"editing = 'priority'\"></span></template><template x-if=\"editing === 'priority'\"><div class=\"flex items-center gap-2\"><select name=\"priority\" x-model=\"issue.priority\" class=\"select select-sm select-bordered\" @change=\"fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({priority: issue.priority}) }).then(() => editing = null)\" x-init=\"$nextTick(() => $el.focus())\"><option value=\"0\">Irrelevant (P0)</option> <option value=\"1\">Low (P1)</option> <option value=\"2\">Normal (P2)</option> <option value=\"3\">High (P3)</option> <option value=\"4\">Critical (P4)</option></select> <button class=\"btn btn-xs\" @click.stop=\"editing = null\">Cancel</button></div></template></div><div class=\"mt-4\"><h3 class=\"text-sm font-semibold opacity-70 mb-1\">Description</h3><template x-if=\"editing !== 'description'\"><p class=\"whitespace-pre-wrap text-sm cursor-pointer hover:text-primary min-h-[20px]\" x-text=\"issue.description || 'Click to add description...'\" @click=\"editing = 'description'\"></p></template><template x-if=\"editing === 'description'\"><div class=\"flex flex-col gap-2\"><textarea name=\"description\" x-model=\"issue.description\" class=\"textarea textarea-bordered\" rows=\"4\" @keydown.escape=\"editing = null\" x-init=\"$el.focus()\"></textarea><div class=\"flex gap-2\"><button class=\"btn btn-sm btn-primary\" @click=\"saveField('description', issue.description)\">Save</button> <button class=\"btn btn-sm\" @click.stop=\"editing = null\">Cancel</button></div></div></template></div><div class=\"divider my-2\"></div><div class=\"grid grid-cols-2 gap-2 text-sm\"><div class=\"bg-base-200 rounded-lg p-2\"><span class=\"text-xs opacity-70 block\">Created</span><p x-text=\"new Date(issue.created_at).toLocaleDateString()\"></p></div><div class=\"bg-base-200 rounded-lg p-2\"><span class=\"text-xs opacity-70 block\">Updated</span><p x-text=\"new Date(issue.updated_at).toLocaleDateString()\"></p></div><div class=\"flex flex-row gap-1 bg-base-200 rounded-lg p-2\"><span class=\"text-xs opacity-70 block\">Created by</span><p class=\"text-xs opacity-70\" x-text=\"issue.created_by\"></p></div><div class=\"bg-base-200 rounded-lg p-2 cursor-pointer hover:bg-base-300\" @click=\"editing = 'assignee'\"><template x-if=\"editing !== 'assignee'\"><div><span class=\"text-xs opacity-70 block\">Assignee</span><p class=\"text-sm\" x-text=\"issue.assignee || 'Unassigned (click to assign)'\"></p></div></template><template x-if=\"editing === 'assignee'\"><div class=\"flex flex-col gap-1\"><span class=\"text-xs opacity-70 block\">Assignee</span> <input type=\"text\" name=\"assignee\" x-model=\"issue.assignee\" class=\"input input-sm input-bordered\" placeholder=\"Enter assignee name\" @keydown.enter=\"saveField('assignee', issue.assignee)\" @keydown.escape=\"editing = null\" x-init=\"$el.focus()\"><div class=\"flex gap-1 mt-1\"><button class=\"btn btn-xs btn-primary\" @click=\"saveField('assignee', issue.assignee)\">Save</button> <button class=\"btn btn-xs\" @click.stop=\"editing = null\">Cancel</button></div></div></template></div></div><div class=\"mt-4\"><h3 class=\"text-sm font-semibold opacity-70 mb-2\">Dependencies</h3><form class=\"flex gap-2 items-end mb-3\"><div class=\"flex-1\"><select class=\"select select-bordered select-sm w-full\" name=\"depends_on_id\" x-bind:hx-get=\"'/issues/' + issue.id + '/dependencies/options'\" hx-trigger=\"load, dependencies-updated from:body\" hx-target=\"this\" hx-swap=\"innerHTML\"><option>Loading...</option></select></div><button type=\"button\" class=\"btn btn-sm btn-secondary\" x-bind:hx-post=\"'/issues/' + issue.id + '/dependencies?container_id=deps-' + issue.id\" x-bind:hx-target=\"'#deps-' + issue.id\" hx-swap=\"innerHTML\" hx-include=\"closest form\">Add</button></form><div x-bind:id=\"'deps-' + issue.id\" x-bind:hx-get=\"'/issues/' + issue.id + '/dependencies?container_id=deps-' + issue.id\" hx-trigger=\"load, dependencies-updated from:body\" hx-swap=\"innerHTML\"><div class=\"text-sm text-base-content/60\">Loading dependencies...</div></div></div><div class=\"mt-6 w-full\"><h3 class=\"text-lg font-semibold mb-4\">Comments</h3><div class=\"card bg-base-100 shadow-sm mb-3\"><div class=\"card-body p-3\"><textarea x-model=\"newComment\" class=\"textarea textarea-bordered textarea-sm w-full\" rows=\"2\" placeholder=\"Add a comment...\" @keydown.enter.prevent=\"addComment()\"></textarea><div class=\"card-actions justify-end mt-2\"><button class=\"btn btn-primary btn-xs\" @click=\"addComment()\" :disabled=\"!newComment.trim()\">Add</button></div></div></div><div class=\"space-y-4\"><template x-for=\"comment in issue.comments\" :key=\"comment.id\"><div class=\"card bg-base-200\"><div class=\"card-body py-3\"><div class=\"flex justify-between items-start mb-2\"><span class=\"font-semibold text-sm\" x-text=\"comment.author\"></span> <span class=\"text-xs opacity-50\" x-text=\"new Date(comment.created_at).toLocaleString()\"></span></div><p class=\"whitespace-pre-wrap text-sm\" x-text=\"comment.text\"></p></div></div></template></div></div></div></div></div></template></div></div></div>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "</div></div><div class=\"w-1 bg-base-300 hover:bg-primary cursor-col-resize transition-colors relative z-10\" :class=\"{ 'bg-primary': isResizing }\" @mousedown=\"startResize($event)\" @touchstart=\"startResize($event)\" title=\"Drag to resize\"><div class=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-4 h-8 bg-base-300 rounded-full flex items-center justify-center\"><div class=\"w-0.5 h-4 bg-base-content/30 rounded-full\"></div></div></div><div class=\"flex-1 p-4 overflow-auto bg-base-50\"><template x-if=\"issues.length === 0\"><div class=\"max-w-2xl mx-auto mt-12\"><div class=\"card bg-base-100 shadow-sm border border-base-200\"><div class=\"card-body items-center text-center\"><h3 class=\"text-xl font-semibold\">No issues yet</h3><p class=\"text-base-content/70\">Create your first issue to get started.</p><button class=\"btn btn-primary btn-sm mt-2\" hx-get=\"/issues/create\" hx-target=\"#modal-container\" hx-swap=\"innerHTML\">New Issue</button></div></div></div></template><template x-if=\"issues.length > 0 && !selectedId\"><div class=\"max-w-2xl mx-auto mt-12\"><div class=\"alert alert-info\">Select an issue from the list to view details.</div></div></template><template x-for=\"issue in issues\" :key=\"issue.id\"><div x-show=\"issue.id === selectedId\" class=\"issue-detail max-w-3xl mx-auto\" x-data=\"{ editing: null, saving: false, newComment: '', async saveField(field, value) { const formData = new URLSearchParams(); formData.append(field, value || ''); await fetch('/issues/' + issue.id, { method: 'PATCH', body: formData, headers: { 'HX-Request': 'true' } }); this.editing = null; setTimeout(() => { document.body.dispatchEvent(new CustomEvent('check-status')); }, 1000); }, async addComment() { if (!this.newComment.trim()) return; const author = issue.created_by || 'Anonymous'; const response = await fetch('/issues/' + issue.id + '/comments', { method: 'POST', body: new URLSearchParams({text: this.newComment, author: author}) }); const newComment = await response.json(); if (!issue.comments) issue.comments = []; issue.comments.push(newComment); this.newComment = ''; } }\"><div class=\"card bg-base-100 shadow-md\"><div class=\"card-body p-2\"><div class=\"m-2\"><template x-if=\"editing !== 'title'\"><h2 class=\"text-2xl font-bold cursor-pointer hover:text-primary\" x-text=\"issue.title\" @click=\"editing = 'title'\"></h2></template><template x-if=\"editing === 'title'\"><div class=\"flex gap-2\"><input type=\"text\" name=\"title\" x-model=\"issue.title\" class=\"input input-bordered flex-1\" @keydown.enter=\"fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({title: issue.title}) }).then(() => editing = null)\" @keydown.escape=\"editing = null\" x-init=\"$el.focus()\"> <button class=\"btn btn-sm btn-primary\" @click=\"fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({title: issue.title}) }).then(() => editing = null)\">Save</button> <button class=\"btn btn-sm\" @click.stop=\"editing = null\">Cancel</button></div></template></div><div class=\"flex gap-2 flex-wrap items-center\"><template x-if=\"editing !== 'status'\"><span class=\"badge badge-info badge-sm cursor-pointer hover:badge-primary whitespace-nowrap shrink-0\" x-text=\"issue.status.replace(/_/g, ' ').replace(/\\\\b\\\\w/g, l => l.toUpperCase())\" @click=\"editing = 'status'\"></span></template><template x-if=\"editing === 'status'\"><div class=\"flex items-center gap-2\"><select name=\"status\" x-model=\"issue.status\" class=\"select select-sm select-bordered\" @change=\"fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({status: issue.status}), headers: { 'HX-Request': 'true' } }).then(() => { editing = null; setTimeout(() => { document.body.dispatchEvent(new CustomEvent('check-status')); }, 1000); })\" x-init=\"$nextTick(() => $el.focus())\"><option value=\"open\">Open</option> <option value=\"in_progress\">In Progress</option> <option value=\"blocked\">Blocked</option> <option value=\"closed\">Closed</option></select> <button class=\"btn btn-xs\" @click.stop=\"editing = null\">Cancel</button></div></template><template x-if=\"editing !== 'type'\"><span class=\"badge badge-outline badge-sm cursor-pointer hover:badge-primary whitespace-nowrap\" x-text=\"issue.issue_type\" @click=\"editing = 'type'\"></span></template><template x-if=\"editing === 'type'\"><div class=\"flex items-center gap-2\"><select name=\"issue_type\" x-model=\"issue.issue_type\" class=\"select select-sm select-bordered\" @change=\"fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({issue_type: issue.issue_type}) }).then(() => editing = null)\" x-init=\"$nextTick(() => $el.focus())\"><option value=\"task\">Task</option> <option value=\"bug\">Bug</option> <option value=\"feature\">Feature</option> <option value=\"chore\">Chore</option></select> <button class=\"btn btn-xs\" @click=\"editing = null\">Cancel</button></div></template><template x-if=\"editing !== 'priority'\"><span class=\"badge badge-ghost badge-sm cursor-pointer hover:badge-primary whitespace-nowrap\" x-text=\"'P' + issue.priority\" @click=\"editing = 'priority'\"></span></template><template x-if=\"editing === 'priority'\"><div class=\"flex items-center gap-2\"><select name=\"priority\" x-model=\"issue.priority\" class=\"select select-sm select-bordered\" @change=\"fetch('/issues/' + issue.id, { method: 'PATCH', body: new URLSearchParams({priority: issue.priority}) }).then(() => editing = null)\" x-init=\"$nextTick(() => $el.focus())\"><option value=\"0\">Irrelevant (P0)</option> <option value=\"1\">Low (P1)</option> <option value=\"2\">Normal (P2)</option> <option value=\"3\">High (P3)</option> <option value=\"4\">Critical (P4)</option></select> <button class=\"btn btn-xs\" @click.stop=\"editing = null\">Cancel</button></div></template></div><div class=\"mt-4\"><h3 class=\"text-sm font-semibold opacity-70 mb-1\">Description</h3><template x-if=\"editing !== 'description'\"><p class=\"whitespace-pre-wrap text-sm cursor-pointer hover:text-primary min-h-[20px]\" x-text=\"issue.description || 'Click to add description...'\" @click=\"editing = 'description'\"></p></template><template x-if=\"editing === 'description'\"><div class=\"flex flex-col gap-2\"><textarea name=\"description\" x-model=\"issue.description\" class=\"textarea textarea-bordered\" rows=\"4\" @keydown.escape=\"editing = null\" x-init=\"$el.focus()\"></textarea><div class=\"flex gap-2\"><button class=\"btn btn-sm btn-primary\" @click=\"saveField('description', issue.description)\">Save</button> <button class=\"btn btn-sm\" @click.stop=\"editing = null\">Cancel</button></div></div></template></div><div class=\"divider my-2\"></div><div class=\"grid grid-cols-2 gap-2 text-sm\"><div class=\"bg-base-200 rounded-lg p-2\"><span class=\"text-xs opacity-70 block\">Created</span><p x-text=\"new Date(issue.created_at).toLocaleDateString()\"></p></div><div class=\"bg-base-200 rounded-lg p-2\"><span class=\"text-xs opacity-70 block\">Updated</span><p x-text=\"new Date(issue.updated_at).toLocaleDateString()\"></p></div><div class=\"flex flex-row gap-1 bg-base-200 rounded-lg p-2\"><span class=\"text-xs opacity-70 block\">Created by</span><p class=\"text-xs opacity-70\" x-text=\"issue.created_by\"></p></div><div class=\"bg-base-200 rounded-lg p-2 cursor-pointer hover:bg-base-300\" @click=\"editing = 'assignee'\"><template x-if=\"editing !== 'assignee'\"><div><span class=\"text-xs opacity-70 block\">Assignee</span><p class=\"text-sm\" x-text=\"issue.assignee || 'Unassigned (click to assign)'\"></p></div></template><template x-if=\"editing === 'assignee'\"><div class=\"flex flex-col gap-1\"><span class=\"text-xs opacity-70 block\">Assignee</span> <input type=\"text\" name=\"assignee\" x-model=\"issue.assignee\" class=\"input input-sm input-bordered\" placeholder=\"Enter assignee name\" @keydown.enter=\"saveField('assignee', issue.assignee)\" @keydown.escape=\"editing = null\" x-init=\"$el.focus()\"><div class=\"flex gap-1 mt-1\"><button class=\"btn btn-xs btn-primary\" @click=\"saveField('assignee', issue.assignee)\">Save</button> <button class=\"btn btn-xs\" @click.stop=\"editing = null\">Cancel</button></div></div></template></div></div><div class=\"mt-4\"><h3 class=\"text-sm font-semibold opacity-70 mb-2\">Dependencies</h3><form class=\"flex gap-2 items-end mb-3\"><div class=\"flex-1\"><select class=\"select select-bordered select-sm w-full\" name=\"depends_on_id\" x-bind:hx-get=\"'/issues/' + issue.id + '/dependencies/options'\" hx-trigger=\"load, dependencies-updated from:body\" hx-target=\"this\" hx-swap=\"innerHTML\"><option>Loading...</option></select></div><button type=\"button\" class=\"btn btn-sm btn-secondary\" x-bind:hx-post=\"'/issues/' + issue.id + '/dependencies?container_id=deps-' + issue.id\" x-bind:hx-target=\"'#deps-' + issue.id\" hx-swap=\"innerHTML\" hx-include=\"closest form\">Add</button></form><div x-bind:id=\"'deps-' + issue.id\" x-bind:hx-get=\"'/issues/' + issue.id + '/dependencies?container_id=deps-' + issue.id\" hx-trigger=\"load, dependencies-updated from:body\" hx-swap=\"innerHTML\"><div class=\"text-sm text-base-content/60\">Loading dependencies...</div></div></div><div class=\"mt-6 w-full\"><h3 class=\"text-lg font-semibold mb-4\">Comments</h3><div class=\"card bg-base-100 shadow-sm mb-3\"><div class=\"card-body p-3\"><textarea x-model=\"newComment\" class=\"textarea textarea-bordered textarea-sm w-full\" rows=\"2\" placeholder=\"Add a comment...\" @keydown.enter.prevent=\"addComment()\"></textarea><div class=\"card-actions justify-end mt-2\"><button class=\"btn btn-primary btn-xs\" @click=\"addComment()\" :disabled=\"!newComment.trim()\">Add</button></div></div></div><div class=\"space-y-4\"><template x-for=\"comment in issue.comments\" :key=\"comment.id\"><div class=\"card bg-base-200\"><div class=\"card-body py-3\"><div class=\"flex justify-between items-start mb-2\"><span class=\"font-semibold text-sm\" x-text=\"comment.author\"></span> <span class=\"text-xs opacity-50\" x-text=\"new Date(comment.created_at).toLocaleString()\"></span></div><p class=\"whitespace-pre-wrap text-sm\" x-text=\"comment.text\"></p></div></div></template></div></div></div></div></div></template></div></div></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/pkg/web/routes/issue_detail.templ b/pkg/web/routes/issue_detail.templ
index b33c391..c432c88 100644
--- a/pkg/web/routes/issue_detail.templ
+++ b/pkg/web/routes/issue_detail.templ
@@ -56,7 +56,11 @@ templ IssueDetailPage(issue *models.Issue, comments []*models.Comment) {
 					headers: { 'HX-Request': 'true' }
 				})
 				this.editing = null
-				// Check if server wants to redirect back to list
+				// Check status after 1 second
+				setTimeout(() => {
+					document.body.dispatchEvent(new CustomEvent('check-status'))
+				}, 1000)
+				// Handle redirect if needed
 				const redirectUrl = response.headers.get('HX-Redirect')
 				if (redirectUrl) {
 					window.location.href = redirectUrl
diff --git a/pkg/web/routes/issue_detail_templ.go b/pkg/web/routes/issue_detail_templ.go
index 4786f8f..1c59870 100644
--- a/pkg/web/routes/issue_detail_templ.go
+++ b/pkg/web/routes/issue_detail_templ.go
@@ -117,7 +117,11 @@ func IssueDetailPage(issue *models.Issue, comments []*models.Comment) templ.Comp
 					headers: { 'HX-Request': 'true' }
 				})
 				this.editing = null
-				// Check if server wants to redirect back to list
+				// Check status after 1 second
+				setTimeout(() => {
+					document.body.dispatchEvent(new CustomEvent('check-status'))
+				}, 1000)
+				// Handle redirect if needed
 				const redirectUrl = response.headers.get('HX-Redirect')
 				if (redirectUrl) {
 					window.location.href = redirectUrl
@@ -157,7 +161,7 @@ func IssueDetailPage(issue *models.Issue, comments []*models.Comment) templ.Comp
 			var templ_7745c5c3_Var4 string
 			templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(xData)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/routes/issue_detail.templ`, Line: 82, Col: 51}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/routes/issue_detail.templ`, Line: 86, Col: 51}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 			if templ_7745c5c3_Err != nil {
@@ -183,7 +187,7 @@ func IssueDetailPage(issue *models.Issue, comments []*models.Comment) templ.Comp
 				var templ_7745c5c3_Var5 string
 				templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(comment.Author)
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/routes/issue_detail.templ`, Line: 282, Col: 61}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/routes/issue_detail.templ`, Line: 286, Col: 61}
 				}
 				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 				if templ_7745c5c3_Err != nil {
@@ -196,7 +200,7 @@ func IssueDetailPage(issue *models.Issue, comments []*models.Comment) templ.Comp
 				var templ_7745c5c3_Var6 string
 				templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(comment.CreatedAt.Format("Jan 2, 2006 15:04"))
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/routes/issue_detail.templ`, Line: 283, Col: 89}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/routes/issue_detail.templ`, Line: 287, Col: 89}
 				}
 				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 				if templ_7745c5c3_Err != nil {
@@ -209,7 +213,7 @@ func IssueDetailPage(issue *models.Issue, comments []*models.Comment) templ.Comp
 				var templ_7745c5c3_Var7 string
 				templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(comment.Text)
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/routes/issue_detail.templ`, Line: 285, Col: 61}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/routes/issue_detail.templ`, Line: 289, Col: 61}
 				}
 				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
 				if templ_7745c5c3_Err != nil {
diff --git a/pkg/web/server/routes.go b/pkg/web/server/routes.go
index 7398379..6f71526 100644
--- a/pkg/web/server/routes.go
+++ b/pkg/web/server/routes.go
@@ -30,6 +30,7 @@ func (s *Server) RegisterRoutes(assets embed.FS) http.Handler {
 	r.Use(handler.HTMXMiddleware)
 	r.Use(handler.AppMiddleware(s.App))
 	r.Use(actionLoggingMiddleware(s.App))
+	r.Use(handler.SubmissionMiddleware)
 
 	s.handleAssets(r, assets)