"use client";

// Backward-compatible, single-column composition of the search. The monolith
// this file used to be has been split into three pieces that share one
// SearchSession:
//   • SearchSessionContext — the committed search state + pipeline + URL sync,
//   • WorkspaceSearchBar    — the query-builder form + filters (the input half),
//   • SearchResults         — the results / chart view (the output half).
//
// The workspace shell mounts those pieces SEPARATELY (bar in the layout, results
// in the page) so the bar persists across `/` ⇄ `/ask`. This component keeps the
// old "everything stacked in one place" shape for callers that still want it —
// notably hub mode's <HubHome/>, which drops it inside a MultiSiteDataProvider.

import { SearchSessionProvider } from "./SearchSessionContext";
import WorkspaceSearchBar from "./WorkspaceSearchBar";
import SearchResults from "./SearchResults";

export default function TranscriptSearch() {
  return (
    <SearchSessionProvider>
      {/* One column, and it is the search form's containing block — the form is
          `position: sticky` below lg and only stays pinned while its parent is
          on screen, so it has to sit here beside the results (both
          WorkspaceSearchBar and SearchBar return fragments to make that so). */}
      <div className="flex flex-col gap-4">
        <WorkspaceSearchBar />
        <SearchResults />
      </div>
    </SearchSessionProvider>
  );
}