randmarcomps 1.162.0 → 1.164.0

package/dist/randmarcomps.d.ts

@@ -58,7 +58,7 @@ export declare const ApiKeyProvider: ({ apiKey, children, }: {
     children: ReactNode;
 }) => JSX.Element;
 
-export declare function AreaChart({ data, units, unitsPosition, width, height, className }: AreaChartProps): JSX.Element;
+export declare function AreaChart({ data, units, unitsPosition, width, height, className, size, }: AreaChartProps): JSX.Element;
 
 export declare interface AreaChartProps {
     data: DataPoint[];
@@ -67,6 +67,7 @@ export declare interface AreaChartProps {
     width?: string | number;
     height?: string | number;
     className?: string;
+    size?: "default" | "mini";
 }
 
 export declare const Avatar: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
@@ -266,13 +267,14 @@ declare interface LayoutProps {
     chatRef?: React.Ref<ChatLayoutHandle>;
 }
 
-export declare function ManufacturerCard({ manufacturer, link, linkNewTab, actions, loading, }: ManufacturerCardProps): JSX.Element;
+export declare function ManufacturerCard({ manufacturer, link, linkNewTab, actions, mainAction, loading, }: ManufacturerCardProps): JSX.Element;
 
 export declare interface ManufacturerCardProps {
     manufacturer?: Manufacturer;
     link?: string;
     linkNewTab?: boolean;
-    actions?: React.ReactNode;
+    actions?: default_2.ReactNode;
+    mainAction?: default_2.ReactNode;
     loading?: boolean;
 }
 

package/dist/randmarcomps.js

@@ -275,6 +275,22 @@ const createLucideIcon = (e, t) => {
   );
   return n.displayName = `${e}`, n;
 };
+/**
+ * @license lucide-react v0.479.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$I = [
+  [
+    "path",
+    {
+      d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",
+      key: "3c2336"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+], BadgeCheck = createLucideIcon("BadgeCheck", __iconNode$I);
 /**
  * @license lucide-react v0.479.0 - ISC
  *
@@ -27578,56 +27594,49 @@ function AreaChart({
   unitsPosition: n = "right",
   width: o = "100%",
   height: l = 300,
-  className: u
+  className: u,
+  size: d = "default"
 }) {
   if (!(e != null && e.length))
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-40 text-muted-foreground", children: "No data available" });
-  const d = Object.keys(e[0])[0], f = Object.keys(e[0]).filter((m) => m !== d);
-  if (!f.length)
+  const f = Object.keys(e[0])[0], p = Object.keys(e[0]).filter((_) => _ !== f);
+  if (!p.length)
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-40 text-muted-foreground", children: "Invalid data format" });
-  const p = (m) => n === "left" ? `${t || ""}${m}` : `${m}${t || ""}`;
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full", u), children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: o, height: l, children: /* @__PURE__ */ jsxs(AreaChart$1, { data: e, margin: { top: 10, right: 30, left: 0, bottom: 0 }, children: [
-    /* @__PURE__ */ jsx("defs", { children: f.map((m) => /* @__PURE__ */ jsxs("linearGradient", { id: `gradient-${m}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+  const m = (_) => n === "left" ? `${t || ""}${_}` : `${_}${t || ""}`, g = d === "mini" ? { top: 0, right: 0, left: 0, bottom: 0 } : { top: 10, right: 30, left: 0, bottom: 0 }, b = d === "mini";
+  return /* @__PURE__ */ jsx("div", { className: cn("w-full", u), children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: o, height: b ? l || 100 : l, children: /* @__PURE__ */ jsxs(AreaChart$1, { data: e, margin: g, children: [
+    /* @__PURE__ */ jsx("defs", { children: p.map((_) => /* @__PURE__ */ jsxs("linearGradient", { id: `gradient-${_}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
       /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: "var(--primary, #8884d8)", stopOpacity: 0.8 }),
       /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: "var(--primary, #8884d8)", stopOpacity: 0.1 })
-    ] }, m)) }),
-    /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", className: "stroke-border/50" }),
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        dataKey: d,
-        className: "text-xs text-muted-foreground",
-        tickLine: !1,
-        axisLine: !1
-      }
-    ),
-    /* @__PURE__ */ jsx(
+    ] }, _)) }),
+    !b && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", className: "stroke-border/50" }),
+    !b && /* @__PURE__ */ jsx(XAxis, { dataKey: f, className: "text-xs text-muted-foreground", tickLine: !1, axisLine: !1 }),
+    !b && /* @__PURE__ */ jsx(
       YAxis,
       {
         className: "text-xs text-muted-foreground",
         tickLine: !1,
         axisLine: !1,
-        tickFormatter: p
+        tickFormatter: m
       }
     ),
