import { EnvironmentId } from "@t3tools/contracts";import type { ReactElement } from "react";import { beforeEach, describe, expect, it, vi } from "vite-plus/test"; import { visitElements } from "../../test/reactElementTree";import { reactHookHarness as hooks } from "../../test/reactHookHarness"; vi.mock("react", async (importOriginal) => {  const actual = await importOriginal<typeof import("react")>();  const { reactHookHarness } = await import("../../test/reactHookHarness");  return {    ...actual,    useMemo: reactHookHarness.useMemo,    useState: reactHookHarness.useState,  };}); vi.mock("react/compiler-runtime", async () => {  const { reactHookHarness } = await import("../../test/reactHookHarness");  return { c: reactHookHarness.useMemoCache };}); vi.mock("@effect/atom-react", () => ({  useAtomValue: () => ({}),})); vi.mock("~/state/server", () => ({  primaryServerKeybindingsAtom: Symbol("keybindings"),})); vi.mock("~/hooks/useTheme", () => ({  useTheme: () => ({ resolvedTheme: "dark" }),})); vi.mock("../files/projectFilesQueryState", () => ({  useProjectFilePickerQuery: () => ({    entries: [],    error: null,    isPending: false,    matchedQuery: "",  }),})); vi.mock("../ui/toast", () => ({  toastManager: { add: vi.fn() },})); import { toastManager } from "../ui/toast";import {  canPickExternalProjectFavicon,  ProjectFaviconPickerDialog,} from "./ProjectFaviconPickerDialog"; describe("ProjectFaviconPickerDialog", () => {  beforeEach(() => {    hooks.reset();    vi.stubGlobal("navigator", { platform: "MacIntel" });  });   it("selects an image from the native file picker", async () => {    const onOpenChange = vi.fn();    const onPickExternal = vi.fn().mockResolvedValue("/Users/me/Pictures/icon.png");    const onSelect = vi.fn();    hooks.beginRender();    const picker = ProjectFaviconPickerDialog({      cwd: "/Users/me/project",      environmentId: EnvironmentId.make("local"),      onOpenChange,      onPickExternal,      onSelect,      open: true,      projectName: "Project",    } as Parameters<typeof ProjectFaviconPickerDialog>[0] & {      readonly onPickExternal: () => Promise<string | null>;    }) as ReactElement<Record<string, unknown>>;     const button = visitElements(picker, (element) => element.props.children === "Open in Finder");    expect(button).not.toBeNull();     (button?.props.onClick as (() => void) | undefined)?.();    await Promise.resolve();    await Promise.resolve();     expect(onPickExternal).toHaveBeenCalledTimes(1);    expect(onOpenChange).toHaveBeenCalledWith(false);    expect(onSelect).toHaveBeenCalledWith("/Users/me/Pictures/icon.png");  });   it("hides the native picker for WSL project paths", () => {    expect(canPickExternalProjectFavicon("/home/me/project", "Win32")).toBe(false);    expect(canPickExternalProjectFavicon("C:\\Users\\me\\project", "Win32")).toBe(true);  });   it("keeps the dialog open when the native picker fails", async () => {    const onOpenChange = vi.fn();    const onSelect = vi.fn();    const props = {      cwd: "/Users/me/project",      environmentId: EnvironmentId.make("local"),      onOpenChange,      onPickExternal: vi.fn().mockRejectedValue(new Error("picker failed")),      onSelect,      open: true,      projectName: "Project",    } as Parameters<typeof ProjectFaviconPickerDialog>[0] & {      readonly onPickExternal: () => Promise<string | null>;    };     hooks.beginRender();    const picker = ProjectFaviconPickerDialog(props) as ReactElement<Record<string, unknown>>;    const button = visitElements(picker, (element) => element.props.children === "Open in Finder");     (button?.props.onClick as (() => void) | undefined)?.();    await Promise.resolve();    await Promise.resolve();     expect(onOpenChange).not.toHaveBeenCalled();    expect(onSelect).not.toHaveBeenCalled();    expect(toastManager.add).toHaveBeenCalledWith({      type: "error",      title: "Could not open image picker",      description: "picker failed",    });  });});