feat(ui): disable search when no options

Author: psychedelicious

invokeai/frontend/web/src/common/components/Picker/Picker.tsx

@@ -460,7 +460,12 @@ export const Picker = typedMemo(<T extends object, U = undefined, C = undefined>
         gap={2}
         onKeyDown={onKeyDown}
       >
-        <SearchBarComponent ref={inputRef} value={searchTerm} onChange={onChangeSearchTerm} />
+        <SearchBarComponent
+          ref={inputRef}
+          value={searchTerm}
+          onChange={onChangeSearchTerm}
+          isDisabled={flattenedOptions.length === 0}
+        />
         <Flex tabIndex={-1} w="full" flexGrow={1}>
           {flattenedOptions.length === 0 && <NoOptionsFallbackWrapper>{noOptionsFallback}</NoOptionsFallbackWrapper>}
           {flattenedOptions.length > 0 && flattenedFilteredOptions.length === 0 && (

invokeai/frontend/web/src/features/settingsAccordions/components/GenerationSettingsAccordion/MainModelPicker.tsx

@@ -244,7 +244,7 @@ const SearchBarComponent = typedMemo(
     const { t } = useTranslation();
     const dispatch = useAppDispatch();
     const compactModelPicker = useAppSelector(selectCompactModelPicker);
-    const { extra, setSearchTerm } = usePickerContext<AnyModelConfig, GroupData, PickerExtraContext>();
+    const { extra, setSearchTerm, options } = usePickerContext<AnyModelConfig, GroupData, PickerExtraContext>();
     const onToggleCompact = useCallback(() => {
       dispatch(compactModelPickerToggled());
     }, [dispatch]);
@@ -276,6 +276,7 @@ const SearchBarComponent = typedMemo(
             variant="ghost"
             icon={compactModelPicker ? <PiArrowsOutLineVerticalBold /> : <PiArrowsInLineVerticalBold />}
             onClick={onToggleCompact}
+            isDisabled={options.length === 0}
           />
         </Flex>
         <Flex gap={2} alignItems="center">