-    /* @__PURE__ */ jsx(
+    !b && /* @__PURE__ */ jsx(
       Tooltip,
       {
         content: /* @__PURE__ */ jsx(ChartTooltipContent, { units: t, unitsPosition: n }),
         cursor: { stroke: "var(--muted)", strokeWidth: 1 }
       }
     ),
-    f.map((m) => /* @__PURE__ */ jsx(
+    p.map((_) => /* @__PURE__ */ jsx(
       Area,
       {
         type: "monotone",
-        dataKey: m,
+        dataKey: _,
         stroke: "var(--primary, #8884d8)",
         fillOpacity: 0.6,
-        fill: `url(#gradient-${m})`,
-        strokeWidth: 2
+        fill: `url(#gradient-${_})`,
+        strokeWidth: b ? 1 : 2
       },
-      m
+      _
     ))
   ] }) }) });
 }
@@ -52604,10 +52613,10 @@ function QualificationBadge({ qualification: e }) {
     ] }) }),
     /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Qualification" }) })
   ] }) }) : /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(Badge, { variant: "success", children: [
-      /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 mr-1" }),
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(Badge, { variant: "info", className: "pr-1", children: [
+      /* @__PURE__ */ jsx(BadgeCheck, { className: "h-3 w-3 mr-1" }),
       e.QualificationId,
-      e.DefaultOpportunityNumber && ` | ${e.DefaultOpportunityNumber}`
+      e.DefaultOpportunityNumber && /* @__PURE__ */ jsx(Badge, { variant: "secondary", size: "sm", className: "ml-1", children: e.DefaultOpportunityNumber })
     ] }) }),
     /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Qualification" }) })
   ] }) });
@@ -52617,20 +52626,24 @@ function ManufacturerCard({
   link: t,
   linkNewTab: n = !0,
   actions: o,
-  loading: l = !1
+  mainAction: l,
+  loading: u = !1
 }) {
-  var b, _, S;
-  if (l || !e)
+  var T, E, C;
+  if (u || !e)
     return /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-md" }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40 mb-1" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32 mb-1" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
-        ] })
-      ] }) }),
+      /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-md" }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24 mb-2" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32 mb-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-24" })
+      ] }),
       /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
           /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
@@ -52657,20 +52670,23 @@ function ManufacturerCard({
         /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-40" })
       ] })
     ] });
-  const u = e.ManufacturerId || "N/A", d = e.PublicName || "N/A", f = [e.City, e.Province, e.Country].filter(Boolean), p = f.length > 0 ? f.join(", ") : "", m = ((b = e.Tags) == null ? void 0 : b.split(",").map((T) => T.trim()).filter(Boolean)) || [], g = (T) => T === void 0 ? "n/a" : new Intl.NumberFormat("en-CA", {
+  const d = e.ManufacturerId || "N/A", f = e.PublicName || "N/A", p = [e.City, e.Province, e.Country].filter(Boolean), m = p.length > 0 ? p.join(", ") : "", g = ((T = e.Tags) == null ? void 0 : T.split(",").map((R) => R.trim()).filter(Boolean)) || [], b = (R) => R === void 0 ? "n/a" : new Intl.NumberFormat("en-CA", {
     style: "currency",
     currency: "CAD",
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
-  }).format(T);
-  return /* @__PURE__ */ jsxs(Card, { className: "manufacturer-theme", children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: [
+  }).format(R), S = ((R) => !R || R.length === 0 ? [] : [...R].sort((N, O) => (N.Day || 0) - (O.Day || 0)).map((N) => ({
+    date: N.Day || 0,
+    amount: N.ExtendedPrice || 0
+  })))(e.SalesStatistics);
+  return /* @__PURE__ */ jsxs(Card, { className: "manufacturer-theme flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx(Link, { to: t ?? "#", target: t && n ? "_blank" : "_self", children: /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
           "img",
           {
-            src: `https://api.randmar.io/V4/Partner/${u}/Account/Logo?width=64&height=64`,
-            alt: `${d}'s logo`,
+            src: `https://api.randmar.io/V4/Partner/${d}/Account/Logo?width=64&height=64`,
+            alt: `${f}'s logo`,
             className: "max-h-10 w-auto object-contain"
           }
         ) }),
@@ -52678,43 +52694,63 @@ function ManufacturerCard({
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("span", { className: "text-xs text-primary", children: "Manufacturer" }),
             /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "|" }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: u })
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: d })
           ] }),
           /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: e.PublicName || "N/A" }),
           e.Name && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: e.Name }),
