@tangle-network/agent-app 0.46.7 → 0.46.8

package/dist/studio-react/index.js

@@ -625,7 +625,7 @@ function ModelPill({
         children: [
           unavailable && /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": true, className: "h-3.5 w-3.5 shrink-0 text-warning", strokeWidth: 2 }),
           provider && /* @__PURE__ */ jsx(ProviderLogo, { provider, size: 14 }),
-          /* @__PURE__ */ jsx("span", { className: `max-w-[168px] truncate ${PILL_LABEL}`, children: displayName }),
+          /* @__PURE__ */ jsx("span", { className: "max-w-[168px] truncate leading-normal", children: displayName }),
           /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground" })
         ]
       }
@@ -1023,7 +1023,7 @@ function StudioComposer({
               title: "Generate",
               disabled: !canSubmit,
               onClick: () => void generate(),
-              className: "studio-send ml-auto inline-flex h-8 w-8 flex-none items-center justify-center rounded-full text-white transition disabled:opacity-40",
+              className: "ml-auto inline-flex h-8 w-8 flex-none items-center justify-center rounded-full bg-foreground text-background transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-40 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-card",
               children: /* @__PURE__ */ jsx2(ArrowUp, { className: "h-4 w-4", strokeWidth: 2 })
             }
           )
@@ -2490,7 +2490,7 @@ function StudioHomeScreen({
 }
 
 // src/studio-react/studio-generation-screen.tsx
-import { ArrowLeft } from "lucide-react";
+import { ArrowLeft, CircleAlert } from "lucide-react";
 import {
   useCallback as useCallback9,
   useEffect as useEffect12,
@@ -2618,12 +2618,17 @@ function StudioGenerationScreen({
                   return /* @__PURE__ */ jsx11("div", { className: "studio-skeleton", style: { "--r": ratio } }, row.id);
                 }
                 if (generationStatus(row) === "failed") {
-                  return /* @__PURE__ */ jsx11(
+                  const reason = generationError(row);
+                  return /* @__PURE__ */ jsxs10(
                     "div",
                     {
-                      className: "grid place-items-center bg-accent p-3 text-center text-[12px] text-destructive",
+                      className: "flex flex-col items-center justify-center gap-1.5 bg-accent p-3 text-center",
                       style: { aspectRatio: ratio },
-                      children: generationError(row) ?? "Generation failed"
+                      children: [
+                        /* @__PURE__ */ jsx11(CircleAlert, { "aria-hidden": true, className: "h-4 w-4 flex-none text-destructive", strokeWidth: 2 }),
+                        /* @__PURE__ */ jsx11("p", { className: "text-[13px] font-medium text-foreground", children: "Generation failed" }),
+                        reason && reason !== "Generation failed" && /* @__PURE__ */ jsx11("p", { className: "line-clamp-3 text-[12px] text-muted-foreground", children: reason })
+                      ]
                     },
                     row.id
                   );