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

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

@@ -1,24 +1,47 @@
 import React from 'react';
 import { IPost } from 'common';
 import { TravelAttachmentsInterface } from '../../interfaces';
+import { FlightCardView, FlightSliceView, FlightSort } from '@admin-layout/client';
 export interface IMessageFlightsProps {
     message: IPost;
     attachment: TravelAttachmentsInterface;
     /** Opens the full result set in the travel side panel. */
     onMessageClick?: (ref: IPost) => void;
 }
+/** Soft monogram tile colours, indexed by `airlineTone`; shared by every result card. */
+export declare const TONES: string[];
+/**
+ * The route between the two times: duration above, a line with one amber dot
+ * per stop and the plane at the arrival end, stops below.
+ */
+export declare const RouteLine: ({ slice }: {
+    slice: FlightSliceView;
+}) => React.JSX.Element;
+export interface IFlightCardProps {
+    card: FlightCardView;
+    onOpen?: () => void;
+    fullWidth?: boolean;
+    /** Show the departure date on the card (offers on different dates, or a round trip). */
+    showDate?: boolean;
+    /** Briefly outlined, e.g. after a quick-pick chip jumped to it. */
+    highlighted?: boolean;
+}
+export declare const FlightCard: ({ card, onOpen, fullWidth, showDate, highlighted, }: IFlightCardProps) => React.JSX.Element;
 export interface IFlightCardListProps {
     attachment: TravelAttachmentsInterface;
     /** Fired by a card with no seller link; omit it to render such cards as plain content. */
     onOpen?: () => void;
+    /** Ordering; `recommended` (default) keeps the agent's order. */
+    sort?: FlightSort;
 }
 /** Every flight as a full-width vertical list, for a side panel or a results page. */
-export declare const FlightCardList: ({ attachment, onOpen }: IFlightCardListProps) => React.JSX.Element;
+export declare const FlightCardList: ({ attachment, onOpen, sort }: IFlightCardListProps) => React.JSX.Element;
 /**
  * Flight results as a swipeable row of cards: one card per offer, the next
- * one peeking in so the row reads as scrollable. Touch swipes and snaps; a
- * pointer gets arrow buttons, since sideways scrolling is awkward with a
- * mouse.
+ * one peeking in so the row reads as scrollable. Above it, the route and date
+ * once, and quick picks (cheapest, fastest, best value) that jump to their
+ * card. Touch swipes and snaps; a pointer gets arrow buttons, since sideways
+ * scrolling is awkward with a mouse.
  */
 export declare const MessageFlights: ({ message, attachment, onMessageClick }: IMessageFlightsProps) => React.JSX.Element;
 //# sourceMappingURL=MessageFlights.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageFlights.d.ts","sourceRoot":"","sources":["../../../src/components/MessageWidgets/MessageFlights.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAG9D,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,KAAK,CAAC;IACf,UAAU,EAAE,0BAA0B,CAAC;IACvC,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;CACzC;AA2HD,MAAM,WAAW,oBAAoB;IACjC,UAAU,EAAE,0BAA0B,CAAC;IACvC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,sFAAsF;AACtF,eAAO,MAAM,cAAc,GAAI,wBAAwB,oBAAoB,sBAY1E,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,yCAAyC,oBAAoB,sBAoF3F,CAAC"}