-          p && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: p })
+          m && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: m })
         ] })
       ] }),
-      !!e.OnHold && e.OnHold !== 0 && /* @__PURE__ */ jsx(Badge, { variant: "warning", children: "On Hold" })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { className: "pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col items-end gap-2", children: S.length > 0 && /* @__PURE__ */ jsx("div", { className: "h-16 w-24", children: /* @__PURE__ */ jsx(AreaChart, { data: S, height: 60, size: "mini" }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(CardContent, { className: "pb-2 flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 space-y-2", children: [
-        (!!((_ = e.Qualification) != null && _.QualificationId) && ((S = e.Qualification) == null ? void 0 : S.QualificationId) !== "Suspended" || !!e.OpenToWork || m.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsx(
-            QualificationBadge,
-            {
-              qualification: e.Qualification ?? {}
-            }
-          ),
+        (!!((E = e.Qualification) != null && E.QualificationId) && ((C = e.Qualification) == null ? void 0 : C.QualificationId) !== "Suspended" || !!e.OpenToWork || g.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx(QualificationBadge, { qualification: e.Qualification ?? {} }),
           !!e.OpenToWork && /* @__PURE__ */ jsxs(Badge, { variant: "success", children: [
             /* @__PURE__ */ jsx(HardHat, { className: "h-3 w-3 mr-1" }),
             "Open To Work"
           ] }),
-          m.map((T, E) => /* @__PURE__ */ jsx(Badge, { variant: "outline", children: T }, E))
+          !!e.OnHold && e.OnHold !== 0 && /* @__PURE__ */ jsx(Badge, { variant: "warning", children: "On Hold" }),
+          g.map((R, N) => /* @__PURE__ */ jsx(Badge, { variant: "outline", children: R }, N))
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-1 pt-2", children: [
-          e.Phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { children: e.Phone })
-          ] }),
-          e.PublicEmail && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { children: e.PublicEmail })
-          ] }),
-          e.Website && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { children: e.Website })
-          ] }),
+          e.Phone && /* @__PURE__ */ jsxs(
+            Link,
+            {
+              to: `tel:${e.Phone}`,
+              target: "_blank",
+              className: "flex items-center gap-2 text-sm text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { children: e.Phone })
+              ]
+            }
+          ),
+          e.PublicEmail && /* @__PURE__ */ jsxs(
+            Link,
+            {
+              to: `mailto:${e.PublicEmail}`,
+              target: "_blank",
+              className: "flex items-center gap-2 text-sm text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { children: e.PublicEmail })
+              ]
+            }
+          ),
+          e.Website && /* @__PURE__ */ jsxs(
+            Link,
+            {
+              to: e.Website,
+              target: "_blank",
+              className: "flex items-center gap-2 text-sm text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { children: e.Website })
+              ]
+            }
+          ),
           e.CurrencyCode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ jsx(DollarSign, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx("span", { children: e.CurrencyCode })
@@ -52723,19 +52759,25 @@ function ManufacturerCard({
       ] }),
       e.SalesData && /* @__PURE__ */ jsxs("div", { className: "border-l pl-2 ml-2 flex flex-col text-sm", children: [
         /* @__PURE__ */ jsx("strong", { className: "", children: "YTD" }),
-        /* @__PURE__ */ jsx("p", { children: g(e.SalesData.SalesYearToDay) }),
+        /* @__PURE__ */ jsx("p", { children: b(e.SalesData.SalesYearToDay) }),
         /* @__PURE__ */ jsx("strong", { className: "mt-2", children: "3 mo." }),
-        /* @__PURE__ */ jsx("p", { children: g(e.SalesData.SalesLast3Months) }),
+        /* @__PURE__ */ jsx("p", { children: b(e.SalesData.SalesLast3Months) }),
         /* @__PURE__ */ jsx("strong", { className: "mt-2", children: "30 days" }),
-        /* @__PURE__ */ jsx("p", { children: g(e.SalesData.SalesLast30Days) })
+        /* @__PURE__ */ jsx("p", { children: b(e.SalesData.SalesLast30Days) })
       ] })
     ] }) }),
