@agent-native/core 0.84.20 → 0.84.22

package/dist/client/PoweredByBadge.d.ts

@@ -1,8 +1,14 @@
 export interface PoweredByBadgeProps {
     position?: "bottom-right" | "bottom-left";
+    /** Plain shows the logo only with no surrounding badge chrome. */
+    variant?: "badge" | "plain";
+    /** When true, positioning is handled by the parent container. */
+    embedded?: boolean;
 }
 export interface OpenSourceBadgeProps {
     position?: "bottom-left" | "bottom-right";
+    /** When true, positioning is handled by the parent container. */
+    embedded?: boolean;
 }
 /**
  * Small branding badge: "Built with [Agent Native logo]"
@@ -13,11 +19,11 @@ export interface OpenSourceBadgeProps {
  * - Respects prefers-color-scheme
  * - Can be hidden via HIDE_BRANDING=true env var (for white-label)
  */
-export declare function PoweredByBadge({ position, }: PoweredByBadgeProps): import("react").JSX.Element | null;
+export declare function PoweredByBadge({ position, variant, embedded, }: PoweredByBadgeProps): import("react").JSX.Element | null;
 /**
- * Small GitHub badge: "100% free and open source"
+ * Small GitHub badge: "Free and open source"
  *
  * Intended to pair with PoweredByBadge on public pages.
  */
-export declare function OpenSourceBadge({ position, }: OpenSourceBadgeProps): import("react").JSX.Element | null;
+export declare function OpenSourceBadge({ position, embedded, }: OpenSourceBadgeProps): import("react").JSX.Element | null;
 //# sourceMappingURL=PoweredByBadge.d.ts.map

package/dist/client/PoweredByBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PoweredByBadge.d.ts","sourceRoot":"","sources":["../../src/client/PoweredByBadge.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC;CAC3C;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;CAC3C;AA+BD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAyB,GAC1B,EAAE,mBAAmB,sCAwGrB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAwB,GACzB,EAAE,oBAAoB,sCAuEtB"}
+{"version":3,"file":"PoweredByBadge.d.ts","sourceRoot":"","sources":["../../src/client/PoweredByBadge.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC;IAC1C,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC1C,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA+BD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAyB,EACzB,OAAiB,EACjB,QAAgB,GACjB,EAAE,mBAAmB,sCAiIrB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAwB,EACxB,QAAgB,GACjB,EAAE,oBAAoB,sCAyFtB"}

package/dist/client/PoweredByBadge.js

@@ -1,6 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconBrandGithub } from "@tabler/icons-react";
 import { appPath } from "./api-path.js";
