chore(ui): lint

invokeai/frontend/web/public/locales/en.json

@@ -674,6 +674,7 @@
         "noMetaData": "No metadata found",
         "noRecallParameters": "No parameters to recall found",
         "parameterSet": "Parameter {{parameter}} set",
+        "parsingFailed": "Parsing Failed",
         "perlin": "Perlin Noise",
         "positivePrompt": "Positive Prompt",
         "recallParameters": "Recall Parameters",

invokeai/frontend/web/src/common/hooks/useModelCustomSelect.ts

@@ -1,6 +1,6 @@
 import type { Item } from '@invoke-ai/ui-library';
 import type { EntityState } from '@reduxjs/toolkit';
-import { EMPTY_ARRAY } from "app/store/constants";
+import { EMPTY_ARRAY } from 'app/store/constants';
 import type { ModelIdentifierWithBase } from 'features/nodes/types/common';
 import { MODEL_TYPE_SHORT_MAP } from 'features/parameters/types/constants';
 import { filter } from 'lodash-es';

invokeai/frontend/web/src/features/canvas/store/canvasTypes.ts

@@ -10,8 +10,6 @@ export const LAYER_NAMES_DICT: { label: string; value: CanvasLayer }[] = [
   { label: 'Mask', value: 'mask' },
 ];
 
-const LAYER_NAMES = ['base', 'mask'] as const;
-
 const zBoundingBoxScaleMethod = z.enum(['none', 'auto', 'manual']);
 export type BoundingBoxScaleMethod = z.infer<typeof zBoundingBoxScaleMethod>;
 export const isBoundingBoxScaleMethod = (v: unknown): v is BoundingBoxScaleMethod =>

invokeai/frontend/web/src/features/gallery/hooks/useImageActions.ts

@@ -58,5 +58,5 @@ export const useImageActions = (image_name?: string) => {
     parseAndRecallPrompts(metadata);
   }, [metadata]);
 
-  return { recallAll, remix, recallSeed, recallPrompts , hasMetadata, hasSeed,  hasPrompts, isLoadingMetadata };
+  return { recallAll, remix, recallSeed, recallPrompts, hasMetadata, hasSeed, hasPrompts, isLoadingMetadata };
 };

invokeai/frontend/web/src/features/metadata/components/MetadataT2IAdapters.tsx

@@ -53,7 +53,7 @@ const MetadataViewT2IAdapter = ({
     }
     handlers.recallItem(t2iAdapter, true);
   }, [handlers, t2iAdapter]);
