From 02af115108a18c9ac9fe4f59134d2ffdaefc8f46 Mon Sep 17 00:00:00 2001
From: Hibryda <hibryda@protonmail.com>
Date: Thu, 26 Mar 2026 01:47:59 +0100
Subject: [PATCH] feat(electrobun): add AGOR icon above vertical title in
 sidebar

---
 ui-electrobun/src/mainview/App.svelte | 30 +++++++++++++++++++++------
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/ui-electrobun/src/mainview/App.svelte b/ui-electrobun/src/mainview/App.svelte
index e5537a3..6c35287 100644
--- a/ui-electrobun/src/mainview/App.svelte
+++ b/ui-electrobun/src/mainview/App.svelte
@@ -364,8 +364,15 @@
     <!-- Drag zone for window move — inset from edges so resize handles work -->
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     <div class="sidebar-drag-zone" onmousedown={onDragStart}></div>
-    <!-- AGOR vertical title -->
-    <div class="agor-title" aria-hidden="true">AGOR</div>
+    <!-- AGOR icon + vertical title -->
+    <div class="agor-logo" aria-hidden="true">
+      <svg viewBox="0 0 1024 1024" class="agor-icon">
+        <path d="m 511.25,122.26 399.81,164.65 -3.62,456.24 -396.88,158.59 -7,-0.22 -390.62,-163.57 1.47,-447.34 1.01,-6.5 z" fill="#000" fill-opacity="0.6"/>
+        <path d="M 114.41 290.62 L 112.94 737.96 L 503.55 901.52 L 503.55 457.25 L 327.41 404.65 L 328.19 382.13 L 326.81 375.13 L 286.69 354.24 L 281.5 357.08 L 273.94 379.42 L 114.41 290.62 z M 280.87 426.71 L 329.29 451.78 L 459.19 843.17 L 384.55 814.12 L 295.3 501.27 L 232.53 604.52 L 310.88 641.55 L 331 709.86 L 149.17 633.38 L 280.87 426.71 z" fill="#cd9c34"/>
+        <path d="m 511.25,122.26 -395.83,161.85 152.77,74.28 19.42,-7.86 45.4,23.32 -12.67,6 191.16,70.01 399.56,-162.95 z m 399.81,164.65 -56.34,28.39 -0.6,225.96 -140.78,56.9 -1.14,163.29 -194.29,78.7 -0.63,-386.87 -11.79,3.94 v 444.53 h 5.07 L 907.44,743.15 Z M 672.56,194.74 723.92,215.34 337.84,371.78 291.6,348.92 Z m 180.42,408.33 2.03,100.41 -85.28,33.83 -0.49,-101.19 z" fill="#ffe14b"/>
+      </svg>
+      <span class="agor-text">AGOR</span>
+    </div>
 
     <!-- Group icons — numbered circles -->
     <div class="sidebar-groups" role="list" aria-label="Project groups">
@@ -664,7 +671,21 @@
   }
   .sidebar:active { cursor: grabbing; }
 
-  .agor-title {
+  .agor-logo {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.25rem;
+    padding: 0.5rem 0;
+    user-select: none;
+    pointer-events: none;
+    flex-shrink: 0;
+  }
+  .agor-icon {
+    width: 2rem;
+    height: 2rem;
+  }
+  .agor-text {
     writing-mode: vertical-rl;
     transform: rotate(180deg);
     font-family: "Inter", system-ui, sans-serif;
@@ -672,9 +693,6 @@
     font-size: 1.5rem;
     letter-spacing: 0.2em;
     color: var(--ctp-overlay0);
-    padding: 1rem 0;
-    user-select: none;
-    pointer-events: none;
     flex-shrink: 0;
   }