@tangle-network/agent-app 0.44.31 → 0.44.33

package/dist/{chunk-GCH3BUAZ.js → chunk-NDVTYHLN.js}

@@ -2687,7 +2687,15 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
 }
 
 // src/web-react/seat-paywall.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function usd(cents) {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: cents % 100 === 0 ? 0 : 2,
+    maximumFractionDigits: cents % 100 === 0 ? 0 : 2
+  }).format(cents / 100);
+}
 function CheckGlyph3() {
   return /* @__PURE__ */ jsx11(
     "svg",
@@ -2715,12 +2723,16 @@ function SeatPaywall({
   onCheckout,
   priceUsd = 100,
   includedUsageUsd = 50,
+  offer,
   tagline,
   ctaLabel,
   benefits,
   footnote
 }) {
   const { pending, run } = usePending();
+  const recurringPrice = offer ? usd(offer.recurring.priceCents) : `$${priceUsd}`;
+  const recurringUsage = offer ? usd(offer.recurring.includedCreditsCents) : `$${includedUsageUsd}`;
+  const introductory = offer?.introductory ?? null;
   return /* @__PURE__ */ jsx11("div", { className: "flex min-h-[60vh] w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs9("div", { className: "w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-sm", children: [
     /* @__PURE__ */ jsx11("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: product }),
     /* @__PURE__ */ jsxs9("h1", { className: "mt-2 text-2xl font-semibold tracking-tight text-foreground", children: [
@@ -2728,21 +2740,37 @@ function SeatPaywall({
       product
     ] }),
     tagline && /* @__PURE__ */ jsx11("p", { className: "mt-2 text-sm text-muted-foreground", children: tagline }),
-    /* @__PURE__ */ jsxs9("div", { className: "mt-6 flex items-baseline gap-1.5", children: [
-      /* @__PURE__ */ jsxs9("span", { className: "text-3xl font-semibold text-foreground", children: [
-        "$",
-        priceUsd
+    introductory ? /* @__PURE__ */ jsxs9(Fragment5, { children: [
+      /* @__PURE__ */ jsxs9("div", { className: "mt-6 flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsx11("span", { className: "text-3xl font-semibold text-foreground", children: usd(introductory.priceCents) }),
+        /* @__PURE__ */ jsx11("span", { className: "text-sm text-muted-foreground", children: "first month" })
       ] }),
-      /* @__PURE__ */ jsx11("span", { className: "text-sm text-muted-foreground", children: "/mo" })
-    ] }),
-    /* @__PURE__ */ jsxs9("p", { className: "mt-1 text-sm text-muted-foreground", children: [
-      "Includes $",
-      includedUsageUsd,
-      "/mo of AI usage"
+      /* @__PURE__ */ jsxs9("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+        "Includes ",
+        usd(introductory.includedCreditsCents),
+        " of AI usage in your first month"
+      ] }),
+      /* @__PURE__ */ jsxs9("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+        "Then ",
+        recurringPrice,
+        "/mo \xB7 includes ",
+        recurringUsage,
+        "/mo of AI usage"
+      ] })
+    ] }) : /* @__PURE__ */ jsxs9(Fragment5, { children: [
+      /* @__PURE__ */ jsxs9("div", { className: "mt-6 flex items-baseline gap-1.5", children: [
+        /* @__PURE__ */ jsx11("span", { className: "text-3xl font-semibold text-foreground", children: recurringPrice }),
+        /* @__PURE__ */ jsx11("span", { className: "text-sm text-muted-foreground", children: "/mo" })
+      ] }),
+      /* @__PURE__ */ jsxs9("p", { className: "mt-1 text-sm text-muted-foreground", children: [
+        "Includes ",
+        recurringUsage,
+        "/mo of AI usage"
+      ] })
     ] }),
     /* @__PURE__ */ jsx11("ul", { className: "mt-6 space-y-2.5", children: (benefits ?? [
       `Full access to ${product}`,
-      `$${includedUsageUsd}/mo of AI usage included, every month`
+      `${recurringUsage}/mo of AI usage included`
     ]).map((benefit, i) => /* @__PURE__ */ jsx11(Benefit, { children: benefit }, i)) }),
     /* @__PURE__ */ jsx11(
       "button",
@@ -2913,7 +2941,7 @@ function AgentSessionControls(props) {
 }
 
 // src/web-react/index.tsx
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function formatModelCost(msg, models) {
   if (msg.promptTokens == null && msg.completionTokens == null) return null;
   const pricing = models.find((m) => m.id === msg.modelUsed)?.pricing;
@@ -3143,7 +3171,7 @@ function ProposalCard({
       ] })
     ] }),
     /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-2 px-4 pb-3.5 pt-3", children: [
-      approval ? /* @__PURE__ */ jsxs11(Fragment5, { children: [
+      approval ? /* @__PURE__ */ jsxs11(Fragment6, { children: [
         /* @__PURE__ */ jsx13(
           "button",
           {
@@ -3438,7 +3466,7 @@ function AssistantMessageImpl({
         onToolCallClick,
         toolRenderers
       }
-    ) : /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    ) : /* @__PURE__ */ jsxs11(Fragment6, { children: [
       /* @__PURE__ */ jsxs11("div", { className: "text-base leading-[1.75]", children: [
         body,
         streaming && content && !msg.toolCalls?.length && /* @__PURE__ */ jsx13(StreamingCaret, {})
@@ -3551,12 +3579,12 @@ function ChatMessages({
   const lastIsUser = messages[messages.length - 1]?.role === "user";
   if (messages.length === 0 && !loading && !error) {
     const empty = renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx13(ChatEmptyState, { ...emptyState });
-    return /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    return /* @__PURE__ */ jsxs11(Fragment6, { children: [
       header,
       empty
     ] });
   }
-  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
     header,
     messages.map(
       (msg) => msg.role === "user" ? /* @__PURE__ */ jsx13("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs11("div", { className: "ml-auto w-fit max-w-[85%]", children: [
@@ -3670,4 +3698,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-GCH3BUAZ.js.map
+//# sourceMappingURL=chunk-NDVTYHLN.js.map