-  
+
   const [renderedValue, setRenderedValue] = useState<React.ReactNode>(null);
   useEffect(() => {
     const _renderValue = async () => {

invokeai/frontend/web/src/features/metadata/components/RecallButton.tsx

@@ -1,4 +1,4 @@
-import type { IconButtonProps} from '@invoke-ai/ui-library';
+import type { IconButtonProps } from '@invoke-ai/ui-library';
 import { IconButton, Tooltip } from '@invoke-ai/ui-library';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';

invokeai/frontend/web/src/features/metadata/exceptions.ts

@@ -1 +0,0 @@
-

invokeai/frontend/web/src/features/metadata/hooks/useMetadataItem.tsx

@@ -2,15 +2,23 @@ import { Text } from '@invoke-ai/ui-library';
 import type { MetadataHandlers } from 'features/metadata/types';
 import { MetadataParseFailedToken, MetadataParsePendingToken } from 'features/metadata/util/parsers';
 import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 
-const pendingRenderedValue = <Text>Loading</Text>;
+const Pending = () => {
-const failedRenderedValue = <Text>Parsing Failed</Text>;
+  const { t } = useTranslation();
+  return <Text>{t('common.loading')}</Text>;
+};
+
+const Failed = () => {
+  const { t } = useTranslation();
+  return <Text>{t('metadata.parsingFailed')}</Text>;
+};
 
 export const useMetadataItem = <T,>(metadata: unknown, handlers: MetadataHandlers<T>) => {
   const [value, setValue] = useState<T | typeof MetadataParsePendingToken | typeof MetadataParseFailedToken>(
     MetadataParsePendingToken
   );
-  const [renderedValue, setRenderedValue] = useState<React.ReactNode>(pendingRenderedValue);
+  const [renderedValue, setRenderedValue] = useState<React.ReactNode>(Pending);
 
   useEffect(() => {
     const _parse = async () => {
@@ -31,11 +39,11 @@ export const useMetadataItem = <T,>(metadata: unknown, handlers: MetadataHandler
   useEffect(() => {
     const _renderValue = async () => {
       if (value === MetadataParsePendingToken) {
-        setRenderedValue(pendingRenderedValue);
+        setRenderedValue(Pending);
         return;
       }
       if (value === MetadataParseFailedToken) {
-        setRenderedValue(failedRenderedValue);
+        setRenderedValue(Failed);
         return;
       }
 

invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/Fields/ModelTypeSelect.tsx

@@ -15,7 +15,7 @@ const options: ComboboxOption[] = [
   { value: 'controlnet', label: MODEL_TYPE_LABELS['controlnet'] as string },
   { value: 'ip_adapter', label: MODEL_TYPE_LABELS['ip_adapter'] as string },
   { value: 't2i_adapater', label: MODEL_TYPE_LABELS['t2i_adapter'] as string },
-] as const
+] as const;
 
 const ModelTypeSelect = <T extends AnyModelConfig>(props: UseControllerProps<T>) => {
   const { field } = useController(props);

invokeai/frontend/web/src/features/nodes/hooks/useAnyOrDirectInputFieldNames.ts

@@ -1,4 +1,4 @@
-import { EMPTY_ARRAY } from "app/store/constants";
+import { EMPTY_ARRAY } from 'app/store/constants';
 import { createMemoizedSelector } from 'app/store/createMemoizedSelector';
 import { useAppSelector } from 'app/store/storeHooks';
 import { selectNodesSlice } from 'features/nodes/store/nodesSlice';

invokeai/frontend/web/src/features/nodes/hooks/useConnectionInputFieldNames.ts

@@ -1,4 +1,4 @@
-import { EMPTY_ARRAY } from "app/store/constants";
+import { EMPTY_ARRAY } from 'app/store/constants';
 import { createMemoizedSelector } from 'app/store/createMemoizedSelector';
 import { useAppSelector } from 'app/store/storeHooks';
 import { selectNodesSlice } from 'features/nodes/store/nodesSlice';

invokeai/frontend/web/src/features/nodes/hooks/useOutputFieldNames.ts

@@ -1,5 +1,5 @@
 import { createSelector } from '@reduxjs/toolkit';
-import { EMPTY_ARRAY } from "app/store/constants";
+import { EMPTY_ARRAY } from 'app/store/constants';
 import { useAppSelector } from 'app/store/storeHooks';
 import { selectNodesSlice } from 'features/nodes/store/nodesSlice';
 import { selectNodeTemplate } from 'features/nodes/store/selectors';

invokeai/frontend/web/src/features/parameters/hooks/usePreselectedImage.ts

@@ -10,7 +10,6 @@ import { t } from 'i18next';
 import { useCallback, useEffect } from 'react';
 import { useGetImageDTOQuery, useGetImageMetadataQuery } from 'services/api/endpoints/images';
 
-
 export const usePreselectedImage = (selectedImage?: {
   imageName: string;
   action: 'sendToImg2Img' | 'sendToCanvas' | 'useAllParameters';

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

@@ -10,7 +10,7 @@ import {
   TabPanels,
   Tabs,
 } from '@invoke-ai/ui-library';
-import { EMPTY_ARRAY } from "app/store/constants";
+import { EMPTY_ARRAY } from 'app/store/constants';
 import { createMemoizedSelector } from 'app/store/createMemoizedSelector';
 import { useAppSelector } from 'app/store/storeHooks';
 import { LoRAList } from 'features/lora/components/LoRAList';

invokeai/frontend/web/src/services/api/endpoints/models.ts

@@ -46,7 +46,7 @@ type InstallModelArg = {
   access_token?: paths['/api/v2/models/install']['post']['parameters']['query']['access_token'];
   // TODO(MM2): This is typed as `Optional[Dict[str, Any]]` in backend...
   config?: JSONObject;
-  // config: NonNullable<paths['/api/v2/models/heuristic_install']['post']['requestBody']>['content']['application/json'];
+  // config: NonNullable<paths['/api/v2/models/install']['post']['requestBody']>['content']['application/json'];
 };
 
 type InstallModelResponse = paths['/api/v2/models/install']['post']['responses']['201']['content']['application/json'];
@@ -180,7 +180,7 @@ export const modelsApi = api.injectEndpoints({
     installModel: build.mutation<InstallModelResponse, InstallModelArg>({
       query: ({ source, config, access_token }) => {
         return {
-          url: buildModelsUrl('heuristic_install'),
+          url: buildModelsUrl('install'),
           params: { source, access_token },
           method: 'POST',
           body: config,