npm - @tangle-network/agent-app - Versions diffs - 0.45.48 → 0.45.50 - Mend

@tangle-network/agent-app 0.45.48 → 0.45.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (78) hide show

package/dist/studio-react/index.js CHANGED Viewed

@@ -144,7 +144,7 @@ function Field({
       Label,
       {
         htmlFor,
-        className: "text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground",
+        className: "text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground",
         children: label
       }
     ),
@@ -638,7 +638,7 @@ function ComposerHero({
           role: "tab",
           "aria-selected": active,
           onClick: () => changeType(key),
-          className: `flex flex-col items-center gap-1.5 rounded-lg border px-1 pb-2 pt-2.5 text-[11px] transition-all ${active ? "border-primary/30 bg-primary/10 font-semibold text-primary" : "border-border bg-background font-medium text-muted-foreground hover:border-foreground/20 hover:text-foreground"}`,
+          className: `flex flex-col items-center gap-1.5 rounded-lg border px-1 pb-2 pt-2.5 text-xs transition-all ${active ? "border-primary/30 bg-primary/10 font-semibold text-primary" : "border-border bg-background font-medium text-muted-foreground hover:border-foreground/20 hover:text-foreground"}`,
           children: [
             /* @__PURE__ */ jsx8(Icon, { className: "h-[17px] w-[17px] shrink-0" }),
             /* @__PURE__ */ jsx8("span", { className: "truncate", children: cfg.label })
@@ -652,7 +652,7 @@ function ComposerHero({
         Label2,
         {
           htmlFor: "studio-prompt",
-          className: "mb-1.5 block text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground",
+          className: "mb-1.5 block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground",
           children: "Prompt"
         }
       ),
@@ -682,7 +682,7 @@ function ComposerHero({
               setPrompt(suggestion.prompt);
               changeType(suggestion.type);
             },
-            className: "rounded-full border border-border bg-background px-2.5 py-1 text-[11px] font-medium text-muted-foreground transition-colors hover:border-primary/30 hover:text-primary",
+            className: "rounded-full border border-border bg-background px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/30 hover:text-primary",
             children: suggestion.label
           },
           suggestion.label
@@ -726,7 +726,7 @@ function ComposerHero({
                   "\xB7 ",
                   selectedModelOption.provider
                 ] }),
-                selectedModelOption.status !== "available" && /* @__PURE__ */ jsx8("span", { className: "shrink-0 rounded-full bg-warning/10 px-1.5 py-0.5 text-[11px] font-semibold uppercase tracking-[0.05em] text-warning", children: selectedModelOption.status })
+                selectedModelOption.status !== "available" && /* @__PURE__ */ jsx8("span", { className: "shrink-0 rounded-full bg-warning/10 px-1.5 py-0.5 text-xs font-semibold uppercase tracking-[0.05em] text-warning", children: selectedModelOption.status })
               ] }) : /* @__PURE__ */ jsx8(SelectValue, { placeholder: mediaModelsLoading ? "Loading models\u2026" : "Select a model" }) }),
               /* @__PURE__ */ jsx8(SelectContent, { className: "bg-background", children: modelsForType.map((model) => /* @__PURE__ */ jsx8(SelectItem, { value: model.id, disabled: model.status === "unavailable", children: /* @__PURE__ */ jsxs7("span", { className: "flex w-full items-center justify-between gap-3", children: [
                 /* @__PURE__ */ jsxs7("span", { className: "flex min-w-0 items-center gap-2", children: [
@@ -736,7 +736,7 @@ function ComposerHero({
                     model.provider ? ` \xB7 ${model.provider}` : ""
                   ] })
                 ] }),
-                model.status !== "available" && /* @__PURE__ */ jsx8("span", { className: "shrink-0 text-[11px] capitalize text-muted-foreground", children: model.status })
+                model.status !== "available" && /* @__PURE__ */ jsx8("span", { className: "shrink-0 text-xs capitalize text-muted-foreground", children: model.status })
               ] }) }, model.id)) })
             ]
           }
