diff --git a/internal/http/static/app.css b/internal/http/static/app.css
index a18c416..2012652 100644
--- a/internal/http/static/app.css
+++ b/internal/http/static/app.css
@@ -754,23 +754,24 @@ pre {
 /* Detail pages (DESIGN-SYSTEM §6) */
 .breadcrumb { display: flex; align-items: center; gap: 6px; font-size: 12.8px; color: var(--muted); margin-bottom: 8px; }
 .page-head { margin-bottom: 12px; }
-.page-head h1 { font-size: 22px; font-weight: 800; margin: 0 0 4px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
+.page-head h1 { font-size: 22px; font-weight: 800; margin: 0 0 2px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
 .page-head .meta { margin: 0; font-size: 12.8px; color: var(--muted); }
-.alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); margin-bottom: 12px; }
+.alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border-radius: 12px; border: 1px solid var(--line); margin-bottom: 12px; font-size: 13px; }
 .alert .icon { margin-top: 1px; }
-.alert-title { font-size: 14px; font-weight: 600; }
+.alert-title { font-size: 13px; font-weight: 700; }
 .alert-sub { font-size: 12.8px; opacity: 0.9; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
 .alert-text { min-width: 0; }
 .alert-ok { background: var(--ok-bg); color: var(--ok-text); border-color: color-mix(in srgb, var(--ok) 25%, transparent); }
 .alert-warn { background: var(--warn-bg); color: var(--warn-text); border-color: color-mix(in srgb, var(--warn) 25%, transparent); }
 .alert-danger { background: var(--danger-bg); color: var(--danger-text); border-color: color-mix(in srgb, var(--danger) 25%, transparent); }
 .alert-neutral { background: var(--sunk); color: var(--ink2); }
-.action-bar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 16px; }
-.action-bar form { display: contents; }
-.action-bar .btn-primary { grid-column: 1 / -1; }
+.actgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
+.actgrid form { display: contents; }
+.actgrid .btn-primary { grid-column: 1 / -1; }
+.actgrid .btn .icon { width: 17px; height: 17px; }
 @media (min-width: 700px) {
-  .action-bar { display: flex; flex-wrap: wrap; }
-  .action-bar .btn-primary { order: -1; }
+  .actgrid { display: flex; flex-wrap: wrap; }
+  .actgrid .btn-primary { order: -1; }
 }
 .seg { display: inline-flex; gap: 2px; padding: 3px; background: var(--sunk); border-radius: 12px; max-width: 100%; overflow-x: auto; }
 .seg-btn { min-height: 32px; padding: 0 12px; border: 0; border-radius: 10px; background: none; box-shadow: none; color: var(--ink2); font-size: 12.8px; font-weight: 600; white-space: nowrap; }
@@ -794,11 +795,12 @@ div.bar-danger > span { background: var(--danger); }
 .stats-body { margin-top: 12px; }
 .muted-note { color: var(--muted); font-size: 12.8px; margin: 0 0 8px; }
 .muted { color: var(--muted); }
-.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; margin: 0; }
+.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; margin: 0; }
 .detail-grid > div { min-width: 0; }
 .detail-grid .wide { grid-column: 1 / -1; }
-.detail-grid dt { font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--muted); letter-spacing: 0.04em; margin-bottom: 2px; }
-.detail-grid dd { margin: 0; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
+.detail-grid dt { font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--muted); letter-spacing: 0.06em; margin-bottom: 2px; }
+.detail-grid dd { margin: 0; font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.detail-grid dd.wrap { white-space: normal; overflow-wrap: anywhere; }
 .detail-grid dd.mono, .mono { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; }
 .wrap { overflow-wrap: anywhere; word-break: break-all; }
 pre.code { margin: 0; padding: 12px; background: var(--sunk); border: 1px solid var(--line); border-radius: 12px; font-size: 12.5px; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ink); }
