import {  scopeProjectRef,  scopedThreadKey,  scopeThreadRef,} from "@t3tools/client-runtime/environment";import { pullRequestDetailToVcsStatus } from "@t3tools/client-runtime/state/pull-requests";import type { EnvironmentId, ThreadLinkedPullRequest, VcsStatusResult } from "@t3tools/contracts";import { Atom } from "effect/unstable/reactivity";import { CloudIcon, FolderGit2Icon, GitPullRequestIcon, TerminalIcon } from "lucide-react";import { useMemo } from "react";import { appAtomRegistry } from "../rpc/atomRegistry";import { useEnvironment, usePrimaryEnvironmentId } from "../state/environments";import { useProject } from "../state/entities";import { useEnvironmentQuery } from "../state/query";import { linkedPullRequestDetailAtom } from "../state/pullRequests";import { useThreadRunningTerminalIds } from "../state/terminalSessions";import { vcsEnvironment } from "../state/vcs";import { useUiStateStore } from "../uiStateStore";import { resolveChangeRequestPresentation } from "../sourceControlPresentation";import { resolveThreadStatusPill, type ThreadStatusPill } from "./Sidebar.logic";import type { SidebarThreadSummary } from "../types";import { formatWorktreePathForDisplay } from "../worktreeCleanup";import { Tooltip, TooltipPopup, TooltipTrigger } from "./ui/tooltip"; export interface PrStatusIndicator {  label: string;  colorClass: string;  tooltip: string;  tooltipLead: string;  tooltipTitle: string;  url: string;} export interface TerminalStatusIndicator {  label: "Terminal process running";  colorClass: string;  pulse: boolean;} export type ThreadPr = VcsStatusResult["pr"]; export interface LinkedThreadPullRequestStatus {  readonly pr: NonNullable<ThreadPr>;  readonly sourceControlProvider: NonNullable<VcsStatusResult["sourceControlProvider"]>;} export function useLinkedThreadPullRequest(  environmentId: EnvironmentId | null,  linkedPullRequest: ThreadLinkedPullRequest | null | undefined,): LinkedThreadPullRequestStatus | null {  const detail = useEnvironmentQuery(    environmentId === null || linkedPullRequest == null      ? null      : linkedPullRequestDetailAtom({          environmentId,          input: {            projectId: linkedPullRequest.projectId,            repository: linkedPullRequest.repository,            number: linkedPullRequest.number,          },        }),  ).data;   return useMemo(    () =>      detail === null        ? null        : {            pr: pullRequestDetailToVcsStatus(detail),            sourceControlProvider: {              kind: detail.provider,              name: detail.provider,              baseUrl: "",            },          },    [detail],  );} export function settledPrHoverColorClass(state: NonNullable<ThreadPr>["state"]): string {  switch (state) {    case "open":      return "group-hover/v2-row:text-emerald-600 dark:group-hover/v2-row:text-emerald-300/90";    case "merged":      return "group-hover/v2-row:text-violet-600 dark:group-hover/v2-row:text-violet-300/90";    case "closed":      return "group-hover/v2-row:text-red-600 dark:group-hover/v2-row:text-red-300/90";  }} export function prStatusIndicator(  pr: ThreadPr,  provider: VcsStatusResult["sourceControlProvider"] | null | undefined,): PrStatusIndicator | null {  function formatPrState(state: NonNullable<ThreadPr>["state"]): string {    return state.charAt(0).toUpperCase() + state.slice(1);  }   function formatPrStatusLead(pr: NonNullable<ThreadPr>, changeRequestShortName: string): string {    return `${changeRequestShortName} #${pr.number} - ${formatPrState(pr.state)}`;  }  if (!pr) return null;  const presentation = resolveChangeRequestPresentation(provider);   const tooltipLead = formatPrStatusLead(pr, presentation.shortName);  const tooltip = `${tooltipLead}: ${pr.title}`;   if (pr.state === "open") {    return {      label: `${presentation.shortName} open`,      colorClass: "text-emerald-600 dark:text-emerald-300/90",      tooltip,      tooltipLead,      tooltipTitle: pr.title,      url: pr.url,    };  }  if (pr.state === "closed") {    return {      label: `${presentation.shortName} closed`,      colorClass: "text-red-600 dark:text-red-300/90",      tooltip,      tooltipLead,      tooltipTitle: pr.title,      url: pr.url,    };  }  if (pr.state === "merged") {    return {      label: `${presentation.shortName} merged`,      colorClass: "text-violet-600 dark:text-violet-300/90",      tooltip,      tooltipLead,      tooltipTitle: pr.title,      url: pr.url,    };  }  return null;} export function ChangeRequestStatusIcon({ className }: { className?: string }) {  return <GitPullRequestIcon className={className} />;} export function PrStatusTooltipContent({ status }: { status: PrStatusIndicator }) {  return (    <span className="flex max-w-[min(34rem,calc(100vw-2rem))] items-stretch overflow-hidden whitespace-nowrap">      <span className="shrink-0 pr-2 font-medium">{status.tooltipLead}</span>      <span className="min-h-4 shrink-0 border-border/70 border-l" aria-hidden="true" />      <span className="min-w-0 truncate pl-2">{status.tooltipTitle}</span>    </span>  );} export function resolveThreadPr(input: {  threadBranch: string | null;  gitStatus: VcsStatusResult | null;}): ThreadPr | null {  const { threadBranch, gitStatus } = input;  if (gitStatus === null) {    return null;  }   if (threadBranch === null || gitStatus.refName !== threadBranch) {    return null;  }   return gitStatus.pr ?? null;} /** * Parent-held PR snapshot for Sidebar V2. Rows remount when settlement * partitions move them, so terminal PR metadata must live above the row. */export interface ThreadChangeRequestSnapshot {  readonly branch: string;  readonly pr: NonNullable<ThreadPr>;  readonly sourceControlProvider: VcsStatusResult["sourceControlProvider"] | undefined;  readonly linkedPullRequest?: ThreadLinkedPullRequest;} export const threadChangeRequestSnapshotsAtom = Atom.make<  ReadonlyMap<string, ThreadChangeRequestSnapshot>>(new Map()).pipe(Atom.keepAlive, Atom.withLabel("sidebar:thread-change-request-snapshots")); function isTerminalChangeRequestState(  state: NonNullable<ThreadPr>["state"],): state is "merged" | "closed" {  return state === "merged" || state === "closed";} function sourceControlProvidersEqual(  left: VcsStatusResult["sourceControlProvider"] | undefined,  right: VcsStatusResult["sourceControlProvider"] | undefined,): boolean {  if (left === right) return true;  if (left == null || right == null) return left == null && right == null;  return left.kind === right.kind && left.name === right.name && left.baseUrl === right.baseUrl;} function linkedPullRequestsEqual(  left: ThreadLinkedPullRequest | null | undefined,  right: ThreadLinkedPullRequest | null | undefined,): boolean {  if (left == null || right == null) return left == null && right == null;  return (    left.projectId === right.projectId &&    left.repository === right.repository &&    left.number === right.number &&    left.url === right.url  );} export function threadChangeRequestSnapshotsEqual(  left: ThreadChangeRequestSnapshot,  right: ThreadChangeRequestSnapshot,): boolean {  return (    left.branch === right.branch &&    left.pr.number === right.pr.number &&    left.pr.title === right.pr.title &&    left.pr.url === right.pr.url &&    left.pr.baseRef === right.pr.baseRef &&    left.pr.headRef === right.pr.headRef &&    left.pr.state === right.pr.state &&    (left.pr.updatedAt ?? null) === (right.pr.updatedAt ?? null) &&    sourceControlProvidersEqual(left.sourceControlProvider, right.sourceControlProvider) &&    linkedPullRequestsEqual(left.linkedPullRequest, right.linkedPullRequest)  );} export function setThreadChangeRequestSnapshot(  threadKey: string,  snapshot: ThreadChangeRequestSnapshot | null,): void {  appAtomRegistry.modify(threadChangeRequestSnapshotsAtom, (current) => {    const existing = current.get(threadKey);    if (snapshot === null) {      if (existing === undefined) return [false, current];      const next = new Map(current);      next.delete(threadKey);      return [true, next];    }    if (existing !== undefined && threadChangeRequestSnapshotsEqual(existing, snapshot)) {      return [false, current];    }    const next = new Map(current);    next.set(threadKey, snapshot);    return [true, next];  });} /** * Authoritative snapshot update from live VCS status. * - `undefined`: missing status, or a local checkout retaining a terminal PR — leave the map alone * - `null`: no PR (without a retained terminal snapshot), a cleared branch, or a mismatch without a terminal PR — clear * - snapshot: matching branch reports a PR — store/replace */export function nextThreadChangeRequestSnapshot(input: {  threadBranch: string | null;  gitStatus: VcsStatusResult | null;  snapshot: ThreadChangeRequestSnapshot | null | undefined;  retainTerminalOnBranchMismatch: boolean;  linkedPullRequest?: ThreadLinkedPullRequest | null | undefined;  linkedPullRequestStatus?: LinkedThreadPullRequestStatus | null | undefined;}): ThreadChangeRequestSnapshot | null | undefined {  const {    threadBranch,    gitStatus,    snapshot,    retainTerminalOnBranchMismatch,    linkedPullRequest,    linkedPullRequestStatus,  } = input;  if (linkedPullRequest != null) {    if (linkedPullRequestStatus === null || linkedPullRequestStatus === undefined) {      return linkedPullRequestsEqual(snapshot?.linkedPullRequest, linkedPullRequest)        ? undefined        : null;    }    return {      branch: threadBranch ?? linkedPullRequestStatus.pr.headRef,      pr: linkedPullRequestStatus.pr,      sourceControlProvider: linkedPullRequestStatus.sourceControlProvider,      linkedPullRequest,    };  }  if (gitStatus === null) {    return snapshot?.linkedPullRequest === undefined ? undefined : null;  }  if (threadBranch === null) {    return null;  }  if (gitStatus.refName !== threadBranch) {    return retainTerminalOnBranchMismatch &&      snapshot != null &&      snapshot.linkedPullRequest === undefined &&      isTerminalChangeRequestState(snapshot.pr.state)      ? undefined      : null;  }  if (gitStatus.pr == null) {    if (      retainTerminalOnBranchMismatch &&      snapshot != null &&      snapshot.linkedPullRequest === undefined &&      isTerminalChangeRequestState(snapshot.pr.state)    ) {      return undefined;    }    return null;  }  return {    branch: threadBranch,    pr: gitStatus.pr,    sourceControlProvider: gitStatus.sourceControlProvider,  };} /** * Live PR when the checkout matches the thread branch; otherwise, for local * checkouts only, a cached merged/closed PR for the thread. Local thread * metadata follows the shared checkout, so the cached branch intentionally * survives that metadata changing to the newly checked-out branch. Open PRs * are never retained — their state can still change. */export function resolveDisplayedThreadPr(input: {  threadBranch: string | null;  gitStatus: VcsStatusResult | null;  snapshot: ThreadChangeRequestSnapshot | null | undefined;  retainTerminalOnBranchMismatch: boolean;  linkedPullRequest?: ThreadLinkedPullRequest | null | undefined;  linkedPullRequestStatus?: LinkedThreadPullRequestStatus | null | undefined;}): ThreadPr | null {  const {    threadBranch,    gitStatus,    snapshot,    retainTerminalOnBranchMismatch,    linkedPullRequest,    linkedPullRequestStatus,  } = input;  if (linkedPullRequest != null) {    return (      linkedPullRequestStatus?.pr ??      (linkedPullRequestsEqual(snapshot?.linkedPullRequest, linkedPullRequest)        ? (snapshot?.pr ?? null)        : null)    );  }  if (    threadBranch !== null &&    gitStatus !== null &&    gitStatus.refName === threadBranch &&    gitStatus.pr != null  ) {    return gitStatus.pr;  }   if (    threadBranch !== null &&    retainTerminalOnBranchMismatch &&    snapshot != null &&    snapshot.linkedPullRequest === undefined &&    isTerminalChangeRequestState(snapshot.pr.state)  ) {    return snapshot.pr;  }   return null;} export function resolveDisplayedThreadPrProvider(input: {  threadBranch: string | null;  gitStatus: VcsStatusResult | null;  snapshot: ThreadChangeRequestSnapshot | null | undefined;  retainTerminalOnBranchMismatch: boolean;  linkedPullRequest?: ThreadLinkedPullRequest | null | undefined;  linkedPullRequestStatus?: LinkedThreadPullRequestStatus | null | undefined;}): VcsStatusResult["sourceControlProvider"] | undefined {  const {    threadBranch,    gitStatus,    snapshot,    retainTerminalOnBranchMismatch,    linkedPullRequest,    linkedPullRequestStatus,  } = input;  if (linkedPullRequest != null) {    return (      linkedPullRequestStatus?.sourceControlProvider ??      (linkedPullRequestsEqual(snapshot?.linkedPullRequest, linkedPullRequest)        ? snapshot?.sourceControlProvider        : undefined)    );  }  if (    threadBranch !== null &&    gitStatus !== null &&    gitStatus.refName === threadBranch &&    gitStatus.pr != null  ) {    return gitStatus.sourceControlProvider;  }   if (    threadBranch !== null &&    retainTerminalOnBranchMismatch &&    snapshot != null &&    snapshot.linkedPullRequest === undefined &&    isTerminalChangeRequestState(snapshot.pr.state)  ) {    return snapshot.sourceControlProvider;  }   return undefined;} export function terminalStatusFromRunningIds(  runningTerminalIds: ReadonlyArray<string>,): TerminalStatusIndicator | null {  if (runningTerminalIds.length === 0) {    return null;  }  return {    label: "Terminal process running",    colorClass: "text-teal-600 dark:text-teal-300/90",    pulse: true,  };} export function ThreadWorktreeIndicator({  thread,}: {  thread: Pick<SidebarThreadSummary, "id" | "branch" | "worktreePath">;}) {  const worktreePath = thread.worktreePath?.trim();  if (!worktreePath) {    return null;  }   const displayPath = formatWorktreePathForDisplay(worktreePath);  const tooltip = thread.branch    ? `Worktree: ${displayPath} (${thread.branch})`    : `Worktree: ${displayPath}`;   return (    <Tooltip>      <TooltipTrigger        render={          <span            role="img"            aria-label={tooltip}            data-testid={`thread-worktree-${thread.id}`}            className="inline-flex items-center justify-center"          />        }      >        <FolderGit2Icon className="size-3 text-muted-foreground/40" />      </TooltipTrigger>      <TooltipPopup side="top">{tooltip}</TooltipPopup>    </Tooltip>  );} export function ThreadStatusLabel({  status,  compact = false,}: {  status: ThreadStatusPill;  compact?: boolean;}) {  if (compact) {    return (      <Tooltip>        <TooltipTrigger          render={            <span              aria-label={status.label}              className={`inline-flex size-3.5 shrink-0 items-center justify-center ${status.colorClass}`}            />          }        >          <span            className={`size-[9px] rounded-full ${status.dotClass} ${              status.pulse ? "animate-status-pulse" : ""            }`}          />        </TooltipTrigger>        <TooltipPopup side="top">{status.label}</TooltipPopup>      </Tooltip>    );  }   return (    <Tooltip>      <TooltipTrigger        render={          <span            aria-label={status.label}

Lines 1–500 of 651. Load more