From 36f3257c154f37724c8d9ce4ed08907fe960cd30 Mon Sep 17 00:00:00 2001
From: Copilot <198982749+Copilot@users.noreply.github.com>
Date: Mon, 9 Mar 2026 15:58:27 +1030
Subject: [PATCH] Tasks view: show URL on card, click name to edit (#4)

* Enhance tasks view: show URL on card and click name to edit

- List view: task name click opens edit form, URL shown below name
- Grid view: task name click opens edit form, URL shown in card content
- Added href="#" to anchor elements for accessibility

Co-authored-by: jbatesy <51190172+jbatesy@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: jbatesy <51190172+jbatesy@users.noreply.github.com>
---
 ui/app/pages/tasks.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/ui/app/pages/tasks.vue b/ui/app/pages/tasks.vue
index f3f452fd..e11384d2 100644
--- a/ui/app/pages/tasks.vue
+++ b/ui/app/pages/tasks.vue
@@ -209,8 +209,13 @@
                       </span>
                     </div>
                     <div>
-                      <NuxtLink target="_blank" :href="item.url" class="is-bold">
+                      <a href="#" class="is-bold is-clickable" @click.prevent="editItem(item)">
                         {{ remove_tags(item.name) }}
+                      </a>
+                    </div>
+                    <div class="is-text-overflow">
+                      <NuxtLink target="_blank" :href="item.url" class="is-size-7">
+                        {{ item.url }}
                       </NuxtLink>
                     </div>
                     <div class="is-unselectable">
@@ -364,9 +369,9 @@
           <div class="card is-flex is-full-height is-flex-direction-column">
             <header class="card-header">
               <div class="card-header-title is-text-overflow is-block">
-                <NuxtLink target="_blank" :href="item.url">
+                <a href="#" class="is-clickable" @click.prevent="editItem(item)">
                   {{ remove_tags(item.name) }}
-                </NuxtLink>
+                </a>
                 <span class="icon" v-if="isTaskInProgress(item.id!)">
                   <i class="fa-solid fa-spinner fa-spin has-text-info" />
                 </span>
@@ -442,6 +447,12 @@
             </header>
             <div class="card-content is-flex-grow-1">
               <div class="content">
+                <p class="is-text-overflow">
+                  <span class="icon"><i class="fa-solid fa-link" /></span>
+                  <NuxtLink target="_blank" :href="item.url" class="is-size-7">
+                    {{ item.url }}
+                  </NuxtLink>
+                </p>
                 <p class="is-text-overflow">
                   <span class="icon">
                     <i