fix: address assistant review feedback

packages/widgets/src/_inputs/widget-dynamic-select-input.tsx

@@ -6,7 +6,7 @@ import { useDebouncedValue } from "@mantine/hooks";
 import { IconCheck } from "@tabler/icons-react";
 
 import { translateIfNecessary } from "@homarr/translation";
-import { useI18n } from "@homarr/translation/client";
+import { useI18n, useScopedI18n } from "@homarr/translation/client";
 
 import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";
@@ -25,6 +25,7 @@ export const WidgetDynamicSelectInput = ({
   boardId,
 }: CommonWidgetInputProps<"dynamicSelect">) => {
   const t = useI18n();
+  const tSelect = useScopedI18n("widget.dynamicSelect");
   const tWidget = useWidgetInputTranslation(kind, property);
   const form = useFormContext();
   const inputProps = form.getInputProps(`options.${property}`);
@@ -77,7 +78,7 @@ export const WidgetDynamicSelectInput = ({
       searchValue={search}
       onSearchChange={setSearch}
       placeholder={tWidget("placeholder")}
-      nothingFoundMessage={t("common.noResults")}
+      nothingFoundMessage={tSelect("noResults")}
       leftSection={isPending && <Loader size="xs" />}
       renderOption={({ option, checked }) => {
         return (

packages/widgets/src/assistant/component.tsx

@@ -3,14 +3,14 @@
 import { Center, Stack, Text, ThemeIcon } from "@mantine/core";
 import { IconRobot } from "@tabler/icons-react";
 
-import { useI18n } from "@homarr/translation/client";
+import { useScopedI18n } from "@homarr/translation/client";
 
 import type { WidgetComponentProps } from "../definition";
 import { useAssistantWidgetRenderer } from "./context";
 
 export default function AssistantWidget(props: WidgetComponentProps<"assistant">) {
   const Renderer = useAssistantWidgetRenderer();
-  const t = useI18n();
+  const t = useScopedI18n("widget.assistant.unavailable");
 
   if (Renderer) return <Renderer {...props} />;
 
@@ -21,10 +21,10 @@ export default function AssistantWidget(props: WidgetComponentProps<"assistant">
           <IconRobot size={20} />
         </ThemeIcon>
         <Text size="sm" fw={600}>
-          {t("widget.assistant.unavailable.title")}
+          {t("title")}
         </Text>
         <Text size="xs" c="dimmed">
-          {t("widget.assistant.unavailable.description")}
+          {t("description")}
         </Text>
       </Stack>
     </Center>

packages/widgets/src/assistant/index.ts

@@ -21,10 +21,11 @@ export const { definition, componentLoader } = createWidgetDefinition("assistant
         conversation: factory.dynamicSelect({
           withDescription: true,
           useOptions(query) {
-            const { data: threads = [], isPending } = clientApi.assistant.listThreads.useQuery();
+            const { data: threads = [], isPending, isError } = clientApi.assistant.listThreads.useQuery();
             const normalizedQuery = query.trim().toLocaleLowerCase();
             return {
               isPending,
+              isError,
               options: threads
                 .filter((thread) => {
                   if (normalizedQuery.length === 0) return true;

packages/widgets/src/options.ts

@@ -61,6 +61,7 @@ interface DynamicSelectInput extends CommonInput<DynamicSelectOption | null> {
   ) => {
     error?: string;
     isPending: boolean;
+    isError?: boolean;
     options: DynamicSelectOption[];
   };
 }