@smart-cloud/ai-kit-ui 1.1.30 → 1.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart-cloud/ai-kit-ui",
-  "version": "1.1.30",
+  "version": "1.1.32",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -20,7 +20,7 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@mantine/colors-generator": "^8.3.14",
-    "@smart-cloud/ai-kit-core": "^1.1.14",
+    "@smart-cloud/ai-kit-core": "^1.1.17",
     "@smart-cloud/wpsuite-core": "^2.1.2",
     "@tabler/icons-react": "^3.36.1",
     "chroma-js": "^3.2.0",

package/src/ai-chatbot/AiChatbot.tsx

@@ -69,6 +69,7 @@ export const DEFAULT_CHATBOT_LABELS: Required<AiChatbotLabels> = {
 
   userLabel: "User",
   assistantLabel: "Assistant",
+  assistantThinkingLabel: "Assistant is thinking...",
 
   askMeLabel: "Ask me",
 
@@ -179,7 +180,10 @@ const isAbortLike = (e: Error & { code?: string }) => {
   );
 };
 
-const formatStatusEvent = (event?: AiKitStatusEvent | null): string | null => {
+const formatStatusEvent = (
+  event: AiKitStatusEvent | null,
+  labels: AiChatbotLabels,
+): string | null => {
   if (!event) return null;
 
   const step = event.step;
@@ -201,11 +205,12 @@ const formatStatusEvent = (event?: AiKitStatusEvent | null): string | null => {
     case "on-device:run":
       return msg || I18n.get("Running on-device...");
     case "backend:request":
-      return msg || I18n.get("Sending request to server...");
     case "backend:waiting":
-      return msg || I18n.get("Waiting for response...");
     case "backend:response":
-      return msg || I18n.get("Receiving response...");
+      return I18n.get(
+        labels.assistantThinkingLabel ??
+          DEFAULT_CHATBOT_LABELS.assistantThinkingLabel,
+      );
     case "done":
       return msg || I18n.get("Done.");
     case "error":
@@ -525,8 +530,8 @@ const AiChatbotBase: FC<AiChatbotProps & AiKitShellInjectedProps> = (props) => {
 
   const statusText = useMemo(() => {
     if (!ai.busy) return null;
-    return formatStatusEvent(ai.statusEvent) || I18n.get("Working…");
-  }, [ai.busy, ai.statusEvent, language]);
+    return formatStatusEvent(ai.statusEvent, labels) || I18n.get("Working…");
+  }, [ai.busy, ai.statusEvent, language, labels]);
 
   const lastCanceledUserMessageId = useMemo(() => {
     for (let i = messages.length - 1; i >= 0; i--) {

package/src/ai-feature/AiFeature.tsx

@@ -333,6 +333,7 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
     );
   }, [allowOverride]);
 
+  const [state, setState] = useState<string>();
   const [featureOpen, setFeatureOpen] = useState<boolean>(!showOpenButton);
   const [optionsOpen, setOptionsOpen] = useState<boolean>(false);
   const [backendConfigured, setBackendConfigured] = useState(false);
@@ -396,7 +397,7 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
 
   const formatAiKitStatus = useCallback(
     (e: AiKitStatusEvent | null): string | null => {
-      if (!e) return null;
+      if (!e || e.silent) return null;
 
       const step = e.step;
       const msg = I18n.get((e.message ?? "").trim());
@@ -420,11 +421,23 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
         case "on-device:run":
           return msg || I18n.get("Generating...");
         case "backend:request":
-          return msg || I18n.get("Sending request to backend...");
         case "backend:waiting":
-          return msg || I18n.get("Waiting for backend response...");
         case "backend:response":
-          return msg || I18n.get("Received backend response.");
+          switch (mode) {
+            case "translate":
+              return I18n.get("Translating text");
+            case "rewrite":
+              return I18n.get("Rewriting text");
+            case "summarize":
+              return I18n.get("Summarizing");
+            case "proofread":
+              return I18n.get("Proofreading");
+            case "write":
+            case "generatePostMetadata":
+            case "generateImageMetadata":
+            default:
+              return I18n.get("Generating text");
+          }
         case "done":
           return msg || I18n.get("Done.");
         case "error":
@@ -433,7 +446,7 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
           return msg || I18n.get("Working...");
       }
     },
-    [language],
+    [language, mode],
   );
 
   const inputText = useMemo(() => {
@@ -463,7 +476,8 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
   }, [inputText, mode, image, inputLanguage, outputLanguage]);
 
   const ai = useAiRun();
-  const statusText = formatAiKitStatus(ai.statusEvent);
+  const statusText =
+    formatAiKitStatus(ai.statusEvent) ?? (state ? I18n.get(state) : null);
 
   const runGenerate = useCallback(
     async (modeOverride?: AiModePreference) => {
@@ -516,6 +530,7 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
                     context,
                     modeOverride,
                     onDeviceTimeoutOverride: onDeviceTimeout,
+                    silent: true,
                   },
                 );
                 const langCodes = res.result?.candidates
@@ -545,11 +560,13 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
             const res = await ai.run(async ({ signal, onStatus }) => {
               let inputLang = inputLanguage ?? "auto";
               if (inputLang === "auto") {
+                setState("Detecting input language...");
                 inputLang = await detectTopLanguage(text!.trim(), {
                   signal,
                   context,
                   modeOverride,
                   onDeviceTimeoutOverride: onDeviceTimeout,
+                  silent: true,
                 });
                 setInputLanguage(inputLang);
               }
@@ -589,11 +606,13 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
                   ? outputLanguage
                   : null) || readDefaultOutputLanguage();
               if (outputLanguage === "auto") {
+                setState("Detecting input language...");
                 outLang = await detectTopLanguage(text!.trim(), {
                   signal,
                   context,
                   modeOverride,
                   onDeviceTimeoutOverride: onDeviceTimeout,
+                  silent: true,
                 });
                 setOutputLanguage(outLang);
               }
@@ -637,12 +656,15 @@ const AiFeatureBase: FC<AiFeatureProps & AiKitShellInjectedProps> = (props) => {
                 context,
                 modeOverride,
                 onDeviceTimeoutOverride: onDeviceTimeout,
+                silent: true,
               };
+              setState("Detecting input language...");
               const inLang = await detectTopLanguage(
                 text!.trim() + "\n" + (instructions?.trim() || ""),
                 langFeatureOptions,
               );
               if (inLang !== outLang && inLang !== "en") {
+                setState("Translating instructions...");
                 args.prompt = (
                   await translate(
                     {
@@ -727,6 +749,7 @@ Follow these additional instructions: ${instructions}`
                 ? outputLanguage
                 : null) || readDefaultOutputLanguage();
             try {
+              setState("Translating result...");
               const parsed = (await ai.run(async ({ signal }) => {
                 return await parsePostMetadataFromPromptResult(
                   cleaned,
@@ -736,6 +759,7 @@ Follow these additional instructions: ${instructions}`
                     context,
                     modeOverride,
                     onDeviceTimeoutOverride: onDeviceTimeout,
+                    silent: true,
                   },
                 );
               })) as string | null;
@@ -811,6 +835,7 @@ Follow these additional instructions: ${instructions}`
 
               const cleaned = stripCodeFence(res).trim();
               try {
+                setState("Translating result...");
                 const parsed = (await ai.run(async ({ signal }) => {
                   return await parseImageMetadataFromPromptResult(
                     cleaned,
@@ -820,6 +845,7 @@ Follow these additional instructions: ${instructions}`
                       context,
                       modeOverride,
                       onDeviceTimeoutOverride: onDeviceTimeout,
+                      silent: true,
                     },
                   );
                 })) as string | null;
