@page-speed/agent-everywhere 0.9.0 → 1.1.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
@@ -9949,6 +9949,813 @@ function AudioPlayer({
     }) })
   ] });
 }
+var ICON_MAP = {
+  globe: lucideReact.Globe,
+  facebook: lucideReact.Facebook,
+  instagram: lucideReact.Instagram,
+  twitter: lucideReact.Twitter,
+  x: lucideReact.Twitter,
+  linkedin: lucideReact.Linkedin,
+  youtube: lucideReact.Youtube,
+  github: lucideReact.Github,
+  mail: lucideReact.Mail,
+  email: lucideReact.Mail,
+  phone: lucideReact.Phone,
+  link: lucideReact.Link,
+  url: lucideReact.Link,
+  image: lucideReact.Image,
+  photo: lucideReact.Image,
+  video: lucideReact.Video,
+  star: lucideReact.Star,
+  heart: lucideReact.Heart,
+  check: lucideReact.Check,
+  settings: lucideReact.Settings,
+  user: lucideReact.User,
+  account: lucideReact.User,
+  calendar: lucideReact.Calendar,
+  "map-pin": lucideReact.MapPin,
+  mappin: lucideReact.MapPin,
+  location: lucideReact.MapPin,
+  music: lucideReact.Music,
+  camera: lucideReact.Camera,
+  message: lucideReact.MessageCircle,
+  chat: lucideReact.MessageCircle,
+  cart: lucideReact.ShoppingCart,
+  shop: lucideReact.ShoppingCart
+};
+function resolveIconName(name, className = "size-5 shrink-0") {
+  if (!name) return null;
+  const Icon = ICON_MAP[name.trim().toLowerCase()];
+  return Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": "true", className }) : null;
+}
+var DEFAULT_OPEN_GRAPH_ENDPOINT = "/api/opengraph";
+function firstString(...values) {
+  for (const value of values) {
+    if (typeof value === "string" && value.trim()) {
+      return value.trim();
+    }
+  }
+  return null;
+}
+function imageUrlFromOpenGraph(image) {
+  if (!image) return null;
+  if (typeof image === "string") return firstString(image);
+  return firstString(image.url);
+}
+function domainFromUrl(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return url;
+  }
+}
+function normalizeUrlForPreview(input) {
+  const trimmed = input.trim();
+  if (!trimmed) return "";
+  return /^https?:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`;
+}
+function buildEndpointUrl(endpoint, url) {
+  const separator = endpoint.includes("?") ? "&" : "?";
+  return `${endpoint}${separator}url=${encodeURIComponent(url)}`;
+}
+function getErrorMessage(body) {
+  if (body && typeof body === "object" && "error" in body && typeof body.error === "string") {
+    return body.error;
+  }
+  return "Could not load a preview for that link.";
+}
+function extractLinkPreview(data, fallbackUrl = "") {
+  const hybridGraph = data.hybridGraph;
+  const openGraph = data.openGraph;
+  const htmlInferred = data.htmlInferred;
+  const url = firstString(
+    data.finalUrl,
+    data.url,
+    data.normalizedUrl,
+    data.requestedUrl,
+    openGraph?.url,
+    hybridGraph?.url,
+    htmlInferred?.url
+  ) ?? normalizeUrlForPreview(fallbackUrl);
+  return {
+    url,
+    domain: domainFromUrl(url),
+    title: firstString(hybridGraph?.title, openGraph?.title, htmlInferred?.title),
+    description: firstString(
+      hybridGraph?.description,
+      openGraph?.description,
+      htmlInferred?.description
+    ),
+    image: firstString(
+      hybridGraph?.image,
+      imageUrlFromOpenGraph(openGraph?.image ?? null),
+      htmlInferred?.image,
+      htmlInferred?.images?.[0]
+    ),
+    favicon: firstString(hybridGraph?.favicon, htmlInferred?.favicon),
+    siteName: firstString(
+      htmlInferred?.site_name,
+      openGraph?.site_name,
+      hybridGraph?.site_name
+    )
+  };
+}
+async function fetchOpenGraphPreview(url, endpoint = DEFAULT_OPEN_GRAPH_ENDPOINT) {
+  const response = await fetch(buildEndpointUrl(endpoint, url), {
+    headers: { Accept: "application/json" }
+  });
+  let body = null;
+  try {
+    body = await response.json();
+  } catch {
+    body = null;
+  }
+  if (!response.ok) {
+    throw new Error(getErrorMessage(body));
+  }
+  return body;
+}
+function LinkInput({
+  label = "Add a link",
+  icon,
+  iconName,
+  placeholder = "Paste or type a URL...",
+  defaultUrl = "",
+  defaultValue = null,
+  value,
+  defaultExpanded = false,
+  expanded: controlledExpanded,
+  disabled = false,
+  endpoint = DEFAULT_OPEN_GRAPH_ENDPOINT,
+  fetcher,
+  onSubmit,
+  onValueChange,
+  onClear,
+  onExpandedChange,
+  className
+}) {
+  const [uncontrolledExpanded, setUncontrolledExpanded] = React4.useState(defaultExpanded);
+  const [url, setUrl] = React4.useState(defaultUrl || defaultValue?.url || "");
+  const [submittedUrl, setSubmittedUrl] = React4.useState(
+    defaultUrl || defaultValue?.url || ""
+  );
+  const [status, setStatus] = React4.useState("idle");
+  const [error, setError] = React4.useState(null);
+  const [internalPreview, setInternalPreview] = React4.useState(
+    defaultValue
+  );
+  const inputRef = React4.useRef(null);
+  const reactId = React4.useId();
+  const inputId = `link-input-${reactId}`;
+  const errorId = `link-input-error-${reactId}`;
+  const isExpanded = controlledExpanded === void 0 ? uncontrolledExpanded : controlledExpanded;
+  const isPreviewControlled = value !== void 0;
+  const preview = (isPreviewControlled ? value : internalPreview) ?? null;
+  const isLoading = status === "loading";
+  const hasPreview = preview !== null;
+  const resolvedIcon = icon ?? resolveIconName(iconName, "size-5") ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { "aria-hidden": true, className: "size-5" });
+  const resolvedFetcher = React4.useCallback(
+    (nextUrl) => fetcher?.(nextUrl) ?? fetchOpenGraphPreview(nextUrl, endpoint),
+    [endpoint, fetcher]
+  );
+  const setExpanded = React4.useCallback(
+    (next) => {
+      if (controlledExpanded === void 0) {
+        setUncontrolledExpanded(next);
+      }
+      onExpandedChange?.(next);
+    },
+    [controlledExpanded, onExpandedChange]
+  );
+  React4.useEffect(() => {
+    if (value !== void 0) {
+      const nextUrl = value?.url ?? "";
+      setSubmittedUrl(nextUrl);
+      if (!isExpanded) setUrl(nextUrl);
+    }
+  }, [isExpanded, value]);
+  React4.useEffect(() => {
+    if (!isExpanded) return;
+    const timeout = window.setTimeout(() => inputRef.current?.focus(), 60);
+    return () => window.clearTimeout(timeout);
+  }, [isExpanded]);
+  async function handleSubmit(event) {
+    event?.preventDefault();
+    const nextUrl = url.trim();
+    if (!nextUrl || isLoading || disabled) return;
+    setStatus("loading");
+    setError(null);
+    try {
+      const data = await resolvedFetcher(nextUrl);
+      const nextPreview = extractLinkPreview(data, nextUrl);
+      if (!isPreviewControlled) {
+        setInternalPreview(nextPreview);
+      }
+      setUrl(nextPreview.url);
+      setSubmittedUrl(nextPreview.url);
+      setStatus("idle");
+      setExpanded(false);
+      onValueChange?.(nextPreview, data);
+      onSubmit?.(data, nextPreview);
+    } catch (submitError) {
+      setStatus("error");
+      setError(
+        submitError instanceof Error ? submitError.message : "Something went wrong."
+      );
+    }
+  }
+  function handleEdit() {
+    if (disabled) return;
+    setUrl(submittedUrl);
+    setStatus("idle");
+    setError(null);
+    setExpanded(true);
+  }
+  function handleClose() {
+    setUrl(submittedUrl);
+    setStatus("idle");
+    setError(null);
+    setExpanded(false);
+  }
+  function handleDelete() {
+    if (disabled) return;
+    if (!isPreviewControlled) {
+      setInternalPreview(null);
+    }
+    setUrl("");
+    setSubmittedUrl("");
+    setStatus("idle");
+    setError(null);
+    setExpanded(false);
+    onValueChange?.(null, null);
+    onClear?.();
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-state": isExpanded ? "editing" : hasPreview ? "filled" : "idle",
+      className: cn(
+        "group/link-input overflow-hidden rounded-xl border bg-card text-card-foreground transition-colors",
+        isExpanded || hasPreview ? "border-foreground/80 shadow-sm" : "border-border hover:border-foreground/30",
+        disabled && "opacity-60",
+        className
+      ),
+      children: [
+        isExpanded ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex w-full flex-col gap-3 px-4 py-3.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-5 items-center justify-center text-muted-foreground [&_svg]:size-5", children: resolvedIcon }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 text-sm font-medium leading-5 text-foreground", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleClose,
+              "aria-label": "Close link input",
+              className: "absolute right-2.5 top-2.5 flex size-6 items-center justify-center rounded-full text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/60",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" })
+            }
+          )
+        ] }) : hasPreview ? /* @__PURE__ */ jsxRuntime.jsx(
+          LinkInputPreview,
+          {
+            preview,
+            onEdit: handleEdit,
+            onDelete: handleDelete,
+            disabled
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setExpanded(true),
+            "aria-expanded": false,
+            disabled,
+            className: "flex w-full flex-col gap-3 px-4 py-3.5 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring/60 disabled:cursor-not-allowed",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-5 items-center justify-center text-muted-foreground [&_svg]:size-5", children: resolvedIcon }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 text-sm font-medium leading-5 text-foreground", children: label })
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-4 pb-4 pt-3", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                ref: inputRef,
+                id: inputId,
+                type: "text",
+                inputMode: "url",
+                autoComplete: "off",
+                spellCheck: false,
+                value: url,
+                disabled: disabled || isLoading,
+                "aria-invalid": status === "error",
+                "aria-describedby": status === "error" ? errorId : void 0,
+                onChange: (event) => {
+                  setUrl(event.target.value);
+                  if (status === "error") {
+                    setStatus("idle");
+                    setError(null);
+                  }
+                },
+                placeholder,
+                className: cn(
+                  "h-10 rounded-lg bg-background pr-[5.25rem] text-sm shadow-sm placeholder:text-muted-foreground/70 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40",
+                  status === "error" && "border-destructive/60"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-1.5 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              Button,
+              {
+                type: "submit",
+                size: "sm",
+                disabled: !url.trim() || isLoading || disabled,
+                className: "h-7 gap-1 px-2",
+                children: [
+                  isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { "aria-hidden": true, className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CornerDownLeft, { "aria-hidden": true, className: "size-3.5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: isLoading ? "Loading" : "Enter" })
+                ]
+              }
+            ) })
+          ] }),
+          status === "error" && error ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, role: "alert", className: "px-0.5 text-xs text-destructive", children: error }) : /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "px-0.5 text-xs text-muted-foreground", children: [
+            "Press",
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "rounded border border-border bg-muted px-1 font-sans text-[0.65rem] text-muted-foreground", children: "Enter" }),
+            " ",
+            "to fetch a preview."
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+function LinkInputPreview({
+  preview,
+  onEdit,
+  onDelete,
+  disabled
+}) {
+  const [imageError, setImageError] = React4.useState(false);
+  const [faviconError, setFaviconError] = React4.useState(false);
+  const showImage = Boolean(preview.image) && !imageError;
+  const showFavicon = Boolean(preview.favicon) && !faviconError;
+  const title = preview.title || preview.siteName || preview.domain || "Untitled link";
+  React4.useEffect(() => {
+    setImageError(false);
+    setFaviconError(false);
+  }, [preview.favicon, preview.image]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-stretch gap-3 p-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: preview.url || "#",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "relative flex size-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border bg-muted outline-none focus-visible:ring-2 focus-visible:ring-ring/60",
+        children: showImage ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: preview.image,
+            alt: "",
+            crossOrigin: "anonymous",
+            onError: () => setImageError(true),
+            className: "size-full object-cover"
+          }
+        ) : showFavicon ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: preview.favicon,
+            alt: "",
+            crossOrigin: "anonymous",
+            onError: () => setFaviconError(true),
+            className: "size-7"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { "aria-hidden": true, className: "size-7 text-muted-foreground" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center py-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+        showFavicon && showImage ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: preview.favicon,
+            alt: "",
+            crossOrigin: "anonymous",
+            onError: () => setFaviconError(true),
+            className: "size-3.5 shrink-0 rounded-sm"
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium text-muted-foreground", children: preview.domain || preview.siteName })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: preview.url || "#",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "mt-0.5 line-clamp-1 text-sm font-semibold text-foreground outline-none hover:underline focus-visible:underline",
+          children: title
+        }
+      ),
+      preview.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 line-clamp-2 text-xs leading-4 text-muted-foreground", children: preview.description }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-col items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          size: "icon",
+          variant: "ghost",
+          onClick: onEdit,
+          disabled,
+          "aria-label": "Edit link",
+          className: "size-7 rounded-full",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          size: "icon",
+          variant: "ghost",
+          onClick: onDelete,
+          disabled,
+          "aria-label": "Delete link",
+          className: "size-7 rounded-full",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-3.5" })
+        }
+      )
+    ] })
+  ] });
+}
+function LinkInputGroup({
+  options,
+  onSubmit,
+  onValueChange,
+  onClear,
+  className
+}) {
+  const [openId, setOpenId] = React4.useState(null);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3", className), children: options.map(({ id, ...option }) => /* @__PURE__ */ jsxRuntime.jsx(
+    LinkInput,
+    {
+      ...option,
+      expanded: openId === id,
+      onExpandedChange: (next) => setOpenId((currentId) => {
+        if (next) return id;
+        return currentId === id ? null : currentId;
+      }),
+      onSubmit: (data, preview) => {
+        setOpenId(null);
+        onSubmit?.(id, data, preview);
+      },
+      onValueChange: (preview, data) => {
+        onValueChange?.(id, preview, data);
+      },
+      onClear: () => onClear?.(id)
+    },
+    id
+  )) });
+}
+var getDimensionStyle = (width, height) => {
+  const style = {};
+  if (width) style.width = typeof width === "number" ? `${width}px` : width;
+  if (height) style.height = typeof height === "number" ? `${height}px` : height;
+  return style;
+};
+var getThumbnailSizing = (thumbnailHeight) => ({
+  heightClass: typeof thumbnailHeight === "number" ? "" : thumbnailHeight,
+  heightStyle: typeof thumbnailHeight === "number" ? { height: `${thumbnailHeight}px` } : void 0
+});
+function MediaFallback() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full min-h-28 w-full items-center justify-center bg-muted text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { className: "size-7", "aria-hidden": "true" }) });
+}
+function MediaOptionItem({
+  option,
+  isChecked,
+  onToggle,
+  thumbnailHeight
+}) {
+  const {
+    value,
+    label,
+    subtitle,
+    mediaUrl,
+    mediaType,
+    thumbnailUrl,
+    width,
+    height,
+    disabled
+  } = option;
+  const videoRef = React4.useRef(null);
+  const [playing, setPlaying] = React4.useState(false);
+  const [mediaError, setMediaError] = React4.useState(!mediaUrl);
+  const sizeStyle = getDimensionStyle(width, height);
+  const { heightClass, heightStyle } = getThumbnailSizing(thumbnailHeight);
+  const handleMouseEnter = () => {
+    if (mediaType === "video" && videoRef.current && !disabled) {
+      videoRef.current.play().then(() => setPlaying(true)).catch(() => {
+      });
+    }
+  };
+  const handleMouseLeave = () => {
+    if (mediaType === "video" && videoRef.current) {
+      videoRef.current.pause();
+      setPlaying(false);
+    }
+  };
+  const handleVideoClick = (e) => {
+    e.stopPropagation();
+    if (mediaType !== "video" || !videoRef.current || disabled) return;
+    if (playing) {
+      videoRef.current.pause();
+      setPlaying(false);
+      return;
+    }
+    videoRef.current.play().then(() => setPlaying(true)).catch(() => {
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      className: cn(
+        "group block h-full",
+        disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+      ),
+      style: sizeStyle,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: "peer sr-only",
+            checked: isChecked,
+            disabled,
+            onChange: () => onToggle(value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: cn(
+              "relative flex h-full flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-xs transition-all duration-200 ease-in-out",
+              "border-input hover:border-border hover:shadow-sm",
+              "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background",
+              isChecked && "border-primary shadow-sm ring-1 ring-primary/30 hover:border-primary",
+              disabled && "pointer-events-none"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: cn("relative block overflow-hidden bg-muted", heightClass),
+                  style: heightStyle,
+                  onMouseEnter: handleMouseEnter,
+                  onMouseLeave: handleMouseLeave,
+                  children: [
+                    mediaError ? /* @__PURE__ */ jsxRuntime.jsx(MediaFallback, {}) : mediaType === "image" ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "img",
+                      {
+                        src: mediaUrl,
+                        alt: label,
+                        className: "h-full w-full object-cover transition-transform duration-300 ease-out group-hover:scale-[1.015]",
+                        onError: () => setMediaError(true)
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "video",
+                        {
+                          ref: videoRef,
+                          src: mediaUrl,
+                          poster: thumbnailUrl,
+                          muted: true,
+                          loop: true,
+                          playsInline: true,
+                          preload: "metadata",
+                          onClick: handleVideoClick,
+                          onError: () => setMediaError(true),
+                          className: cn(
+                            "h-full w-full object-cover transition duration-300 ease-out group-hover:scale-[1.015]",
+                            playing ? "grayscale-0" : "grayscale"
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "absolute bottom-2 left-2 flex size-7 items-center justify-center rounded-full bg-background/85 text-foreground shadow-xs backdrop-blur",
+                            playing && "opacity-0"
+                          ),
+                          "aria-hidden": "true",
+                          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "ml-0.5 size-3.5 fill-current" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "absolute right-3 top-3 flex size-6 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-xs transition-all duration-200",
+                          isChecked ? "scale-100 opacity-100 ring-2 ring-white ring-offset-2" : "scale-75 opacity-0"
+                        ),
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 stroke-[2.5]" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: cn(
+                    "flex min-h-[82px] flex-col gap-1 border-t border-border bg-card px-3 py-3 text-card-foreground",
+                    isChecked && "bg-primary text-primary-foreground"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1 text-sm font-semibold leading-5", children: label }),
+                    subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-2 text-sm leading-5", children: subtitle })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function MediaCheckboxes({
+  options,
+  selectedValues,
+  defaultSelectedValues,
+  onSelect,
+  minSelection = 0,
+  maxSelection,
+  className,
+  thumbnailHeight = "h-48"
+}) {
+  const isControlled = Array.isArray(selectedValues);
+  const [internal, setInternal] = React4.useState(
+    defaultSelectedValues ?? []
+  );
+  const current = isControlled ? selectedValues : internal;
+  const max = maxSelection ?? options.length;
+  const toggleOption = React4.useCallback(
+    (value) => {
+      const isSelected = current.includes(value);
+      let updated;
+      if (isSelected) {
+        updated = current.filter((v) => v !== value);
+        if (updated.length < minSelection) return;
+      } else if (max === 1) {
+        updated = [value];
+      } else {
+        if (current.length >= max) return;
+        updated = [...current, value];
+      }
+      if (!isControlled) setInternal(updated);
+      onSelect?.(updated);
+    },
+    [current, isControlled, max, minSelection, onSelect]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "fieldset",
+    {
+      className: cn(
+        "grid w-full grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4",
+        className
+      ),
+      children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+        MediaOptionItem,
+        {
+          option,
+          isChecked: current.includes(option.value),
+          onToggle: toggleOption,
+          thumbnailHeight
+        },
+        option.value
+      ))
+    }
+  );
+}
+function renderTileIcon(item) {
+  if (item.icon != null) {
+    if (React4.isValidElement(item.icon)) {
+      return React4.cloneElement(item.icon, {
+        className: cn(item.icon.props.className, "size-5 shrink-0")
+      });
+    }
+    return item.icon;
+  }
+  return resolveIconName(item.iconName);
+}
+function IconCheckboxes({
+  options,
+  selectedValues,
+  defaultSelectedValues,
+  onSelect,
+  minSelection = 0,
+  maxSelection,
+  className
+}) {
+  const isControlled = Array.isArray(selectedValues);
+  const [internal, setInternal] = React4.useState(
+    defaultSelectedValues ?? []
+  );
+  const current = isControlled ? selectedValues : internal;
+  const max = maxSelection ?? options.length;
+  const commit = (updated) => {
+    if (!isControlled) setInternal(updated);
+    onSelect?.(updated);
+  };
+  const toggleOption = (value) => {
+    const isSelected = current.includes(value);
+    let updated;
+    if (isSelected) {
+      updated = current.filter((v) => v !== value);
+      if (updated.length < minSelection) return;
+    } else if (max === 1) {
+      updated = [value];
+    } else {
+      if (current.length >= max) return;
+      updated = [...current, value];
+    }
+    commit(updated);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "fieldset",
+    {
+      className: cn(
+        "grid w-full max-w-sm grid-cols-[repeat(auto-fit,minmax(7rem,1fr))] gap-3",
+        className
+      ),
+      children: options.map((item) => {
+        const { value, label, disabled } = item;
+        const isChecked = current.includes(value);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "label",
+          {
+            className: cn(
+              "block",
+              disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  className: "peer sr-only",
+                  checked: isChecked,
+                  disabled,
+                  onChange: () => toggleOption(value)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: cn(
+                    "relative flex min-h-[88px] flex-col items-start justify-center rounded-lg border bg-card px-4 py-3 text-left text-muted-foreground transition-all duration-200 ease-in-out",
+                    "border-input hover:border-border hover:bg-accent/40",
+                    "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background",
+                    isChecked && "border-primary bg-primary/5 text-primary shadow-xs ring-1 ring-primary/20 hover:border-primary hover:bg-primary/5",
+                    disabled && "pointer-events-none"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: "mb-3 flex size-5 items-center justify-center",
+                        children: renderTileIcon(item)
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-full break-words text-sm font-medium leading-tight transition-colors duration-200 ease-in-out", children: label }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      lucideReact.CircleCheck,
+                      {
+                        "aria-hidden": "true",
+                        className: cn(
+                          "absolute right-2 top-2 size-5 rounded-full fill-primary text-primary-foreground transition-all duration-200 ease-in-out",
+                          isChecked ? "scale-100 opacity-100" : "scale-75 opacity-0"
+                        )
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          },
+          value
+        );
+      })
+    }
+  );
+}
 var ARTIFACT_REGISTRY = {
   chart: ({ payload, className }) => payload.chart ? /* @__PURE__ */ jsxRuntime.jsx(ChartContainer, { data: payload.chart, className }) : null,
   metrics: ({ payload, className }) => payload.metrics ? /* @__PURE__ */ jsxRuntime.jsx(MetricsGrid, { metrics: payload.metrics, className }) : null,
@@ -9966,7 +10773,10 @@ var ARTIFACT_REGISTRY = {
   "deep-research-progress": ({ payload, className }) => payload.deepResearchProgress ? /* @__PURE__ */ jsxRuntime.jsx(DeepResearchProgress, { ...payload.deepResearchProgress, className }) : null,
   tracker: ({ payload, className }) => payload.tracker ? /* @__PURE__ */ jsxRuntime.jsx(Tracker, { ...payload.tracker, className }) : null,
   "built-in-questions": ({ payload, className }) => payload.builtInQuestions ? /* @__PURE__ */ jsxRuntime.jsx(BuiltInQuestions, { ...payload.builtInQuestions, className }) : null,
-  "audio-player": ({ payload, className }) => payload.audioPlayer ? /* @__PURE__ */ jsxRuntime.jsx(AudioPlayer, { ...payload.audioPlayer, className }) : null
+  "audio-player": ({ payload, className }) => payload.audioPlayer ? /* @__PURE__ */ jsxRuntime.jsx(AudioPlayer, { ...payload.audioPlayer, className }) : null,
+  "link-input": ({ payload, className }) => payload.linkInput ? /* @__PURE__ */ jsxRuntime.jsx(LinkInput, { ...payload.linkInput, className }) : null,
+  "media-checkboxes": ({ payload, className }) => payload.mediaCheckboxes ? /* @__PURE__ */ jsxRuntime.jsx(MediaCheckboxes, { ...payload.mediaCheckboxes, className }) : null,
+  "icon-checkboxes": ({ payload, className }) => payload.iconCheckboxes ? /* @__PURE__ */ jsxRuntime.jsx(IconCheckboxes, { ...payload.iconCheckboxes, className }) : null
 };
 function DataPayloadView({ payload, className }) {
   const render = ARTIFACT_REGISTRY[payload.type];
@@ -11425,6 +12235,7 @@ exports.ConfirmationPanel = ConfirmationPanel;
 exports.ControlGrid = ControlGrid;
 exports.ConversationAnalytics = ConversationAnalytics;
 exports.ConversationArtifact = ConversationArtifact;
+exports.DEFAULT_OPEN_GRAPH_ENDPOINT = DEFAULT_OPEN_GRAPH_ENDPOINT;
 exports.DataPayloadView = DataPayloadView;
 exports.DataTable = DataTable;
 exports.DeepResearchProgress = DeepResearchProgress;
@@ -11435,13 +12246,17 @@ exports.FloatingWidget = FloatingWidget;
 exports.FullBleedSurface = FullBleedSurface;
 exports.FullscreenDashboard = FullscreenDashboard;
 exports.GuidedLessonFlow = GuidedLessonFlow;
+exports.IconCheckboxes = IconCheckboxes;
 exports.ImageGenerator = ImageGenerator;
 exports.InlineSuggestionsInput = InlineSuggestionsInput;
 exports.Input = Input;
 exports.KpiCardWithChart = KpiCardWithChart;
 exports.KpiCardWithSparklines = KpiCardWithSparklines;
+exports.LinkInput = LinkInput;
+exports.LinkInputGroup = LinkInputGroup;
 exports.ListingFeed = ListingFeed;
 exports.LocationsRevenueCard = LocationsRevenueCard;
+exports.MediaCheckboxes = MediaCheckboxes;
 exports.MediaEditorCanvas = MediaEditorCanvas;
 exports.MediaGallery = MediaGallery;
 exports.MessageActions = MessageActions;
@@ -11509,6 +12324,8 @@ exports.copyToClipboard = copyToClipboard;
 exports.createMockBackend = createMockBackend;
 exports.debounce = debounce;
 exports.delay = delay;
+exports.extractLinkPreview = extractLinkPreview;
+exports.fetchOpenGraphPreview = fetchOpenGraphPreview;
 exports.findComponentsByCapability = findComponentsByCapability;
 exports.findComponentsByCategory = findComponentsByCategory;
 exports.findComponentsBySurface = findComponentsBySurface;