@cadraos/sdk 0.3.16-dev.0 → 0.3.16-dev.1

package/dist/chat/index.cjs

@@ -1848,7 +1848,7 @@ var AgentMessagesAPI = class extends BaseResourceAPI {
    *
    * @example
    * ```typescript
-   * const { messages, knownKeys } = await client.agents.messages.list('agent-uuid');
+   * const { messages, knownKeys, languages, defaultLanguage } = await client.agents.messages.list('agent-uuid');
    * ```
    */
   async list(agentUuid) {
@@ -9673,10 +9673,24 @@ var DEFAULT_LABELS = {
   empty: "No matching messages",
   notSet: "not set",
   useCustom: (key) => `Use "${key}"`,
-  invalidCustom: "Keys are lowercase and dotted, like chat.welcome"
+  invalidCustom: "Keys are lowercase and dotted, like chat.welcome",
+  language: "Preview language"
 };
-function previewOf(message, lang) {
-  return message.text[lang] ?? message.text.en ?? Object.values(message.text).find(Boolean) ?? null;
+function previewOf(message, lang, defaultLanguage = "en") {
+  const base = lang.split("-")[0] ?? lang;
+  for (const candidate of [lang, base, defaultLanguage, "en"]) {
+    const text = message.text[candidate];
+    if (text) return text;
+  }
+  return Object.values(message.text).find((t) => Boolean(t)) ?? null;
+}
+function languagesOf(list) {
+  if (list.languages && list.languages.length > 0) return list.languages;
+  const seen = /* @__PURE__ */ new Set([list.defaultLanguage ?? "en"]);
+  for (const m of list.messages) {
+    for (const [code, text] of Object.entries(m.text)) if (text) seen.add(code);
+  }
+  return [...seen];
 }
 function AgentMessagePicker({
   client,
@@ -9684,7 +9698,8 @@ function AgentMessagePicker({
   value,
   onChange,
   allowCustom = false,
-  lang = "en",
+  lang,
+  onLangChange,
   labels: labelOverrides,
   className = ""
 }) {
@@ -9692,6 +9707,13 @@ function AgentMessagePicker({
   const [data, setData] = react.useState(null);
   const [error, setError] = react.useState(false);
   const [query, setQuery] = react.useState("");
+  const [pickedLang, setPickedLang] = react.useState(null);
+  react.useEffect(() => {
+    setPickedLang(null);
+  }, [lang, agentUuid]);
+  const defaultLanguage = data?.defaultLanguage ?? "en";
+  const languages = react.useMemo(() => data ? languagesOf(data) : [], [data]);
+  const activeLang = pickedLang ?? lang ?? defaultLanguage;
   react.useEffect(() => {
     let cancelled = false;
     setData(null);
@@ -9707,11 +9729,14 @@ function AgentMessagePicker({
   }, [client, agentUuid]);
   const items = react.useMemo(() => {
     if (!data) return [];
-    const saved = data.messages.map((m) => ({ key: m.key, preview: previewOf(m, lang) }));
+    const saved = data.messages.map((m) => ({
+      key: m.key,
+      preview: previewOf(m, activeLang, defaultLanguage)
+    }));
     const savedKeys = new Set(saved.map((i) => i.key));
     const unsaved = data.knownKeys.filter((k) => !savedKeys.has(k)).sort().map((key) => ({ key, preview: null }));
     return [...saved, ...unsaved];
-  }, [data, lang]);
+  }, [data, activeLang, defaultLanguage]);
   const needle = query.trim().toLowerCase();
   const visible = needle ? items.filter(
     (i) => i.key.includes(needle) || (i.preview?.toLowerCase().includes(needle) ?? false)
@@ -9719,18 +9744,34 @@ function AgentMessagePicker({
   const custom = query.trim();
   const showCustom = allowCustom && custom.length > 0 && !items.some((i) => i.key === custom);
   const customValid = showCustom && isValidMessageKey(custom);
+  const languageChoices = languages.includes(activeLang) ? languages : [...languages, activeLang];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col gap-2 text-sm ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "search",
-        value: query,
-        onChange: (e) => setQuery(e.target.value),
-        placeholder: labels.search,
-        "aria-label": labels.search,
-        className: "w-full rounded-lg bg-gray-100 dark:bg-gray-800 px-3 py-2 text-gray-900 dark:text-gray-100 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500"
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "search",
+          value: query,
+          onChange: (e) => setQuery(e.target.value),
+          placeholder: labels.search,
+          "aria-label": labels.search,
+          className: "w-full min-w-0 flex-1 rounded-lg bg-gray-100 dark:bg-gray-800 px-3 py-2 text-gray-900 dark:text-gray-100 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500"
+        }
+      ),
+      data && languages.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          value: activeLang,
+          onChange: (e) => {
+            setPickedLang(e.target.value);
+            onLangChange?.(e.target.value);
+          },
+          "aria-label": labels.language,
+          className: "rounded-lg bg-gray-100 dark:bg-gray-800 px-2 py-2 font-mono text-xs text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500",
+          children: languageChoices.map((code) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: code, children: code }, code))
+        }
+      )
+    ] }),
     error ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "px-1 text-red-500", children: labels.loadError }) : !data ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-2 px-1 text-gray-500 dark:text-gray-400", children: [
       /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, { className: "h-4 w-4" }),
       labels.loading