@@ -810,15 +812,12 @@ pre.code { margin: 0; padding: 12px; background: var(--sunk); border: 1px solid
 .file-list li { padding: 8px 0; border-bottom: 1px solid var(--line); }
 .file-list li:last-child { border-bottom: 0; }
 .log-cell { max-width: 420px; white-space: normal !important; overflow-wrap: anywhere; font-size: 12.5px; }
-.danger-zone { border-top: 2px solid var(--danger); }
-.danger-zone h3 { color: var(--danger-text); font-size: 12.8px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; }
-.dz-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); }
-.dz-title { font-size: 14px; font-weight: 600; }
-.dz-desc { font-size: 12.8px; color: var(--muted); }
-@media (max-width: 699px) {
-  .dz-row { flex-direction: column; align-items: stretch; }
-  .detail-grid { grid-template-columns: 1fr; }
-}
+.danger-zone { box-shadow: none; }
+.danger-zone h3 { color: var(--danger); font-size: 12.8px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 2px; }
+.dz-sub { font-size: 12.8px; color: var(--muted); margin: 0; }
+.dz-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; margin-top: 10px; }
+.dz-grid .btn { padding: 0 8px; }
+@media (min-width: 700px) { .dz-grid { display: flex; flex-wrap: wrap; } }
 .t-ok { color: var(--ok); }
 .t-info { color: var(--accent); }
 .t-warn { color: var(--warn-text); }
diff --git a/internal/http/templates/apps_detail.html b/internal/http/templates/apps_detail.html
index 801cfc6..4f53ccc 100644
--- a/internal/http/templates/apps_detail.html
+++ b/internal/http/templates/apps_detail.html
@@ -16,29 +16,45 @@ <h1>{{.App.Name}} <span class="badge badge-{{.App.Status}}">{{.App.Status}}</spa
     <p class="meta">{{if .Domains}}{{index .Domains 0}}{{if .ExtraDomainCount}} <span class="badge">+{{.ExtraDomainCount}} more</span>{{end}}:{{.App.Port}}{{else}}Internal service, port {{.App.Port}}{{end}}</p>
   </div>
 
-  {{if eq .App.Status "running"}}{{template "ui_alert" (dict "Kind" "ok" "Icon" "check" "Title" (printf "Running on %s" .ServerName) "Sub" "")}}
+  {{if eq .App.Status "running"}}{{template "ui_alert" (dict "Kind" "ok" "Icon" "check" "Title" (printf "Running on %s" .ServerName) "Sub" (or (and .Deployments (printf "Last deploy %s · %s" ((index .Deployments 0).CreatedAt.Format "2006-01-02 15:04") (or (index .Deployments 0).Status "unknown"))) ""))}}
   {{else if eq .App.Status "stopped"}}{{template "ui_alert" (dict "Kind" "neutral" "Icon" "alert" "Title" "Stopped" "Sub" "The app is not running. Start it to serve traffic.")}}
   {{else if eq .App.Status "draft"}}{{template "ui_alert" (dict "Kind" "neutral" "Icon" "alert" "Title" "Draft" "Sub" (or (and (ne .App.ServerID 0) (printf "Draft on %s. Deploy when ready." .ServerName)) "Assign a server and deploy."))}}
   {{else if or (eq .App.Status "deploying") (eq .App.Status "pending")}}{{template "ui_alert" (dict "Kind" "warn" "Icon" "refresh" "Title" "Deploying" "Sub" "This page refreshes every 2 seconds.")}}
   {{else}}{{template "ui_alert" (dict "Kind" "danger" "Icon" "alert" "Title" (printf "Status: %s" .App.Status) "Sub" (or (and .Deployments (index .Deployments 0).Log) ""))}}{{end}}
 
