From bf53016de1e64758b19645fdc29fd64174e64fe9 Mon Sep 17 00:00:00 2001
From: Psychotoxical <171614930+Psychotoxical@users.noreply.github.com>
Date: Sat, 25 Apr 2026 10:27:52 +0200
Subject: [PATCH] feat(orbit): replace topbar trigger label with custom
 wordmark SVG

Inline SVG component using currentColor so the wordmark inherits the
button's accent tint and hover state. Hover rotation is now scoped to
the lucide spinner icon so the wordmark doesn't tilt with it.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/OrbitStartTrigger.tsx |  6 ++++--
 src/components/OrbitWordmark.tsx     | 27 +++++++++++++++++++++++++++
 src/styles/components.css            |  4 ++--
 3 files changed, 33 insertions(+), 4 deletions(-)
 create mode 100644 src/components/OrbitWordmark.tsx

diff --git a/src/components/OrbitStartTrigger.tsx b/src/components/OrbitStartTrigger.tsx
index ddd52bc1..29dc22a8 100644
--- a/src/components/OrbitStartTrigger.tsx
+++ b/src/components/OrbitStartTrigger.tsx
@@ -7,6 +7,7 @@ import { useAuthStore } from '../store/authStore';
 import { useHelpModalStore } from '../store/helpModalStore';
 import OrbitStartModal from './OrbitStartModal';
 import OrbitJoinModal from './OrbitJoinModal';