-    (o || t) && /* @__PURE__ */ jsxs(CardFooter, { className: `flex pt-2 gap-2 ${o ? "justify-between" : "justify-end"}`, children: [
-      o && o,
-      t && /* @__PURE__ */ jsx(Button, { className: "flex items-center gap-1", asChild: !0, children: n ? /* @__PURE__ */ jsxs(Link, { to: t, target: "_blank", children: [
-        /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }),
-        "Go to Manufacturer"
-      ] }) : /* @__PURE__ */ jsx(Link, { to: t, children: "Go to Manufacturer" }) })
+    (o || t || l) && /* @__PURE__ */ jsxs(CardFooter, { className: "flex pt-2 gap-2 justify-between mt-auto", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        t && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { size: "icon", asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: t, target: n ? "_blank" : "_self", children: [
+            /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "View Manufacturer" })
+          ] }) }) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "View Manufacturer" }) })
+        ] }) }),
+        o && o
+      ] }),
+      l && /* @__PURE__ */ jsx("div", { children: l })
     ] })
   ] });
 }
@@ -59605,7 +59647,7 @@ const complexComponents = [
   "<ScrollArea>...</ScrollArea>",
   "<ScrollArea orientation='horizontal'>...</ScrollArea>"
 ], GetJSXFromAI = async (e, t, n, o, l = 3) => {
-  const u = "In addition to basic html tags, You have access to these beautiful Handmade Components:", d = "You also have access to these few Shadcn UI components:", f = 'Here is the data to display to the user (If a Handmade Component is a good fit for the data, use it. Otherwise, use regular html tags) (You have access to this data object in React via the data variable. Do not use JSON.parse, it is already parsed. For example, if data is an array, you can use {data.map(item, idx => <>...</>)} directly. CAUTION: when using map, you must use implicit return rather than a block body, as shown before. AGAIN: never use JSON.parse - data is already parsed and never a block body with arrow functions such as: (item => { return "EXAMPLE - DO NOT DO THIS" }):', p = "Only output a single JSX code snippet. Start with <> and end with </>. All other code will be ignored, so make sure to place all CSS styles inline. Use CSS flex layouts when there is a lot of stuff to display.", m = JSON.stringify(n), g = [t, u, ...complexComponents, d, ...basicComponents, p, f, m, p].join(`\r
+  const u = "In addition to basic html tags, You have access to these beautiful Handmade Components. Try to use them even when you get an array of search results. For example, use ProductCard when ContentType is Product:", d = "You also have access to these few Shadcn UI components:", f = 'Here is the data to display to the user (If a Handmade Component is a good fit for the data, use it. Otherwise, use regular html tags) (You have access to this data object in React via the data variable. Do not use JSON.parse, it is already parsed. For example, if data is an array, you can use {data.map(item, idx => <>...</>)} directly. CAUTION: when using map, you must use implicit return rather than a block body, as shown before. AGAIN: never use JSON.parse - data is already parsed and never a block body with arrow functions such as: (item => { return "EXAMPLE - DO NOT DO THIS" }):', p = "Only output a single JSX code snippet. Start with <> and end with </>. All other code will be ignored, so make sure to place all CSS styles inline. Use CSS flex layouts when there is a lot of stuff to display.", m = JSON.stringify(n), g = [t, u, ...complexComponents, d, ...basicComponents, p, f, m, p].join(`\r
 `), S = await new GoogleGenAI({ apiKey: e }).chats.create({
     model: o ? "gemini-2.5-pro-preview-03-25" : "gemini-2.0-flash-lite"
   }).sendMessage({ message: g }), T = trimJSXString(S.text ?? "");