-  <div class="action-bar">
+  <div class="card detail-card">
+    <dl class="detail-grid">
+      <div><dt>Server</dt><dd>{{if eq .App.ServerID 0}}Not assigned <a href="apps/{{.App.ID}}/edit">Select one</a>{{else}}{{.ServerName}}{{end}}</dd></div>
+      <div><dt>Domain{{if gt (len .Domains) 1}}s{{end}}</dt><dd class="mono">{{range $i, $d := .Domains}}{{if $i}}, {{end}}{{$d}}{{end}}{{if not .Domains}}-{{end}}</dd></div>
+      <div><dt>Port</dt><dd class="mono">{{.App.Port}}</dd></div>
+      <div><dt>Internal</dt><dd class="mono">{{.ServiceName}}:{{.App.Port}}</dd></div>
+      {{if .App.Command}}<div><dt>Command</dt><dd class="mono">{{.App.Command}}</dd></div>{{end}}
+      {{if .App.Ports}}<div><dt>Ports</dt><dd class="mono">{{.App.Ports | nl2br}}</dd></div>{{end}}
+      {{if .App.MemoryLimit}}<div><dt>Memory limit</dt><dd>{{.App.MemoryLimit}}</dd></div>{{end}}
+      {{if .App.CPULimit}}<div><dt>CPU limit</dt><dd>{{.App.CPULimit}}</dd></div>{{end}}
+      {{if .App.UlimitsNofile}}<div><dt>Ulimits (nofile)</dt><dd>{{.App.UlimitsNofile}}</dd></div>{{end}}
+      {{if or .App.LogMaxSize .App.LogMaxFile}}<div><dt>Log limits</dt><dd>{{if .App.LogMaxSize}}max-size={{.App.LogMaxSize}}{{end}}{{if and .App.LogMaxSize .App.LogMaxFile}}, {{end}}{{if .App.LogMaxFile}}max-file={{.App.LogMaxFile}}{{end}}</dd></div>{{end}}
+      {{if .App.AuthUser}}<div><dt>Auth</dt><dd>basic auth ({{.App.AuthUser}})</dd></div>{{end}}
+      {{if .App.GitRepo}}<div><dt>Git repo</dt><dd class="mono">{{.App.GitRepo}}</dd></div><div><dt>Branch</dt><dd class="mono">{{.App.GitBranch}}</dd></div>{{end}}
+    </dl>
+  <div class="actgrid">
     {{if eq .App.Status "draft"}}
     <form method="POST" action="apps/{{.App.ID}}/deploy">
-      <button type="submit" class="btn btn-primary"{{if eq .App.ServerID 0}} disabled title="Assign a server in Edit first"{{end}}>Deploy</button>
+      <button type="submit" class="btn btn-primary"{{if eq .App.ServerID 0}} disabled title="Assign a server in Edit first"{{end}}>{{template "ui_icon" "rocket"}}Deploy</button>
     </form>
-    <a href="apps/{{.App.ID}}/edit" class="btn btn-secondary">Edit</a>
+    <a href="apps/{{.App.ID}}/edit" class="btn btn-secondary">{{template "ui_icon" "edit"}}Edit</a>
     {{else}}
     {{if eq .App.Status "stopped"}}
-    <form method="POST" action="apps/{{.App.ID}}/start"><button type="submit" class="btn btn-primary">Start</button></form>
-    <a href="apps/{{.App.ID}}/edit" class="btn btn-secondary">Edit</a>
+    <form method="POST" action="apps/{{.App.ID}}/start"><button type="submit" class="btn btn-primary">{{template "ui_icon" "play"}}Start</button></form>
+    <a href="apps/{{.App.ID}}/edit" class="btn btn-secondary">{{template "ui_icon" "edit"}}Edit</a>
     {{else}}
-    <a href="apps/{{.App.ID}}/edit" class="btn btn-primary">Edit</a>
-    {{if eq .App.Status "running"}}<form method="POST" action="apps/{{.App.ID}}/stop"><button type="submit" class="btn btn-secondary">Stop</button></form>{{end}}
+    <a href="apps/{{.App.ID}}/edit" class="btn btn-primary">{{template "ui_icon" "edit"}}Edit</a>
+    {{if eq .App.Status "running"}}<form method="POST" action="apps/{{.App.ID}}/stop"><button type="submit" class="btn btn-secondary">{{template "ui_icon" "square"}}Stop</button></form>{{end}}
     {{end}}
-    <button class="btn btn-ghost" id="app-console-toggle" data-app-id="{{.App.ID}}" onclick="toggleAppConsole()">Console</button>
+    <button class="btn btn-ghost" id="app-console-toggle" data-app-id="{{.App.ID}}" onclick="toggleAppConsole()">{{template "ui_icon" "terminal"}}Console</button>
     {{end}}
   </div>
