@page-speed/agent-everywhere 0.9.0 → 1.0.0

package/dist/index.cjs

@@ -7977,7 +7977,7 @@ function KpiCardWithChart({
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { className: cn("w-full overflow-hidden bg-white p-7 sm:p-8", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "truncate font-bold text-[1.4rem] text-slate-900 leading-tight tracking-tight", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "truncate font-bold text-base text-slate-900 leading-tight tracking-tight", children: title }),
         formattedValue !== null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-2xl text-slate-900 tabular-nums", children: formattedValue }),
           delta && /* @__PURE__ */ jsxRuntime.jsx(DeltaPill, { value: delta.value, direction: delta.direction })
@@ -7986,7 +7986,7 @@ function KpiCardWithChart({
       rangeLabel && /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: "shrink-0 rounded-full px-4 py-1.5 font-semibold text-sm",
+          className: "shrink-0 rounded-full px-4 py-1.5 font-semibold text-xs",
           style: {
             color: pillColor,
             backgroundColor: hexToRgba(pillColor, 0.12)
@@ -8011,7 +8011,7 @@ function KpiCardWithChart({
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: "flex flex-col text-slate-400 text-sm leading-tight",
+          className: "flex flex-col text-slate-400 text-xs leading-tight",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: lead }),
             trailing !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { children: trailing })
@@ -8213,8 +8213,8 @@ function StackedSparklines({ rows, className }) {
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[15px] text-slate-500 leading-tight", children: row.label }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-3xl text-slate-900 leading-tight tracking-tight tabular-nums", children: row.value })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-slate-500 leading-tight", children: row.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-2xl text-slate-900 leading-tight tracking-tight tabular-nums", children: row.value })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-9 w-[28%] min-w-[88px] shrink-0", children: hasData ? /* @__PURE__ */ jsxRuntime.jsx(
             Sparkline,
@@ -8282,7 +8282,7 @@ function StatCardHalfCircle({
     /* @__PURE__ */ jsxRuntime.jsx(
       "h3",
       {
-        className: "font-semibold text-lg leading-tight",
+        className: "font-semibold text-base leading-tight",
         style: { color: titleColor },
         children: title
       }
@@ -8330,7 +8330,7 @@ function StatCardHalfCircle({
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: "font-bold text-5xl leading-none tabular-nums",
+              className: "font-bold text-2xl leading-none tabular-nums",
               style: { color: valueColor },
               children: readout
             }
@@ -8339,11 +8339,11 @@ function StatCardHalfCircle({
       )
     ] }),
     (minLabel || maxLabel) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto mt-3 flex w-full max-w-[280px] items-baseline justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-sm", style: { color: minLabelColor }, children: minLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-xs", style: { color: minLabelColor }, children: minLabel }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: "font-semibold text-sm",
+          className: "font-semibold text-xs",
           style: { color: resolvedMaxLabelColor },
           children: maxLabel
         }
@@ -8484,7 +8484,7 @@ function TableListArtifact({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { className: "border-[#e5e7eb] p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-[1.125rem] text-slate-800 leading-snug", children: chartTitle }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-base text-slate-800 leading-snug", children: chartTitle }),
         hasSeries && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap items-center gap-x-4 gap-y-1", children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs(
           "li",
           {
@@ -8617,7 +8617,7 @@ function TableListArtifact({
         hasSeries && xAxisLabels && xAxisLabels.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex justify-between px-1", children: xAxisLabels.map((label, i) => /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: "text-slate-400 text-sm",
+            className: "text-slate-400 text-xs",
             style: { color: AXIS_LABEL_COLOR },
             children: label
           },
@@ -8631,7 +8631,7 @@ function TableListArtifact({
         {
           scope: "col",
           className: cn(
-            "px-6 py-4 font-semibold text-[0.75rem] uppercase tracking-wider",
+            "px-6 py-4 font-semibold text-xs uppercase tracking-wider",
             ALIGN_CLASS[col.align ?? "left"]
           ),
           style: { color: TABLE_HEADER_TEXT },
@@ -8652,7 +8652,7 @@ function TableListArtifact({
                 "td",
                 {
                   className: cn(
-                    "px-6 py-5 font-bold text-[1.0625rem]",
+                    "px-6 py-5 font-bold text-sm",
                     ALIGN_CLASS[align]
                   ),
                   style: { color: FIRST_COL_TEXT },
@@ -8666,7 +8666,7 @@ function TableListArtifact({
                 "td",
                 {
                   className: cn(
-                    "px-6 py-5 text-[1.0625rem] text-slate-700 tabular-nums",
+                    "px-6 py-5 text-sm text-slate-700 tabular-nums",
                     ALIGN_CLASS[align]
                   ),
                   children: row.value
@@ -8684,7 +8684,7 @@ function TableListArtifact({
                     value: row.delta.text,
                     direction: deltaDirection(row.delta.direction),
                     hideArrow: true,
-                    className: "bg-transparent px-0 py-0 font-semibold text-sm"
+                    className: "bg-transparent px-0 py-0 font-semibold text-xs"
                   }
                 ) : null
               },
@@ -8698,7 +8698,7 @@ function TableListArtifact({
     summaryText && /* @__PURE__ */ jsxRuntime.jsx(
       "p",
       {
-        className: "text-[1rem] leading-relaxed",
+        className: "text-sm leading-relaxed",
         style: { color: SUMMARY_TEXT_COLOR },
         children: renderRich(summaryText)
       }
@@ -8736,12 +8736,12 @@ function KpiCardWithSparklines({
   const interactive = typeof onClick === "function";
   const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-base text-slate-500 leading-snug", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-xs text-slate-500 leading-snug", children: label }),
       icon != null && icon !== "" && /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
           "aria-hidden": "true",
-          className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg font-semibold text-lg",
+          className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg font-semibold text-base",
           style: {
             backgroundColor: iconChipBg ?? DEFAULT_ICON_CHIP_BG,
             color: iconChipFg ?? DEFAULT_ICON_CHIP_FG
@@ -8754,7 +8754,7 @@ function KpiCardWithSparklines({
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: "font-extrabold text-5xl leading-none tracking-tight tabular-nums",
+          className: "font-extrabold text-2xl leading-none tracking-tight tabular-nums",
           style: { color: valueColor ?? DEFAULT_VALUE_COLOR2 },
           children: value
         }
@@ -8765,7 +8765,7 @@ function KpiCardWithSparklines({
           value: delta.value,
           direction: delta.direction,
           tone: delta.tone,
-          className: "mb-1 px-2.5 py-1 text-sm"
+          className: "mb-1 px-2.5 py-1 text-xs"
         }
       )
     ] }),
@@ -8818,7 +8818,7 @@ function LocationTableRow({ row }) {
       "span",
       {
         role: "cell",
-        className: "truncate font-semibold text-[1.0625rem] text-slate-800",
+        className: "truncate font-semibold text-sm text-slate-800",
         children: row.name
       }
     ),
@@ -8826,7 +8826,7 @@ function LocationTableRow({ row }) {
       "span",
       {
         role: "cell",
-        className: "text-right text-[1.0625rem] text-slate-700 tabular-nums",
+        className: "text-right text-sm text-slate-700 tabular-nums",
         children: row.revenue
       }
     ),
@@ -8856,7 +8856,7 @@ function LocationsRevenueCard({
         role: "row",
         className: cn(
           GRID_TEMPLATE,
-          "border-b bg-slate-50 py-4 font-semibold text-[0.75rem] text-slate-400 uppercase tracking-wider"
+          "border-b bg-slate-50 py-4 font-semibold text-xs text-slate-400 uppercase tracking-wider"
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { role: "columnheader", className: "text-left", children: locationColumnLabel }),
@@ -8911,7 +8911,7 @@ function RowPair({ row, isLast, cellPadding }) {
       "dt",
       {
         className: cn(
-          "min-w-0 break-words bg-slate-50/70 font-normal text-slate-500 text-[0.9375rem] leading-snug",
+          "min-w-0 break-words bg-slate-50/70 font-normal text-slate-500 text-sm leading-snug",
           cellPadding,
           !isLast && "border-slate-100 border-b"
         ),
@@ -8922,7 +8922,7 @@ function RowPair({ row, isLast, cellPadding }) {
       "dd",
       {
         className: cn(
-          "min-w-0 break-words border-slate-100 border-l font-medium text-[0.9375rem] leading-snug",
+          "min-w-0 break-words border-slate-100 border-l font-medium text-sm leading-snug",
           valueColorClass,
           cellPadding,
           !isLast && "border-b"
@@ -8973,7 +8973,7 @@ function resolveDotColor(badge) {
 }
 function BadgePill({ badge, groupStyle }) {
   const style = badge.style ?? groupStyle;
-  const baseClass = "inline-flex items-center rounded-full px-4 py-1.5 font-medium text-sm whitespace-nowrap";
+  const baseClass = "inline-flex items-center rounded-full px-4 py-1.5 font-medium text-xs whitespace-nowrap";
   if (style === "outline") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
@@ -9063,12 +9063,12 @@ function OrderedListArtifact({
 }) {
   const safeItems = Array.isArray(items) ? items : [];
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cn("text-left", className), children: [
-    title ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-slate-900 text-xl leading-snug", children: title }) : null,
+    title ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-slate-900 text-base leading-snug", children: title }) : null,
     intro ? /* @__PURE__ */ jsxRuntime.jsx(
       "p",
       {
         className: cn(
-          "text-slate-500 text-[16px] leading-relaxed",
+          "text-slate-500 text-sm leading-relaxed",
           title && "mt-4"
         ),
         children: renderRich(intro)
@@ -9098,7 +9098,7 @@ function OrderedListArtifact({
                     children: marker
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 pt-0.5 text-slate-900 text-[16px] leading-relaxed", children: renderRich(item.content) })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 pt-0.5 text-slate-900 text-sm leading-relaxed", children: renderRich(item.content) })
               ]
             },
             index
@@ -9312,7 +9312,7 @@ function DeepResearchProgress({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full flex-col gap-6 text-left", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { className: "rounded-xl border-slate-200/80 bg-slate-50/70 px-5 py-4 shadow-none", children: [
       taskLabel ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-[11px] text-slate-400 uppercase tracking-wider", children: taskLabel }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-[16px] text-slate-700 leading-relaxed", children: taskDescription })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-700 leading-relaxed", children: taskDescription })
     ] }),
     safeSteps.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex list-none flex-col gap-5", children: safeSteps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "li",
@@ -9325,7 +9325,7 @@ function DeepResearchProgress({
             "span",
             {
               className: cn(
-                "text-[17px] leading-snug",
+                "text-sm leading-snug",
                 stepLabelClass(step.status)
               ),
               children: step.label
@@ -9339,7 +9339,7 @@ function DeepResearchProgress({
       /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-slate-200 border-t" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         findingsLabel ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-[11px] text-slate-400 uppercase tracking-wider", children: findingsLabel }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-[16px] text-slate-700 leading-relaxed [&_strong]:text-slate-900", children: renderRich(findings) })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm text-slate-700 leading-relaxed [&_strong]:text-slate-900", children: renderRich(findings) })
       ] })
     ] }) : null
   ] });
@@ -9391,8 +9391,8 @@ function TimelineStep({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-1.5 pt-1.5 pb-8", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-[1.0625rem] text-slate-900 leading-snug", children: step.title }),
-      step.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[0.9375rem] text-slate-500 leading-snug", children: step.description }) : null
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm text-slate-900 leading-snug", children: step.title }),
+      step.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-500 leading-snug", children: step.description }) : null
     ] })
   ] });
 }
@@ -9416,7 +9416,7 @@ function Tracker({
       },
       step.id ?? `${step.title}-${index}`
     )) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-6 text-slate-400 text-sm", children: "No steps" }),
-    hasFooter ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 border-slate-200 border-t pt-5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-[0.9375rem] text-slate-500", children: [
+    hasFooter ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 border-slate-200 border-t pt-5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-slate-500", children: [
       showFooterIcon ? /* @__PURE__ */ jsxRuntime.jsx(ClockIcon2, { className: "size-4 shrink-0" }) : null,
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: footerItems.join(FOOTER_SEPARATOR) })
     ] }) }) : null
