From 8321164514463de0eae7b7abb494eeedc5b47561 Mon Sep 17 00:00:00 2001
From: Lorenzo Venerandi <lollo.venerandi@gmail.com>
Date: Wed, 4 Mar 2026 13:50:33 +0100
Subject: [PATCH 1/5] feat: enhance view request button with tooltip and SVG
 icon for better UX

---
 .../partials/access_by_ip_table.html          |  5 ++-
 .../partials/attack_types_table.html          |  5 ++-
 .../dashboard/partials/search_results.html    |  5 ++-
 .../dashboard/partials/suspicious_table.html  |  5 ++-
 src/templates/static/css/dashboard.css        | 40 +++++++++++++++----
 5 files changed, 49 insertions(+), 11 deletions(-)

diff --git a/src/templates/jinja2/dashboard/partials/access_by_ip_table.html b/src/templates/jinja2/dashboard/partials/access_by_ip_table.html
index 5e7bd6c..76b35eb 100644
--- a/src/templates/jinja2/dashboard/partials/access_by_ip_table.html
+++ b/src/templates/jinja2/dashboard/partials/access_by_ip_table.html
@@ -45,7 +45,10 @@
             <td>{{ log.timestamp | format_ts }}</td>
             <td>
                 {% if log.id %}
-                <button class="view-btn" @click="viewRawRequest({{ log.id }})">View Request</button>
+                <button class="view-btn" @click="viewRawRequest({{ log.id }})" title="View Request">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
+                    <span class="view-btn-tooltip">View Request</span>
+                </button>
                 {% endif %}
             </td>
         </tr>
diff --git a/src/templates/jinja2/dashboard/partials/attack_types_table.html b/src/templates/jinja2/dashboard/partials/attack_types_table.html
index 4ac3369..905851b 100644
--- a/src/templates/jinja2/dashboard/partials/attack_types_table.html
+++ b/src/templates/jinja2/dashboard/partials/attack_types_table.html
@@ -62,7 +62,10 @@
             <td>{{ attack.timestamp | format_ts }}</td>
             <td style="display: flex; gap: 6px; flex-wrap: wrap;">
                 {% if attack.log_id %}
-                <button class="view-btn" @click="viewRawRequest({{ attack.log_id }})">View Request</button>
+                <button class="view-btn" @click="viewRawRequest({{ attack.log_id }})" title="View Request">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
+                    <span class="view-btn-tooltip">View Request</span>
+                </button>
                 {% endif %}
                 <button class="inspect-btn" @click="openIpInsight('{{ attack.ip | e }}')" title="Inspect IP">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"/></svg>
diff --git a/src/templates/jinja2/dashboard/partials/search_results.html b/src/templates/jinja2/dashboard/partials/search_results.html
index 1ae0d41..533a3a8 100644
--- a/src/templates/jinja2/dashboard/partials/search_results.html
+++ b/src/templates/jinja2/dashboard/partials/search_results.html
@@ -118,7 +118,10 @@
                     <td>{{ attack.timestamp | format_ts }}</td>
                     <td>
                         {% if attack.log_id %}
-                        <button class="view-btn" @click="viewRawRequest({{ attack.log_id }})">View Request</button>
+                        <button class="view-btn" @click="viewRawRequest({{ attack.log_id }})" title="View Request">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
+                            <span class="view-btn-tooltip">View Request</span>
+                        </button>
                         {% endif %}
                     </td>
                 </tr>
diff --git a/src/templates/jinja2/dashboard/partials/suspicious_table.html b/src/templates/jinja2/dashboard/partials/suspicious_table.html
index 1b7f10b..73555b8 100644
--- a/src/templates/jinja2/dashboard/partials/suspicious_table.html
+++ b/src/templates/jinja2/dashboard/partials/suspicious_table.html
@@ -26,7 +26,10 @@
                 <td>{{ activity.timestamp | format_ts(time_only=True) }}</td>
                 <td style="display: flex; gap: 6px; flex-wrap: wrap;">
                     {% if activity.log_id %}
-                    <button class="view-btn" @click="viewRawRequest({{ activity.log_id }})">View Request</button>
+                    <button class="view-btn" @click="viewRawRequest({{ activity.log_id }})" title="View Request">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
+                        <span class="view-btn-tooltip">View Request</span>
+                    </button>
                     {% endif %}
                     <button class="inspect-btn" @click="openIpInsight('{{ activity.ip | e }}')" title="Inspect IP">
                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"/></svg>