+  </div>
 
   <div class="console-section">
     <div id="app-console-container" class="console-container" hidden>
@@ -104,24 +120,6 @@ <h3>Resource usage <span id="app-live-indicator" class="badge badge-online live-
   </script>
   {{end}}
 
-  <div class="card">
-    <h3>Details</h3>
-    <dl class="detail-grid">
-      <div><dt>Status</dt><dd><span class="badge badge-{{.App.Status}}">{{.App.Status}}</span></dd></div>
-      <div><dt>Server</dt><dd>{{if eq .App.ServerID 0}}Not assigned <a href="apps/{{.App.ID}}/edit">Select one</a>{{else}}{{.ServerName}}{{end}}</dd></div>
-      <div><dt>Domain{{if gt (len .Domains) 1}}s{{end}}</dt><dd class="mono">{{range $i, $d := .Domains}}{{if $i}}, {{end}}{{$d}}{{end}}{{if not .Domains}}-{{end}}</dd></div>
-      <div><dt>Port</dt><dd class="mono">{{.App.Port}}</dd></div>
-      <div><dt>Internal</dt><dd class="mono">{{.ServiceName}}:{{.App.Port}}</dd></div>
-      {{if .App.Command}}<div><dt>Command</dt><dd class="mono">{{.App.Command}}</dd></div>{{end}}
-      {{if .App.Ports}}<div><dt>Ports</dt><dd class="mono">{{.App.Ports | nl2br}}</dd></div>{{end}}
-      {{if .App.MemoryLimit}}<div><dt>Memory limit</dt><dd>{{.App.MemoryLimit}}</dd></div>{{end}}
-      {{if .App.CPULimit}}<div><dt>CPU limit</dt><dd>{{.App.CPULimit}}</dd></div>{{end}}
-      {{if .App.UlimitsNofile}}<div><dt>Ulimits (nofile)</dt><dd>{{.App.UlimitsNofile}}</dd></div>{{end}}
-      {{if or .App.LogMaxSize .App.LogMaxFile}}<div><dt>Log limits</dt><dd>{{if .App.LogMaxSize}}max-size={{.App.LogMaxSize}}{{end}}{{if and .App.LogMaxSize .App.LogMaxFile}}, {{end}}{{if .App.LogMaxFile}}max-file={{.App.LogMaxFile}}{{end}}</dd></div>{{end}}
-      {{if .App.AuthUser}}<div><dt>Auth</dt><dd>basic auth ({{.App.AuthUser}})</dd></div>{{end}}
-      {{if .App.GitRepo}}<div><dt>Git repo</dt><dd class="mono">{{.App.GitRepo}}</dd></div><div><dt>Branch</dt><dd class="mono">{{.App.GitBranch}}</dd></div>{{end}}
-    </dl>
-  </div>
 
   <div class="card">
     <h3>Docker Compose</h3>
@@ -184,14 +182,13 @@ <h3>Logs</h3>
 
   <div class="card danger-zone">
     <h3>Danger zone</h3>