@@ -9516,7 +9516,7 @@ function OptionRow({
       onClick: submitted ? void 0 : onSelect,
       onKeyDown: handleKeyDown,
       className: cn(
-        "flex items-start gap-3 rounded-xl border px-4 py-4 text-left transition-colors",
+        "flex items-center gap-3 rounded-xl border px-4 py-4 text-left transition-colors",
         !submitted && "cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-400/60",
         selected ? "font-medium" : "font-normal"
       ),
@@ -9555,13 +9555,13 @@ function OptionRow({
                 onCustomCommit();
               }
             },
-            className: "flex-1 border-0 bg-transparent p-0 text-base leading-snug outline-none placeholder:text-slate-400",
+            className: "flex-1 border-0 bg-transparent p-0 text-sm leading-snug outline-none placeholder:text-slate-400",
             style: { color: colors.selectedLabel }
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: "flex-1 text-base leading-snug",
+            className: "flex-1 text-sm leading-snug",
             style: { color: selected ? colors.selectedLabel : colors.unselectedLabel },
             children: option.label
           }
@@ -9651,17 +9651,17 @@ function BuiltInQuestions(props) {
       resolvedProgress ? /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: "inline-flex items-center rounded-lg px-3 py-1 font-semibold text-[13px]",
+          className: "inline-flex items-center rounded-lg px-3 py-1 font-semibold text-xs",
           style: { backgroundColor: colors.pillBg, color: colors.pillText },
           children: resolvedProgress
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true" }),
-      categoryLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", style: { color: colors.categoryText }, children: categoryLabel })
+      categoryLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", style: { color: colors.categoryText }, children: categoryLabel })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "h3",
       {
-        className: "font-bold text-2xl leading-snug",
+        className: "font-bold text-base leading-snug",
         style: { color: colors.titleColor },
         children: question
       }
@@ -9902,7 +9902,7 @@ function AudioPlayer({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: "shrink-0 font-mono text-lg tabular-nums",
+          className: "shrink-0 font-mono text-xs tabular-nums",
           style: { color: mutedText },
           children: [
             formatTime2(currentTime),
@@ -9928,7 +9928,7 @@ function AudioPlayer({
             /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: "shrink-0 font-mono text-sm tabular-nums",
+                className: "shrink-0 font-mono text-xs tabular-nums",
                 style: { color: mutedText },
                 children: formatTime2(chapter.startSeconds)
               }
@@ -9937,7 +9937,7 @@ function AudioPlayer({
               "span",
               {
                 className: cn(
-                  "text-base",
+                  "text-sm",
                   isActive ? "font-semibold text-slate-900" : "font-normal text-slate-500"
                 ),
                 children: chapter.label