From da65d4bc1a1122d9ece6d0169542c1eb9d6cdae5 Mon Sep 17 00:00:00 2001
From: Forbes <forbes@kindred-systems.com>
Date: Sun, 15 Feb 2026 12:38:20 -0600
Subject: [PATCH] feat(web): favicon, narrow settings, scrollable token list

- Add kindred-logo.svg as site favicon (#115)
- Narrow settings page to 66% max-width, centered (#116)
- Add max-height and scroll to API token table (#118)

Closes #115, closes #116, closes #118
---
 web/index.html                 |  19 +++---
 web/public/favicon.svg         | 106 +++++++++++++++++++++++++++++++++
 web/src/pages/SettingsPage.tsx |  11 +++-
 3 files changed, 125 insertions(+), 11 deletions(-)
 create mode 100644 web/public/favicon.svg
diff --git a/web/index.html b/web/index.html
index 2a22464..5e87e92 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,12 +1,13 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Silo</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+        <title>Silo</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
 </html>
diff --git a/web/public/favicon.svg b/web/public/favicon.svg
new file mode 100644
index 0000000..64d4ea8
--- /dev/null
+++ b/web/public/favicon.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1028"
+   height="1028"
+   viewBox="0 0 271.99167 271.99167"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (2aeb623e1d, 2025-05-12)"
+   sodipodi:docname="kindred-logo.svg"
+   inkscape:export-filename="../3290ed6b/kindred-logo-blue-baack.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="true"
+     inkscape:zoom="1.036062"
+     inkscape:cx="397.6596"
+     inkscape:cy="478.25323"
+     inkscape:window-width="2494"
+     inkscape:window-height="1371"
+     inkscape:window-x="1146"
+     inkscape:window-y="1112"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:export-bgcolor="#79c0c500">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid6"
+       units="mm"
+       originx="0"
+       originy="0"
+       spacingx="0.99999998"
+       spacingy="1"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="5"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       enabled="true"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 123.49166 : 1"
+       inkscape:vp_y="0 : 999.99998 : 0"
+       inkscape:vp_z="210.00001 : 123.49166 : 1"
+       inkscape:persp3d-origin="105 : 73.991665 : 1"
+       id="perspective1" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       sodipodi:type="star"
+       style="fill:#7c4a82;fill-opacity:1;stroke:#12101c;stroke-width:5;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       id="path6-81-5"
+       inkscape:flatsided="true"
+       sodipodi:sides="6"
+       sodipodi:cx="61.574867"
+       sodipodi:cy="103.99491"
+       sodipodi:r1="25.000006"
+       sodipodi:r2="22.404818"
+       sodipodi:arg1="-1.5707963"
+       sodipodi:arg2="-1.0471974"
+       inkscape:rounded="0.77946499"
+       inkscape:randomized="0"
+       d="m 61.574868,78.994905 c 19.486629,10e-7 11.907325,-4.375912 21.65064,12.500004 9.743314,16.875911 9.743314,8.12409 -1e-6,25.000001 -9.743315,16.87592 -2.164011,12.50001 -21.65064,12.50001 -19.486629,0 -11.907326,4.37591 -21.65064,-12.50001 -9.743314,-16.875912 -9.743314,-8.12409 0,-25.000002 9.743315,-16.875916 2.164012,-12.500003 21.650641,-12.500003 z"
+       transform="matrix(1.9704344,0,0,1.8525167,-28.510585,-40.025402)" />
+    <path
+       sodipodi:type="star"
+       style="fill:#ff9701;fill-opacity:1;stroke:#12101c;stroke-width:5;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       id="path6-81-5-6"
+       inkscape:flatsided="true"
+       sodipodi:sides="6"
+       sodipodi:cx="61.574867"
+       sodipodi:cy="103.99491"
+       sodipodi:r1="25.000006"
+       sodipodi:r2="22.404818"
+       sodipodi:arg1="-1.5707963"
+       sodipodi:arg2="-1.0471974"
+       inkscape:rounded="0.77946499"
+       inkscape:randomized="0"
+       d="m 61.574868,78.994905 c 19.486629,10e-7 11.907325,-4.375912 21.65064,12.500004 9.743314,16.875921 9.743314,8.12409 -1e-6,25.000001 -9.743315,16.87592 -2.164011,12.50001 -21.65064,12.50001 -19.48663,0 -11.907326,4.37591 -21.65064,-12.50001 -9.743314,-16.875913 -9.743315,-8.12409 10e-7,-25.000002 9.743315,-16.875916 2.164011,-12.500003 21.65064,-12.500003 z"
+       transform="matrix(1.9704344,0,0,1.8525167,56.811738,-86.338327)" />
+  </g>
+</svg>
diff --git a/web/src/pages/SettingsPage.tsx b/web/src/pages/SettingsPage.tsx
index 4a32a32..f68a8a8 100644
--- a/web/src/pages/SettingsPage.tsx
+++ b/web/src/pages/SettingsPage.tsx
@@ -90,7 +90,7 @@ export function SettingsPage() {
   };
 
   return (
-    <div>
+    <div style={{ maxWidth: "66%", margin: "0 auto" }}>
       <h2 style={{ marginBottom: "1rem" }}>Settings</h2>
 
       {/* Account Card */}
@@ -217,7 +217,14 @@ export function SettingsPage() {
             {tokensError}
           </p>
         ) : (
-          <div style={{ overflowX: "auto", marginTop: "1rem" }}>
+          <div
+            style={{
+              overflowX: "auto",
+              overflowY: "auto",
+              maxHeight: "28rem",
+              marginTop: "1rem",
+            }}
+          >
             <table style={{ width: "100%", borderCollapse: "collapse" }}>
               <thead>
                 <tr>
-- 
2.49.1