@@ -797,7 +797,7 @@ function ComposerHero({
         {
           summary: /* @__PURE__ */ jsxs7(Fragment2, { children: [
             "Schedule a post",
-            selectedConnectedDestinations.length > 0 && /* @__PURE__ */ jsx8(Badge2, { variant: "outline", className: "ml-1 text-[11px]", children: selectedConnectedDestinations.length })
+            selectedConnectedDestinations.length > 0 && /* @__PURE__ */ jsx8(Badge2, { variant: "outline", className: "ml-1 text-xs", children: selectedConnectedDestinations.length })
           ] }),
           children: /* @__PURE__ */ jsx8(
             PublishPackageComposer,
@@ -837,7 +837,7 @@ function ComposerHero({
         children: [
           /* @__PURE__ */ jsx8(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Generate",
-          /* @__PURE__ */ jsx8("span", { className: "ml-2 text-[11px] opacity-60", children: "\u2318\u21B5" })
+          /* @__PURE__ */ jsx8("span", { className: "ml-2 text-xs opacity-60", children: "\u2318\u21B5" })
         ]
       }
     )
@@ -861,7 +861,7 @@ function StudioHeader({
     /* @__PURE__ */ jsxs8(Button3, { size: "sm", variant: "outline", onClick: onOpenLibrary, className: "shrink-0", children: [
       /* @__PURE__ */ jsx9(Images, { className: "mr-1.5 h-4 w-4" }),
       "Library",
-      count > 0 && /* @__PURE__ */ jsx9("span", { className: "ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary/15 px-1.5 text-[11px] font-semibold text-primary", children: count })
+      count > 0 && /* @__PURE__ */ jsx9("span", { className: "ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary/15 px-1.5 text-xs font-semibold text-primary", children: count })
     ] })
   ] }) });
 }
@@ -891,7 +891,7 @@ function ResultCanvas({
   return /* @__PURE__ */ jsxs9("section", { className: `${cardClass} p-5`, children: [
     /* @__PURE__ */ jsxs9("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
       /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs9(Badge3, { variant: "outline", className: `${cfg.color} gap-1 text-[11px]`, children: [
+        /* @__PURE__ */ jsxs9(Badge3, { variant: "outline", className: `${cfg.color} gap-1 text-xs`, children: [
           /* @__PURE__ */ jsx10(Icon, { className: "h-3 w-3" }),
           cfg.label
         ] }),
@@ -1010,7 +1010,7 @@ function GenerationCard({
   return /* @__PURE__ */ jsx12("button", { type: "button", onClick: () => onSelect(generation), className: "group text-left animate-row-in", children: /* @__PURE__ */ jsxs11(Card, { className: "overflow-hidden transition-all group-hover:border-primary/50 group-hover:shadow-md", children: [
     /* @__PURE__ */ jsxs11("div", { className: "relative aspect-video bg-secondary", children: [
       generation.type === "image" && generation.result ? /* @__PURE__ */ jsx12("img", { src: generation.result, alt: generation.prompt, className: "h-full w-full object-cover" }) : (generation.type === "video" || generation.type === "avatar") && generation.result ? /* @__PURE__ */ jsx12("video", { src: generation.result, className: "h-full w-full object-cover", muted: true }) : generation.type === "speech" && generation.result ? /* @__PURE__ */ jsx12("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx12(Icon, { className: "h-6 w-6 text-muted-foreground/40" }) }) : generation.type === "transcription" && generation.result ? /* @__PURE__ */ jsx12("div", { className: "flex h-full items-center justify-center p-4", children: /* @__PURE__ */ jsx12("p", { className: "line-clamp-5 text-xs text-muted-foreground", children: generation.result }) }) : status === "pending" || status === "running" ? /* @__PURE__ */ jsx12("div", { className: "shimmer h-full w-full" }) : /* @__PURE__ */ jsx12("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx12(Icon, { className: "h-8 w-8 text-muted-foreground/20" }) }),
-      /* @__PURE__ */ jsx12("div", { className: "absolute left-2 top-2", children: /* @__PURE__ */ jsxs11(Badge4, { variant: "outline", className: `${cfg.color} gap-1 text-[11px]`, children: [
+      /* @__PURE__ */ jsx12("div", { className: "absolute left-2 top-2", children: /* @__PURE__ */ jsxs11(Badge4, { variant: "outline", className: `${cfg.color} gap-1 text-xs`, children: [
         /* @__PURE__ */ jsx12(Icon, { className: "h-3 w-3" }),
         cfg.label
       ] }) }),
@@ -1018,23 +1018,23 @@ function GenerationCard({
     ] }),
     /* @__PURE__ */ jsxs11(CardContent, { className: "p-3", children: [
       /* @__PURE__ */ jsx12("p", { className: "mb-2 line-clamp-2 text-sm font-medium text-foreground", children: generation.prompt }),
-      status === "failed" && /* @__PURE__ */ jsx12("p", { className: "mb-2 line-clamp-2 text-[11px] text-destructive", children: generationError(generation) }),
+      status === "failed" && /* @__PURE__ */ jsx12("p", { className: "mb-2 line-clamp-2 text-xs text-destructive", children: generationError(generation) }),
       /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
-        generation.model && /* @__PURE__ */ jsx12("span", { className: "truncate text-[11px] text-muted-foreground", children: generation.model }),
+        generation.model && /* @__PURE__ */ jsx12("span", { className: "truncate text-xs text-muted-foreground", children: generation.model }),
         /* @__PURE__ */ jsxs11("div", { className: "flex shrink-0 items-center gap-2", children: [
-          generation.cost != null && /* @__PURE__ */ jsxs11("span", { className: "text-[11px] text-muted-foreground", children: [
+          generation.cost != null && /* @__PURE__ */ jsxs11("span", { className: "text-xs text-muted-foreground", children: [
             "$",
             generation.cost.toFixed(3)
           ] }),
-          /* @__PURE__ */ jsx12("span", { className: "text-[11px] text-muted-foreground", children: relativeTime(generation.createdAt) })
+          /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground", children: relativeTime(generation.createdAt) })
         ] })
       ] }),
       isPublishPackage(publishPackage) && /* @__PURE__ */ jsxs11("div", { className: "mt-3 rounded-md border border-border bg-secondary p-2", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "mb-1 flex items-center gap-1.5 text-[11px] font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "mb-1 flex items-center gap-1.5 text-xs font-medium text-foreground", children: [
           /* @__PURE__ */ jsx12(Send, { className: "h-3 w-3" }),
           (publishPackage.destinations ?? []).map((id) => DESTINATIONS.find((destination) => destination.id === id)?.label ?? id).join(", ") || "Publish package"
         ] }),
-        /* @__PURE__ */ jsx12("p", { className: "line-clamp-2 text-[11px] text-muted-foreground", children: publishPackage.caption || "Caption pending" })
+        /* @__PURE__ */ jsx12("p", { className: "line-clamp-2 text-xs text-muted-foreground", children: publishPackage.caption || "Caption pending" })
       ] })
     ] })
   ] }) });
@@ -1047,7 +1047,7 @@ function GenerationStatusBadge({
   if (status === "succeeded") return null;
   const label = status === "failed" ? "Failed" : status === "running" ? "Running" : "Pending";
   const className = status === "failed" ? "border-destructive/30 bg-[color-mix(in_srgb,hsl(var(--destructive))_10%,hsl(var(--card)))] text-destructive" : "border-warning/30 bg-[color-mix(in_srgb,hsl(var(--warning))_10%,hsl(var(--card)))] text-warning";
-  return /* @__PURE__ */ jsx12("div", { className: inline ? "" : "absolute bottom-2 left-2", children: /* @__PURE__ */ jsx12(Badge4, { variant: "outline", className: `${className} text-[11px]`, children: label }) });
+  return /* @__PURE__ */ jsx12("div", { className: inline ? "" : "absolute bottom-2 left-2", children: /* @__PURE__ */ jsx12(Badge4, { variant: "outline", className: `${className} text-xs`, children: label }) });
 }
 // src/studio-react/generation-grid.tsx
@@ -1100,28 +1100,28 @@ function GenerationDetail({
       generationError(generation) && /* @__PURE__ */ jsx14("span", { className: "text-xs text-destructive", children: generationError(generation) })
     ] }),
     /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsx14("span", { className: "mb-1 block text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Prompt" }),
+      /* @__PURE__ */ jsx14("span", { className: "mb-1 block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Prompt" }),
       /* @__PURE__ */ jsx14("p", { className: "text-sm text-foreground", children: generation.prompt })
     ] }),
     /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-4", children: [
       generation.model && /* @__PURE__ */ jsxs12("div", { children: [
-        /* @__PURE__ */ jsx14("span", { className: "block text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Model" }),
+        /* @__PURE__ */ jsx14("span", { className: "block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Model" }),
         /* @__PURE__ */ jsx14("span", { className: "text-xs text-foreground", children: generation.model })
       ] }),
       generation.cost != null && /* @__PURE__ */ jsxs12("div", { children: [
-        /* @__PURE__ */ jsx14("span", { className: "block text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Cost" }),
+        /* @__PURE__ */ jsx14("span", { className: "block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Cost" }),
         /* @__PURE__ */ jsxs12("span", { className: "text-xs text-foreground", children: [
           "$",
           generation.cost.toFixed(3)
         ] })
       ] }),
       generation.createdAt && /* @__PURE__ */ jsxs12("div", { children: [
-        /* @__PURE__ */ jsx14("span", { className: "block text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Created" }),
+        /* @__PURE__ */ jsx14("span", { className: "block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Created" }),
         /* @__PURE__ */ jsx14("span", { className: "text-xs text-foreground", children: new Date(generation.createdAt).toLocaleString("en-US", { dateStyle: "medium", timeStyle: "short" }) })
       ] })
     ] }),
     generation.type === "transcription" && generation.result && /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsx14("span", { className: "mb-1 block text-[11px] font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Transcription" }),
+      /* @__PURE__ */ jsx14("span", { className: "mb-1 block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Transcription" }),
       /* @__PURE__ */ jsx14("pre", { className: "max-h-64 overflow-y-auto whitespace-pre-wrap rounded-lg bg-secondary p-4 font-mono text-[13px] tabular-nums text-foreground", children: generation.result })
     ] }),
     href && /* @__PURE__ */ jsx14("div", { className: "border-t border-border pt-2", children: /* @__PURE__ */ jsx14(Link2, { to: href, prefetch: "intent", onClick: onNavigate, children: /* @__PURE__ */ jsxs12(Button4, { size: "sm", variant: "outline", children: [