diff --git a/src/templates/static/css/dashboard.css b/src/templates/static/css/dashboard.css
index fa5fbae..2802178 100644
--- a/src/templates/static/css/dashboard.css
+++ b/src/templates/static/css/dashboard.css
@@ -1603,19 +1603,45 @@ tbody {
 
 /* Dynamically injected button styles (previously in JS) */
 .view-btn {
-    padding: 4px 10px;
-    background: #21262d;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 4px;
+    background: none;
+    color: #8b949e;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: color 0.2s, background 0.2s;
+}
+.view-btn:hover {
     color: #58a6ff;
+    background: rgba(88, 166, 255, 0.1);
+}
+.view-btn svg {
+    width: 16px;
+    height: 16px;
+    fill: currentColor;
+}
+.view-btn-tooltip {
+    position: absolute;
+    bottom: calc(100% + 6px);
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 4px 8px;
+    background: #1c2128;
+    color: #e6edf3;
     border: 1px solid #30363d;
     border-radius: 4px;
     font-size: 11px;
-    cursor: pointer;
-    transition: all 0.2s;
     white-space: nowrap;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.15s;
 }
-.view-btn:hover {
-    background: #30363d;
-    border-color: #58a6ff;
+.view-btn:hover .view-btn-tooltip {
+    opacity: 1;
 }
 .inspect-btn {
     display: inline-flex;

From 5f1fedab3dacbc1560dd243b6c186084e34f1c3e Mon Sep 17 00:00:00 2001
From: Lorenzo Venerandi <lollo.venerandi@gmail.com>
Date: Wed, 4 Mar 2026 13:55:10 +0100
Subject: [PATCH 2/5] feat: add sort_order parameter to access log retrieval
 for flexible timestamp sorting

---
 src/database.py    | 5 ++++-
 src/routes/htmx.py | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/database.py b/src/database.py
index bda6e88..3a3dbb0 100644
--- a/src/database.py
+++ b/src/database.py
@@ -883,6 +883,7 @@ class DatabaseManager:
         ip_filter: Optional[str] = None,
         suspicious_only: bool = False,
         since_minutes: Optional[int] = None,
+        sort_order: str = "desc",
     ) -> Dict[str, Any]:
         """
         Retrieve access logs with pagination and optional filtering.
@@ -893,6 +894,7 @@ class DatabaseManager:
             ip_filter: Filter by IP address
             suspicious_only: Only return suspicious requests
             since_minutes: Only return logs from the last N minutes
+            sort_order: Sort direction for timestamp ('asc' or 'desc')
 
         Returns:
             List of access log dictionaries
@@ -900,7 +902,8 @@ class DatabaseManager:
         session = self.session
         try:
             offset = (page - 1) * page_size
-            query = session.query(AccessLog).order_by(AccessLog.timestamp.desc())
+            order = AccessLog.timestamp.asc() if sort_order == "asc" else AccessLog.timestamp.desc()
+            query = session.query(AccessLog).order_by(order)
 
             if ip_filter:
                 query = query.filter(AccessLog.ip == sanitize_ip(ip_filter))
diff --git a/src/routes/htmx.py b/src/routes/htmx.py
index 303bce5..1e622d6 100644
--- a/src/routes/htmx.py
+++ b/src/routes/htmx.py
@@ -180,7 +180,8 @@ async def htmx_access_logs_by_ip(
 ):
     db = get_db()
     result = db.get_access_logs_paginated(
-        page=max(1, page), page_size=25, ip_filter=ip_filter
+        page=max(1, page), page_size=25, ip_filter=ip_filter,
+        sort_order=sort_order if sort_order in ("asc", "desc") else "desc",
     )
 
     # Normalize pagination key (DB returns total_attackers, template expects total)

From 67cfdb52e307955ba42a4490bd0b79ce18206e15 Mon Sep 17 00:00:00 2001
From: Lorenzo Venerandi <lollo.venerandi@gmail.com>
Date: Wed, 4 Mar 2026 13:55:25 +0100
Subject: [PATCH 3/5] code linted

---
 src/database.py    | 6 +++++-
 src/routes/htmx.py | 4 +++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/database.py b/src/database.py
index 3a3dbb0..803e7e7 100644
--- a/src/database.py
+++ b/src/database.py
@@ -902,7 +902,11 @@ class DatabaseManager:
         session = self.session
         try:
             offset = (page - 1) * page_size
-            order = AccessLog.timestamp.asc() if sort_order == "asc" else AccessLog.timestamp.desc()
+            order = (
+                AccessLog.timestamp.asc()
+                if sort_order == "asc"
+                else AccessLog.timestamp.desc()
+            )
             query = session.query(AccessLog).order_by(order)
 
             if ip_filter:
diff --git a/src/routes/htmx.py b/src/routes/htmx.py
index 1e622d6..549f044 100644
--- a/src/routes/htmx.py
+++ b/src/routes/htmx.py
@@ -180,7 +180,9 @@ async def htmx_access_logs_by_ip(
 ):
     db = get_db()
     result = db.get_access_logs_paginated(
-        page=max(1, page), page_size=25, ip_filter=ip_filter,
+        page=max(1, page),
+        page_size=25,
+        ip_filter=ip_filter,
         sort_order=sort_order if sort_order in ("asc", "desc") else "desc",
     )
 

From 442b1ceb13231496825dfdddd1a416a914e4f4f0 Mon Sep 17 00:00:00 2001
From: Lorenzo Venerandi <lollo.venerandi@gmail.com>
Date: Wed, 4 Mar 2026 14:00:58 +0100
Subject: [PATCH 4/5] feat: increase view button SVG size for improved
 visibility across tables

---
 .../jinja2/dashboard/partials/access_by_ip_table.html     | 2 +-
 .../jinja2/dashboard/partials/attack_types_table.html     | 2 +-
 .../jinja2/dashboard/partials/search_results.html         | 2 +-
 .../jinja2/dashboard/partials/suspicious_table.html       | 2 +-
 src/templates/static/css/dashboard.css                    | 8 ++++----
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/templates/jinja2/dashboard/partials/access_by_ip_table.html b/src/templates/jinja2/dashboard/partials/access_by_ip_table.html
index 76b35eb..e260f56 100644
--- a/src/templates/jinja2/dashboard/partials/access_by_ip_table.html
+++ b/src/templates/jinja2/dashboard/partials/access_by_ip_table.html
@@ -46,7 +46,7 @@
             <td>
                 {% if log.id %}
                 <button class="view-btn" @click="viewRawRequest({{ log.id }})" title="View Request">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
                     <span class="view-btn-tooltip">View Request</span>
                 </button>
                 {% endif %}
diff --git a/src/templates/jinja2/dashboard/partials/attack_types_table.html b/src/templates/jinja2/dashboard/partials/attack_types_table.html
index 905851b..fd80ac1 100644
--- a/src/templates/jinja2/dashboard/partials/attack_types_table.html
+++ b/src/templates/jinja2/dashboard/partials/attack_types_table.html
@@ -63,7 +63,7 @@
             <td style="display: flex; gap: 6px; flex-wrap: wrap;">
                 {% if attack.log_id %}
                 <button class="view-btn" @click="viewRawRequest({{ attack.log_id }})" title="View Request">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
                     <span class="view-btn-tooltip">View Request</span>
                 </button>
                 {% endif %}
diff --git a/src/templates/jinja2/dashboard/partials/search_results.html b/src/templates/jinja2/dashboard/partials/search_results.html
index 533a3a8..70d8429 100644
--- a/src/templates/jinja2/dashboard/partials/search_results.html
+++ b/src/templates/jinja2/dashboard/partials/search_results.html
@@ -119,7 +119,7 @@
                     <td>
                         {% if attack.log_id %}
                         <button class="view-btn" @click="viewRawRequest({{ attack.log_id }})" title="View Request">
-                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
                             <span class="view-btn-tooltip">View Request</span>
                         </button>
                         {% endif %}
diff --git a/src/templates/jinja2/dashboard/partials/suspicious_table.html b/src/templates/jinja2/dashboard/partials/suspicious_table.html
index 73555b8..0ceb72b 100644
--- a/src/templates/jinja2/dashboard/partials/suspicious_table.html
+++ b/src/templates/jinja2/dashboard/partials/suspicious_table.html
@@ -27,7 +27,7 @@
                 <td style="display: flex; gap: 6px; flex-wrap: wrap;">
                     {% if activity.log_id %}
                     <button class="view-btn" @click="viewRawRequest({{ activity.log_id }})" title="View Request">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6z"/></svg>
                         <span class="view-btn-tooltip">View Request</span>
                     </button>
                     {% endif %}
diff --git a/src/templates/static/css/dashboard.css b/src/templates/static/css/dashboard.css
index 2802178..7297e89 100644
--- a/src/templates/static/css/dashboard.css
+++ b/src/templates/static/css/dashboard.css
@@ -1620,8 +1620,8 @@ tbody {
     background: rgba(88, 166, 255, 0.1);
 }
 .view-btn svg {
-    width: 16px;
-    height: 16px;
+    width: 18px;
+    height: 18px;
     fill: currentColor;
 }
 .view-btn-tooltip {
@@ -1656,8 +1656,8 @@ tbody {
     transition: color 0.2s, background 0.2s;
 }
 .inspect-btn svg {
-    width: 16px;
-    height: 16px;
+    width: 18px;
+    height: 18px;
     fill: currentColor;
 }
 .inspect-btn:hover {

From 0a102178db8ef544958df608c1af721ef5784cbd Mon Sep 17 00:00:00 2001
From: Lorenzo Venerandi <lollo.venerandi@gmail.com>
Date: Wed, 4 Mar 2026 14:01:40 +0100
Subject: [PATCH 5/5] chore: update version and appVersion to 1.1.3 in
 Chart.yaml

---
 helm/Chart.yaml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/helm/Chart.yaml b/helm/Chart.yaml
index 49fac76..e4e1cee 100644
--- a/helm/Chart.yaml
+++ b/helm/Chart.yaml
@@ -2,8 +2,8 @@ apiVersion: v2
 name: krawl-chart
 description: A Helm chart for Krawl honeypot server
 type: application
-version: 1.1.2
-appVersion: 1.1.2
+version: 1.1.3
+appVersion: 1.1.3
 keywords:
   - honeypot
   - security