@open-mercato/ui 0.6.8-develop.6879.1.9883cf6265 → 0.6.8-develop.6882.1.cd042ac354

package/dist/ai/AiChat.js

@@ -72,18 +72,34 @@ import { createLogger } from "@open-mercato/shared/lib/logger";
 const logger = createLogger("ui").child({ component: "AiChat" });
 const PREVIEW_DATA_URL_MAX_BYTES = 2 * 1024 * 1024;
 const COMPACT_FOOTER_MAX_WIDTH = 640;
+function readErrorStatus(error) {
+  if (typeof error !== "object" || error === null) return void 0;
+  const { status } = error;
+  return typeof status === "number" ? status : void 0;
+}
+function logModelsFailure(status, details) {
+  const message = "Failed to load AI agent models";
+  if (status === 401 || status === 403) {
+    logger.warn(message, details);
+    return;
+  }
+  logger.error(message, details);
+}
 function useAgentModels(agent) {
   const [providers, setProviders] = React.useState([]);
   const [allowRuntimeOverride, setAllowRuntimeOverride] = React.useState(false);
   const [defaultLabel, setDefaultLabel] = React.useState(null);
-  const [loaded, setLoaded] = React.useState(false);
+  const [status, setStatus] = React.useState("loading");
   React.useEffect(() => {
+    let cancelled = false;
     const modelsUrl = `/api/ai_assistant/ai/agents/${encodeURIComponent(agent)}/models`;
-    setLoaded(false);
+    setStatus("loading");
     setDefaultLabel(null);
-    void apiCall(modelsUrl).then((result) => {
+    apiCall(modelsUrl).then((result) => {
+      if (cancelled) return;
       if (!result.ok || !result.result) {
-        setLoaded(true);
+        logModelsFailure(result.status, { agent, status: result.status });
+        setStatus("failed");
         return;
       }
       const effectiveAllowRuntimeOverride = result.result.allowRuntimeOverride ?? result.result.allowRuntimeModelOverride ?? false;
@@ -92,15 +108,22 @@ function useAgentModels(agent) {
       setDefaultLabel(
         result.result.defaultProviderName && result.result.defaultModelName ? `${result.result.defaultProviderName} / ${result.result.defaultModelName}` : result.result.defaultProviderId && result.result.defaultModelId ? `${result.result.defaultProviderId} / ${result.result.defaultModelId}` : null
       );
-      setLoaded(true);
+      setStatus("ready");
+    }).catch((err) => {
+      if (cancelled) return;
+      logModelsFailure(readErrorStatus(err), { agent, err });
+      setStatus("failed");
     });
+    return () => {
+      cancelled = true;
+    };
   }, [agent]);
   return {
     providers,
     allowRuntimeOverride,
     allowRuntimeModelOverride: allowRuntimeOverride,
     defaultLabel,
-    loaded
+    status
   };
 }
 function isModelPickerValueAvailable(value, providers) {
@@ -854,13 +877,13 @@ function AiChat({
     allowRuntimeOverride,
     allowRuntimeModelOverride,
     defaultLabel: modelDefaultLabel,
-    loaded: modelProvidersLoaded
+    status: modelProvidersStatus
   } = useAgentModels(agent);
   const [modelPickerValue, setModelPickerValue] = React.useState(
     () => readModelPickerValue(agent)
   );
   const effectiveModelPickerValue = React.useMemo(() => {
-    if (!modelProvidersLoaded || !allowRuntimeOverride || modelProviders.length === 0) {
+    if (modelProvidersStatus !== "ready" || !allowRuntimeOverride || modelProviders.length === 0) {
       return null;
     }
     if (modelPickerValue && isModelPickerValueAvailable(modelPickerValue, modelProviders)) {
@@ -871,13 +894,13 @@ function AiChat({
     allowRuntimeOverride,
     modelPickerValue,
     modelProviders,
-    modelProvidersLoaded
+    modelProvidersStatus
   ]);
   React.useEffect(() => {
     setModelPickerValue(readModelPickerValue(agent));
   }, [agent]);
   React.useEffect(() => {
-    if (!modelProvidersLoaded) return;
+    if (modelProvidersStatus !== "ready") return;
     if (!allowRuntimeModelOverride || modelProviders.length === 0) {
       if (modelPickerValue !== null) {
         setModelPickerValue(null);
@@ -894,7 +917,7 @@ function AiChat({
     allowRuntimeModelOverride,
     modelPickerValue,
     modelProviders,
-    modelProvidersLoaded
+    modelProvidersStatus
   ]);
   const handleModelPickerChange = React.useCallback(
     (value) => {