Build the product.
Not more infrastructure.

"use client";

import type { Session } from "@inlayai/sdk";
import { useTripAgent } from "@/inlay/trip.generated";
import { Itinerary, ShareSheet, TripComposer, TripMap, useTravelUI } from "@/travel/ui";

export function TravelWorkspace({ session }: { session: Session }) {
  const travel = useTravelUI();
  const agent = useTripAgent({
    session,
    tools: {
      searchFlights: travel.searchFlights,
      showOnMap: travel.showOnMap,
      shareTrip: travel.openShareSheet,
    },
  });
  const itinerary = agent.useBinding("itinerary");
  const highlights = agent.useBinding("highlights");

  return (
    <section aria-label="Travel workspace">
      <div className="grid gap-6 lg:grid-cols-2">
        <TripMap ref={travel.map} />
        <Itinerary markdown={itinerary?.value} highlights={highlights?.value} />
      </div>
      <ShareSheet ref={travel.share} itinerary={itinerary?.value} />
      <TripComposer agent={agent} />
    </section>
  );
}