-    {{if ne .App.Status "draft"}}
-    <div class="dz-row"><div><div class="dz-title">Redeploy</div><div class="dz-desc">Rebuild and restart the app. It is briefly unavailable.</div></div><button type="button" class="btn btn-destructive-outline btn-sm" onclick="openSheet('app-redeploy')">Redeploy</button></div>
-    <div class="dz-row"><div><div class="dz-title">Rollback</div><div class="dz-desc">Restore the last successful deployment.</div></div><button type="button" class="btn btn-destructive-outline btn-sm" onclick="openSheet('app-rollback')">Rollback</button></div>
-    {{end}}
-    {{if .Deployments}}
-    <div class="dz-row"><div><div class="dz-title">Clear deployment history</div><div class="dz-desc">Remove all deployment records. This cannot be undone.</div></div><button type="button" class="btn btn-destructive-outline btn-sm" onclick="openSheet('app-clear-history')">Clear history</button></div>
-    {{end}}
-    <div class="dz-row"><div><div class="dz-title">{{if eq .App.Status "draft"}}Delete draft{{else}}Undeploy{{end}}</div><div class="dz-desc">{{if eq .App.Status "draft"}}Permanently delete this draft.{{else}}Stop the app and remove it from {{.ServerName}}.{{end}}</div></div><button type="button" class="btn btn-destructive-outline btn-sm" onclick="openSheet('app-undeploy')">{{if eq .App.Status "draft"}}Delete draft{{else}}Undeploy{{end}}</button></div>
+    <p class="dz-sub">Each action asks for confirmation first.</p>
+    <div class="dz-grid">
+      {{if ne .App.Status "draft"}}<button type="button" class="btn btn-destructive-outline" onclick="openSheet('app-redeploy')">Redeploy</button>
+      <button type="button" class="btn btn-destructive-outline" onclick="openSheet('app-rollback')">Rollback</button>{{end}}
+      {{if .Deployments}}<button type="button" class="btn btn-destructive-outline" onclick="openSheet('app-clear-history')">Clear history</button>{{end}}
+      <button type="button" class="btn btn-destructive-outline" onclick="openSheet('app-undeploy')">{{if eq .App.Status "draft"}}Delete draft{{else}}Undeploy{{end}}</button>
+    </div>
   </div>
 </div>
 