+{"version":3,"file":"MessageFlights.d.ts","sourceRoot":"","sources":["../../../src/components/MessageWidgets/MessageFlights.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAKjF,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAEH,cAAc,EACd,eAAe,EACf,UAAU,EAIb,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,KAAK,CAAC;IACf,UAAU,EAAE,0BAA0B,CAAC;IACvC,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;CACzC;AAED,yFAAyF;AACzF,eAAO,MAAM,KAAK,UASjB,CAAC;AA4BF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,WAAW;IAAE,KAAK,EAAE,eAAe,CAAA;CAAE,sBAiC9D,CAAC;AAwCF,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,GAAI,qDAMxB,gBAAgB,sBAoGlB,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACjC,UAAU,EAAE,0BAA0B,CAAC;IACvC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iEAAiE;IACjE,IAAI,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,sFAAsF;AACtF,eAAO,MAAM,cAAc,GAAI,8BAA8C,oBAAoB,sBAchG,CAAC;AAIF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,yCAAyC,oBAAoB,sBA8J3F,CAAC"}

package/lib/components/MessageWidgets/MessageFlights.js

@@ -1,62 +1,127 @@
-import React,{useRef,useState,useCallback,useEffect}from'react';import {FaPlane}from'@react-icons/all-files/fa/FaPlane.js';import {FiChevronLeft}from'@react-icons/all-files/fi/FiChevronLeft.js';import {FiChevronRight}from'@react-icons/all-files/fi/FiChevronRight.js';import {toFlightCards}from'@admin-layout/client';const SliceRow = ({
+import React,{useMemo,useRef,useState,useCallback,useEffect}from'react';import {FaPlane}from'@react-icons/all-files/fa/FaPlane.js';import {FiChevronLeft}from'@react-icons/all-files/fi/FiChevronLeft.js';import {FiChevronRight}from'@react-icons/all-files/fi/FiChevronRight.js';import {FiExternalLink}from'@react-icons/all-files/fi/FiExternalLink.js';import {toFlightCards,flightResultSummary,sortFlightCards}from'@admin-layout/client';/** Soft monogram tile colours, indexed by `airlineTone`; shared by every result card. */
+const TONES = ['bg-sky-100 text-sky-700 dark:bg-sky-500/20 dark:text-sky-300', 'bg-violet-100 text-violet-700 dark:bg-violet-500/20 dark:text-violet-300', 'bg-emerald-100 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-300', 'bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300', 'bg-rose-100 text-rose-700 dark:bg-rose-500/20 dark:text-rose-300', 'bg-indigo-100 text-indigo-700 dark:bg-indigo-500/20 dark:text-indigo-300', 'bg-teal-100 text-teal-700 dark:bg-teal-500/20 dark:text-teal-300', 'bg-orange-100 text-orange-700 dark:bg-orange-500/20 dark:text-orange-300'];
+const BADGE = {
+  cheapest: {
+    label: 'Cheapest',
+    pill: 'bg-emerald-50 text-emerald-700 ring-emerald-200 dark:bg-emerald-500/15 dark:text-emerald-300 dark:ring-emerald-500/30',
+    text: 'text-emerald-600 dark:text-emerald-400'
+  },
+  fastest: {
+    label: 'Fastest',
+    pill: 'bg-violet-50 text-violet-700 ring-violet-200 dark:bg-violet-500/15 dark:text-violet-300 dark:ring-violet-500/30',
+    text: 'text-violet-600 dark:text-violet-400'
+  },
+  best: {
+    label: 'Best value',
+    pill: 'bg-blue-50 text-blue-700 ring-blue-200 dark:bg-blue-500/15 dark:text-blue-300 dark:ring-blue-500/30',
+    text: 'text-blue-600 dark:text-blue-400'
+  }
+};
+const BadgePill = ({
+  badge
+}) => React.createElement("span", {
+  className: `inline-flex shrink-0 items-center rounded-full px-2 py-0.5 text-[11px] font-semibold leading-4 ring-1 ring-inset ${BADGE[badge].pill}`
+}, BADGE[badge].label);
+/**
+ * The route between the two times: duration above, a line with one amber dot
+ * per stop and the plane at the arrival end, stops below.
+ */
+const RouteLine = ({
   slice
 }) => {
+  const stops = slice.stopCount ?? 0;
   return React.createElement("div", {
-    className: "grid grid-cols-[auto_1fr_auto] items-center gap-3"
-  }, React.createElement("div", null, React.createElement("p", {
-    className: "text-2xl font-bold leading-none tracking-tight tabular-nums text-gray-900 dark:text-gray-50"
-  }, slice.departTime ?? '--:--'), React.createElement("p", {
-    className: "mt-1.5 text-sm text-gray-500 dark:text-gray-400"
-  }, slice.origin)), React.createElement("div", {
-    className: "flex min-w-0 flex-col items-center",
+    className: "flex min-w-0 flex-col items-center self-center px-1",
     "aria-hidden": "true"
-  }, React.createElement("div", {
-    className: "flex w-full items-center gap-1.5"
+  }, React.createElement("p", {
+    className: "text-[11px] font-medium leading-4 text-gray-500 dark:text-gray-400"
+  }, slice.duration ?? ' '), React.createElement("div", {
+    className: "my-1 flex w-full items-center"
   }, React.createElement("span", {
-    className: "h-px flex-1 border-t border-dashed border-gray-300 dark:border-gray-600"
-  }), React.createElement(FaPlane, {
-    className: "h-3.5 w-3.5 shrink-0 text-blue-500"
+    className: "h-1.5 w-1.5 shrink-0 rounded-full border border-gray-400 bg-white dark:border-gray-500 dark:bg-gray-800"
   }), React.createElement("span", {
-    className: "h-px flex-1 border-t border-dashed border-gray-300 dark:border-gray-600"
-  })), slice.meta ? React.createElement("p", {
-    className: "mt-1 truncate text-[11px] leading-tight text-gray-400 dark:text-gray-500"
-  }, slice.meta) : null), React.createElement("div", {
-    className: "text-right"
-  }, React.createElement("p", {
-    className: "text-2xl font-bold leading-none tracking-tight tabular-nums text-gray-900 dark:text-gray-50"
-  }, slice.arriveTime ?? '--:--', slice.dayOffset ? React.createElement("sup", {
-    className: "ml-0.5 text-[11px] font-semibold text-amber-600 dark:text-amber-400"
-  }, slice.dayOffset) : null), React.createElement("p", {
-    className: "mt-1.5 text-sm text-gray-500 dark:text-gray-400"
-  }, slice.destination)));
+    className: "relative h-px flex-1 bg-gray-300 dark:bg-gray-600"
+  }, Array.from({
+    length: stops
+  }, (_, i) => React.createElement("span", {
+    key: i,
+    className: "absolute top-1/2 h-1.5 w-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full bg-amber-400 ring-2 ring-white dark:ring-gray-800",
+    style: {
+      left: `${(i + 1) / (stops + 1) * 100}%`
+    }
+  }))), React.createElement(FaPlane, {
+    className: "ml-0.5 h-3 w-3 shrink-0 text-blue-500 dark:text-blue-400"
+  })), React.createElement("p", {
+    className: `text-[11px] font-medium leading-4 ${stops === 0 && slice.stops ? 'text-emerald-600 dark:text-emerald-400' : stops > 0 ? 'text-amber-600 dark:text-amber-400' : 'text-gray-400'}`
+  }, slice.stops ?? ' '));
 };
