@admin-layout/ai-chat-ext-browser 12.2.5-alpha.2 → 12.2.5-alpha.7

package/lib/components/MessageWidgets/ResultCards.js

@@ -0,0 +1,543 @@
+import React from'react';import {FaBed}from'@react-icons/all-files/fa/FaBed.js';import {FaBus}from'@react-icons/all-files/fa/FaBus.js';import {FaCar}from'@react-icons/all-files/fa/FaCar.js';import {FaStar}from'@react-icons/all-files/fa/FaStar.js';import {FaTrain}from'@react-icons/all-files/fa/FaTrain.js';import {FiArrowUpRight}from'@react-icons/all-files/fi/FiArrowUpRight.js';import {FiClock}from'@react-icons/all-files/fi/FiClock.js';import {FiDownload}from'@react-icons/all-files/fi/FiDownload.js';import {FiExternalLink}from'@react-icons/all-files/fi/FiExternalLink.js';import {FiFileText}from'@react-icons/all-files/fi/FiFileText.js';import {FiFilm}from'@react-icons/all-files/fi/FiFilm.js';import {FiMapPin}from'@react-icons/all-files/fi/FiMapPin.js';import {FiShoppingBag}from'@react-icons/all-files/fi/FiShoppingBag.js';import {RouteLine,TONES}from'./MessageFlights.js';import {CardShell,SafeImage,ResultBadgePill,RESULT_CARD_CLASS,IN_ROW,resultCardBorder}from'./ResultRow.js';const shellClass = (fullWidth, highlighted, extra = '') => `${RESULT_CARD_CLASS} ${resultCardBorder(highlighted)} ${fullWidth ? 'w-full' : IN_ROW} ${extra}`;
+const Rating = ({
+  text,
+  reviews,
+  suffix
+}) => text ? React.createElement("span", {
+  className: "inline-flex items-center gap-1 text-xs"
+}, React.createElement(FaStar, {
+  className: "h-3 w-3 text-amber-400"
+}), React.createElement("span", {
+  className: "font-semibold tabular-nums text-gray-900 dark:text-gray-50"
+}, text), reviews ? React.createElement("span", {
+  className: "text-gray-500 dark:text-gray-400"
+}, "(", reviews, suffix ? ` ${suffix}` : '', ")") : null) : null;
+const PriceFooter = ({
+  left,
+  price,
+  unit,
+  url
+}) => React.createElement("div", {
+  className: "mt-auto flex items-end justify-between gap-3 border-t border-gray-100 pt-3 dark:border-gray-700"
+}, React.createElement("p", {
+  className: "min-w-0 truncate text-xs text-gray-500 dark:text-gray-400"
+}, left ? `via ${left}` : ' '), React.createElement("span", {
+  className: "flex shrink-0 items-baseline gap-1"
+}, price ? React.createElement("span", {
+  className: "text-lg font-bold leading-none tabular-nums text-gray-900 dark:text-white"
+}, price) : null, price && unit ? React.createElement("span", {
+  className: "text-xs text-gray-500 dark:text-gray-400"
+}, "/", unit) : null, url ? React.createElement(FiExternalLink, {
+  className: "ml-1 h-3.5 w-3.5 self-center text-gray-400 transition-colors group-hover/card:text-blue-500"
+}) : null));
+const ImagePlaceholder = ({
+  icon,
+  className = ''
+}) => React.createElement("div", {
+  className: `flex items-center justify-center bg-gradient-to-br from-slate-100 to-slate-200 text-slate-400 dark:from-gray-700 dark:to-gray-800 dark:text-gray-500 ${className}`
+}, icon);
+const Monogram = ({
+  code,
+  tone,
+  logoUrl,
+  name
+}) => React.createElement(SafeImage, {
+  src: logoUrl,
+  alt: name,
+  fit: "contain",
+  className: "h-9 w-9 shrink-0 rounded-lg border border-gray-100 bg-white p-0.5 dark:border-gray-700",
+  fallback: React.createElement("span", {
+    "aria-hidden": "true",
+    className: `flex h-9 w-9 shrink-0 items-center justify-center rounded-lg text-[11px] font-bold tracking-wide ${TONES[tone % TONES.length]}`
+  }, code)
+});
+// ─── Stays ───────────────────────────────────────────────────────
+const StayCard = ({
+  card,
+  onOpen,
+  fullWidth,
+  highlighted
+}) => React.createElement(CardShell, {
+  url: card.url,
+  onOpen: onOpen,
+  label: card.accessibleLabel,
+  cardKey: card.key,
+  className: shellClass(fullWidth, highlighted)
+}, React.createElement("div", {
+  className: "relative aspect-[16/10] w-full overflow-hidden bg-gray-100 dark:bg-gray-700"
+}, React.createElement(SafeImage, {
+  src: card.imageUrl,
+  alt: card.title,
+  className: "h-full w-full transition-transform duration-300 group-hover/card:scale-[1.03]",
+  fallback: React.createElement(ImagePlaceholder, {
+    icon: React.createElement(FaBed, {
+      className: "h-7 w-7"
+    }),
+    className: "h-full w-full"
+  })
+}), card.badges[0] ? React.createElement("span", {
+  className: "absolute left-2.5 top-2.5"
+}, React.createElement(ResultBadgePill, {
+  badge: card.badges[0],
+  floating: true
+})) : null, card.ratingText ? React.createElement("span", {
+  className: "absolute right-2.5 top-2.5 inline-flex items-center gap-1 rounded-lg bg-white/95 px-1.5 py-0.5 text-xs font-bold text-gray-900 shadow-sm dark:bg-gray-900/90 dark:text-white"
+}, React.createElement(FaStar, {
+  className: "h-2.5 w-2.5 text-amber-400"
+}), card.ratingText) : null), React.createElement("div", {
+  className: "flex flex-1 flex-col p-3.5"
+}, React.createElement("p", {
+  className: "line-clamp-2 text-sm font-semibold leading-5 text-gray-900 dark:text-gray-50"
+}, card.title), card.location ? React.createElement("p", {
+  className: "mt-1 flex items-center gap-1 truncate text-xs text-gray-500 dark:text-gray-400"
+}, React.createElement(FiMapPin, {
+  className: "h-3 w-3 shrink-0"
+}), React.createElement("span", {
+  className: "truncate"
+}, card.location)) : null, card.reviewsText ? React.createElement("p", {
+  className: "mt-1 text-xs text-gray-500 dark:text-gray-400"
+}, card.reviewsText, " reviews") : null, card.perks.length ? React.createElement("div", {
+  className: "mt-2 flex flex-wrap gap-1"
+}, card.perks.map(p => React.createElement("span", {
+  key: p,
+  className: "rounded-md bg-emerald-50 px-1.5 py-0.5 text-[11px] font-medium text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-300"
+}, p))) : null, React.createElement("div", {
+  className: "mt-3 flex flex-1 flex-col"
+}, React.createElement(PriceFooter, {
+  left: card.sourceLabel,
+  price: card.price,
+  unit: card.unit,
+  url: card.url
+}))));
+// ─── Cars ────────────────────────────────────────────────────────
+const CarCard = ({
+  card,
+  onOpen,
+  fullWidth,
+  highlighted
+}) => {
+  if (card.isLink) {
+    return React.createElement(CardShell, {
+      url: card.url,
+      onOpen: onOpen,
+      label: card.accessibleLabel,
+      cardKey: card.key,
+      className: shellClass(fullWidth, highlighted, 'p-4')
+    }, React.createElement("span", {
+      className: "flex h-10 w-10 items-center justify-center rounded-xl bg-blue-50 text-blue-600 dark:bg-blue-500/15 dark:text-blue-300"
+    }, React.createElement(FaCar, {
+      className: "h-4 w-4"
+    })), React.createElement("p", {
+      className: "mt-3 line-clamp-2 text-sm font-semibold leading-5 text-gray-900 dark:text-gray-50"
+    }, card.title), card.description ? React.createElement("p", {
+      className: "mt-1 line-clamp-3 text-xs leading-4 text-gray-500 dark:text-gray-400"
+    }, card.description) : null, React.createElement("p", {
+      className: "mt-auto inline-flex items-center gap-1 pt-3 text-xs font-semibold text-blue-600 dark:text-blue-400"
+    }, "Search ", card.sourceLabel ?? 'rentals', React.createElement(FiArrowUpRight, {
+      className: "h-3.5 w-3.5"
+    })));
+  }
+  return React.createElement(CardShell, {
+    url: card.url,
+    onOpen: onOpen,
+    label: card.accessibleLabel,
+    cardKey: card.key,
+    className: shellClass(fullWidth, highlighted)
+  }, React.createElement("div", {
+    className: "relative aspect-[16/9] w-full overflow-hidden bg-gray-100 dark:bg-gray-700"
+  }, React.createElement(SafeImage, {
+    src: card.imageUrl,
+    alt: card.title,
+    className: "h-full w-full transition-transform duration-300 group-hover/card:scale-[1.03]",
+    fallback: React.createElement(ImagePlaceholder, {
+      icon: React.createElement(FaCar, {
+        className: "h-8 w-8"
+      }),
+      className: "h-full w-full"
+    })
+  }), card.badges[0] ? React.createElement("span", {
+    className: "absolute left-2.5 top-2.5"
+  }, React.createElement(ResultBadgePill, {
+    badge: card.badges[0],
+    floating: true
+  })) : null), React.createElement("div", {
+    className: "flex flex-1 flex-col p-3.5"
+  }, React.createElement("p", {
+    className: "line-clamp-2 text-sm font-semibold leading-5 text-gray-900 dark:text-gray-50"
+  }, card.title), card.specs || card.description ? React.createElement("p", {
+    className: "mt-1 truncate text-xs text-gray-500 dark:text-gray-400"
+  }, card.specs ?? card.description) : null, React.createElement("div", {
+    className: "mt-1.5"
+  }, React.createElement(Rating, {
+    text: card.ratingText,
+    reviews: card.reviewsText
+  })), React.createElement("div", {
+    className: "mt-3 flex flex-1 flex-col"
+  }, React.createElement(PriceFooter, {
+    left: card.sourceLabel,
+    price: card.price,
+    unit: card.unit,
+    url: card.url
+  }))));
+};
+// ─── Trains and buses ────────────────────────────────────────────
+const GroundCard = ({
+  card,
+  onOpen,
+  fullWidth,
+  highlighted
+}) => {
+  const ModeIcon = card.mode === 'bus' ? FaBus : FaTrain;
+  if (card.isLink) {
+    return React.createElement(CardShell, {
+      url: card.url,
+      onOpen: onOpen,
+      label: card.accessibleLabel,
+      cardKey: card.key,
+      className: shellClass(fullWidth, highlighted, 'p-4')
+    }, React.createElement("span", {
+      className: "flex h-10 w-10 items-center justify-center rounded-xl bg-blue-50 text-blue-600 dark:bg-blue-500/15 dark:text-blue-300"
+    }, React.createElement(ModeIcon, {
+      className: "h-4 w-4"
+    })), React.createElement("p", {
+      className: "mt-3 line-clamp-2 text-sm font-semibold leading-5 text-gray-900 dark:text-gray-50"
+    }, card.title), card.description ? React.createElement("p", {
+      className: "mt-1 line-clamp-3 text-xs leading-4 text-gray-500 dark:text-gray-400"
+    }, card.description) : null, React.createElement("p", {
+      className: "mt-auto inline-flex items-center gap-1 pt-3 text-xs font-semibold text-blue-600 dark:text-blue-400"
+    }, "Compare on ", card.sourceLabel ?? 'the planner', React.createElement(FiArrowUpRight, {
+      className: "h-3.5 w-3.5"
+    })));
+  }
+  const subtitle = [card.travelClass, card.date].filter(Boolean).join(' · ') || (card.mode === 'bus' ? 'Bus' : 'Train');
+  return React.createElement(CardShell, {
+    url: card.url,
+    onOpen: onOpen,
+    label: card.accessibleLabel,
+    cardKey: card.key,
+    className: shellClass(fullWidth, highlighted, 'p-4')
+  }, React.createElement("div", {
+    className: "flex items-center gap-2.5"
+  }, React.createElement(Monogram, {
+    code: card.operatorCode,
+    tone: card.operatorTone,
+    name: card.operator ?? card.title
+  }), React.createElement("div", {
+    className: "min-w-0 flex-1"
+  }, React.createElement("p", {
+    className: "flex items-center gap-1.5 truncate text-sm font-semibold leading-5 text-gray-900 dark:text-gray-50"
+  }, React.createElement(ModeIcon, {
+    className: "h-3 w-3 shrink-0 text-gray-400"
+  }), React.createElement("span", {
+    className: "truncate"
+  }, card.operator ?? card.title)), React.createElement("p", {
+    className: "truncate text-xs leading-4 text-gray-500 dark:text-gray-400"
+  }, subtitle)), card.badges[0] ? React.createElement(ResultBadgePill, {
+    badge: card.badges[0]
+  }) : null), React.createElement("div", {
+    className: "my-4 grid grid-cols-[auto_1fr_auto] items-center gap-2"
+  }, React.createElement("div", {
+    className: "min-w-0 max-w-[6.5rem]"
+  }, React.createElement("p", {
+    className: "text-[22px] font-bold leading-none tracking-tight tabular-nums text-gray-900 dark:text-gray-50"
+  }, card.departTime ?? '--:--'), React.createElement("p", {
+    className: "mt-1.5 truncate text-xs font-medium text-gray-500 dark:text-gray-400",
+    title: card.origin
+  }, card.origin ?? ' ')), React.createElement(RouteLine, {
+    slice: {
+      origin: '',
+      destination: '',
+      duration: card.duration,
+      stops: card.stops,
+      stopCount: card.stopCount
+    }
+  }), React.createElement("div", {
+    className: "min-w-0 max-w-[6.5rem] text-right"
+  }, React.createElement("p", {
+    className: "text-[22px] font-bold leading-none tracking-tight tabular-nums text-gray-900 dark:text-gray-50"
+  }, card.arriveTime ?? '--:--', card.dayOffset ? React.createElement("sup", {
+    className: "ml-0.5 text-[11px] font-semibold text-amber-600 dark:text-amber-400"
+  }, card.dayOffset) : null), React.createElement("p", {
+    className: "mt-1.5 truncate text-xs font-medium text-gray-500 dark:text-gray-400",
+    title: card.destination
+  }, card.destination ?? ' '))), card.seatsLeft ? React.createElement("p", {
+    className: "-mt-2 mb-3 text-[11px] font-semibold text-amber-600 dark:text-amber-400"
+  }, card.seatsLeft) : null, React.createElement(PriceFooter, {
+    left: card.sourceLabel,
+    price: card.price,
+    url: card.url
+  }));
+};
+// ─── Products ────────────────────────────────────────────────────
+const ProductCard = ({
+  card,
+  onOpen,
+  fullWidth,
+  highlighted
+}) => React.createElement(CardShell, {
+  url: card.url,
+  onOpen: onOpen,
+  label: card.accessibleLabel,
+  cardKey: card.key,
+  className: shellClass(fullWidth, highlighted, fullWidth ? '' : '!w-[min(15rem,70%)]')
+}, React.createElement("div", {
+  className: "relative aspect-square w-full overflow-hidden bg-white p-4 dark:bg-gray-100"
+}, React.createElement(SafeImage, {
+  src: card.imageUrl,
+  alt: card.title,
+  fit: "contain",
+  className: "h-full w-full mix-blend-multiply transition-transform duration-300 group-hover/card:scale-105",
+  fallback: React.createElement(ImagePlaceholder, {
+    icon: React.createElement(FiShoppingBag, {
+      className: "h-8 w-8"
+    }),
+    className: "h-full w-full rounded-xl"
+  })
+}), card.badges[0] ? React.createElement("span", {
+  className: "absolute left-2.5 top-2.5"
+}, React.createElement(ResultBadgePill, {
+  badge: card.badges[0],
+  floating: true
+})) : null), React.createElement("div", {
+  className: "flex flex-1 flex-col border-t border-gray-100 p-3.5 dark:border-gray-700"
+}, React.createElement("p", {
+  className: "line-clamp-2 min-h-[2.5rem] text-sm font-medium leading-5 text-gray-900 dark:text-gray-50"
+}, card.title), React.createElement("div", {
+  className: "mt-1.5 h-4"
+}, React.createElement(Rating, {
+  text: card.ratingText,
+  reviews: card.reviewsText
+})), React.createElement("div", {
+  className: "mt-3 flex items-baseline gap-2"
+}, card.price ? React.createElement("span", {
+  className: "text-lg font-bold tabular-nums text-gray-900 dark:text-white"
+}, card.price) : null, card.wasPrice ? React.createElement("span", {
+  className: "text-xs text-gray-400 line-through"
+}, card.wasPrice.replace(/^Was /, '')) : null), card.note ? React.createElement("p", {
+  className: "mt-0.5 truncate text-[11px] font-medium text-emerald-600 dark:text-emerald-400"
+}, card.note) : null, React.createElement("p", {
+  className: "mt-auto flex items-center justify-between gap-2 pt-2 text-xs text-gray-500 dark:text-gray-400"
+}, React.createElement("span", {
+  className: "truncate"
+}, card.sourceLabel ?? ' '), card.url ? React.createElement(FiExternalLink, {
+  className: "h-3.5 w-3.5 shrink-0 text-gray-400 group-hover/card:text-blue-500"
+}) : null)));
+// ─── Movies ──────────────────────────────────────────────────────
+const MovieCard = ({
+  card,
+  onOpen,
+  fullWidth,
+  highlighted
+}) =>
+// The card itself is a group: each showtime is its own link.
+React.createElement("div", {
+  role: "group",
+  "aria-label": card.accessibleLabel,
+  "data-result-card": "",
+  "data-result-key": card.key,
+  className: shellClass(fullWidth, highlighted, `${fullWidth ? '' : '!w-[min(22rem,88%)]'} !flex-row p-3`)
+}, React.createElement(SafeImage, {
+  src: card.posterUrl,
+  alt: `${card.title} poster`,
+  className: "aspect-[2/3] w-20 shrink-0 self-start rounded-lg shadow-sm",
+  fallback: React.createElement(ImagePlaceholder, {
+    icon: React.createElement(FiFilm, {
+      className: "h-6 w-6"
+    }),
+    className: "aspect-[2/3] w-20 shrink-0 self-start rounded-lg"
+  })
+}), React.createElement("div", {
+  className: "ml-3 flex min-w-0 flex-1 flex-col"
+}, React.createElement("div", {
+  className: "flex items-start justify-between gap-2"
+}, React.createElement("p", {
+  className: "line-clamp-2 text-sm font-semibold leading-5 text-gray-900 dark:text-gray-50"
+}, card.title), card.ratingText ? React.createElement("span", {
+  className: "mt-0.5 inline-flex shrink-0 items-center gap-0.5 text-xs font-bold text-gray-900 dark:text-white"
+}, React.createElement(FaStar, {
+  className: "h-3 w-3 text-amber-400"
+}), card.ratingText) : null), card.meta ? React.createElement("p", {
+  className: "mt-0.5 truncate text-xs text-gray-500 dark:text-gray-400"
+}, card.meta) : null, card.theater ? React.createElement("p", {
+  className: "mt-2 flex items-center gap-1 truncate text-xs font-medium text-gray-700 dark:text-gray-200"
+}, React.createElement(FiMapPin, {
+  className: "h-3 w-3 shrink-0 text-gray-400"
+}), React.createElement("span", {
+  className: "truncate"
+}, card.theater), card.place ? React.createElement("span", {
+  className: "truncate font-normal text-gray-400"
+}, "\u00B7 ", card.place) : null) : null, card.when || card.format ? React.createElement("p", {
+  className: "mt-1 flex items-center gap-1.5 text-[11px] text-gray-500 dark:text-gray-400"
+}, React.createElement(FiClock, {
+  className: "h-3 w-3"
+}), card.when, card.format ? React.createElement("span", {
+  className: "rounded bg-gray-900 px-1 py-px text-[10px] font-bold uppercase tracking-wide text-white dark:bg-white dark:text-gray-900"
+}, card.format) : null) : null, card.times.length ? React.createElement("div", {
+  className: "mt-2 flex flex-wrap gap-1.5"
+}, card.times.map(t => {
+  const href = t.url ?? card.url;
+  const chip = 'rounded-lg border border-gray-200 px-2 py-1 text-xs font-semibold tabular-nums text-gray-800 transition dark:border-gray-600 dark:text-gray-100';
+  return href && /^https?:\/\//i.test(href) ? React.createElement("a", {
+    key: t.time,
+    href: href,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: `${chip} hover:border-blue-400 hover:bg-blue-50 hover:text-blue-700 dark:hover:bg-blue-500/10 dark:hover:text-blue-300`
+  }, t.time) : React.createElement("span", {
+    key: t.time,
+    className: chip
+  }, t.time);
+}), card.moreTimes ? React.createElement("button", {
+  type: "button",
+  onClick: onOpen,
+  className: "rounded-lg px-1.5 py-1 text-xs font-medium text-blue-600 hover:underline dark:text-blue-400"
+}, "+", card.moreTimes) : null) : null, card.price ? React.createElement("p", {
+  className: "mt-auto pt-2 text-right text-xs text-gray-500 dark:text-gray-400"
+}, card.price) : null));
+// ─── Jobs ────────────────────────────────────────────────────────
+const Chip = ({
+  children,
+  tone = 'gray'
+}) => React.createElement("span", {
+  className: `inline-flex items-center rounded-md px-1.5 py-0.5 text-[11px] font-medium ${tone === 'green' ? 'bg-emerald-50 text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-300' : tone === 'blue' ? 'bg-blue-50 text-blue-700 dark:bg-blue-500/10 dark:text-blue-300' : 'bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-200'}`
+}, children);
+const JobCard = ({
+  card,
+  onOpen,
+  fullWidth,
+  highlighted
+}) => React.createElement(CardShell, {
+  url: card.url,
+  onOpen: onOpen,
+  label: card.accessibleLabel,
+  cardKey: card.key,
+  className: shellClass(fullWidth, highlighted, 'p-4')
+}, React.createElement("div", {
+  className: "flex items-start gap-2.5"
+}, React.createElement(Monogram, {
+  code: card.companyCode,
+  tone: card.companyTone,
+  logoUrl: card.logoUrl,
+  name: card.company ?? card.title
+}), React.createElement("div", {
+  className: "min-w-0 flex-1"
+}, React.createElement("p", {
+  className: "line-clamp-2 text-sm font-semibold leading-5 text-gray-900 dark:text-gray-50"
+}, card.title), card.company ? React.createElement("p", {
+  className: "truncate text-xs leading-4 text-gray-500 dark:text-gray-400"
+}, card.company) : null)), React.createElement("div", {
+  className: "mt-3 flex flex-wrap gap-1"
+}, card.workplace ? React.createElement(Chip, {
+  tone: card.workplace === 'Remote' ? 'green' : 'gray'
+}, card.workplace) : null, card.employmentType ? React.createElement(Chip, null, card.employmentType) : null, card.easyApply ? React.createElement(Chip, {
+  tone: "blue"
+}, "Easy apply") : null), card.location ? React.createElement("p", {
+  className: "mt-2 flex items-center gap-1 truncate text-xs text-gray-500 dark:text-gray-400"
+}, React.createElement(FiMapPin, {
+  className: "h-3 w-3 shrink-0"
+}), React.createElement("span", {
+  className: "truncate"
+}, card.location)) : null, card.salary ? React.createElement("p", {
+  className: "mt-1.5 truncate text-sm font-semibold tabular-nums text-gray-900 dark:text-white"
+}, card.salary) : null, fullWidth && card.snippet ? React.createElement("p", {
+  className: "mt-2 line-clamp-3 text-xs leading-4 text-gray-500 dark:text-gray-400"
+}, card.snippet) : null, React.createElement("div", {
+  className: "mt-auto flex items-center justify-between gap-3 border-t border-gray-100 pt-3 text-xs dark:border-gray-700"
+}, React.createElement("span", {
+  className: "min-w-0 truncate text-gray-500 dark:text-gray-400"
+}, [card.posted, card.sourceLabel].filter(Boolean).join(' · ') || ' '), card.url ? React.createElement("span", {
+  className: "inline-flex shrink-0 items-center gap-0.5 font-semibold text-blue-600 dark:text-blue-400"
+}, "Apply", React.createElement(FiArrowUpRight, {
+  className: "h-3.5 w-3.5"
+})) : null));
+// ─── Resume ──────────────────────────────────────────────────────
+const isHttp = u => !!u && /^https?:\/\//i.test(u);
+const ResumeCard = ({
+  card,
+  onOpen
+}) => {
+  const openProps = isHttp(card.openUrl) ? {
+    href: card.openUrl,
+    target: '_blank',
+    rel: 'noopener noreferrer'
+  } : undefined;
+  const primary = 'inline-flex items-center gap-1.5 rounded-lg bg-blue-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm transition hover:bg-blue-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2';
+  const secondary = 'inline-flex items-center gap-1.5 rounded-lg border border-gray-200 px-3 py-1.5 text-xs font-semibold text-gray-700 transition hover:bg-gray-50 dark:border-gray-600 dark:text-gray-200 dark:hover:bg-gray-700';
+  return React.createElement("div", {
+    role: "group",
+    "aria-label": card.accessibleLabel,
+    className: "mx-2 my-2 flex w-[calc(100%-1rem)] max-w-xl gap-4 rounded-2xl border border-gray-200 bg-white p-4 shadow-sm dark:border-gray-700 dark:bg-gray-800"
+  }, React.createElement("div", {
+    "aria-hidden": "true",
+    className: "relative hidden aspect-[1/1.3] w-24 shrink-0 overflow-hidden rounded-md border border-gray-200 bg-white p-2 shadow-sm sm:block dark:border-gray-600"
+  }, card.imageUrl ?
+  // eslint-disable-next-line @next/next/no-img-element
+  React.createElement("img", {
+    src: card.imageUrl,
+    alt: "",
+    className: "absolute inset-0 h-full w-full object-cover object-top"
+  }) : React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "h-1.5 w-3/4 rounded-full bg-gray-800"
+  }), React.createElement("div", {
+    className: "mt-1 h-1 w-1/2 rounded-full bg-blue-400"
+  }), React.createElement("div", {
+    className: "mt-2.5 space-y-1"
+  }, [100, 92, 96, 70].map((w, i) => React.createElement("div", {
+    key: i,
+    className: "h-[3px] rounded-full bg-gray-200",
+    style: {
+      width: `${w}%`
+    }
+  }))), React.createElement("div", {
+    className: "mt-2 h-1 w-1/3 rounded-full bg-gray-400"
+  }), React.createElement("div", {
+    className: "mt-1 space-y-1"
+  }, [95, 88, 60].map((w, i) => React.createElement("div", {
+    key: i,
+    className: "h-[3px] rounded-full bg-gray-200",
+    style: {
+      width: `${w}%`
+    }
+  }))))), React.createElement("div", {
+    className: "flex min-w-0 flex-1 flex-col"
+  }, React.createElement("div", {
+    className: "flex items-center gap-2"
+  }, React.createElement("span", {
+    className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-blue-50 text-blue-600 dark:bg-blue-500/15 dark:text-blue-300"
+  }, React.createElement(FiFileText, {
+    className: "h-3.5 w-3.5"
+  })), React.createElement("p", {
+    className: "truncate text-sm font-semibold text-gray-900 dark:text-gray-50"
+  }, card.title)), card.headline || card.subtitle ? React.createElement("p", {
+    className: "mt-1.5 line-clamp-2 text-xs text-gray-500 dark:text-gray-400"
+  }, card.headline ?? card.subtitle) : null, card.tags.length || card.template ? React.createElement("div", {
+    className: "mt-2 flex flex-wrap gap-1"
+  }, card.tags.map(t => React.createElement(Chip, {
+    key: t
+  }, t)), card.template ? React.createElement(Chip, {
+    tone: "blue"
+  }, card.template, " template") : null) : null, React.createElement("div", {
+    className: "mt-auto flex flex-wrap gap-2 pt-3"
+  }, onOpen ? React.createElement("button", {
+    type: "button",
+    onClick: onOpen,
+    className: primary
+  }, card.actionLabel) : openProps ? React.createElement("a", {
+    ...openProps,
+    className: primary
+  }, card.actionLabel, React.createElement(FiArrowUpRight, {
+    className: "h-3.5 w-3.5"
+  })) : null, onOpen && openProps ? React.createElement("a", {
+    ...openProps,
+    className: secondary
+  }, "New tab", React.createElement(FiArrowUpRight, {
+    className: "h-3.5 w-3.5"
+  })) : null, isHttp(card.downloadUrl) ? React.createElement("a", {
+    href: card.downloadUrl,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: secondary
+  }, React.createElement(FiDownload, {
+    className: "h-3.5 w-3.5"
+  }), "PDF") : null)));
+};export{CarCard,GroundCard,JobCard,MovieCard,ProductCard,ResumeCard,StayCard};//# sourceMappingURL=ResultCards.js.map

