diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index 6f69c1cf..54070a3e 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -55,18 +55,24 @@ const config: UserConfig = {
       dark: "/logo-dark.svg",
     },
     footer: {
-      message:
-        "GPUI Component is an open source project under the Apache-2.0 License, developed by <a href='https://longbridge.com' target='_blank'>Longbridge</a>.",
+      message: `GPUI Component is an open source project under the Apache-2.0 License,
+        developed by <a href='https://longbridge.com' target='_blank'>Longbridge</a>.`,
       copyright: `
-      <a href="https://gpui.rs">GPUI</a>
-      |
-      <a href="/gpui-component/contributors">Contributors</a>
-      |
-      <a href="/gpui-component/llms-full.txt" target="_blank">llms-full.txt</a>
-      |
-      <a href="https://github.com/longbridge/gpui-component/issues" target="_blank">Report Bug</a>
-      |
-      <a href="https://github.com/longbridge/gpui-component/discussions" target="_blank">Discussion</a>
+      <p>
+        <a href="https://gpui.rs">GPUI</a>
+        |
+        <a href="/gpui-component/contributors">Contributors</a>
+        |
+        <a href="/gpui-component/llms-full.txt" target="_blank">llms-full.txt</a>
+        |
+        <a href="https://github.com/longbridge/gpui-component/issues" target="_blank">Report Bug</a>
+        |
+        <a href="https://github.com/longbridge/gpui-component/discussions" target="_blank">Discussion</a>
+      </p>
+      <p>
+        Icon resources are used <a href="https://lucide.dev" target="_blank">Lucide</a>,
+        <a href="https://isocons.app" target="_blank">Isocons</a>.
+      </p>
       `,
     },
     // https://vitepress.dev/reference/default-theme-config
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index e9437767..41f95d3e 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -41,7 +41,7 @@
   --sidebar-ring: oklch(0.708 0 0);
 
   --vp-c-bg: var(--background);
-  --vp-c-bg-alt: var(--sidebar);
+  --vp-c-bg-alt: var(--secondary);
   --vp-c-bg-elv: var(--popover);
   --vp-c-bg-soft: var(--secondary);
 
@@ -104,27 +104,31 @@
   }
 
   .DocSearch-Button {
-    @apply rounded-md py-0 px-2 h-8 lg:w-56 xl:w-64;
+    @apply rounded-full py-0 px-2 h-8 lg:w-56 xl:w-64;
+
+    .DocSearch-Button-Keys {
+      @apply rounded-full p-1;
+    }
   }
 
   .VPNav {
-    @apply bg-(--background) border-b border-(--border) border-dashed;
+    @apply bg-(--background) border-b border-(--border);
 
     .divider {
       @apply hidden;
     }
   }
 
+  .VPSwitch {
+    @apply border-(--secondary) bg-(--secondary) hover:border-(--border);
+  }
+
   .VPFooter {
     @apply border-dashed;
   }
 
   .VPSidebar {
-    @apply border-r border-dashed border-(--border) bg-(--background);
-
-    .VPSidebarItem .items {
-      @apply border-dashed;
-    }
+    @apply border-r border-(--border) bg-(--background);
   }
 
   .VPNavBarTitle {
@@ -133,12 +137,6 @@
     }
   }
 
-  .aside {
-    .content {
-      @apply border-dashed;
-    }
-  }
-
   .prev-next {
     @apply border-0 pt-0;
 
@@ -148,6 +146,14 @@
   }
 }
 
