Show canonical branches and tags in peer selector

src/components/TextInput.svelte

@@ -11,6 +11,8 @@
   export let placeholder: string | undefined = undefined;
   export let value: string | undefined = undefined;
 
+  export let size: "small" | "regular" = "regular";
+
   export let autofocus: boolean = false;
   export let autoselect: boolean = false;
   export let disabled: boolean = false;
@@ -76,9 +78,14 @@
     position: relative;
     flex: 1;
     align-items: center;
-    height: var(--button-regular-height);
     background: var(--color-surface-base);
   }
+  .wrapper.small {
+    height: var(--button-small-height);
+  }
+  .wrapper.regular {
+    height: var(--button-regular-height);
+  }
   input {
     background: var(--color-surface-base);
     font-family: inherit;
@@ -139,7 +146,7 @@
   }
 </style>
 
-<div class="wrapper">
+<div class="wrapper {size}">
   <input
     class:invalid={!valid && value}
     style:padding-right={rightContainerWidth