package/lib/components/MessageWidgets/ResultCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultCards.js","sources":["../../../src/components/MessageWidgets/ResultCards.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/components/MessageWidgets/ResultRow.d.ts

@@ -0,0 +1,57 @@
+import React, { ReactNode } from 'react';
+import type { ResultBadge, ResultPick } from '@admin-layout/client';
+/**
+ * The frame every list-shaped chat widget shares (stays, cars, trains, buses,
+ * products, showtimes, jobs): the result set named once, quick picks that
+ * jump to their card, and a swipeable row with the next card peeking in.
+ * Flights draw the same frame in MessageFlights; this is its reusable twin.
+ */
+export declare const BADGE_STYLE: Record<ResultBadge, {
+    pill: string;
+    text: string;
+}>;
+export declare const ResultBadgePill: ({ badge, floating }: {
+    badge: ResultBadge;
+    floating?: boolean;
+}) => React.JSX.Element;
+/** Card chrome shared by every result card; width comes from the row or the list. */
+export declare const RESULT_CARD_CLASS: string;
+export declare const resultCardBorder: (highlighted?: boolean) => string;
+/** In-row width: about a card and a half on a phone, three on a wide chat. */
+export declare const IN_ROW = "w-[min(18rem,82%)] shrink-0 snap-start";
+/**
+ * A card as a link to its seller when it has one, a button that opens the
+ * rail when it does not, and plain content when neither applies.
+ */
+export declare const CardShell: ({ url, onOpen, label, className, cardKey, children, }: {
+    url?: string;
+    onOpen?: () => void;
+    label: string;
+    className: string;
+    cardKey: string;
+    children: ReactNode;
+}) => React.JSX.Element;
+/** An image that steps aside for a fallback when it fails to load. */
+export declare const SafeImage: ({ src, alt, className, fallback, fit, }: {
+    src?: string;
+    alt: string;
+    className: string;
+    fallback: ReactNode;
+    fit?: "cover" | "contain";
+}) => React.JSX.Element;
+export interface IResultRowProps {
+    icon: ReactNode;
+    title: string;
+    subtitle?: string;
+    picks?: ResultPick[];
+    /** How many results exist, for the "View all" button. */
+    count: number;
+    /** Opens the full list (the side rail). */
+    onViewAll?: () => void;
+    viewAllLabel?: string;
+    ariaLabel: string;
+    /** The cards; each must render through {@link CardShell} so quick picks can find it. */
+    children: (highlighted: string | null) => ReactNode;
+}
+export declare const ResultRow: ({ icon, title, subtitle, picks, count, onViewAll, viewAllLabel, ariaLabel, children, }: IResultRowProps) => React.JSX.Element;
+//# sourceMappingURL=ResultRow.d.ts.map

package/lib/components/MessageWidgets/ResultRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultRow.d.ts","sourceRoot":"","sources":["../../../src/components/MessageWidgets/ResultRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAC;AAGnF,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEpE;;;;;GAKG;AAEH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAa3E,CAAC;AAIF,eAAO,MAAM,eAAe,GAAI,qBAA6B;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,sBAQtG,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,QAIyF,CAAC;AAExH,eAAO,MAAM,gBAAgB,GAAI,cAAc,OAAO,KAAG,MAGT,CAAC;AAEjD,8EAA8E;AAC9E,eAAO,MAAM,MAAM,2CAA2C,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,uDAOvB;IACC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACvB,sBAqBA,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,SAAS,GAAI,yCAMvB;IACC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7B,sBAaA,CAAC;AAEF,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,CAAC;CACvD;AAID,eAAO,MAAM,SAAS,GAAI,wFAUvB,eAAe,sBAkIjB,CAAC"}