+.VPContent.has-sidebar {
+  .VPDoc {
+    @apply pt-32;
+    background: url("/components.svg") no-repeat;
+    background-position: top -45px right 320px;
+  }
+}
+
 .vp-doc {
   h2 {
     @apply border-t-0 mt-10 pt-0 pb-3 border-b border-dashed border-(--border);
diff --git a/docs/contributors.md b/docs/contributors.md
index c5f606ca..9baccc73 100644
--- a/docs/contributors.md
+++ b/docs/contributors.md
@@ -6,13 +6,4 @@ layout: home
 import Contributors from './contributors.vue'
 </script>
 
-<div class="py-10"></div>
-
-# Contributors
-
-We would like to extend our heartfelt thanks to the following
-individuals for their invaluable contributions to the GPUI Component
-library. Their dedication, expertise, and passion have been
-instrumental in shaping this project into what it is today.
-
 <Contributors />
diff --git a/docs/contributors.vue b/docs/contributors.vue
index d366b91b..2f9f19f7 100644
--- a/docs/contributors.vue
+++ b/docs/contributors.vue
@@ -1,5 +1,7 @@
 <template>
     <div class="contributors-page">
+        <h1>Contributors</h1>
+        <p>Thanks to all the people who have contributed to this project!</p>
         <div class="contributors-list">
             <a
                 :href="contributor.html_url"
@@ -18,6 +20,16 @@
                 </div>
             </a>
         </div>
+        <div class="mt-6 text-(--muted-foreground)">
+            More contributors not shown here. See the full
+            <a
+                href="https://github.com/longbridge/gpui-component/graphs/contributors"
+                target="_blank"
+            >
+                Contributors</a
+            >
+            on GitHub.
+        </div>
     </div>
 </template>
 
@@ -28,12 +40,23 @@ const contributors = data;
 
 <style lang="scss" scoped>
 @reference "./.vitepress/theme/style.css";
+
+.contributors-page {
+    @apply py-10 pt-30;
+    background: url("/contributors.svg") no-repeat;
+    background-position: top 20px right 20px;
+}
+
 .contributors-list {
-    @apply my-8 grid grid-cols-1 lg:grid-cols-4 gap-6;
+    @apply mt-8 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 border-r border-b border-(--border);
 }
 
 .contributor-card {
-    @apply px-4 py-3 gap-3  border border-[var(--border)] rounded-lg hover:shadow-lg transition-shadow items-center text-center justify-center no-underline flex flex-col;
+    @apply px-4 py-3 gap-3 border border-(--border) hover:bg-(--secondary) transition-shadow
+    items-center text-center text-(--foreground) hover:text-(--foreground) justify-center no-underline flex flex-col
+    border border-b-0 border-(--border);
+
+    @apply border-r-0 last:border-r-0 md:last:border-b-0 lg:last:border-b-0;
 
     .contributor-avatar {
         @apply w-12 h-12 rounded-full;
diff --git a/docs/index.vue b/docs/index.vue
index 7887ddd0..b1ae599c 100644
--- a/docs/index.vue
+++ b/docs/index.vue
@@ -113,7 +113,10 @@ import {
 @reference "./.vitepress/theme/style.css";
 
 .banner {
-    @apply flex flex-col gap-2 lg:gap-4 -mt-20  py-12 xl:py-30 text-center border border-b-0 border-dashed border-(--border);
+    @apply flex flex-col gap-2 lg:gap-4 -mt-20  py-12 xl:py-30 text-center border border-b-0 border-(--border);
+
+    background: url("/home.svg") no-repeat;
+    background-position: bottom -90px right -90px;
 
     h1 {
         @apply mt-20 text-3xl xl:text-5xl font-bold mb-2 text-(--primary);
@@ -137,7 +140,7 @@ import {
         }
     }
     .version {
-        @apply text-sm text-(--muted-foreground);
+        @apply text-sm text-(--muted-foreground) pb-10;
         a {
             @apply text-(--muted-foreground) no-underline hover:underline;
         }
@@ -145,11 +148,11 @@ import {
 }
 
 .features {
-    @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mb-12 border-b border-r border-dashed border-(--border);
+    @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mb-12 border-b border-r  border-(--border);
 }
 
 .feature-card {
-    @apply flex flex-col text-sm gap-2 py-3.5 px-5 border border-b-0 border-(--border) border-dashed;
+    @apply flex flex-col text-sm gap-2 py-3.5 px-5 border border-b-0 border-(--border);
     @apply border-r-0 last:border-r-0 md:last:border-b-0 lg:last:border-b-0;
 
     h3 {
diff --git a/docs/public/components.svg b/docs/public/components.svg
new file mode 100644
index 00000000..130bd67a
--- /dev/null
+++ b/docs/public/components.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="382px" height="282px" viewBox="0 0 382 282" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>move-selection-left</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="move-selection-left" transform="translate(1.029833, 1.080080)" stroke="#E0E0E0" stroke-width="0.727272727">
+            <polygon id="Path" points="190.453755 191.895787 190.453755 252.079516 166.651392 238.327534 166.651392 178.143806"></polygon>
+            <polygon id="Path" points="380 137.429814 356.347795 151.091521 332.54513 137.339539 356.197335 123.677832"></polygon>
+            <polygon id="Path" points="332.391662 109.92555 308.712374 123.587256 284.908807 109.834973 308.592006 96.2036595"></polygon>
+            <polygon id="Path" points="320.839395 171.553687 308.712374 178.565092 304.198594 181.152992 297.18719 185.215394 273.383322 171.493504 284.908807 164.843202 297.033721 157.831797 301.547501 160.449789 308.712374 164.572074"></polygon>
+            <polygon id="Path" points="261.711891 205.708254 238.059987 219.369659 214.257623 205.617677 237.909528 191.955971"></polygon>
+            <polygon id="Path" points="214.106261 178.234081 190.453755 191.895787 166.651392 178.143806 190.302995 164.482099"></polygon>
+            <polygon id="Path" points="284.759551 82.4516776 232.640442 112.543542 142.846019 164.391824 52.1193494 112.03198 2.93098879e-14 81.9401159 141.943865 0"></polygon>
+            <polygon id="Path" points="142.846019 164.391824 142.846019 224.575552 1.82076576e-14 142.123844 1.82076576e-14 81.9401159 52.1193494 112.03198"></polygon>
+            <polygon id="Path" points="284.761958 82.4516776 284.761958 142.635406 214.106261 183.439974 214.106261 178.234081 190.302995 164.482099 166.651392 178.143806 166.651392 210.82357 142.848125 224.575552 142.848125 164.391824 232.642549 112.543542"></polygon>
+            <polygon id="Path" points="332.394671 109.92555 332.394671 170.109278 320.839395 176.789672 320.839395 171.553687 308.712374 164.572375 308.712374 123.587256"></polygon>
+            <polygon id="Path" points="308.712374 123.587256 308.712374 164.572375 301.547501 160.449789 297.033721 157.831797 284.908807 164.843202 284.908807 109.835274"></polygon>
+            <polygon id="Path" points="214.106863 178.234081 214.106863 238.417809 190.454357 252.079516 190.454357 191.895787"></polygon>
+            <polygon id="Path" points="238.059987 219.36996 238.059987 279.553689 214.257623 265.801707 214.257623 205.617978"></polygon>
+            <polygon id="Path" points="261.706776 205.708254 261.706776 265.891982 238.054871 279.553689 238.054871 219.36996"></polygon>
+            <polygon id="Path" points="297.18719 185.215394 297.18719 245.399122 273.383322 231.677232 273.383322 171.493504"></polygon>
+            <polygon id="Path" points="320.839395 171.553687 320.839395 231.737416 297.18719 245.399423 297.18719 185.215695 304.198594 181.152992 308.712374 178.565092"></polygon>
+            <polygon id="Path" points="380 137.429814 380 197.613543 356.347795 211.274948 356.347795 151.09122"></polygon>
+            <polygon id="Path" points="356.347795 151.09122 356.347795 211.274948 332.54513 197.522966 332.54513 137.339238"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/docs/public/contributors.svg b/docs/public/contributors.svg
new file mode 100644
index 00000000..3d1fb614
--- /dev/null
+++ b/docs/public/contributors.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="302px" height="226px" viewBox="0 0 302 226" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>groups</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="groups" transform="translate(0.959336, 1.179324)" stroke="#E0E0E0" stroke-width="0.786885246">
+            <path d="M208.854088,111.890472 L208.854088,112.608359 C208.854088,114.582548 208.520783,116.120877 207.854174,117.941233 C206.623511,121.197363 204.290378,124.120188 200.829138,126.68407 C199.803585,127.427596 198.701116,128.171121 197.496092,128.863369 L188.343034,134.144966 L181.241081,138.247177 L125.015155,105.814073 L91.633415,86.5336821 L60.4050792,68.5095936 L76.6859845,59.1001476 C78.3525077,58.1515114 80.1215861,57.2797916 81.9675809,56.5619047 C84.9416837,55.3568803 88.1465359,54.4338829 91.633415,53.8185513 C92.9409947,53.5621631 94.299852,53.3570526 95.709987,53.2032196 C96.2227633,53.151942 96.7355397,53.1006644 97.2739548,53.0493867 C104.196435,52.3827775 111.708609,52.587888 119.810475,53.6903572 C122.707662,54.0749394 125.630487,54.5877158 128.578951,55.2286862 C131.988913,55.9722119 135.424515,56.8439317 138.911394,57.8951232 C141.423998,58.6642877 143.98788,59.5103687 146.551762,60.4590049 C153.910102,63.1510808 161.140249,66.4072106 168.216562,70.2017555 C169.934363,71.1247529 171.652164,72.0733892 173.344326,73.0476642 C178.497728,76.021767 183.138354,79.0215087 187.240565,82.0468891 C190.240306,84.2261886 192.958021,86.4311269 195.393709,88.661704 C201.188081,93.9433003 205.11082,99.0710638 207.136287,104.096272 C208.290034,106.942181 208.854088,109.300952 208.854088,111.890472 Z" id="Path"></path>
+            <path d="M130.322134,4.87399778 C124.784149,1.69478443 118.118057,0.0539001266 110.349495,0.00262249197 C102.580934,-0.0742939599 95.8379247,1.54092589 90.1717461,4.8226945 C84.6850392,7.97626903 81.9416857,11.8477561 81.9671465,16.3858267 C81.9671465,20.9239487 84.7619556,24.7954101 90.2999401,28.0002623 C96.0173964,31.2820309 102.760405,32.9229152 110.528967,32.8716375 C118.297529,32.8459987 124.937982,31.2307532 130.450328,28.0515399 C136.090868,24.8210489 138.911394,20.9495875 138.911394,16.5396596 L138.911394,16.488382 C138.885755,12.0528666 136.03959,8.18140521 130.322134,4.87399778 Z" id="Path"></path>
+            <path d="M299.999827,109.480424 L299.999827,109.531701 C299.999827,113.967217 297.179557,117.813039 291.539017,121.069169 C286.026671,124.248382 279.386218,125.837989 271.617656,125.889563 C263.849094,125.914905 257.106085,124.274021 251.388629,120.992253 C249.158052,119.710312 247.363335,118.274538 246.030116,116.761848 C244.055927,114.531271 243.081652,112.069944 243.056014,109.377868 C243.056014,104.839798 245.773728,100.993975 251.260435,97.8147617 C251.721934,97.5583736 252.183433,97.3019854 252.644931,97.0968749 C253.029513,96.8661255 253.388457,96.6866538 253.773039,96.5328209 C258.875164,94.122772 264.797731,92.9433865 271.438184,92.9946641 C279.206746,93.0715805 285.872838,94.686826 291.410823,97.8916782 C297.128279,101.173447 299.974188,105.044908 299.999827,109.480424 Z" id="Path"></path>
+            <path d="M253.773039,51.4597801 L253.773039,51.5110577 C253.773039,58.1515114 249.542634,63.9458841 241.081825,68.8172594 C232.72357,73.637357 222.75007,76.0474059 211.135686,76.0730447 C199.495663,76.1243223 189.419608,73.6629958 180.856243,68.7147041 C172.47235,63.8689676 168.241945,58.0745949 168.215837,51.3059472 C168.165028,44.5372994 172.318517,38.7685655 180.676771,33.9484679 C189.16322,29.0258149 199.239275,26.6157661 210.853659,26.6926826 C222.493682,26.7439602 232.492821,29.2052867 240.876714,34.0510231 C249.440079,38.9993149 253.7474,44.7936876 253.773039,51.4597801 Z" id="Path"></path>
+            <polygon id="Path" points="45.3038158 59.7667569 45.3038158 111.044391 0 84.8927978 0 33.6151632"></polygon>
+            <path d="M91.6329022,41.1786143 L91.6329022,53.8185513 C88.1460231,54.4338829 84.9411709,55.3568803 81.9670681,56.5619047 C80.1210733,57.2797916 78.3519949,58.1515114 76.6854718,59.1001476 L60.4048228,68.5095936 L60.4048228,102.352832 L45.3035594,111.044391 L45.3035594,59.7667569 L61.5842084,50.3829497 C65.7376968,47.9729009 70.3270451,46.0243508 75.3522533,44.4860218 C77.4802751,43.8450513 79.6852134,43.2553585 81.9670681,42.7938598 C85.0437262,42.1016118 88.2742172,41.5631966 91.6329022,41.1786143 Z" id="Path"></path>
+            <polygon id="Path" points="181.241081 138.247177 181.241081 189.524811 60.4050792 119.787228 60.4050792 68.5095936 91.633415 86.5336821 125.015155 105.814073"></polygon>
+            <line x1="208.853831" y1="111.890472" x2="208.853831" y2="111.044391" id="Path"></line>
+            <polygon id="Path" points="241.646135 173.115968 241.646135 224.393603 196.342345 198.242009 196.342345 146.964374 205.674874 152.348526 208.828449 154.168882"></polygon>
+            <line x1="265.233591" y1="205.267045" x2="265.233591" y2="204.29277" id="Path"></line>
+            <path d="M265.233591,153.015135 L265.233591,204.29277 C265.233591,208.62573 262.618431,212.292081 257.388112,215.317461 L241.645879,224.393603 L241.645879,173.115968 L247.645362,169.654728 L257.388112,164.039827 C262.618431,161.014446 265.233591,157.348095 265.233591,153.015135 Z" id="Path"></path>
+            <path d="M265.233591,152.784386 L265.233591,153.015135 C265.233591,157.348095 262.618431,161.014446 257.388112,164.039827 L247.645362,169.654728 L241.646135,173.115968 L208.828449,154.168882 L205.674874,152.348526 L196.342345,146.964374 L200.188167,144.759436 L208.828449,139.759867 L212.597355,137.580567 C216.930315,135.067963 220.468216,132.401526 223.211569,129.555618 C224.390955,128.324954 225.442402,127.068652 226.314122,125.761073 C227.493508,124.068911 228.39061,122.325471 229.057219,120.505115 C231.057047,121.325557 232.980215,122.197277 234.800571,123.145913 C234.980043,123.248468 235.159514,123.325385 235.338986,123.42794 C237.364453,124.504771 239.36428,125.60724 241.389747,126.760986 C241.953801,127.094291 242.517855,127.427596 243.05627,127.7609 C252.773125,133.555273 259.311024,139.298368 262.669709,144.990186 C263.182485,145.810628 263.592706,146.63107 263.95165,147.451512 C264.772092,149.323146 265.182313,151.117863 265.233591,152.784386 Z" id="Path"></path>
+            <path d="M300,109.531701 L300,160.758058 C300.025466,165.219212 297.205196,169.065035 291.539017,172.346804 C286.026671,175.526017 279.386218,177.115624 271.617656,177.166901 C269.412718,177.166901 267.284696,177.038707 265.233591,176.782319 L265.233591,152.784386 C265.182313,151.117863 264.772092,149.323146 263.95165,147.451512 C263.592706,146.63107 263.182485,145.810628 262.669709,144.990186 C259.311024,139.298368 252.773125,133.555273 243.056014,127.7609 L243.056014,109.377868 C243.081652,112.069944 244.055927,114.531271 246.030116,116.761848 C247.363335,118.274538 249.158052,119.710312 251.388629,120.992253 C257.106085,124.274021 263.849094,125.914905 271.617656,125.889267 C279.386218,125.837989 286.026671,124.248382 291.539017,121.069169 C297.179557,117.813039 300,113.967217 300,109.531701 Z" id="Path"></path>
+            <path d="M208.853831,112.608359 L208.853831,139.759867 L200.187655,144.759436 L196.341832,146.964374 L196.341832,180.807613 L181.240569,189.524811 L181.240569,138.247177 L188.342777,134.144966 L197.495579,128.863369 C198.700603,128.171121 199.803072,127.427596 200.828625,126.68407 C204.289865,124.120188 206.622998,121.197363 207.853661,117.941233 C208.52027,116.120877 208.853831,114.582548 208.853831,112.608359 Z" id="Path"></path>
+            <path d="M243.05627,118.88987 L243.05627,127.7609 C242.517855,127.427596 241.953801,127.094291 241.389747,126.760986 C239.36428,125.60724 237.364453,124.504771 235.338986,123.42794 C235.159514,123.325385 234.980043,123.248468 234.800571,123.145913 C236.97987,122.274193 239.082253,121.248641 241.082081,120.094894 C241.774329,119.710312 242.440938,119.300091 243.05627,118.88987 Z" id="Path"></path>
+            <path d="M253.773039,51.5110577 L253.773039,96.5328209 C253.388457,96.6866538 253.029513,96.8661255 252.644931,97.0968749 C252.183433,97.3019854 251.721934,97.5583736 251.260435,97.8147617 C245.773985,100.993975 243.030631,104.839798 243.05627,109.377868 L243.05627,118.88987 C242.440938,119.300091 241.774329,119.710312 241.082081,120.094894 C239.082253,121.248641 236.97987,122.274193 234.800571,123.145913 C232.980215,122.197277 231.057303,121.325557 229.057476,120.505115 C228.390866,122.325471 227.493508,124.068911 226.314122,125.761073 C221.622219,126.812264 216.571372,127.350679 211.135942,127.350679 C210.366778,127.350679 209.597613,127.350679 208.854088,127.32504 L208.854088,111.890472 C208.854088,109.300952 208.290034,106.942181 207.136287,104.096272 C205.11082,99.0710638 201.188081,93.9433003 195.393709,88.661704 C192.958021,86.4311269 190.240306,84.2261886 187.240565,82.0468891 C183.138354,79.0215087 178.497728,76.021767 173.344326,73.0476642 C171.652164,72.0733892 169.934363,71.1247529 168.216562,70.2017555 L168.216562,51.3059472 C168.242201,58.0745949 172.472606,63.8689676 180.856499,68.7147041 C189.419864,73.6629958 199.495919,76.1243223 211.135942,76.0730447 C222.750327,76.0474059 232.723827,73.637357 241.082081,68.8172594 C249.542891,63.9458841 253.773039,58.1515114 253.773039,51.5110577 Z" id="Path"></path>
+            <path d="M91.6331586,41.1786143 C88.2744736,41.5631966 85.0439826,42.1016118 81.9673245,42.7938598 C79.6854698,43.2553585 77.4805315,43.8450513 75.3525097,44.4860218 C70.3273015,46.0243508 65.7379532,47.9729009 61.5844648,50.3829497 L45.3038158,59.7667569 L0,33.6151632 L15.7679239,24.5133831 C22.9467671,20.3855335 32.4587683,19.1548703 44.3551796,20.7957546 C56.225952,22.4622777 68.2249185,26.7952378 80.3008014,33.7689961 C80.8648554,34.1023008 81.4289094,34.4099666 81.9673245,34.7432712 C83.5312924,35.6662686 85.0439826,36.5636272 86.4797564,37.4609858 C88.4026677,38.6916491 90.1204684,39.9223123 91.6331586,41.1786143 Z" id="Path"></path>
+            <path d="M138.911138,16.5396596 L138.911138,57.8951232 C135.424259,56.8439317 131.988657,55.9722119 128.578694,55.2286862 C125.63023,54.5877158 122.707405,54.0749394 119.810219,53.6903572 C111.708353,52.587888 104.196179,52.3827775 97.2736984,53.0493867 C96.7352833,53.1006644 96.2225069,53.151942 95.7097306,53.2032196 C94.2995956,53.3570526 92.9407383,53.5621631 91.6331586,53.8185513 L91.6331586,41.1786143 C90.1204684,39.9223123 88.4026677,38.6916491 86.4797564,37.4609858 C85.0439826,36.5636272 83.5312924,35.6662686 81.9673245,34.7432712 L81.9673245,16.3858267 C81.9673245,20.9239487 84.7619556,24.7954101 90.2999401,28.0002623 C96.0173964,31.2820309 102.760405,32.9229152 110.528967,32.8716375 C118.297529,32.8459987 124.937982,31.2307532 130.450328,28.0515399 C136.090868,24.8210489 138.911138,20.9495875 138.911138,16.5396596 Z" id="Path"></path>
+            <line x1="138.910881" y1="16.539634" x2="138.910881" y2="16.4883307" id="Path"></line>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/docs/public/home.svg b/docs/public/home.svg
new file mode 100644
index 00000000..3d9c7cae
--- /dev/null
+++ b/docs/public/home.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="382px" height="286px" viewBox="0 0 382 286" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>select-all-1</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="select-all-1" transform="translate(1.024194, 1.024194)" stroke="#E0E0E0">
+            <path d="M84.2942308,124.775962 L84.1660256,124.840064 L84.2942308,124.904167 L84.4224359,125.000321 L84.4224359,124.679808 L84.2942308,124.775962 Z M295.544231,149.551603 L295.416026,149.615705 L295.544231,149.679808 L295.672436,149.775962 L295.672436,149.455449 L295.544231,149.551603 Z" id="Shape"></path>
+            <polygon id="Path" points="316.858974 146.474679 316.858974 210.577244 295.801282 198.429808 295.801282 158.622115 295.673077 158.558013 295.673077 134.263141 308.846154 141.859295 316.602564 146.314423"></polygon>
+            <polygon id="Path" points="274.775962 170.769872 274.775962 234.872436 253.718269 222.725 253.718269 182.949359 253.590064 182.885256 253.590064 158.558333"></polygon>
+            <polygon id="Path" points="295.544551 149.551282 295.416346 149.615385 295.544551 149.679487 295.544551 158.461538 274.615064 146.410256 261.217628 154.166667 253.589423 158.557692 253.589423 182.884615 245.704808 178.301282 232.531731 170.705128 211.50609 182.852564 211.50609 207.179487 203.621474 202.596154 190.448397 195 190.320192 195.064103 190.320192 170.641026 218.974038 154.102564 240.031731 141.923077 261.057372 129.775641 274.230449 122.179487 282.115064 117.628205 295.288141 110.032051 295.416346 109.935897 295.544551 109.871795"></polygon>
+            <polygon id="Path" points="211.634295 207.24391 211.50609 207.308013 190.576603 219.391346 190.320192 219.23109 169.422756 207.147756 177.01891 202.756731 190.320192 195.064423 190.448397 195.000321 203.621474 202.596474 211.50609 207.179808"></polygon>
+            <polygon id="Path" points="211.634615 207.244231 211.634615 271.346795 190.576923 283.49391 190.576923 219.391346 211.50641 207.308333"></polygon>
+            <polygon id="Path" points="232.660897 195.096154 232.660897 259.199038 211.635256 247.019231 211.635256 207.24391 211.507051 207.179487 211.507051 182.852564 224.648077 190.448718"></polygon>
+            <polygon id="Path" points="63.525641 146.025641 63.525641 210.128205 42.3397436 197.916667 42.3397436 133.814103 55.4807692 141.410256 63.2692308 145.865385"></polygon>
+            <polygon id="Path" points="21.1858974 121.570833 21.1858974 185.673397 0 173.461859 0 109.359295"></polygon>
+            <path d="M84.4230769,133.782051 L84.2948718,133.717949 L84.2948718,134.038462 L84.4230769,133.974359 L84.5833333,133.878205 L84.4230769,133.782051 Z M189.391026,0 L168.365385,12.1474359 L189.519231,24.3589744 L210.576923,12.2115385 L189.391026,0 Z M231.762821,24.4551282 L210.705128,36.6025641 L231.891026,48.8141026 L252.916667,36.6666667 L231.762821,24.4551282 Z M274.102564,48.9102564 L253.044872,61.0576923 L274.230769,73.2692308 L295.288462,61.1217949 L274.102564,48.9102564 Z M42.0833333,109.358974 L21.025641,97.2115385 L0,109.358974 L21.1858974,121.570513 L42.0833333,109.487179 L42.2115385,109.423077 L42.0833333,109.358974 Z M126.25,60.7692308 L105.224359,48.5897436 L84.1666667,60.7371795 L105.352564,72.9807692 L126.25,60.8974359 L126.378205,60.8333333 L126.25,60.7692308 Z M295.673077,158.557692 L295.544872,158.461538 L295.544872,158.782051 L295.673077,158.685897 L295.801282,158.621795 L295.673077,158.557692 Z" id="Shape"></path>
+            <polygon id="Path" points="168.49391 36.5387821 168.365705 36.6028846 147.436218 48.6862179 126.250321 36.4426282 147.308013 24.2951923 168.365705 36.4746795"></polygon>
+            <polygon id="Path" points="380 110.032051 358.942308 122.179487 337.75641 109.967949 358.814103 97.8205128"></polygon>
+            <polygon id="Path" points="337.628205 85.5766026 316.602564 97.7240385 295.416346 85.5125 316.442308 73.3650641"></polygon>
+            <path d="M295.416026,109.807692 L295.287821,109.711538 L274.230128,97.5641026 L253.044231,85.3525641 L252.916026,85.2564103 L231.890385,73.1410256 L210.704487,60.8974359 L210.576282,60.8333333 L189.646795,48.75 L189.51859,48.8141026 L168.492949,60.9615385 L168.364744,61.025641 L147.435256,73.1089744 L126.377564,85.2564103 L126.249359,85.3525641 L105.351923,97.4038462 L84.4224359,109.487179 L97.5955128,117.083333 L105.351923,121.570513 L118.78141,129.326923 L139.935256,141.538462 L161.121154,153.782051 L190.319872,170.641026 L218.973718,154.102564 L240.03141,141.923077 L261.057051,129.775641 L274.230128,122.179487 L282.114744,117.628205 L295.287821,110.032051 L295.416026,109.935897 L295.544231,109.871795 L295.416026,109.807692 Z M253.044231,109.967949 L218.845513,129.711538 L197.787821,141.858974 L190.191667,146.25 L182.178846,141.634615 L160.992949,129.391026 L126.666026,109.583333 L134.294231,105.192308 L147.435256,97.5961538 L155.319872,93.0448718 L168.492949,85.4166667 L176.377564,80.8653846 L189.51859,73.3012821 L189.775,73.1410256 L202.916026,80.7371795 L210.704487,85.224359 L224.133974,92.9487179 L231.890385,97.4358974 L245.287821,105.160256 L253.044231,109.647436 L253.332692,109.807692 L253.044231,109.967949 Z" id="Shape"></path>
+            <polygon id="Path" points="295.545192 158.461218 295.545192 158.781731 282.372115 166.377885 274.775962 170.76891 253.590064 158.557372 261.218269 154.166346 274.615705 146.409936"></polygon>
+            <polygon id="Path" points="189.775641 73.1413462 189.775641 137.24391 182.179487 141.634936 160.99359 129.391346 126.666667 109.583654 134.294872 105.192628 147.435897 97.5964744 155.320513 93.0451923 168.49359 85.4169872 176.378205 80.8657051 189.519231 73.3016026"></polygon>
+            <polygon id="Path" points="253.044872 109.647756 253.044872 109.968269 218.846154 129.711859 197.788462 141.859295 189.775641 137.24391 189.775641 73.1413462 202.916667 80.7375 210.705128 85.2246795 224.134615 92.9490385 231.891026 97.4362179 245.288462 105.160577"></polygon>
+            <polygon id="Path" points="253.71859 182.948718 253.590385 183.012821 232.660897 195.096154 224.648077 190.448718 211.507051 182.852564 232.532692 170.705128 245.705769 178.301282 253.590385 182.884615"></polygon>
+            <polygon id="Path" points="169.263141 182.788462 155.865705 190.544872 148.2375 194.935897 127.051603 182.692308 134.647756 178.301282 148.109295 170.544872"></polygon>
+            <polygon id="Path" points="126.923718 158.333654 105.866026 170.48109 97.8532051 165.833654 84.7121795 158.2375 105.737821 146.090064 118.878846 153.686218"></polygon>
+            <polygon id="Path" points="84.1663462 85.0641026 84.1663462 85.1923077 63.2689103 97.275641 42.0830128 85.0320513 63.1407051 72.8846154"></polygon>
+            <polygon id="Path" points="380 110.032372 380 174.134936 358.942308 186.282372 358.942308 122.179808"></polygon>
+            <polygon id="Path" points="358.942308 122.179808 358.942308 186.282372 337.884615 174.134936 337.884615 134.327244 337.75641 134.263141 337.75641 109.968269"></polygon>
+            <polygon id="Path" points="337.884615 134.327244 337.75641 134.391346 337.628205 134.4875 324.455128 142.083654 316.858974 146.474679 316.602564 146.314423 308.846154 141.859295 295.673077 134.263141 316.602564 122.179808 316.730769 122.115705 337.628205 134.166987 337.75641 134.263141"></polygon>
+            <line x1="295.673077" y1="158.685897" x2="295.673077" y2="158.557692" id="Path"></line>
+            <polygon id="Path" points="337.628205 85.5769231 337.628205 134.166667 316.730769 122.115064 316.602564 122.179167 316.602564 97.724359"></polygon>
+            <polygon id="Path" points="337.884615 174.00609 337.75641 174.070192 337.884615 174.134295 337.884615 198.429167 316.858974 210.576603 316.858974 146.474038 324.455128 142.083013 337.628205 134.486859 337.75641 134.390705 337.884615 134.326603"></polygon>
+            <polygon id="Path" points="316.602564 97.7240385 316.602564 122.179167 295.672756 134.2625 295.672756 149.454808 295.544551 149.550962 295.544551 109.871474 295.416346 109.807372 295.416346 85.5125"></polygon>
+            <polygon id="Path" points="295.288782 61.1221154 295.288782 109.711859 274.23109 97.5644231 274.23109 73.2695513"></polygon>
+            <polygon id="Path" points="274.23141 73.2695513 274.23141 97.5644231 253.045513 85.3525641 253.045513 61.0576923"></polygon>
+            <polygon id="Path" points="252.916987 36.6663462 252.916987 85.2560897 231.891346 73.1407051 231.891346 48.8137821"></polygon>
+            <polygon id="Path" points="231.891667 48.8137821 231.891667 73.1407051 210.705769 60.8971154 210.705769 36.6022436"></polygon>
+            <polygon id="Path" points="210.576603 12.2117308 210.576603 60.8336538 189.647115 48.7503205 189.51891 48.8144231 189.51891 24.3592949"></polygon>
+            <polygon id="Path" points="189.51859 24.3589744 189.51859 48.8141026 168.492949 60.9615385 168.492949 36.5384615 168.364744 36.474359 168.364744 12.1475641"></polygon>
+            <polygon id="Path" points="168.49359 36.538141 168.49359 60.9612179 168.365385 61.0253205 147.435897 73.1086538 147.435897 48.6855769 168.365385 36.6022436"></polygon>
+            <polygon id="Path" points="253.717628 182.949038 253.717628 247.051603 232.659615 259.199038 232.659615 195.096474 253.589423 183.013141"></polygon>
+            <polygon id="Path" points="190.576603 219.390705 190.576603 283.493269 169.422756 271.249679 169.422756 207.147115 190.320192 219.230449"></polygon>
+            <polygon id="Path" points="169.262821 182.788462 169.262821 246.891026 148.237179 259.038462 148.237179 194.935897 155.865385 190.544872"></polygon>
+            <polygon id="Path" points="148.2375 194.935897 148.2375 259.038462 127.051603 246.794872 127.051603 182.692308"></polygon>
+            <polygon id="Path" points="126.922436 173.525321 126.666026 173.685577 126.922436 173.845833 126.922436 222.435577 105.864744 234.583013 105.864744 170.480449 126.922436 158.333013"></polygon>
+            <polygon id="Path" points="105.866026 170.48109 105.866026 234.583654 84.7121795 222.340064 84.7121795 158.2375 97.8532051 165.833654"></polygon>
+            <line x1="84.5836538" y1="173.685577" x2="84.5836538" y2="173.493269" id="Path"></line>
+            <polygon id="Path" points="42.2112179 109.422756 42.2112179 173.525321 21.1854487 185.672756 21.1854487 121.570192 42.0830128 109.486859"></polygon>
+            <polygon id="Path" points="84.5826923 173.685897 84.5826923 197.98109 63.525 210.128205 63.525 146.025962 71.1532051 141.634615 84.2942308 134.038462 84.4224359 133.974359 84.4224359 173.589744"></polygon>
+            <line x1="84.2942308" y1="124.903526" x2="84.2942308" y2="124.775321" id="Path"></line>
+            <polygon id="Path" points="84.2948718 133.717949 84.2948718 134.038462 71.1538462 141.634295 63.525641 146.025641 63.2692308 145.865064 55.4807692 141.409936 42.3397436 133.814103 63.2692308 121.698718 63.3974359 121.634615"></polygon>
+            <polygon id="Path" points="63.2689103 97.275641 63.2689103 121.698718 42.3394231 133.814103 42.3394231 149.294872 42.2112179 149.198718 42.2112179 109.423077 42.0830128 109.358974 42.0830128 85.0320513"></polygon>
+            <line x1="42.0830128" y1="109.4875" x2="42.0830128" y2="109.359295" id="Path"></line>
+            <polygon id="Path" points="84.2955128 124.904167 84.2955128 133.718269 63.3980769 121.634936 63.2698718 121.699038 63.2698718 97.2759615 84.1673077 85.1926282 84.1673077 124.840064"></polygon>
+            <polygon id="Path" points="105.351923 72.9807692 105.351923 97.4035256 84.4224359 109.487179 84.4224359 124.679487 84.2942308 124.775641 84.2942308 85.1278846 84.1660256 85.0641026 84.1660256 60.7371795"></polygon>
+            <polygon id="Path" points="126.250321 60.8974359 126.250321 85.3525641 105.352885 97.4038462 105.352885 72.9807692"></polygon>
+            <polygon id="Path" points="147.436218 48.6862179 147.436218 73.1092949 126.378526 85.2567308 126.378526 60.8336538 126.250321 60.7695513 126.250321 36.4426282"></polygon>
+            <line x1="126.250321" y1="60.8974359" x2="126.250321" y2="60.7692308" id="Path"></line>
+            <line x1="84.4224359" y1="133.974359" x2="84.4224359" y2="133.782051" id="Path"></line>
+            <polygon id="Path" points="190.319872 170.640705 190.319872 195.063782 177.01859 202.75609 169.422436 207.147115 169.422436 222.659936 169.262179 222.595833 169.262179 182.788141 148.108333 170.544551 134.646795 178.300962 127.050641 182.691987 127.050641 198.204808 126.922436 198.140705 126.922436 158.333013 118.877564 153.685577 105.736538 146.089423 84.7108974 158.236859 84.7108974 173.429167 84.5826923 173.493269 84.5826923 133.877885 84.4224359 133.781731 84.4224359 109.486859 97.5955128 117.083013 105.351923 121.570192 118.78141 129.326603 139.935256 141.538141 161.121154 153.781731"></polygon>
+            <polygon id="Path" points="295.801282 198.429487 295.801282 222.724359 274.775641 234.871795 274.775641 170.769231 282.371795 166.378205 295.544872 158.782051 295.673077 158.685897 295.673077 198.365385"></polygon>
+            <line x1="295.544872" y1="149.679167" x2="295.544872" y2="149.550962" id="Path"></line>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/docs/public/logo-dark.svg b/docs/public/logo-dark.svg
index 330d4660..af24d24b 100644
--- a/docs/public/logo-dark.svg
+++ b/docs/public/logo-dark.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <svg
-    width="22px"
-    height="22px"
-    viewBox="0 0 22 22"
+    width="24px"
+    height="25px"
+    viewBox="0 0 24 25"
     version="1.1"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
 >
-    <title>gpui-component</title>
+    <title>Slice</title>
     <g
         id="Page-1"
         stroke="none"
@@ -17,46 +17,40 @@
     >
         <g
             id="gpui-component"
-            transform="translate(11.394059, 11.386736) rotate(-180.000000) translate(-11.394059, -11.386736) translate(2.257359, 3.000000)"
+            transform="translate(12.257359, 12.015009) rotate(-180.000000) translate(-12.257359, -12.015009) translate(0.257359, 1.000000)"
         >
             <rect
                 id="Rectangle"
                 fill="#FFFFFF"
-                x="9.27339927"
-                y="0.5"
-                width="9"
-                height="6"
+                x="12.1795392"
+                y="0.656692267"
+                width="11"
+                height="7.33333333"
                 rx="0.5"
             />
             <rect
                 id="Rectangle-Copy"
                 stroke="#FFFFFF"
-                x="9.77339927"
-                y="9"
-                width="8"
-                height="7"
+                x="12.6795392"
+                y="11.6637685"
+                width="10.8204608"
+                height="9.50707628"
                 rx="0.5"
             />
             <rect
                 id="Rectangle"
                 stroke="#FFFFFF"
-                x="0.773399268"
+                x="0.85907837"
                 y="0.5"
-                width="5"
-                height="7"
+                width="6.88030721"
+                height="9.50707628"
                 rx="1"
             />
-            <rect
+            <path
+                d="M6.17564948,15.7896628 C6.58986304,15.7896628 6.96486304,15.957556 7.23630965,16.2290026 C7.50775626,16.5004492 7.67564948,16.8754492 7.67564948,17.2896628 L7.67564948,17.2896628 L7.67564948,18.5432009 C7.67564948,18.9574145 7.50775626,19.3324145 7.23630965,19.6038611 C6.96486304,19.8753077 6.58986304,20.0432009 6.17564948,20.0432009 L6.17564948,20.0432009 L2.82069608,20.0432009 C2.40648252,20.0432009 2.03148252,19.8753077 1.76003591,19.6038611 C1.4885893,19.3324145 1.32069608,18.9574145 1.32069608,18.5432009 L1.32069608,18.5432009 L1.32069608,17.2896628 C1.32069608,16.8754492 1.4885893,16.5004492 1.76003591,16.2290026 C2.03148252,15.957556 2.40648252,15.7896628 2.82069608,15.7896628 L2.82069608,15.7896628 Z"
                 id="Rectangle"
                 stroke="#FFFFFF"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                transform="translate(3.424871, 13.641421) rotate(-210.000000) translate(-3.424871, -13.641421) "
-                x="0.624871131"
-                y="11.6414214"
-                width="5.6"
-                height="4"
-                rx="2"
+                transform="translate(4.498173, 17.916432) rotate(-210.000000) translate(-4.498173, -17.916432) "
             />
         </g>
     </g>
diff --git a/docs/public/logo.svg b/docs/public/logo.svg
index eda952e8..c59b6fad 100644
--- a/docs/public/logo.svg
+++ b/docs/public/logo.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>gpui-component</title>
+<svg width="24px" height="25px" viewBox="0 0 24 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Slice</title>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="gpui-component" transform="translate(11.394059, 11.386736) rotate(-180.000000) translate(-11.394059, -11.386736) translate(2.257359, 3.000000)">
-            <rect id="Rectangle" fill="#000000" x="9.27339927" y="0.5" width="9" height="6" rx="0.5"></rect>
-            <rect id="Rectangle-Copy" stroke="#000000" x="9.77339927" y="9" width="8" height="7" rx="0.5"></rect>
-            <rect id="Rectangle" stroke="#000000" x="0.773399268" y="0.5" width="5" height="7" rx="1"></rect>
-            <rect id="Rectangle" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" transform="translate(3.424871, 13.641421) rotate(-210.000000) translate(-3.424871, -13.641421) " x="0.624871131" y="11.6414214" width="5.6" height="4" rx="2"></rect>
+        <g id="gpui-component" transform="translate(12.257359, 12.015009) rotate(-180.000000) translate(-12.257359, -12.015009) translate(0.257359, 1.000000)">
+            <rect id="Rectangle" fill="#000000" x="12.1795392" y="0.656692267" width="11" height="7.33333333" rx="0.5"></rect>
+            <rect id="Rectangle-Copy" stroke="#000000" x="12.6795392" y="11.6637685" width="10.8204608" height="9.50707628" rx="0.5"></rect>
+            <rect id="Rectangle" stroke="#000000" x="0.85907837" y="0.5" width="6.88030721" height="9.50707628" rx="1"></rect>
+            <path d="M6.17564948,15.7896628 C6.58986304,15.7896628 6.96486304,15.957556 7.23630965,16.2290026 C7.50775626,16.5004492 7.67564948,16.8754492 7.67564948,17.2896628 L7.67564948,17.2896628 L7.67564948,18.5432009 C7.67564948,18.9574145 7.50775626,19.3324145 7.23630965,19.6038611 C6.96486304,19.8753077 6.58986304,20.0432009 6.17564948,20.0432009 L6.17564948,20.0432009 L2.82069608,20.0432009 C2.40648252,20.0432009 2.03148252,19.8753077 1.76003591,19.6038611 C1.4885893,19.3324145 1.32069608,18.9574145 1.32069608,18.5432009 L1.32069608,18.5432009 L1.32069608,17.2896628 C1.32069608,16.8754492 1.4885893,16.5004492 1.76003591,16.2290026 C2.03148252,15.957556 2.40648252,15.7896628 2.82069608,15.7896628 L2.82069608,15.7896628 Z" id="Rectangle" stroke="#000000" transform="translate(4.498173, 17.916432) rotate(-210.000000) translate(-4.498173, -17.916432) "></path>
         </g>
     </g>
 </svg>
\ No newline at end of file