enhance(telemetry): measure search source + change (#12000)

* enhance(telemetry): add id to quick-search measurement

* enhance(telemetry): measure initial search input change

client/src/search.tsx

@@ -245,7 +245,7 @@ function InnerSearchNavigateWidget(props: InnerSearchNavigateWidgetProps) {
   );
 
   const resultClick: React.MouseEventHandler<HTMLAnchorElement> = () => {
-    gleanClick(quicksearchPing(inputValue));
+    gleanClick(quicksearchPing(`${id} -> ${inputValue}`));
   };
 
   const {
@@ -325,6 +325,8 @@ function InnerSearchNavigateWidget(props: InnerSearchNavigateWidgetProps) {
     );
   }, [resultItems, inputValue]);
 
+  const [hasChanged, setHasChanged] = useState(false);
+
   const searchResults = (() => {
     if (!isOpen || !inputValue.trim()) {
       return null;
@@ -493,6 +495,10 @@ function InnerSearchNavigateWidget(props: InnerSearchNavigateWidgetProps) {
           onChange(event) {
             if (event.target instanceof HTMLInputElement) {
               onChangeInputValue(event.target.value);
+              if (!hasChanged) {
+                gleanClick(`quick-search-change: ${id}`);
+                setHasChanged(true);
+              }
             }
           },
           ref: (input) => {