@page-speed/agent-everywhere 0.9.0 → 1.0.0

package/dist/index.js

@@ -7951,7 +7951,7 @@ function KpiCardWithChart({
   return /* @__PURE__ */ jsxs(CardShell, { className: cn("w-full overflow-hidden bg-white p-7 sm:p-8", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx("h3", { className: "truncate font-bold text-[1.4rem] text-slate-900 leading-tight tracking-tight", children: title }),
+        /* @__PURE__ */ jsx("h3", { className: "truncate font-bold text-base text-slate-900 leading-tight tracking-tight", children: title }),
         formattedValue !== null && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2", children: [
           /* @__PURE__ */ jsx("span", { className: "font-bold text-2xl text-slate-900 tabular-nums", children: formattedValue }),
           delta && /* @__PURE__ */ jsx(DeltaPill, { value: delta.value, direction: delta.direction })
@@ -7960,7 +7960,7 @@ function KpiCardWithChart({
       rangeLabel && /* @__PURE__ */ 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)
@@ -7985,7 +7985,7 @@ function KpiCardWithChart({
       return /* @__PURE__ */ 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__ */ jsx("span", { children: lead }),
             trailing !== void 0 && /* @__PURE__ */ jsx("span", { children: trailing })
@@ -8187,8 +8187,8 @@ function StackedSparklines({ rows, className }) {
         ),
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate text-[15px] text-slate-500 leading-tight", children: row.label }),
-            /* @__PURE__ */ jsx("span", { className: "font-bold text-3xl text-slate-900 leading-tight tracking-tight tabular-nums", children: row.value })
+            /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-slate-500 leading-tight", children: row.label }),
+            /* @__PURE__ */ jsx("span", { className: "font-bold text-2xl text-slate-900 leading-tight tracking-tight tabular-nums", children: row.value })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "h-9 w-[28%] min-w-[88px] shrink-0", children: hasData ? /* @__PURE__ */ jsx(
             Sparkline,
@@ -8256,7 +8256,7 @@ function StatCardHalfCircle({
     /* @__PURE__ */ jsx(
       "h3",
       {
-        className: "font-semibold text-lg leading-tight",
+        className: "font-semibold text-base leading-tight",
         style: { color: titleColor },
         children: title
       }
@@ -8304,7 +8304,7 @@ function StatCardHalfCircle({
           children: /* @__PURE__ */ 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
             }
@@ -8313,11 +8313,11 @@ function StatCardHalfCircle({
       )
     ] }),
     (minLabel || maxLabel) && /* @__PURE__ */ jsxs("div", { className: "mx-auto mt-3 flex w-full max-w-[280px] items-baseline justify-between", children: [
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", style: { color: minLabelColor }, children: minLabel }),
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-xs", style: { color: minLabelColor }, children: minLabel }),
       /* @__PURE__ */ jsx(
         "span",
         {
-          className: "font-semibold text-sm",
+          className: "font-semibold text-xs",
           style: { color: resolvedMaxLabelColor },
           children: maxLabel
         }
@@ -8458,7 +8458,7 @@ function TableListArtifact({
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4", className), children: [
     /* @__PURE__ */ jsxs(CardShell, { className: "border-[#e5e7eb] p-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: "font-bold text-[1.125rem] text-slate-800 leading-snug", children: chartTitle }),
+        /* @__PURE__ */ jsx("h3", { className: "font-bold text-base text-slate-800 leading-snug", children: chartTitle }),
         hasSeries && /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap items-center gap-x-4 gap-y-1", children: series.map((s) => /* @__PURE__ */ jsxs(
           "li",
           {
@@ -8591,7 +8591,7 @@ function TableListArtifact({
         hasSeries && xAxisLabels && xAxisLabels.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 flex justify-between px-1", children: xAxisLabels.map((label, i) => /* @__PURE__ */ jsx(
           "span",
           {
-            className: "text-slate-400 text-sm",
+            className: "text-slate-400 text-xs",
             style: { color: AXIS_LABEL_COLOR },
             children: label
           },
@@ -8605,7 +8605,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 },
@@ -8626,7 +8626,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 },
@@ -8640,7 +8640,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
@@ -8658,7 +8658,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
               },
@@ -8672,7 +8672,7 @@ function TableListArtifact({
     summaryText && /* @__PURE__ */ jsx(
       "p",
       {
-        className: "text-[1rem] leading-relaxed",
+        className: "text-sm leading-relaxed",
         style: { color: SUMMARY_TEXT_COLOR },
         children: renderRich(summaryText)
       }
@@ -8710,12 +8710,12 @@ function KpiCardWithSparklines({
   const interactive = typeof onClick === "function";
   const body = /* @__PURE__ */ jsxs("div", { className: "p-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "font-medium text-base text-slate-500 leading-snug", children: label }),
+      /* @__PURE__ */ jsx("p", { className: "font-medium text-xs text-slate-500 leading-snug", children: label }),
       icon != null && icon !== "" && /* @__PURE__ */ 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
@@ -8728,7 +8728,7 @@ function KpiCardWithSparklines({
       /* @__PURE__ */ 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
         }
@@ -8739,7 +8739,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"
         }
       )
     ] }),
@@ -8792,7 +8792,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
       }
     ),
@@ -8800,7 +8800,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
       }
     ),
@@ -8830,7 +8830,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__ */ jsx("span", { role: "columnheader", className: "text-left", children: locationColumnLabel }),
@@ -8885,7 +8885,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"
         ),
@@ -8896,7 +8896,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"
@@ -8947,7 +8947,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__ */ jsxs(
       "span",
@@ -9037,12 +9037,12 @@ function OrderedListArtifact({
 }) {
   const safeItems = Array.isArray(items) ? items : [];
   return /* @__PURE__ */ jsxs("section", { className: cn("text-left", className), children: [
-    title ? /* @__PURE__ */ jsx("h3", { className: "font-bold text-slate-900 text-xl leading-snug", children: title }) : null,
+    title ? /* @__PURE__ */ jsx("h3", { className: "font-bold text-slate-900 text-base leading-snug", children: title }) : null,
     intro ? /* @__PURE__ */ jsx(
       "p",
       {
         className: cn(
-          "text-slate-500 text-[16px] leading-relaxed",
+          "text-slate-500 text-sm leading-relaxed",
           title && "mt-4"
         ),
         children: renderRich(intro)
@@ -9072,7 +9072,7 @@ function OrderedListArtifact({
                     children: marker
                   }
                 ),
-                /* @__PURE__ */ jsx("div", { className: "flex-1 pt-0.5 text-slate-900 text-[16px] leading-relaxed", children: renderRich(item.content) })
+                /* @__PURE__ */ jsx("div", { className: "flex-1 pt-0.5 text-slate-900 text-sm leading-relaxed", children: renderRich(item.content) })
               ]
             },
             index
@@ -9286,7 +9286,7 @@ function DeepResearchProgress({
   return /* @__PURE__ */ jsxs("div", { className: cn("flex w-full flex-col gap-6 text-left", className), children: [
     /* @__PURE__ */ jsxs(CardShell, { className: "rounded-xl border-slate-200/80 bg-slate-50/70 px-5 py-4 shadow-none", children: [
       taskLabel ? /* @__PURE__ */ jsx("p", { className: "font-medium text-[11px] text-slate-400 uppercase tracking-wider", children: taskLabel }) : null,
-      /* @__PURE__ */ jsx("p", { className: "mt-2 text-[16px] text-slate-700 leading-relaxed", children: taskDescription })
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-slate-700 leading-relaxed", children: taskDescription })
     ] }),
     safeSteps.length > 0 ? /* @__PURE__ */ jsx("ol", { className: "flex list-none flex-col gap-5", children: safeSteps.map((step, index) => /* @__PURE__ */ jsxs(
       "li",
@@ -9299,7 +9299,7 @@ function DeepResearchProgress({
             "span",
             {
               className: cn(
-                "text-[17px] leading-snug",
+                "text-sm leading-snug",
                 stepLabelClass(step.status)
               ),
               children: step.label
@@ -9313,7 +9313,7 @@ function DeepResearchProgress({
       /* @__PURE__ */ jsx("hr", { className: "border-slate-200 border-t" }),
       /* @__PURE__ */ jsxs("div", { children: [
         findingsLabel ? /* @__PURE__ */ jsx("p", { className: "font-medium text-[11px] text-slate-400 uppercase tracking-wider", children: findingsLabel }) : null,
-        /* @__PURE__ */ jsx("p", { className: "mt-3 text-[16px] text-slate-700 leading-relaxed [&_strong]:text-slate-900", children: renderRich(findings) })
+        /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-slate-700 leading-relaxed [&_strong]:text-slate-900", children: renderRich(findings) })
       ] })
     ] }) : null
   ] });
@@ -9365,8 +9365,8 @@ function TimelineStep({
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1.5 pt-1.5 pb-8", children: [
-      /* @__PURE__ */ jsx("p", { className: "font-semibold text-[1.0625rem] text-slate-900 leading-snug", children: step.title }),
-      step.description ? /* @__PURE__ */ jsx("p", { className: "text-[0.9375rem] text-slate-500 leading-snug", children: step.description }) : null
+      /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm text-slate-900 leading-snug", children: step.title }),
+      step.description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500 leading-snug", children: step.description }) : null
     ] })
   ] });
 }
@@ -9390,7 +9390,7 @@ function Tracker({
       },
       step.id ?? `${step.title}-${index}`
     )) }) : /* @__PURE__ */ jsx("p", { className: "py-6 text-slate-400 text-sm", children: "No steps" }),
-    hasFooter ? /* @__PURE__ */ jsx("div", { className: "mt-2 border-slate-200 border-t pt-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[0.9375rem] text-slate-500", children: [
+    hasFooter ? /* @__PURE__ */ jsx("div", { className: "mt-2 border-slate-200 border-t pt-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-slate-500", children: [
       showFooterIcon ? /* @__PURE__ */ jsx(ClockIcon2, { className: "size-4 shrink-0" }) : null,
       /* @__PURE__ */ jsx("span", { children: footerItems.join(FOOTER_SEPARATOR) })
     ] }) }) : null
@@ -9490,7 +9490,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"
       ),
@@ -9529,13 +9529,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__ */ 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
           }
@@ -9625,17 +9625,17 @@ function BuiltInQuestions(props) {
       resolvedProgress ? /* @__PURE__ */ 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__ */ jsx("span", { "aria-hidden": "true" }),
-      categoryLabel && /* @__PURE__ */ jsx("span", { className: "text-sm", style: { color: colors.categoryText }, children: categoryLabel })
+      categoryLabel && /* @__PURE__ */ jsx("span", { className: "text-xs", style: { color: colors.categoryText }, children: categoryLabel })
     ] }),
     /* @__PURE__ */ jsx(
       "h3",
       {
-        className: "font-bold text-2xl leading-snug",
+        className: "font-bold text-base leading-snug",
         style: { color: colors.titleColor },
         children: question
       }
@@ -9876,7 +9876,7 @@ function AudioPlayer({
       /* @__PURE__ */ 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),
@@ -9902,7 +9902,7 @@ function AudioPlayer({
             /* @__PURE__ */ 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)
               }
@@ -9911,7 +9911,7 @@ function AudioPlayer({
               "span",
               {
                 className: cn(
-                  "text-base",
+                  "text-sm",
                   isActive ? "font-semibold text-slate-900" : "font-normal text-slate-500"
                 ),
                 children: chapter.label