Updates graph search

- adds search history hint in search placeholder
- adds `@me` filter to search helper

src/webviews/apps/shared/components/search/search-box.ts

@@ -187,7 +187,7 @@ export class SearchBox extends FASTElement {
 	label = 'Search';
 
 	@attr
-	placeholder = 'Search commits, e.g. "Updates dependencies" author:eamodio';
+	placeholder = 'Search commits (↑↓ for history), e.g. "Updates dependencies" author:eamodio';
 
 	@attr
 	value = '';

src/webviews/apps/shared/components/search/search-input.ts

@@ -162,6 +162,9 @@ const template = html<SearchInput>`
 			<button class="helper-button" type="button" @click="${(x, _c) => x.handleInsertToken('change:')}">
 				Change <small>change: or ~:</small>
 			</button>
+			<button class="helper-button" type="button" @click="${(x, _c) => x.handleInsertToken('@me')}">
+				My changes <small>@me</small>
+			</button>
 		</div>
 	</template>
 `;
@@ -519,6 +522,10 @@ export class SearchInput extends FASTElement {
 		this.value += `${this.value.length > 0 ? ' ' : ''}${token}`;
 		window.requestAnimationFrame(() => {
 			this.debouncedUpdateHelpText();
+			// `@me` can be searched right away since it doesn't need additional text
+			if (token === '@me') {
+				this.debouncedEmitSearch();
+			}
 			this.input.focus();
 		});
 	}