diff --git a/internal/http/templates/servers_detail.html b/internal/http/templates/servers_detail.html
index b083b83..19e7cf6 100644
--- a/internal/http/templates/servers_detail.html
+++ b/internal/http/templates/servers_detail.html
@@ -20,9 +20,19 @@ <h1>{{.Server.Name}} <span class="badge badge-{{.Server.Status}}">{{.Server.Stat
   {{else if or (eq .Server.Status "initializing") (eq .Server.Status "pending")}}{{template "ui_alert" (dict "Kind" "warn" "Icon" "refresh" "Title" (printf "Status: %s" .Server.Status) "Sub" "Initialization in progress. This page refreshes every 2 seconds.")}}
   {{else}}{{template "ui_alert" (dict "Kind" "danger" "Icon" "alert" "Title" (printf "Status: %s" .Server.Status) "Sub" "Check the SSH key and connection, then run Init worker.")}}{{end}}
 
-  <div class="action-bar">
-    <a href="servers/{{.Server.ID}}/edit" class="btn btn-primary">Edit</a>
-    <button class="btn btn-ghost" id="console-toggle" data-server-id="{{.Server.ID}}" onclick="toggleConsole()">Console</button>
+  <div class="card detail-card">
+    <dl class="detail-grid">
+      <div><dt>Host</dt><dd class="mono">{{.Server.Host}}</dd></div>
+      <div><dt>Port</dt><dd class="mono">{{.Server.Port}}</dd></div>
+      <div><dt>User</dt><dd class="mono">{{.Server.User}}</dd></div>
+      <div class="wide"><dt>SSH key</dt><dd class="mono wrap">{{.Server.SSHKey}}</dd></div>
+      <div class="wide"><dt>Host key</dt><dd class="mono wrap">{{with .Server.HostKeyFingerprint}}{{.}}{{else}}not pinned yet{{end}}</dd></div>
+      <div class="wide"><dt>Registry</dt><dd>{{if .Server.RegistryUser}}{{.Server.RegistryHost}} as {{.Server.RegistryUser}}{{else}}&mdash;{{end}}</dd></div>
+    </dl>
+  <div class="actgrid">
+    <a href="servers/{{.Server.ID}}/edit" class="btn btn-primary">{{template "ui_icon" "edit"}}Edit</a>
+    <button class="btn btn-ghost" id="console-toggle" data-server-id="{{.Server.ID}}" onclick="toggleConsole()">{{template "ui_icon" "terminal"}}Console</button>
+  </div>
   </div>
 
   <div class="console-section">
@@ -62,18 +72,6 @@ <h3>Resource usage <span id="live-indicator" class="badge badge-online live-badg
   </div>
   {{end}}
 
-  <div class="card">
-    <h3>Connection</h3>
-    <dl class="detail-grid">
-      <div><dt>Host</dt><dd class="mono">{{.Server.Host}}</dd></div>
-      <div><dt>Port</dt><dd class="mono">{{.Server.Port}}</dd></div>
-      <div><dt>User</dt><dd class="mono">{{.Server.User}}</dd></div>
-      <div><dt>Status</dt><dd><span class="badge badge-{{.Server.Status}}">{{.Server.Status}}</span></dd></div>
-      <div class="wide"><dt>SSH key</dt><dd class="mono wrap">{{.Server.SSHKey}}</dd></div>
-      <div class="wide"><dt>Host key</dt><dd class="mono wrap">{{with .Server.HostKeyFingerprint}}{{.}}{{else}}not pinned yet{{end}}</dd></div>
-      <div class="wide"><dt>Registry</dt><dd>{{if .Server.RegistryUser}}{{.Server.RegistryHost}} as {{.Server.RegistryUser}}{{else}}&mdash;{{end}}</dd></div>
-    </dl>
-  </div>
 
   {{template "servers_resources_card" .}}
 
@@ -114,9 +112,12 @@ <h3>Apps <span class="count">{{len .Apps}}</span></h3>
 
   <div class="card danger-zone">
     <h3>Danger zone</h3>
-    <div class="dz-row"><div><div class="dz-title">{{if eq .Server.Status "online"}}Re-run init{{else}}Init worker{{end}}</div><div class="dz-desc">Installs Docker and Caddy, re-applies the worker config.</div></div><button type="button" class="btn btn-destructive-outline btn-sm" onclick="openSheet('server-init')">{{if eq .Server.Status "online"}}Re-run init{{else}}Init worker{{end}}</button></div>
-    <div class="dz-row"><div><div class="dz-title">Prune disk</div><div class="dz-desc">Remove stopped containers, unused images and build cache.</div></div><button type="button" class="btn btn-destructive-outline btn-sm" onclick="openSheet('prune-modal')">Prune disk</button></div>
-    <div class="dz-row"><div><div class="dz-title">Remove server</div><div class="dz-desc">Remove from Dockify and delete its SSH key. Cannot be undone.</div></div><button type="button" class="btn btn-destructive-outline btn-sm" onclick="openSheet('server-remove')">Remove server</button></div>
+    <p class="dz-sub">Each action asks for confirmation first.</p>
+    <div class="dz-grid">
+      <button type="button" class="btn btn-destructive-outline" onclick="openSheet('server-init')">{{if eq .Server.Status "online"}}Re-run init{{else}}Init worker{{end}}</button>
+      <button type="button" class="btn btn-destructive-outline" onclick="openSheet('prune-modal')">Prune disk</button>
+      <button type="button" class="btn btn-destructive-outline" onclick="openSheet('server-remove')">Remove server</button>
+    </div>
   </div>
 
 </div>
diff --git a/internal/http/templates/ui_icon.html b/internal/http/templates/ui_icon.html
index bf966cb..581cbf5 100644
--- a/internal/http/templates/ui_icon.html
+++ b/internal/http/templates/ui_icon.html
@@ -1 +1 @@
-{{define "ui_icon"}}<svg class="icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">{{if eq . "sun"}}<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/>{{else if eq . "moon"}}<path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/>{{else if eq . "monitor"}}<rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/>{{else if eq . "logout"}}<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><path d="M16 17l5-5-5-5M21 12H9"/>{{else if eq . "menu"}}<path d="M3 6h18M3 12h18M3 18h18"/>{{else if eq . "x"}}<path d="M18 6L6 18M6 6l12 12"/>{{else if eq . "check"}}<path d="M20 6L9 17l-5-5"/>{{else if eq . "alert"}}<path d="M10.3 3.9L1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/><path d="M12 9v4M12 17h.01"/>{{else if eq . "refresh"}}<path d="M21 12a9 9 0 0 1-15.5 6.2L3 16"/><path d="M3 21v-5h5"/><path d="M3 12a9 9 0 0 1 15.5-6.2L21 8"/><path d="M21 3v5h-5"/>{{else if eq . "plus"}}<path d="M12 5v14M5 12h14"/>{{else if eq . "trash"}}<path d="M3 6h18"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/><path d="M10 11v6M14 11v6"/><path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/>{{else if eq . "external"}}<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><path d="M15 3h6v6M10 14L21 3"/>{{else if eq . "chevron-down"}}<path d="M6 9l6 6 6-6"/>{{else if eq . "chevron-right"}}<path d="M9 6l6 6-6 6"/>{{else if eq . "search"}}<circle cx="11" cy="11" r="8"/><path d="M21 21l-4.3-4.3"/>{{else if eq . "layout-dashboard"}}<rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="16" rx="1"/>{{else if eq . "server"}}<rect width="20" height="8" x="2" y="2" rx="2" ry="2"/><rect width="20" height="8" x="2" y="14" rx="2" ry="2"/><path d="M6 6h.01M6 18h.01"/>{{else if eq . "box"}}<path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="M3.3 7L12 12l8.7-5M12 22V12"/>{{else if eq . "settings"}}<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>{{else if eq . "copy"}}<rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>{{else if eq . "eye"}}<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>{{else if eq . "eye-off"}}<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><path d="M1 1l22 22"/>{{end}}</svg>{{end}}
+{{define "ui_icon"}}<svg class="icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">{{if eq . "sun"}}<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/>{{else if eq . "moon"}}<path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/>{{else if eq . "monitor"}}<rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/>{{else if eq . "logout"}}<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><path d="M16 17l5-5-5-5M21 12H9"/>{{else if eq . "menu"}}<path d="M3 6h18M3 12h18M3 18h18"/>{{else if eq . "x"}}<path d="M18 6L6 18M6 6l12 12"/>{{else if eq . "check"}}<path d="M20 6L9 17l-5-5"/>{{else if eq . "alert"}}<path d="M10.3 3.9L1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/><path d="M12 9v4M12 17h.01"/>{{else if eq . "refresh"}}<path d="M21 12a9 9 0 0 1-15.5 6.2L3 16"/><path d="M3 21v-5h5"/><path d="M3 12a9 9 0 0 1 15.5-6.2L21 8"/><path d="M21 3v5h-5"/>{{else if eq . "plus"}}<path d="M12 5v14M5 12h14"/>{{else if eq . "trash"}}<path d="M3 6h18"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/><path d="M10 11v6M14 11v6"/><path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/>{{else if eq . "external"}}<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><path d="M15 3h6v6M10 14L21 3"/>{{else if eq . "chevron-down"}}<path d="M6 9l6 6 6-6"/>{{else if eq . "chevron-right"}}<path d="M9 6l6 6-6 6"/>{{else if eq . "search"}}<circle cx="11" cy="11" r="8"/><path d="M21 21l-4.3-4.3"/>{{else if eq . "layout-dashboard"}}<rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="16" rx="1"/>{{else if eq . "server"}}<rect width="20" height="8" x="2" y="2" rx="2" ry="2"/><rect width="20" height="8" x="2" y="14" rx="2" ry="2"/><path d="M6 6h.01M6 18h.01"/>{{else if eq . "box"}}<path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="M3.3 7L12 12l8.7-5M12 22V12"/>{{else if eq . "settings"}}<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>{{else if eq . "copy"}}<rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>{{else if eq . "edit"}}<path d="M12 20h9"/><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z"/>{{else if eq . "square"}}<rect x="5" y="5" width="14" height="14" rx="2"/>{{else if eq . "terminal"}}<path d="M4 17l6-6-6-6"/><path d="M12 19h8"/>{{else if eq . "play"}}<path d="M6 4l14 8-14 8z"/>{{else if eq . "rocket"}}<path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2 0-2.8-.8-.7-2-.7-2.8 0z"/><path d="M12 15l-3-3a22 22 0 0 1 2-3.9A12.6 12.6 0 0 1 22 2c0 2.7-.9 7.5-6 11a22 22 0 0 1-4 2z"/><path d="M9 12H4s.6-3.3 2-4c1.6-.9 5 0 5 0"/><path d="M12 15v5s3.3-.6 4-2c.9-1.6 0-5 0-5"/>{{else if eq . "eye"}}<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>{{else if eq . "eye-off"}}<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><path d="M1 1l22 22"/>{{end}}</svg>{{end}}