// A session's action page (docs/COMMAND-BAR.md, "Drill-in"): the same overlay
// over kill, rename and spawn similar, still fuzzy searchable. The page names
// the session it acts on, so the target is never ambiguous.

import { sessionName, type Session } from "../../types.js";
import { ResultList } from "./ResultList.js";
import type { BarGroup } from "./model.js";

export interface ActionPageProps {
  session: Session;
  /** The three actions, ranked by the query line — one kind, so no headers. */
  groups: BarGroup[];
  highlighted: number;
  onActivate(index: number): void;
}

export function ActionPage({ session, groups, highlighted, onActivate }: ActionPageProps) {
  return (
    <>
      <div
        role="presentation"
        className="cmdbar-page-header border-b border-border px-sp-3 py-sp-1 text-fs-11 text-muted"
      >
        {`Actions for "${sessionName(session)}"`}
      </div>
      <ResultList
        groups={groups}
        showHeaders={false}
        highlighted={highlighted}
        onActivate={onActivate}
      />
    </>
  );
}