@@ -840,6 +866,7 @@ Follow these additional instructions: ${instructions}`
             : I18n.get("An unknown error occurred."),
         );
       }
+      setState(undefined);
     },
     [
       language,

package/src/i18n/ar.ts

@@ -13,6 +13,7 @@ export const arDict: Record<string, string> = {
   "Ask anything…": "اسأل أي شيء…",
   "Ask me": "اسألني",
   Assistant: "المساعد",
+  "Assistant is thinking...": "المساعد يفكر...",
   "Auto-detect": "الكشف التلقائي",
   Cancel: "يلغي",
   Caption: "التسمية التوضيحية",

package/src/i18n/de.ts

@@ -13,6 +13,7 @@ export const deDict: Record<string, string> = {
   "Ask anything…": "Frag mich alles…",
   "Ask me": "Frag mich",
   Assistant: "Assistent",
+  "Assistant is thinking...": "Der Assistent denkt nach...",
   "Auto-detect": "Automatisch erkennen",
   Cancel: "Abbrechen",
   Caption: "Bildunterschrift",

package/src/i18n/en.ts

@@ -13,6 +13,7 @@ export const enDict: Record<string, string> = {
   "Ask anything…": "Ask anything…",
   "Ask me": "Ask me",
   Assistant: "Assistant",
+  "Assistant is thinking...": "Assistant is thinking...",
   "Auto-detect": "Auto-detect",
   Cancel: "Cancel",
   Caption: "Caption",

package/src/i18n/es.ts

@@ -13,6 +13,7 @@ export const esDict: Record<string, string> = {
   "Ask anything…": "Pregunta lo que sea…",
   "Ask me": "Pregúntame",
   Assistant: "Asistente",
+  "Assistant is thinking...": "El asistente está pensando...",
   "Auto-detect": "Detección automática",
   Cancel: "Cancelar",
   Caption: "Subtítulo",

package/src/i18n/fr.ts

@@ -13,6 +13,7 @@ export const frDict: Record<string, string> = {
   "Ask anything…": "Demandez n’importe quoi…",
   "Ask me": "Demandez-moi",
   Assistant: "Assistant",
+  "Assistant is thinking...": "L'assistant réfléchit...",
   "Auto-detect": "Détection automatique",
   Cancel: "Annuler",
   Caption: "Légende",

package/src/i18n/he.ts

@@ -13,6 +13,7 @@ export const heDict: Record<string, string> = {
   "Ask anything…": "שאל כל דבר…",
   "Ask me": "שאל אותי",
   Assistant: "עוזר",
+  "Assistant is thinking...": "העוזר חושב...",
   "Auto-detect": "זיהוי אוטומטי",
   Cancel: "לְבַטֵל",
   Caption: "כּוֹתֶרֶת",

package/src/i18n/hi.ts

@@ -13,6 +13,7 @@ export const hiDict: Record<string, string> = {
   "Ask anything…": "कुछ भी पूछें…",
   "Ask me": "मुझसे पूछें",
   Assistant: "सहायक",
+  "Assistant is thinking...": "सहायक सोच रहा है...",
   "Auto-detect": "ऑटो का पता लगाने",
   Cancel: "रद्द करना",
   Caption: "कैप्शन",

package/src/i18n/id.ts

@@ -13,6 +13,7 @@ export const idDict: Record<string, string> = {
   "Ask anything…": "Tanyakan apa saja…",
   "Ask me": "Tanya saya",
   Assistant: "Asisten",
+  "Assistant is thinking...": "Asisten sedang berpikir...",
   "Auto-detect": "Deteksi otomatis",
   Cancel: "Membatalkan",
   Caption: "Keterangan",

package/src/i18n/it.ts

@@ -13,6 +13,7 @@ export const itDict: Record<string, string> = {
   "Ask anything…": "Chiedi qualsiasi cosa…",
   "Ask me": "Chiedimi",
   Assistant: "Assistente",
+  "Assistant is thinking...": "L'assistente sta pensando...",
   "Auto-detect": "Rilevamento automatico",
   Cancel: "Cancellare",
   Caption: "Didascalia",

package/src/i18n/ja.ts

@@ -13,6 +13,7 @@ export const jaDict: Record<string, string> = {
   "Ask anything…": "何でも聞いて…",
   "Ask me": "質問する",
   Assistant: "アシスタント",
+  "Assistant is thinking...": "アシスタントは考えています...",
   "Auto-detect": "自動検出",
   Cancel: "キャンセル",
   Caption: "キャプション",

package/src/i18n/ko.ts

@@ -13,6 +13,7 @@ export const koDict: Record<string, string> = {
   "Ask anything…": "무엇이든 물어보세요…",
   "Ask me": "질문하기",
   Assistant: "어시스턴트",
+  "Assistant is thinking...": "비서가 생각 중입니다...",
   "Auto-detect": "자동 감지",
   Cancel: "취소",
   Caption: "표제",

package/src/i18n/nl.ts

@@ -13,6 +13,7 @@ export const nlDict: Record<string, string> = {
   "Ask anything…": "Vraag maar raak…",
   "Ask me": "Vraag me",
   Assistant: "Assistent",
+  "Assistant is thinking...": "De assistent denkt na...",
   "Auto-detect": "Automatische detectie",
   Cancel: "Annuleren",
   Caption: "Ondertiteling",

package/src/i18n/pl.ts

@@ -13,6 +13,7 @@ export const plDict: Record<string, string> = {
   "Ask anything…": "Zapytaj o cokolwiek…",
   "Ask me": "Zapytaj mnie",
   Assistant: "Asystent",
+  "Assistant is thinking...": "Asystent myśli...",
   "Auto-detect": "Automatyczne wykrywanie",
   Cancel: "Anulować",
   Caption: "Podpis",

package/src/i18n/pt.ts

@@ -13,6 +13,7 @@ export const ptDict: Record<string, string> = {
   "Ask anything…": "Pergunte qualquer coisa…",
   "Ask me": "Pergunte-me",
   Assistant: "Assistente",
+  "Assistant is thinking...": "O assistente está pensando...",
   "Auto-detect": "Detecção automática",
   Cancel: "Cancelar",
   Caption: "Rubrica",

package/src/i18n/ru.ts

@@ -13,6 +13,7 @@ export const ruDict: Record<string, string> = {
   "Ask anything…": "Спросите что угодно…",
   "Ask me": "Спросите меня",
   Assistant: "Ассистент",
+  "Assistant is thinking...": "Ассистент размышляет...",
   "Auto-detect": "Автоматическое определение",
   Cancel: "Отмена",
   Caption: "Подпись",

package/src/i18n/sv.ts

@@ -13,6 +13,7 @@ export const svDict: Record<string, string> = {
   "Ask anything…": "Fråga vad som helst…",
   "Ask me": "Fråga mig",
   Assistant: "Assistent",
+  "Assistant is thinking...": "Assistenten funderar...",
   "Auto-detect": "Automatisk identifiering",
   Cancel: "Avboka",
   Caption: "Rubrik",

package/src/i18n/th.ts

@@ -13,6 +13,7 @@ export const thDict: Record<string, string> = {
   "Ask anything…": "ถามอะไรก็ได้…",
   "Ask me": "ถามฉัน",
   Assistant: "ผู้ช่วย",
+  "Assistant is thinking...": "ผู้ช่วยกำลังคิด...",
   "Auto-detect": "ตรวจจับอัตโนมัติ",
   Cancel: "ยกเลิก",
   Caption: "คำบรรยายภาพ",

package/src/i18n/tr.ts

@@ -13,6 +13,7 @@ export const trDict: Record<string, string> = {
   "Ask anything…": "Her şeyi sor…",
   "Ask me": "Bana sor",
   Assistant: "Asistan",
+  "Assistant is thinking...": "Asistan düşünüyor...",
   "Auto-detect": "Otomatik algılama",
   Cancel: "İptal etmek",
   Caption: "Altyazı",

package/src/i18n/ua.ts

@@ -13,6 +13,7 @@ export const uaDict: Record<string, string> = {
   "Ask anything…": "Запитайте будь-що…",
   "Ask me": "Запитайте мене",
   Assistant: "Асистент",
+  "Assistant is thinking...": "Асистент думає...",
   "Auto-detect": "Автоматичне визначення",
   Cancel: "Скасувати",
   Caption: "Підпис",

package/src/i18n/zh.ts

@@ -12,6 +12,7 @@ export const zhDict: Record<string, string> = {
   "Ask anything…": "随便问…",
   "Ask me": "问我",
   Assistant: "助手",
+  "Assistant is thinking...": "助手正在思考……",
   "Auto-detect": "自动检测",
   Cancel: "取消",
   Caption: "标题",