-const CARD_CLASS = 'group/card flex flex-col rounded-2xl border border-gray-200 bg-white p-4 text-left shadow-sm transition ' + 'hover:border-blue-300 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 ' + 'dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-500/60';
-const IN_ROW = 'w-[min(19rem,85%)] shrink-0 snap-start';
+const SliceRow = ({
+  slice,
+  caption
+}) => React.createElement("div", null, caption ? React.createElement("p", {
+  className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-gray-400 dark:text-gray-500"
+}, caption) : null, React.createElement("div", {
+  className: "grid grid-cols-[auto_1fr_auto] items-center gap-2"
+}, React.createElement("div", null, React.createElement("p", {
+  className: "text-[22px] font-bold leading-none tracking-tight tabular-nums text-gray-900 dark:text-gray-50"
+}, slice.departTime ?? '--:--'), React.createElement("p", {
+  className: "mt-1.5 text-xs font-medium text-gray-500 dark:text-gray-400"
+}, slice.origin)), React.createElement(RouteLine, {
+  slice: slice
+}), React.createElement("div", {
+  className: "text-right"
+}, React.createElement("p", {
+  className: "text-[22px] font-bold leading-none tracking-tight tabular-nums text-gray-900 dark:text-gray-50"
+}, slice.arriveTime ?? '--:--', slice.dayOffset ? React.createElement("sup", {
+  className: "ml-0.5 text-[11px] font-semibold text-amber-600 dark:text-amber-400"
+}, slice.dayOffset) : null), React.createElement("p", {
+  className: "mt-1.5 text-xs font-medium text-gray-500 dark:text-gray-400"
+}, slice.destination))));
+const CARD_CLASS = 'group/card relative flex flex-col rounded-2xl border bg-white p-4 text-left shadow-sm transition-all duration-200 ' + 'hover:-translate-y-0.5 hover:border-blue-300 hover:shadow-lg hover:shadow-blue-500/10 ' + 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 ' + 'dark:bg-gray-800 dark:hover:border-blue-500/60 dark:hover:shadow-black/30 dark:focus-visible:ring-offset-gray-900';
+const IN_ROW = 'w-[min(20rem,85%)] shrink-0 snap-start';
 const FlightCard = ({
   card,
   onOpen,
-  fullWidth = false
+  fullWidth = false,
+  showDate = false,
+  highlighted = false
 }) => {
-  const className = `${CARD_CLASS} ${fullWidth ? 'w-full' : IN_ROW}`;
+  const className = `${CARD_CLASS} ${fullWidth ? 'w-full' : IN_ROW} ${highlighted ? 'border-blue-400 ring-2 ring-blue-500/40 dark:border-blue-400' : 'border-gray-200 dark:border-gray-700'}`;
+  const subtitle = [card.flightNumber, card.cabin].filter(Boolean).join(' · ') || (card.roundTrip ? 'Round trip' : 'One way');
+  const captionFor = (s, i) => {
+    if (card.roundTrip) return [i === 0 ? 'Outbound' : 'Return', s.date].filter(Boolean).join(' · ');
+    return showDate ? s.date : undefined;
+  };
   const body = React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "flex items-center gap-2"
-  }, card.sellerInitial ? React.createElement("span", {
+    className: "flex items-center gap-2.5"
+  }, React.createElement("span", {
     "aria-hidden": "true",
-    className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-blue-500 text-[11px] font-bold text-white"
-  }, card.sellerInitial) : null, React.createElement("p", {
-    className: "truncate text-sm text-gray-500 dark:text-gray-400"
-  }, card.header)), React.createElement("div", {
-    className: "mb-4 mt-4 space-y-4"
+    className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-[11px] font-bold tracking-wide ${TONES[card.airlineTone % TONES.length]}`
+  }, card.airlineCode), React.createElement("div", {
+    className: "min-w-0 flex-1"
+  }, React.createElement("p", {
+    className: "truncate text-sm font-semibold leading-5 text-gray-900 dark:text-gray-50"
+  }, card.airline ?? card.footer), React.createElement("p", {
+    className: "truncate text-xs leading-4 text-gray-500 dark:text-gray-400"
+  }, subtitle)), card.badges[0] ? React.createElement(BadgePill, {
+    badge: card.badges[0]
+  }) : null), React.createElement("div", {
+    className: "my-4 space-y-4"
   }, card.slices.map((s, i) => React.createElement(SliceRow, {
     key: i,
-    slice: s
+    slice: s,
+    caption: captionFor(s, i)
   }))), React.createElement("div", {
     className: "mt-auto flex items-center justify-between gap-3 border-t border-gray-100 pt-3 dark:border-gray-700"
   }, React.createElement("p", {
-    className: "min-w-0 truncate text-sm text-gray-600 dark:text-gray-300"
-  }, card.footer), card.price ? React.createElement("p", {
-    className: "shrink-0 text-lg font-bold tabular-nums text-blue-600 dark:text-blue-400"
-  }, card.price) : null));
+    className: "min-w-0 truncate text-xs text-gray-500 dark:text-gray-400"
+  }, card.seller ? `via ${card.seller}` : card.roundTrip ? 'Round trip' : card.slices[0].stops ?? ''), React.createElement("span", {
+    className: "flex shrink-0 items-center gap-1.5"
+  }, card.price ? React.createElement("span", {
+    className: "text-lg font-bold leading-none tabular-nums text-gray-900 dark:text-white"
+  }, card.price) : null, card.url ? React.createElement(FiExternalLink, {
+    className: "h-3.5 w-3.5 text-gray-400 transition-colors group-hover/card:text-blue-500"
+  }) : null)));
   // A bookable offer goes straight to the seller; without a link the card
   // opens the full results in the side panel instead.
   if (card.url) {
@@ -66,7 +131,8 @@ const FlightCard = ({
       rel: "noopener noreferrer",
       "aria-label": card.accessibleLabel,
       className: className,
-      "data-flight-card": ""
+      "data-flight-card": "",
+      "data-flight-key": card.key
     }, body);
   }
   if (!onOpen) {
@@ -75,7 +141,8 @@ const FlightCard = ({
       role: "group",
       "aria-label": card.accessibleLabel,
       className: className,
-      "data-flight-card": ""
+      "data-flight-card": "",
+      "data-flight-key": card.key
     }, body);
   }
   return React.createElement("button", {
@@ -83,44 +150,53 @@ const FlightCard = ({
     onClick: onOpen,
     "aria-label": card.accessibleLabel,
     className: className,
-    "data-flight-card": ""
+    "data-flight-card": "",
+    "data-flight-key": card.key
   }, body);
 };
 /** Every flight as a full-width vertical list, for a side panel or a results page. */
 const FlightCardList = ({
   attachment,
-  onOpen
+  onOpen,
+  sort = 'recommended'
 }) => {
-  const cards = toFlightCards(attachment);
+  const cards = useMemo(() => toFlightCards(attachment), [attachment]);
+  const summary = useMemo(() => flightResultSummary(attachment, cards), [attachment, cards]);
+  const ordered = useMemo(() => sortFlightCards(cards, sort), [cards, sort]);
   if (cards.length === 0) return null;
   return React.createElement("ul", {
     className: "space-y-3",
     "aria-label": attachment.title || 'Flight options'
-  }, cards.map(c => React.createElement("li", {
+  }, ordered.map(c => React.createElement("li", {
     key: c.key
   }, React.createElement(FlightCard, {
     card: c,
     onOpen: onOpen,
-    fullWidth: true
+    fullWidth: true,
+    showDate: !summary.sameDate
   }))));
 };
+const HIGHLIGHT_MS = 1600;
 /**
  * Flight results as a swipeable row of cards: one card per offer, the next
- * one peeking in so the row reads as scrollable. Touch swipes and snaps; a
- * pointer gets arrow buttons, since sideways scrolling is awkward with a
- * mouse.
+ * one peeking in so the row reads as scrollable. Above it, the route and date
+ * once, and quick picks (cheapest, fastest, best value) that jump to their
+ * card. Touch swipes and snaps; a pointer gets arrow buttons, since sideways
+ * scrolling is awkward with a mouse.
  */
 const MessageFlights = ({
   message,
   attachment,
   onMessageClick
 }) => {
-  const cards = toFlightCards(attachment);
+  const cards = useMemo(() => toFlightCards(attachment), [attachment]);
+  const summary = useMemo(() => flightResultSummary(attachment, cards), [attachment, cards]);
   const rowRef = useRef(null);
   const [edges, setEdges] = useState({
     atStart: true,
     atEnd: true
   });
+  const [highlighted, setHighlighted] = useState(null);
   const measure = useCallback(() => {
     const el = rowRef.current;
     if (!el) return;
@@ -137,6 +213,11 @@ const MessageFlights = ({
     ro.observe(el);
     return () => ro.disconnect();
   }, [measure, cards.length]);
+  useEffect(() => {
+    if (!highlighted) return undefined;
+    const t = setTimeout(() => setHighlighted(null), HIGHLIGHT_MS);
+    return () => clearTimeout(t);
+  }, [highlighted]);
   if (cards.length === 0) return null;
   const step = dir => {
     const el = rowRef.current;
@@ -147,15 +228,66 @@ const MessageFlights = ({
       behavior: 'smooth'
     });
   };
+  const jumpTo = key => {
+    const el = rowRef.current;
+    const card = el?.querySelector(`[data-flight-key="${CSS.escape(key)}"]`);
+    if (!el || !card) return;
+    // 8px: the row's px-2, so the card lands where the first one sits.
+    el.scrollTo({
+      left: card.offsetLeft - 8,
+      behavior: 'smooth'
+    });
+    setHighlighted(key);
+  };
   const open = () => onMessageClick?.(message);
-  const count = attachment.totalCount ?? attachment.properties.length;
-  const arrow = 'absolute top-1/2 z-10 hidden h-9 w-9 -translate-y-1/2 items-center justify-center rounded-full border border-gray-200 bg-white/95 text-gray-700 shadow-md transition hover:bg-white ' + 'disabled:pointer-events-none disabled:opacity-0 [@media(pointer:fine)]:flex dark:border-gray-600 dark:bg-gray-800/95 dark:text-gray-200';
+  const count = summary.count;
+  const title = summary.route ?? attachment.title ?? 'Flights';
+  const subtitle = [summary.date, `${count} ${count === 1 ? 'flight' : 'flights'}`, summary.fromPrice ? `from ${summary.fromPrice}` : undefined, summary.seller].filter(Boolean).join(' · ');
+  const picks = cards.length > 2 ? summary.picks : [];
+  // Arrows sit over the first and last visible card, so they show on hover or
+  // keyboard focus only; the next card peeking in already says the row scrolls.
+  const arrow = 'absolute top-1/2 z-10 hidden h-9 w-9 -translate-y-1/2 items-center justify-center rounded-full border border-gray-200 bg-white/95 text-gray-700 shadow-md transition hover:bg-white ' + 'opacity-0 group-hover/row:opacity-100 focus-visible:opacity-100 disabled:pointer-events-none disabled:!opacity-0 [@media(pointer:fine)]:flex ' + 'dark:border-gray-600 dark:bg-gray-800/95 dark:text-gray-200';
   return React.createElement("div", {
     className: "my-2 w-full",
     role: "group",
     "aria-label": attachment.title || 'Flight options'
   }, React.createElement("div", {
-    className: "relative"
+    className: "mx-2 mb-2 flex items-center justify-between gap-3"
+  }, React.createElement("div", {
+    className: "flex min-w-0 items-center gap-2.5"
+  }, React.createElement("span", {
+    "aria-hidden": "true",
+    className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-blue-50 text-blue-600 dark:bg-blue-500/15 dark:text-blue-300"
+  }, React.createElement(FaPlane, {
+    className: "h-4 w-4"
+  })), React.createElement("div", {
+    className: "min-w-0"
+  }, React.createElement("p", {
+    className: "truncate text-sm font-semibold leading-5 text-gray-900 dark:text-gray-50"
+  }, title), React.createElement("p", {
+    className: "truncate text-xs leading-4 text-gray-500 dark:text-gray-400"
+  }, subtitle))), onMessageClick && count > 1 ? React.createElement("button", {
+    type: "button",
+    onClick: open,
+    className: "inline-flex shrink-0 items-center gap-0.5 rounded-full px-2.5 py-1 text-xs font-semibold text-blue-600 transition hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-blue-500/10"
+  }, "View all ", count, React.createElement(FiChevronRight, {
+    className: "h-3.5 w-3.5"
+  })) : null), picks.length > 0 ? React.createElement("div", {
+    className: "mx-2 mb-2 flex flex-wrap gap-1.5",
+    "aria-label": "Quick picks"
+  }, picks.map(p => React.createElement("button", {
+    key: p.badge,
+    type: "button",
+    onClick: () => jumpTo(p.key),
+    className: "inline-flex items-center gap-1.5 rounded-full border border-gray-200 bg-white px-2.5 py-1 text-xs transition hover:border-blue-300 hover:bg-blue-50/60 dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-500/60 dark:hover:bg-blue-500/10"
+  }, React.createElement("span", {
+    className: `font-semibold ${BADGE[p.badge].text}`
+  }, p.label), React.createElement("span", {
+    className: "font-semibold tabular-nums text-gray-900 dark:text-gray-50"
+  }, p.badge === 'fastest' ? p.duration ?? p.price : p.price), p.airline ? React.createElement("span", {
+    className: "truncate text-gray-500 dark:text-gray-400"
+  }, "\u00B7 ", p.airline) : null))) : null, React.createElement("div", {
+    className: "group/row relative"
   }, React.createElement("div", {
     ref: rowRef,
     onScroll: measure,
@@ -166,7 +298,9 @@ const MessageFlights = ({
   }, cards.map(c => React.createElement(FlightCard, {
     key: c.key,
     card: c,
-    onOpen: open
+    onOpen: open,
+    showDate: !summary.sameDate,
+    highlighted: highlighted === c.key
   }))), React.createElement("button", {
     type: "button",
     "aria-label": "Previous flights",
@@ -183,11 +317,5 @@ const MessageFlights = ({
     className: `${arrow} right-0`
   }, React.createElement(FiChevronRight, {
     className: "h-5 w-5"
-  }))), onMessageClick && count > cards.length ? React.createElement("button", {
-    type: "button",
-    onClick: open,
-    className: "mx-2 mt-1 inline-flex items-center gap-1 text-sm font-medium text-blue-600 hover:underline dark:text-blue-400"
-  }, attachment.actionLabel || `View all ${count} flights`, React.createElement(FiChevronRight, {
-    className: "h-4 w-4"
-  })) : null);
-};export{FlightCardList,MessageFlights};//# sourceMappingURL=MessageFlights.js.map
+  }))));
+};export{FlightCard,FlightCardList,MessageFlights,RouteLine,TONES};//# sourceMappingURL=MessageFlights.js.map

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

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

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

@@ -0,0 +1,54 @@
+import React, { ComponentType, ReactNode } from 'react';
+import { IPost } from 'common';
+import { ResultCardBase, ResultSetLike, ResultSort, ResultSummary } from '@admin-layout/client';
+import { IResultCardProps } from './ResultCards';
+/**
+ * Every list-shaped result vertical, described once: how to turn the
+ * attachment into cards, how to summarise it, which card draws one, and
+ * which icon names it. The chat row and the side-panel list both read this.
+ */
+export type ResultVertical = 'stays' | 'cars' | 'ground' | 'shopping' | 'movies' | 'jobs';
+interface VerticalSpec {
+    toCards: (a: ResultSetLike) => ResultCardBase[];
+    summary: (a: ResultSetLike, cards: ResultCardBase[]) => ResultSummary;
+    Card: ComponentType<IResultCardProps<any>>;
+    icon: (a: ResultSetLike, cards: ResultCardBase[]) => ReactNode;
+    sorts: ResultSort[];
+}
+export declare const VERTICALS: Record<ResultVertical, VerticalSpec>;
+/** Which vertical a travel attachment that is not flights belongs to. */
+export declare const travelVertical: (a?: ResultSetLike) => ResultVertical;
+export declare const RESULT_SORT_LABELS: Record<ResultSort, string>;
+export interface IMessageResultsProps {
+    message: IPost;
+    vertical: ResultVertical;
+    /** Defaults to the message's own attachment. */
+    attachment?: ResultSetLike;
+    /** Opens the full result set (the side rail or the vertical's page). */
+    onMessageClick?: (ref: IPost) => void;
+}
+/** The chat row for one result vertical. */
+export declare const MessageResults: ({ message, vertical, attachment, onMessageClick }: IMessageResultsProps) => React.JSX.Element;
+export interface IResultCardListProps {
+    vertical: ResultVertical;
+    attachment: ResultSetLike;
+    sort?: ResultSort;
+    onOpen?: () => void;
+}
+/** Every result as a full-width vertical list, for a side panel or a results page. */
+export declare const ResultCardList: ({ vertical, attachment, sort, onOpen }: IResultCardListProps) => React.JSX.Element;
+/** The header strip for a side panel: the same summary the chat row shows. */
+export declare const resultSummaryOf: (vertical: ResultVertical, attachment: ResultSetLike) => ResultSummary;
+export declare const resultIconOf: (vertical: ResultVertical, attachment: ResultSetLike) => ReactNode;
+export interface IMessageVerticalProps {
+    message: IPost;
+    index?: number;
+    onMessageClick?: (ref: IPost) => void;
+}
+export declare const MessageShopping: (props: IMessageVerticalProps) => React.JSX.Element;
+export declare const MessageMovies: (props: IMessageVerticalProps) => React.JSX.Element;
+export declare const MessageJobs: (props: IMessageVerticalProps) => React.JSX.Element;
+/** The resume document card: one artifact, opened in the studio or downloaded. */
+export declare const MessageResume: ({ message, onMessageClick }: IMessageVerticalProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=MessageResults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageResults.d.ts","sourceRoot":"","sources":["../../../src/components/MessageWidgets/MessageResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAQjE,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EACH,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EAgBhB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAGH,gBAAgB,EAMnB,MAAM,eAAe,CAAC;AAGvB;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1F,UAAU,YAAY;IAClB,OAAO,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,cAAc,EAAE,CAAC;IAChD,OAAO,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,aAAa,CAAC;IACtE,IAAI,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,IAAI,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,SAAS,CAAC;IAC/D,KAAK,EAAE,UAAU,EAAE,CAAC;CACvB;AAID,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,YAAY,CA2C1D,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,cAAc,GAAI,IAAI,aAAa,KAAG,cAGlD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOzD,CAAC;AAKF,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,KAAK,CAAC;IACf,QAAQ,EAAE,cAAc,CAAC;IACzB,gDAAgD;IAChD,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,wEAAwE;IACxE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;CACzC;AAED,4CAA4C;AAC5C,eAAO,MAAM,cAAc,GAAI,mDAAmD,oBAAoB,sBAuBrG,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,aAAa,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,sFAAsF;AACtF,eAAO,MAAM,cAAc,GAAI,wCAAwD,oBAAoB,sBAe1G,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,eAAe,GAAI,UAAU,cAAc,EAAE,YAAY,aAAa,KAAG,aAGrF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,UAAU,cAAc,EAAE,YAAY,aAAa,KAAG,SAGlF,CAAC;AAIF,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,qBAAqB,sBAAsD,CAAC;AACnH,eAAO,MAAM,aAAa,GAAI,OAAO,qBAAqB,sBAAoD,CAAC;AAC/G,eAAO,MAAM,WAAW,GAAI,OAAO,qBAAqB,sBAAkD,CAAC;AAE3G,kFAAkF;AAClF,eAAO,MAAM,aAAa,GAAI,6BAA6B,qBAAqB,sBAM/E,CAAC"}