AgentHub/client/src/components/lanes/SessionMenu.tsx

/**
 * @file SessionMenu — a session row's right-click menu (sidebar, the workspace
 * home's Recents, the archived fold), and a bare live tab's (`session` null —
 * the sidebar's **New session** row). Every item is something the row already
 * does: open it the way its click does (a live pane attaches, an ended session
 * opens its conversation — never a resume), open a live one in a split,
 * rename / pin / unpin / archive / unarchive when the list offers them, copy its id, open
 * its analysis page, and close its live tab (`DELETE /api/run/:id`, what the
 * tab's X does — after the same confirm for an AI tab, which may be mid-turn).
 * @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
 */

import { useTranslation } from "react-i18next";
import { useNavigate } from "react-router-dom";
import { api, type RunHandle } from "../../lib/api";
import type { Session } from "../../lib/types";
import { ContextMenu, MenuItem, MenuSeparator, type MenuPoint } from "../ContextMenu";
import { confirmDialog } from "../../lib/confirm";
import { copyText } from "../../lib/clipboard";
import { toast } from "../../lib/toast";

export function SessionMenu({
  laneId,
  session,
  run,
  x,
  y,
  onClose,
  onRename,
  onArchive,
  onUnarchive,
  onPin,
}: MenuPoint & {
  laneId: number;
  session: Session | null;
  /** The live pane holding it, if any. */
  run: RunHandle | null;
  onClose: () => void;
  onRename?: () => void;
  onArchive?: () => void;
  onUnarchive?: () => void;
  /** Pin or unpin (by `session.pinned_at`), where the list offers it. */
  onPin?: () => void;
}) {
  const { t } = useTranslation("lanes");
  const navigate = useNavigate();
  const runUrl = run && `/workspace?lane=${laneId}&run=${encodeURIComponent(run.id)}`;

  const pick = (fn: () => unknown) => () => {
    onClose();
    fn();
  };
  const closeTab = async () => {
    if (!run) return;
    onClose();
    if (
      run.tool !== "shell" &&
      !(await confirmDialog({
        title: t("tabs.stopTitle", { name: session?.name || t("tree.newSession") }),
        message: t("tabs.stopBody"),
        confirmLabel: t("tabs.stopConfirm"),
        destructive: true,
      }))
    )
      return;
    try {
      await api.run.kill(run.id);
    } catch (err) {
      toast.error(err);
    }
  };

  return (
    <ContextMenu x={x} y={y} onClose={onClose} testId={`session-menu-${session?.id ?? run?.id}`}>
      <MenuItem
        onSelect={pick(() =>
          navigate(
            runUrl ?? `/workspace?lane=${laneId}&session=${encodeURIComponent(session?.id ?? "")}`
          )
        )}
      >
        {t("sessionMenu.open")}
      </MenuItem>
      {runUrl && (
        <MenuItem onSelect={pick(() => navigate(runUrl, { state: { split: true } }))}>
          {t("sessionMenu.openSplit")}
        </MenuItem>
      )}
      {onRename && <MenuItem onSelect={pick(onRename)}>{t("menu.rename")}</MenuItem>}
      {onPin && session && (
        <MenuItem onSelect={pick(onPin)}>
          {t(session.pinned_at ? "sessionMenu.unpin" : "sessionMenu.pin")}
        </MenuItem>
      )}
      {session && (
        <>
          <MenuItem onSelect={pick(() => navigate(`/sessions/${session.id}`))}>
            {t("sessionMenu.details")}
          </MenuItem>
          <MenuItem onSelect={pick(() => void copyText(session.id))}>
            {t("sessionMenu.copyId")}
          </MenuItem>
        </>
      )}
      {(run || onArchive || onUnarchive) && <MenuSeparator />}
      {onUnarchive && <MenuItem onSelect={pick(onUnarchive)}>{t("tree.unarchive")}</MenuItem>}
      {onArchive && <MenuItem onSelect={pick(onArchive)}>{t("sessionMenu.archive")}</MenuItem>}
      {run && (
        <MenuItem danger onSelect={() => void closeTab()}>
          {t("tabs.close")}
        </MenuItem>
      )}
    </ContextMenu>
  );
}