+import OrbitWordmark from './OrbitWordmark';
 
 /**
  * Topbar trigger — opens a small launch popover offering three choices:
@@ -71,10 +72,11 @@ export default function OrbitStartTrigger() {
         data-tooltip-pos="bottom"
         aria-haspopup="menu"
         aria-expanded={popoverOpen || undefined}
+        aria-label={t('orbit.triggerLabel')}
         style={{ position: 'relative', display: 'flex', alignItems: 'center', gap: '0.5rem', padding: '0.5rem 1rem' }}
       >
-        <OrbitIcon size={18} />
-        <span>{t('orbit.triggerLabel')}</span>
+        <OrbitIcon size={18} className="orbit-start-trigger__spin" />
+        <OrbitWordmark height={14} />
       </button>
 
       {popoverOpen && createPortal(
diff --git a/src/components/OrbitWordmark.tsx b/src/components/OrbitWordmark.tsx
new file mode 100644
index 00000000..07d9d40f
--- /dev/null
+++ b/src/components/OrbitWordmark.tsx
@@ -0,0 +1,27 @@
+interface Props {
+  height?: number;
+  className?: string;
+}
+
+export default function OrbitWordmark({ height = 14, className }: Props) {
+  const aspect = 196.08815 / 57.845078;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 196.08815 57.845078"
+      height={height}
+      width={height * aspect}
+      role="img"
+      aria-hidden="true"
+      focusable="false"
+      className={className}
+    >
+      <g transform="translate(-7.7456077,-119.53015)">
+        <path
+          fill="currentColor"
+          d="m 27.436423,177.05707 c -8.972304,-1.70056 -16.384232,-8.34465 -18.7226364,-16.78306 -1.727359,-6.23339 -1.119305,-13.19137 1.6316934,-18.6715 4.675041,-9.31292 13.929434,-14.45169 24.454173,-13.57888 2.906636,0.24105 4.992498,0.83544 8.1548,2.32381 6.345332,2.9865 10.856856,8.37605 12.982616,15.50929 0.865257,2.90347 1.167008,8.21052 0.649979,11.43149 -1.507647,9.39229 -8.285817,16.85045 -17.609249,19.3758 -2.769724,0.75022 -8.607924,0.94904 -11.541376,0.39305 z m 9.829489,-7.68655 c 5.584431,-1.66786 9.741698,-6.09361 11.295798,-12.0253 0.610671,-2.33081 0.606009,-6.95943 -0.0093,-9.26042 -1.635496,-6.11577 -6.191953,-10.77732 -12.007279,-12.28422 -2.043151,-0.52943 -6.100012,-0.53686 -8.153292,-0.0149 -5.01984,1.27602 -9.44361,5.13469 -11.396447,9.94065 -0.34565,0.85065 -0.819874,2.65204 -1.053832,4.00309 -1.67792,9.68955 4.058196,18.3945 13.20758,20.0434 1.897627,0.34199 6.366335,0.12051 8.116798,-0.40228 z m 68.004328,7.3943 c -1.92383,-0.51698 -3.51794,-1.47853 -5.364224,-3.23562 l -1.52135,-1.44786 v 2.15694 2.15694 h -3.57188 -3.57187 v -24.34167 -24.34166 h 3.70416 3.70417 v 10.05992 10.05991 l 1.447134,-1.44713 c 2.66799,-2.668 6.74122,-4.08789 10.71377,-3.73473 6.956,0.6184 12.45418,5.50399 14.29526,12.70251 0.71318,2.78854 0.71716,6.73786 0.01,9.50451 -1.51512,5.92407 -5.99242,10.4624 -11.77081,11.93124 -1.9858,0.50478 -6.15355,0.49275 -8.07393,-0.0233 z m 5.32426,-7.07957 c 2.99418,-0.70475 5.49199,-2.84854 6.62556,-5.68653 0.47827,-1.19739 0.5977,-2.01959 0.60135,-4.13996 0.004,-2.45821 -0.059,-2.78191 -0.89208,-4.56482 -1.03365,-2.21225 -2.77639,-4.01276 -4.71783,-4.87419 -1.93947,-0.86056 -5.3192,-0.96327 -7.28695,-0.22145 -4.985524,1.87948 -7.547364,7.13655 -6.129824,12.57882 1.350564,5.18516 6.446004,8.16827 11.799774,6.90813 z m -46.545061,-9.76034 0.07168,-16.47032 3.638021,-0.0736 3.638026,-0.0736 v 2.41248 2.41247 l 1.03982,-1.31548 c 1.21457,-1.53655 2.08934,-2.20224 4.1089,-3.12682 1.77675,-0.81342 4.66888,-1.09509 6.75753,-0.65813 2.28992,0.47907 2.20193,0.26483 1.70436,4.15027 -0.24062,1.8789 -0.48308,3.46447 -0.53881,3.52348 -0.0557,0.059 -0.71163,-0.0898 -1.45757,-0.33073 -4.47329,-1.44472 -8.89348,0.56671 -10.61993,4.83265 -0.57738,1.42665 -0.60005,1.80703 -0.67562,11.33193 l -0.0782,9.85573 h -3.82995 -3.829952 z m 69.059781,0 0.0681,-16.47032 h 3.57188 3.57187 l 0.0682,16.47032 0.0682,16.47031 h -3.70817 -3.70817 z m 21.63169,3.3807 V 150.216 l -3.77032,-0.0734 -3.77031,-0.0734 v -3.30729 -3.3073 l 3.7641,-0.0734 3.76409,-0.0734 0.0724,-4.55684 0.0724,-4.55683 3.63802,-0.0736 3.63802,-0.0736 v 4.63096 4.63096 l 4.16719,0.0729 4.16718,0.0729 v 3.3073 3.30729 l -4.16718,0.0729 -4.16719,0.0729 v 1.69361 1.69361 l 1.46198,0.71528 c 1.2897,0.63099 1.68721,0.70057 3.37343,0.59046 2.16063,-0.1411 2.95968,-0.48812 6.54512,-2.84244 3.63312,-2.38563 4.84168,-2.79022 8.33093,-2.78891 2.45464,9.2e-4 3.07615,0.0889 3.96875,0.56195 0.58208,0.30847 1.98747,1.05212 3.12309,1.65255 1.49109,0.78838 2.37992,1.0917 3.1991,1.0917 1.48322,0 3.39534,-0.5882 4.6837,-1.4408 1.5083,-0.99815 1.26206,-0.41609 -0.52323,1.23677 -2.6595,2.46223 -5.14621,2.68235 -8.92086,0.78965 -2.33797,-1.17232 -3.17555,-1.40725 -5.03982,-1.41364 -2.13667,-0.007 -4.3699,0.88132 -7.41461,2.95038 -1.54505,1.04996 -3.4705,2.20148 -4.27877,2.55894 -2.52379,1.11614 -5.3755,1.08513 -8.17808,-0.0889 -0.25042,-0.10491 -0.33073,0.44248 -0.33073,2.25413 v 2.39267 l 1.01815,0.30505 c 1.57448,0.47173 4.94777,0.19776 6.60855,-0.53673 0.77495,-0.34273 2.7205,-1.5526 4.32346,-2.68861 3.85122,-2.72935 5.18652,-3.24669 8.42276,-3.26328 2.4419,-0.0125 2.58518,0.021 5.02708,1.17757 2.33314,1.10503 2.66689,1.19048 4.65016,1.19063 1.98625,1.5e-4 2.29862,-0.0801 4.43881,-1.14063 1.7934,-0.88866 2.86688,-1.67807 4.85723,-3.57187 1.40527,-1.3371 2.45293,-2.2525 2.32813,-2.03422 -1.98827,3.47772 -5.08303,6.68104 -7.69865,7.9687 -1.68102,0.82757 -2.00707,0.89469 -4.33678,0.89275 -2.27766,-0.002 -2.7093,-0.0865 -4.50348,-0.88247 -3.85133,-1.70865 -6.6968,-1.41475 -10.42097,1.07635 -1.14763,0.76764 -2.93356,1.9612 -3.96875,2.65235 -2.43182,1.62362 -4.77555,2.41921 -7.17383,2.43519 -1.01864,0.007 -2.23903,-0.074 -2.71197,-0.17948 l -0.8599,-0.19182 v 5.68192 5.68193 h -3.70417 -3.70416 z M 135.43599,136.9256 c -1.37575,-0.39376 -2.28358,-1.15199 -2.89737,-2.41993 -0.6765,-1.39745 -0.69308,-2.62453 -0.0543,-4.01566 0.57806,-1.25884 1.16811,-1.82296 2.48014,-2.37116 1.35309,-0.56536 2.52963,-0.50867 3.90936,0.18835 4.09578,2.06912 3.00809,8.0259 -1.59544,8.73753 -0.50933,0.0787 -1.33841,0.0251 -1.84242,-0.11913 z m 11.87907,-0.28403 c -0.18061,-0.3971 -0.20075,-3.27276 -0.0605,-8.63685 0.18825,-7.19902 0.25828,-8.07176 0.66834,-8.32989 0.3475,-0.21876 0.55169,-0.19364 0.84602,0.10404 0.52827,0.5343 0.93578,15.9571 0.44582,16.8726 -0.42255,0.78955 -1.53875,0.78373 -1.8997,-0.01 z m 5.05391,-4.41437 c -0.15065,-0.28148 -0.2739,-1.98943 -0.2739,-3.79545 0,-2.84516 0.0646,-3.34216 0.48386,-3.72156 0.64402,-0.58284 1.28771,-0.55354 1.6235,0.0739 0.15064,0.28147 0.27389,1.95617 0.27389,3.72156 0,3.49661 -0.2072,4.23333 -1.19062,4.23333 -0.36477,0 -0.76132,-0.22138 -0.91673,-0.51177 z m -9.6256,-1.55958 c -0.61865,-0.6836 -0.63596,-5.36569 -0.0221,-5.97954 1.1461,-1.1461 1.75379,-0.19572 1.90681,2.98209 0.10528,2.1862 0.0554,2.65306 -0.32422,3.03265 -0.57734,0.57733 -1.01508,0.56746 -1.56048,-0.0352 z m 14.96087,-0.36282 c -0.38947,-0.38947 -0.41795,-2.44 -0.0436,-3.13947 0.33021,-0.617 1.45722,-0.67948 1.68218,-0.0933 0.27926,0.72773 0.17372,2.90211 -0.1569,3.23273 -0.17463,0.17463 -0.508,0.3175 -0.74084,0.3175 -0.23283,0 -0.56621,-0.14287 -0.74083,-0.3175 z"
+        />
+      </g>
+    </svg>
+  );
+}
diff --git a/src/styles/components.css b/src/styles/components.css
index f43f802c..8d8368b6 100644
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -11891,14 +11891,14 @@ html[data-psy-native-hidden="true"] *::after {
   border-color: color-mix(in srgb, var(--accent) 45%, var(--ctp-surface1));
   transition: color 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 200ms ease;
 }
-.orbit-start-trigger svg { transition: transform 260ms ease; }
+.orbit-start-trigger__spin { transition: transform 260ms ease; }
 .orbit-start-trigger:hover {
   color: var(--accent);
   border-color: color-mix(in srgb, var(--accent) 70%, transparent);
   background: color-mix(in srgb, var(--accent) 10%, var(--bg-hover));
   box-shadow: 0 0 12px -3px color-mix(in srgb, var(--accent) 55%, transparent);
 }
-.orbit-start-trigger:hover svg { transform: rotate(45deg); }
+.orbit-start-trigger:hover .orbit-start-trigger__spin { transform: rotate(45deg); }
 
 /* Launch popover — three-option menu anchored below the topbar trigger. */
 .orbit-launch-pop {