+import { cn } from "./utils.js";
 const containerStyle = (position) => ({
     position: "fixed",
     bottom: 16,
@@ -34,7 +35,7 @@ const darkQuery = "(prefers-color-scheme: dark)";
  * - Respects prefers-color-scheme
  * - Can be hidden via HIDE_BRANDING=true env var (for white-label)
  */
-export function PoweredByBadge({ position = "bottom-right", }) {
+export function PoweredByBadge({ position = "bottom-right", variant = "badge", embedded = false, }) {
     // Allow hiding via env var
     const hidden = import.meta.env
         ?.VITE_HIDE_BRANDING === "true";
@@ -42,10 +43,11 @@ export function PoweredByBadge({ position = "bottom-right", }) {
         return null;
     const logoOnLight = appPath("/agent-native-logo-light.svg");
     const logoOnDark = appPath("/agent-native-logo-dark.svg");
+    const isPlain = variant === "plain";
     return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
         .an-powered-logo {
           display: block;
-          height: 14px;
+          height: ${isPlain ? "16.2px" : "14px"};
           width: auto;
           flex: none;
         }
@@ -53,14 +55,25 @@ export function PoweredByBadge({ position = "bottom-right", }) {
           display: none;
         }
         @media (max-width: 640px) {
-          .an-powered-badge {
+          .an-powered-badge:not(.an-powered-badge-embedded) {
             position: static !important;
             margin: 0.75rem auto 0 !important;
             width: max-content;
             max-width: calc(100vw - 2rem);
           }
         }
-        .dark .an-powered-badge {
+        .an-powered-badge-plain {
+          background: transparent !important;
+          border-color: transparent !important;
+          backdrop-filter: none !important;
+          -webkit-backdrop-filter: none !important;
+          padding: 0 !important;
+          opacity: 1 !important;
+        }
+        .an-powered-badge-plain:hover {
+          opacity: 0.82 !important;
+        }
+        .dark .an-powered-badge:not(.an-powered-badge-plain) {
           background: rgba(255, 255, 255, 0.06) !important;
           border-color: rgba(255, 255, 255, 0.08) !important;
           color: rgba(215, 215, 215, 0.94) !important;
@@ -72,7 +85,7 @@ export function PoweredByBadge({ position = "bottom-right", }) {
           display: block;
         }
         @media ${darkQuery} {
-          .an-powered-badge {
+          .an-powered-badge:not(.an-powered-badge-plain) {
             background: rgba(255, 255, 255, 0.06) !important;
             border-color: rgba(255, 255, 255, 0.08) !important;
             color: rgba(215, 215, 215, 0.94) !important;
@@ -84,7 +97,7 @@ export function PoweredByBadge({ position = "bottom-right", }) {
             display: block;
           }
         }
-        .light .an-powered-badge {
+        .light .an-powered-badge:not(.an-powered-badge-plain) {
           background: rgba(0, 0, 0, 0.05) !important;
           border-color: rgba(0, 0, 0, 0.06) !important;
           color: rgba(95, 95, 95, 0.95) !important;
@@ -95,29 +108,36 @@ export function PoweredByBadge({ position = "bottom-right", }) {
         .light .an-powered-logo-dark {
           display: none;
         }
-        .an-powered-badge:hover {
+        .an-powered-badge:not(.an-powered-badge-plain):hover {
           opacity: 1 !important;
           color: rgba(70, 70, 70, 1) !important;
         }
         @media ${darkQuery} {
-          .an-powered-badge:hover {
+          .an-powered-badge:not(.an-powered-badge-plain):hover {
             color: rgba(238, 238, 238, 1) !important;
           }
         }
-        .dark .an-powered-badge:hover {
+        .dark .an-powered-badge:not(.an-powered-badge-plain):hover {
           color: rgba(238, 238, 238, 1) !important;
         }
-        .light .an-powered-badge:hover {
+        .light .an-powered-badge:not(.an-powered-badge-plain):hover {
           color: rgba(70, 70, 70, 1) !important;
         }
-      ` }), _jsxs("a", { href: "https://agent-native.com", target: "_blank", rel: "noopener noreferrer", className: "an-powered-badge", style: containerStyle(position), "aria-label": "Built with Agent Native", children: [_jsx("span", { children: "Built with" }), _jsx("img", { src: logoOnLight, alt: "Agent Native", className: "an-powered-logo an-powered-logo-light" }), _jsx("img", { src: logoOnDark, alt: "Agent Native", className: "an-powered-logo an-powered-logo-dark" })] })] }));
+      ` }), _jsxs("a", { href: "https://agent-native.com", target: "_blank", rel: "noopener noreferrer", className: cn("an-powered-badge", isPlain && "an-powered-badge-plain", embedded && "an-powered-badge-embedded"), style: embedded
+                    ? {
+                        display: "inline-flex",
+                        alignItems: "center",
+                        textDecoration: "none",
+                        transition: "opacity 0.2s",
+                    }
+                    : containerStyle(position), "aria-label": "Built with Agent Native", children: [!isPlain && _jsx("span", { children: "Built with" }), _jsx("img", { src: logoOnLight, alt: "Agent Native", className: "an-powered-logo an-powered-logo-light" }), _jsx("img", { src: logoOnDark, alt: "Agent Native", className: "an-powered-logo an-powered-logo-dark" })] })] }));
 }
 /**
- * Small GitHub badge: "100% free and open source"
+ * Small GitHub badge: "Free and open source"
  *
  * Intended to pair with PoweredByBadge on public pages.
  */
-export function OpenSourceBadge({ position = "bottom-left", }) {
+export function OpenSourceBadge({ position = "bottom-left", embedded = false, }) {
     const hidden = import.meta.env
         ?.VITE_HIDE_BRANDING === "true";
     if (hidden)
@@ -138,7 +158,7 @@ export function OpenSourceBadge({ position = "bottom-left", }) {
           opacity: 0.95 !important;
         }
         @media (max-width: 640px) {
-          .an-open-source-badge {
+          .an-open-source-badge:not(.an-open-source-badge-embedded) {
             position: static !important;
             margin: 1rem auto 0 !important;
             width: max-content;
@@ -171,6 +191,18 @@ export function OpenSourceBadge({ position = "bottom-left", }) {
         .light .an-open-source-badge:hover {
           color: #33C4FF !important;
         }
-      ` }), _jsxs("a", { href: "https://github.com/BuilderIO/agent-native", target: "_blank", rel: "noopener noreferrer", className: "an-open-source-badge", style: containerStyle(position), children: [_jsx(IconBrandGithub, { "aria-hidden": "true", stroke: 1.8 }), _jsx("span", { children: "100% free and open source" })] })] }));
+      ` }), _jsxs("a", { href: "https://github.com/BuilderIO/agent-native", target: "_blank", rel: "noopener noreferrer", className: cn("an-open-source-badge", embedded && "an-open-source-badge-embedded"), style: embedded
+                    ? {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 6,
+                        fontSize: 12,
+                        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+                        fontWeight: 600,
+                        lineHeight: 1,
+                        textDecoration: "none",
+                        transition: "opacity 0.2s, color 0.2s",
+                    }
+                    : containerStyle(position), children: [_jsx(IconBrandGithub, { "aria-hidden": "true", stroke: 1.8 }), _jsx("span", { children: "Free and open source" })] })] }));
 }
 //# sourceMappingURL=PoweredByBadge.js.map

package/dist/client/PoweredByBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"PoweredByBadge.js","sourceRoot":"","sources":["../../src/client/PoweredByBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAUxC,MAAM,cAAc,GAAG,CACrB,QAAwC,EACzB,EAAE,CAAC,CAAC;IACnB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,EAAE;IACV,GAAG,CAAC,QAAQ,KAAK,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC/D,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;IACN,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EACR,mEAAmE;IACrE,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE,qBAAqB;IACjC,cAAc,EAAE,WAAW;IAC3B,oBAAoB,EAAE,WAAW;IACjC,MAAM,EAAE,+BAA+B;IACvC,cAAc,EAAE,MAAM;IACtB,UAAU,EAAE,0BAA0B;IACtC,OAAO,EAAE,IAAI;CACd,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,8BAA8B,CAAC;AAEjD;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,GAAG,cAAc,GACL;IACpB,2BAA2B;IAC3B,MAAM,MAAM,GACT,OAAO,IAAI,CAAC,GAA0C;QACrD,EAAE,kBAAkB,KAAK,MAAM,CAAC;IAEpC,IAAI,MAAM;QAAE,OAAO,IAAI,CAAC;IAExB,MAAM,WAAW,GAAG,OAAO,CAAC,8BAA8B,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAE1D,OAAO,CACL,8BACE,0BAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6BG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4BT,SAAS;;;;;;;;;;;OAWnB,GAAS,EACV,aACE,IAAI,EAAC,0BAA0B,EAC/B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,gBACpB,yBAAyB,aAEpC,wCAAuB,EACvB,cACE,GAAG,EAAE,WAAW,EAChB,GAAG,EAAC,cAAc,EAClB,SAAS,EAAC,uCAAuC,GACjD,EACF,cACE,GAAG,EAAE,UAAU,EACf,GAAG,EAAC,cAAc,EAClB,SAAS,EAAC,sCAAsC,GAChD,IACA,IACH,CACJ,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,GAAG,aAAa,GACH;IACrB,MAAM,MAAM,GACT,OAAO,IAAI,CAAC,GAA0C;QACrD,EAAE,kBAAkB,KAAK,MAAM,CAAC;IAEpC,IAAI,MAAM;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO,CACL,8BACE,0BAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;iBA0BG,SAAS;;;;;;;;;;;;iBAYT,SAAS;;;;;;;;;;;OAWnB,GAAS,EACV,aACE,IAAI,EAAC,2CAA2C,EAChD,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,aAE/B,KAAC,eAAe,mBAAa,MAAM,EAAC,MAAM,EAAE,GAAG,GAAI,EACnD,uDAAsC,IACpC,IACH,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { IconBrandGithub } from \"@tabler/icons-react\";\nimport type { CSSProperties } from \"react\";\n\nimport { appPath } from \"./api-path.js\";\n\nexport interface PoweredByBadgeProps {\n  position?: \"bottom-right\" | \"bottom-left\";\n}\n\nexport interface OpenSourceBadgeProps {\n  position?: \"bottom-left\" | \"bottom-right\";\n}\n\nconst containerStyle = (\n  position: \"bottom-right\" | \"bottom-left\",\n): CSSProperties => ({\n  position: \"fixed\",\n  bottom: 16,\n  ...(position === \"bottom-right\" ? { right: 16 } : { left: 16 }),\n  zIndex: 50,\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 6,\n  padding: \"6px 12px\",\n  borderRadius: 8,\n  fontSize: 12,\n  fontFamily:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n  fontWeight: 500,\n  lineHeight: 1,\n  color: \"rgba(95, 95, 95, 0.95)\",\n  background: \"rgba(0, 0, 0, 0.05)\",\n  backdropFilter: \"blur(8px)\",\n  WebkitBackdropFilter: \"blur(8px)\",\n  border: \"1px solid rgba(0, 0, 0, 0.06)\",\n  textDecoration: \"none\",\n  transition: \"opacity 0.2s, color 0.2s\",\n  opacity: 0.82,\n});\n\nconst darkQuery = \"(prefers-color-scheme: dark)\";\n\n/**\n * Small branding badge: \"Built with [Agent Native logo]\"\n *\n * - Fixed position in the corner\n * - Subtle, semi-transparent\n * - Links to https://agent-native.com\n * - Respects prefers-color-scheme\n * - Can be hidden via HIDE_BRANDING=true env var (for white-label)\n */\nexport function PoweredByBadge({\n  position = \"bottom-right\",\n}: PoweredByBadgeProps) {\n  // Allow hiding via env var\n  const hidden =\n    (import.meta.env as Record<string, string | undefined>)\n      ?.VITE_HIDE_BRANDING === \"true\";\n\n  if (hidden) return null;\n\n  const logoOnLight = appPath(\"/agent-native-logo-light.svg\");\n  const logoOnDark = appPath(\"/agent-native-logo-dark.svg\");\n\n  return (\n    <>\n      <style>{`\n        .an-powered-logo {\n          display: block;\n          height: 14px;\n          width: auto;\n          flex: none;\n        }\n        .an-powered-logo-dark {\n          display: none;\n        }\n        @media (max-width: 640px) {\n          .an-powered-badge {\n            position: static !important;\n            margin: 0.75rem auto 0 !important;\n            width: max-content;\n            max-width: calc(100vw - 2rem);\n          }\n        }\n        .dark .an-powered-badge {\n          background: rgba(255, 255, 255, 0.06) !important;\n          border-color: rgba(255, 255, 255, 0.08) !important;\n          color: rgba(215, 215, 215, 0.94) !important;\n        }\n        .dark .an-powered-logo-light {\n          display: none;\n        }\n        .dark .an-powered-logo-dark {\n          display: block;\n        }\n        @media ${darkQuery} {\n          .an-powered-badge {\n            background: rgba(255, 255, 255, 0.06) !important;\n            border-color: rgba(255, 255, 255, 0.08) !important;\n            color: rgba(215, 215, 215, 0.94) !important;\n          }\n          .an-powered-logo-light {\n            display: none;\n          }\n          .an-powered-logo-dark {\n            display: block;\n          }\n        }\n        .light .an-powered-badge {\n          background: rgba(0, 0, 0, 0.05) !important;\n          border-color: rgba(0, 0, 0, 0.06) !important;\n          color: rgba(95, 95, 95, 0.95) !important;\n        }\n        .light .an-powered-logo-light {\n          display: block;\n        }\n        .light .an-powered-logo-dark {\n          display: none;\n        }\n        .an-powered-badge:hover {\n          opacity: 1 !important;\n          color: rgba(70, 70, 70, 1) !important;\n        }\n        @media ${darkQuery} {\n          .an-powered-badge:hover {\n            color: rgba(238, 238, 238, 1) !important;\n          }\n        }\n        .dark .an-powered-badge:hover {\n          color: rgba(238, 238, 238, 1) !important;\n        }\n        .light .an-powered-badge:hover {\n          color: rgba(70, 70, 70, 1) !important;\n        }\n      `}</style>\n      <a\n        href=\"https://agent-native.com\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"an-powered-badge\"\n        style={containerStyle(position)}\n        aria-label=\"Built with Agent Native\"\n      >\n        <span>Built with</span>\n        <img\n          src={logoOnLight}\n          alt=\"Agent Native\"\n          className=\"an-powered-logo an-powered-logo-light\"\n        />\n        <img\n          src={logoOnDark}\n          alt=\"Agent Native\"\n          className=\"an-powered-logo an-powered-logo-dark\"\n        />\n      </a>\n    </>\n  );\n}\n\n/**\n * Small GitHub badge: \"100% free and open source\"\n *\n * Intended to pair with PoweredByBadge on public pages.\n */\nexport function OpenSourceBadge({\n  position = \"bottom-left\",\n}: OpenSourceBadgeProps) {\n  const hidden =\n    (import.meta.env as Record<string, string | undefined>)\n      ?.VITE_HIDE_BRANDING === \"true\";\n\n  if (hidden) return null;\n\n  return (\n    <>\n      <style>{`\n        .an-open-source-badge svg {\n          width: 15px;\n          height: 15px;\n          flex: none;\n        }\n        .an-open-source-badge {\n          background: transparent !important;\n          border-color: transparent !important;\n          backdrop-filter: none !important;\n          -webkit-backdrop-filter: none !important;\n          color: #00B5FF !important;\n          font-weight: 600 !important;\n          opacity: 0.95 !important;\n        }\n        @media (max-width: 640px) {\n          .an-open-source-badge {\n            position: static !important;\n            margin: 1rem auto 0 !important;\n            width: max-content;\n            max-width: calc(100vw - 2rem);\n          }\n        }\n        .dark .an-open-source-badge {\n          color: #00B5FF !important;\n        }\n        @media ${darkQuery} {\n          .an-open-source-badge {\n            color: #00B5FF !important;\n          }\n        }\n        .light .an-open-source-badge {\n          color: #00B5FF !important;\n        }\n        .an-open-source-badge:hover {\n          opacity: 1 !important;\n          color: #33C4FF !important;\n        }\n        @media ${darkQuery} {\n          .an-open-source-badge:hover {\n            color: #33C4FF !important;\n          }\n        }\n        .dark .an-open-source-badge:hover {\n          color: #33C4FF !important;\n        }\n        .light .an-open-source-badge:hover {\n          color: #33C4FF !important;\n        }\n      `}</style>\n      <a\n        href=\"https://github.com/BuilderIO/agent-native\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"an-open-source-badge\"\n        style={containerStyle(position)}\n      >\n        <IconBrandGithub aria-hidden=\"true\" stroke={1.8} />\n        <span>100% free and open source</span>\n      </a>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"PoweredByBadge.js","sourceRoot":"","sources":["../../src/client/PoweredByBadge.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconBrandGithub } from \"@tabler/icons-react\";\nimport type { CSSProperties } from \"react\";\n\nimport { appPath } from \"./api-path.js\";\nimport { cn } from \"./utils.js\";\n\nexport interface PoweredByBadgeProps {\n  position?: \"bottom-right\" | \"bottom-left\";\n  /** Plain shows the logo only with no surrounding badge chrome. */\n  variant?: \"badge\" | \"plain\";\n  /** When true, positioning is handled by the parent container. */\n  embedded?: boolean;\n}\n\nexport interface OpenSourceBadgeProps {\n  position?: \"bottom-left\" | \"bottom-right\";\n  /** When true, positioning is handled by the parent container. */\n  embedded?: boolean;\n}\n\nconst containerStyle = (\n  position: \"bottom-right\" | \"bottom-left\",\n): CSSProperties => ({\n  position: \"fixed\",\n  bottom: 16,\n  ...(position === \"bottom-right\" ? { right: 16 } : { left: 16 }),\n  zIndex: 50,\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 6,\n  padding: \"6px 12px\",\n  borderRadius: 8,\n  fontSize: 12,\n  fontFamily:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n  fontWeight: 500,\n  lineHeight: 1,\n  color: \"rgba(95, 95, 95, 0.95)\",\n  background: \"rgba(0, 0, 0, 0.05)\",\n  backdropFilter: \"blur(8px)\",\n  WebkitBackdropFilter: \"blur(8px)\",\n  border: \"1px solid rgba(0, 0, 0, 0.06)\",\n  textDecoration: \"none\",\n  transition: \"opacity 0.2s, color 0.2s\",\n  opacity: 0.82,\n});\n\nconst darkQuery = \"(prefers-color-scheme: dark)\";\n\n/**\n * Small branding badge: \"Built with [Agent Native logo]\"\n *\n * - Fixed position in the corner\n * - Subtle, semi-transparent\n * - Links to https://agent-native.com\n * - Respects prefers-color-scheme\n * - Can be hidden via HIDE_BRANDING=true env var (for white-label)\n */\nexport function PoweredByBadge({\n  position = \"bottom-right\",\n  variant = \"badge\",\n  embedded = false,\n}: PoweredByBadgeProps) {\n  // Allow hiding via env var\n  const hidden =\n    (import.meta.env as Record<string, string | undefined>)\n      ?.VITE_HIDE_BRANDING === \"true\";\n\n  if (hidden) return null;\n\n  const logoOnLight = appPath(\"/agent-native-logo-light.svg\");\n  const logoOnDark = appPath(\"/agent-native-logo-dark.svg\");\n  const isPlain = variant === \"plain\";\n\n  return (\n    <>\n      <style>{`\n        .an-powered-logo {\n          display: block;\n          height: ${isPlain ? \"16.2px\" : \"14px\"};\n          width: auto;\n          flex: none;\n        }\n        .an-powered-logo-dark {\n          display: none;\n        }\n        @media (max-width: 640px) {\n          .an-powered-badge:not(.an-powered-badge-embedded) {\n            position: static !important;\n            margin: 0.75rem auto 0 !important;\n            width: max-content;\n            max-width: calc(100vw - 2rem);\n          }\n        }\n        .an-powered-badge-plain {\n          background: transparent !important;\n          border-color: transparent !important;\n          backdrop-filter: none !important;\n          -webkit-backdrop-filter: none !important;\n          padding: 0 !important;\n          opacity: 1 !important;\n        }\n        .an-powered-badge-plain:hover {\n          opacity: 0.82 !important;\n        }\n        .dark .an-powered-badge:not(.an-powered-badge-plain) {\n          background: rgba(255, 255, 255, 0.06) !important;\n          border-color: rgba(255, 255, 255, 0.08) !important;\n          color: rgba(215, 215, 215, 0.94) !important;\n        }\n        .dark .an-powered-logo-light {\n          display: none;\n        }\n        .dark .an-powered-logo-dark {\n          display: block;\n        }\n        @media ${darkQuery} {\n          .an-powered-badge:not(.an-powered-badge-plain) {\n            background: rgba(255, 255, 255, 0.06) !important;\n            border-color: rgba(255, 255, 255, 0.08) !important;\n            color: rgba(215, 215, 215, 0.94) !important;\n          }\n          .an-powered-logo-light {\n            display: none;\n          }\n          .an-powered-logo-dark {\n            display: block;\n          }\n        }\n        .light .an-powered-badge:not(.an-powered-badge-plain) {\n          background: rgba(0, 0, 0, 0.05) !important;\n          border-color: rgba(0, 0, 0, 0.06) !important;\n          color: rgba(95, 95, 95, 0.95) !important;\n        }\n        .light .an-powered-logo-light {\n          display: block;\n        }\n        .light .an-powered-logo-dark {\n          display: none;\n        }\n        .an-powered-badge:not(.an-powered-badge-plain):hover {\n          opacity: 1 !important;\n          color: rgba(70, 70, 70, 1) !important;\n        }\n        @media ${darkQuery} {\n          .an-powered-badge:not(.an-powered-badge-plain):hover {\n            color: rgba(238, 238, 238, 1) !important;\n          }\n        }\n        .dark .an-powered-badge:not(.an-powered-badge-plain):hover {\n          color: rgba(238, 238, 238, 1) !important;\n        }\n        .light .an-powered-badge:not(.an-powered-badge-plain):hover {\n          color: rgba(70, 70, 70, 1) !important;\n        }\n      `}</style>\n      <a\n        href=\"https://agent-native.com\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={cn(\n          \"an-powered-badge\",\n          isPlain && \"an-powered-badge-plain\",\n          embedded && \"an-powered-badge-embedded\",\n        )}\n        style={\n          embedded\n            ? {\n                display: \"inline-flex\",\n                alignItems: \"center\",\n                textDecoration: \"none\",\n                transition: \"opacity 0.2s\",\n              }\n            : containerStyle(position)\n        }\n        aria-label=\"Built with Agent Native\"\n      >\n        {!isPlain && <span>Built with</span>}\n        <img\n          src={logoOnLight}\n          alt=\"Agent Native\"\n          className=\"an-powered-logo an-powered-logo-light\"\n        />\n        <img\n          src={logoOnDark}\n          alt=\"Agent Native\"\n          className=\"an-powered-logo an-powered-logo-dark\"\n        />\n      </a>\n    </>\n  );\n}\n\n/**\n * Small GitHub badge: \"Free and open source\"\n *\n * Intended to pair with PoweredByBadge on public pages.\n */\nexport function OpenSourceBadge({\n  position = \"bottom-left\",\n  embedded = false,\n}: OpenSourceBadgeProps) {\n  const hidden =\n    (import.meta.env as Record<string, string | undefined>)\n      ?.VITE_HIDE_BRANDING === \"true\";\n\n  if (hidden) return null;\n\n  return (\n    <>\n      <style>{`\n        .an-open-source-badge svg {\n          width: 15px;\n          height: 15px;\n          flex: none;\n        }\n        .an-open-source-badge {\n          background: transparent !important;\n          border-color: transparent !important;\n          backdrop-filter: none !important;\n          -webkit-backdrop-filter: none !important;\n          color: #00B5FF !important;\n          font-weight: 600 !important;\n          opacity: 0.95 !important;\n        }\n        @media (max-width: 640px) {\n          .an-open-source-badge:not(.an-open-source-badge-embedded) {\n            position: static !important;\n            margin: 1rem auto 0 !important;\n            width: max-content;\n            max-width: calc(100vw - 2rem);\n          }\n        }\n        .dark .an-open-source-badge {\n          color: #00B5FF !important;\n        }\n        @media ${darkQuery} {\n          .an-open-source-badge {\n            color: #00B5FF !important;\n          }\n        }\n        .light .an-open-source-badge {\n          color: #00B5FF !important;\n        }\n        .an-open-source-badge:hover {\n          opacity: 1 !important;\n          color: #33C4FF !important;\n        }\n        @media ${darkQuery} {\n          .an-open-source-badge:hover {\n            color: #33C4FF !important;\n          }\n        }\n        .dark .an-open-source-badge:hover {\n          color: #33C4FF !important;\n        }\n        .light .an-open-source-badge:hover {\n          color: #33C4FF !important;\n        }\n      `}</style>\n      <a\n        href=\"https://github.com/BuilderIO/agent-native\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={cn(\n          \"an-open-source-badge\",\n          embedded && \"an-open-source-badge-embedded\",\n        )}\n        style={\n          embedded\n            ? {\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: 6,\n                fontSize: 12,\n                fontFamily:\n                  '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n                fontWeight: 600,\n                lineHeight: 1,\n                textDecoration: \"none\",\n                transition: \"opacity 0.2s, color 0.2s\",\n              }\n            : containerStyle(position)\n        }\n      >\n        <IconBrandGithub aria-hidden=\"true\" stroke={1.8} />\n        <span>Free and open source</span>\n      </a>\n    </>\n  );\n}\n"]}

package/dist/client/agent-chat-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-chat-adapter.d.ts","sourceRoot":"","sources":["../../src/client/agent-chat-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,qBAAqB,CAAC;AAMhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAkBrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,MAAM,oBAAoB;AAC9B;;;;GAIG;AACD,KAAK;AACP,0EAA0E;GACxE,WAAW,CAAC;AAksChB;;;;GAIG;AACH;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,eAAe,GAAG,SAAS,CAAA;KAAE,CAAC;IACrD,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3D,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,wBAAgB,sBAAsB,CACpC,OAAO,CAAC,EAAE,6BAA6B,GACtC,gBAAgB,CA6/ClB"}
+{"version":3,"file":"agent-chat-adapter.d.ts","sourceRoot":"","sources":["../../src/client/agent-chat-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,qBAAqB,CAAC;AAMhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAkBrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,MAAM,oBAAoB;AAC9B;;;;GAIG;AACD,KAAK;AACP,0EAA0E;GACxE,WAAW,CAAC;AAssChB;;;;GAIG;AACH;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,eAAe,GAAG,SAAS,CAAA;KAAE,CAAC;IACrD,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3D,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,wBAAgB,sBAAsB,CACpC,OAAO,CAAC,EAAE,6BAA6B,GACtC,gBAAgB,CA6/ClB"}

package/dist/client/agent-chat-adapter.js

@@ -731,6 +731,8 @@ function incrementalActionGuidance(tool) {
         case "generate-design":
         case "update-design":
             return 'if an existing design file or snapshot is already in history, especially after a Design variant pick, stop retrying `generate-design`: call `get-design-snapshot` for the selected file, then call `edit-design` once on that same `fileId` (`mode: "replace-file"` for a compact full-file replacement, or search/replace for smaller edits). Use `generate-design` only for a brand-new compact first file when no target file exists yet';
+        case "edit-design":
+            return "retry with a smaller `edit-design` payload: prefer a handful of exact search/replace edits against the already-snapshotted file, and avoid `replacementContent` for a huge full-file rewrite. If a selected variant needs expansion, upgrade the highest-value visible sections first, save once, and summarize any remaining refinements";
         case "present-design-variants":
             return 'call `present-design-variants` with concise labels, descriptions, accent colors, and feature bullets; omit large `content` HTML when needed so the action can render compact representative screens. After the user picks a direction, delete unchosen screens, snapshot the selected `fileId`, and refine that same file with `edit-design` (`mode: "replace-file"` for placeholder expansion). Do not call `generate-design` after the variant pick';
         case "create-visual-plan":
@@ -764,7 +766,9 @@ function autoContinueMessage(signal) {
     // is the classic trigger for the repetition/cutoff loop. Nudge the model
     // toward a compact first version it can actually finish in a single run, then
     // incremental refinements — never re-streaming the same oversized payload.
-    const cutoffPreparingAction = signal.reason === "run_timeout" || signal.reason === "stream_ended";
+    const cutoffPreparingAction = signal.reason === "run_timeout" ||
+        signal.reason === "stream_ended" ||
+        signal.reason === "no_progress";
     let actionInputNote = "";
     if (cutoffPreparingAction && tool) {
         const guidance = incrementalActionGuidance(tool);