@griddo/ax 12.3.0-beta.0 → 12.4.0

package/src/__tests__/components/TableFilters/StatusFilter/StatusFilter.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
 import { parseTheme } from "@ax/helpers";
@@ -13,7 +13,7 @@ afterEach(cleanup);
 const defaultProps = mock<IStatusFilterProps>();
 describe("StatusFilter component rendering", () => {
 	it("should render date filter", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false, sortedByTitle: false, sortedByURL: false };
 		defaultProps.sortItems = onClickMock;
@@ -31,7 +31,7 @@ describe("StatusFilter component rendering", () => {
 	});
 
 	it("should render interactive arrow if not filter selected", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false, sortedByTitle: false, sortedByURL: false };
 		defaultProps.sortItems = onClickMock;
@@ -48,7 +48,7 @@ describe("StatusFilter component rendering", () => {
 	});
 
 	it("should render FullArrowDown icon if is filtered by most recent", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByDate: true, sortedByTitle: false, sortedByURL: false };
 		defaultProps.sortItems = onClickMock;
@@ -67,7 +67,7 @@ describe("StatusFilter component rendering", () => {
 
 describe("StatusFilter events", () => {
 	it("should render check group on click", () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -87,7 +87,7 @@ describe("StatusFilter events", () => {
 	});
 
 	it("should call sortItems function with 'modified, true' as param when it's not structured data and is ascending", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -113,7 +113,7 @@ describe("StatusFilter events", () => {
 	});
 
 	it("should call sortItems function with 'date, true' as param when it's not structured data and is asceding", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -140,7 +140,7 @@ describe("StatusFilter events", () => {
 	});
 
 	it("should call sortItems function with 'modified, false' as param when it's not structured data and is not ascending", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -168,7 +168,7 @@ describe("StatusFilter events", () => {
 	});
 
 	it("should call sortItems function with 'date, false' as param when it's not structured data and is not asceding", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);

package/src/__tests__/components/TableFilters/TranslationsFilter/TranslationsFilter.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
@@ -15,7 +15,7 @@ afterEach(cleanup);
 const defaultProps = mock<ITranslationsFilterProps>();
 describe("TranslationsFilter component rendering", () => {
 	it("should render name filter", () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -32,7 +32,7 @@ describe("TranslationsFilter component rendering", () => {
 	});
 
 	it("should render icon's wrapper", () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -47,7 +47,7 @@ describe("TranslationsFilter component rendering", () => {
 	});
 
 	it("should render options", async () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -71,7 +71,7 @@ describe("TranslationsFilter component rendering", () => {
 
 describe("TranslationsFilter events", () => {
 	it("should render check group on click", () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -91,7 +91,7 @@ describe("TranslationsFilter events", () => {
 	});
 
 	it("should call filterItems with 'all' on click 'All' option", async () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -113,7 +113,7 @@ describe("TranslationsFilter events", () => {
 	});
 
 	it("should call filterItems with 'no' on click 'Not translated content' option", async () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -135,7 +135,7 @@ describe("TranslationsFilter events", () => {
 	});
 
 	it("should close floating menu when option is checked", async () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;

package/src/__tests__/components/TableFilters/TypeFilter/TypeFilter.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
 import TypeFilter, { ITypeFilterProps } from "@ax/components/TableFilters/TypeFilter";
@@ -32,7 +32,7 @@ describe("TypeFilter component rendering", () => {
 			},
 		];
 		defaultProps.pointer = "type";
-		defaultProps.filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		defaultProps.filterItems = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -66,7 +66,7 @@ describe("TypeFilter events", () => {
 			},
 		];
 		defaultProps.pointer = "type";
-		defaultProps.filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		defaultProps.filterItems = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -104,7 +104,7 @@ describe("TypeFilter events", () => {
 			},
 		];
 		defaultProps.pointer = "type";
-		const onChangeMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const onChangeMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 		defaultProps.filterItems = onChangeMock;
 
 		render(
@@ -145,7 +145,7 @@ describe("TypeFilter events", () => {
 			},
 		];
 		defaultProps.pointer = "type";
-		const onChangeMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const onChangeMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 		defaultProps.filterItems = onChangeMock;
 
 		render(

package/src/__tests__/components/TableFilters/UsersFilter/UsersFilter.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
@@ -14,7 +14,7 @@ afterEach(cleanup);
 const defaultProps = mock<IUsersFilterProps>();
 describe("UsersFilter component rendering", () => {
 	it("should render users filter", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
 
@@ -32,7 +32,7 @@ describe("UsersFilter component rendering", () => {
 	});
 
 	it("should render interactive arrow if not filter selected", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: false };
 		defaultProps.sortItems = onClickMock;
@@ -48,7 +48,7 @@ describe("UsersFilter component rendering", () => {
 	});
 
 	it("should not render interactive arrow if filter selected", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByTitle: false, sortedByUsers: true };
 		defaultProps.sortItems = onClickMock;
@@ -64,7 +64,7 @@ describe("UsersFilter component rendering", () => {
 	});
 
 	it("should render FullArrowUp icon if is filtered by ascending users", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
 		defaultProps.sortItems = onClickMock;
@@ -82,7 +82,7 @@ describe("UsersFilter component rendering", () => {
 
 describe("UsersFilter events", () => {
 	it("should render check group on click", () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -105,7 +105,7 @@ describe("UsersFilter events", () => {
 	});
 
 	it("should call filterItems with isAscending on click 'Ascendent' option", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -129,7 +129,7 @@ describe("UsersFilter events", () => {
 	});
 
 	it("should call filterItems with isAscending false on click 'Descendent' option", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);

package/src/__tests__/components/TableList/TableList.test.tsx

@@ -1,16 +1,16 @@
 import * as React from "react";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import configureStore from "redux-mock-store";
 
 import globalTheme from "@ax/themes/theme.json";
 import TableList, { ITableListProps } from "@ax/components/TableList";
-import { render, cleanup, screen } from "../../../../config/jest/test-utils";
+import { render, cleanup, screen } from "../../../../config/tests/test-utils";
 
 afterEach(() => {
 	cleanup();
-	jest.resetAllMocks();
+	vi.resetAllMocks();
 });
 
 const initialStore = {
@@ -21,7 +21,7 @@ const initialStore = {
 
 const mockStore = configureStore();
 const defaultProps = mock<ITableListProps>();
-const setPage = jest.fn();
+const setPage = vi.fn();
 
 const pagination = { currPage: 1, itemsPerPage: 50, setPage: setPage, totalItems: 3 };
 

package/src/__tests__/components/Tabs/Tabs.test.tsx

@@ -1,8 +1,7 @@
 import * as React from "react";
 
-import "jest-styled-components";
 import { ThemeProvider } from "styled-components";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
@@ -18,7 +17,7 @@ describe("Tabs component rendering", () => {
 	it("should render tabs", () => {
 		defaultProps.tabs = ["tab1", "tab2"];
 		defaultProps.active = "tab1";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -38,7 +37,7 @@ describe("Tabs component rendering", () => {
 		defaultProps.tabs = undefined;
 		defaultProps.icons = undefined;
 		defaultProps.active = "tab1";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -55,7 +54,7 @@ describe("Tabs component rendering", () => {
 	it("should call set selected tab action on click", async () => {
 		defaultProps.tabs = ["tab1", "tab2"];
 		defaultProps.active = "tab1";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -130,7 +129,7 @@ describe("Tabs component rendering", () => {
 			{ name: "view", text: "Preview mode" },
 		];
 		defaultProps.active = "edit";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -150,7 +149,7 @@ describe("Tabs component events", () => {
 	it("should set tab as active on click", async () => {
 		defaultProps.tabs = ["tab1", "tab2"];
 		defaultProps.active = "tab1";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -172,7 +171,7 @@ describe("Tabs component events", () => {
 			{ name: "view", text: "Preview mode" },
 		];
 		defaultProps.active = "edit";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -191,7 +190,7 @@ describe("Tabs component events", () => {
 			{ name: "view", text: "Preview mode" },
 		];
 		defaultProps.active = "edit";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(

package/src/__tests__/components/Tag/Tag.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 import { parseTheme } from "@ax/helpers";
@@ -88,7 +88,7 @@ describe("Tag component rendering", () => {
 	it("should render delete icon when onDeleteAction is defined", () => {
 		defaultProps.type = "fixed";
 		defaultProps.text = "Modules";
-		const deleteAction = jest.fn();
+		const deleteAction = vi.fn();
 		defaultProps.onDeleteAction = deleteAction;
 
 		render(
@@ -106,7 +106,7 @@ describe("Tag component events", () => {
 	it("should called deleteAction when click delete button", () => {
 		defaultProps.type = "fixed";
 		defaultProps.text = "Modules";
-		const deleteAction = jest.fn();
+		const deleteAction = vi.fn();
 		defaultProps.onDeleteAction = deleteAction;
 
 		render(

package/src/__tests__/components/Toast/Toast.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 import { parseTheme } from "@ax/helpers";
 
@@ -10,8 +10,8 @@ import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);
 
-jest.mock("react-router-dom", () => ({
-	...jest.requireActual("react-router-dom"),
+vi.mock("react-router-dom", async () => ({
+	...(await vi.importActual("react-router-dom")),
 	useLocation: () => ({
 		pathname: "localhost:3000/example/path",
 	}),
@@ -20,8 +20,8 @@ jest.mock("react-router-dom", () => ({
 const defaultProps = mock<IToastProps>();
 
 describe("Toast component rendering", () => {
-	jest.useFakeTimers();
-	jest.spyOn(global, "setTimeout");
+	vi.useFakeTimers();
+	vi.spyOn(global, "setTimeout");
 
 	it("should render the component", () => {
 		defaultProps.message = "1 module copied to clipboard";
@@ -66,7 +66,7 @@ describe("Toast component rendering", () => {
 describe("Toast component events", () => {
 	it("should render the undo button when action", () => {
 		defaultProps.message = "1 module copied to clipboard";
-		defaultProps.action = jest.fn();
+		defaultProps.action = vi.fn();
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>

package/src/__tests__/gainup-trace.test.ts

@@ -0,0 +1,67 @@
+import { execFileSync } from "node:child_process";
+import { existsSync, readFileSync } from "node:fs";
+import { homedir } from "node:os";
+import { join } from "node:path";
+
+// GAINUP: la trazabilidad spec↔test es parte del contrato del paquete.
+// El tooling GAINUP no vive en el repo: se instala aparte, en ~/.claude/gainup, y el repo
+// solo lleva los artefactos (specs, config). Por eso este guardián se SALTA cuando el
+// validador no está instalado: un clon sin el tooling no debe comerse rojos de una capa
+// que no puede operar. Con el tooling presente corre igual que siempre.
+// Corremos en --strict, como cx y render: errores (link-rot, UC active sin test,
+// trace roto) y avisos (AC sin test, UC sin indexar en el README) ponen la suite
+// en rojo. Sin --strict la red de este paquete sería más fina que la de sus
+// vecinos sin que se viera.
+const PKG_ROOT = join(__dirname, "..", ".."); // src/__tests__ -> griddo-ax
+const TRACE = join(homedir(), ".claude", "gainup", "scripts", "gainup-trace.mjs");
+
+// GAINUP se instala como plugin de Claude Code, y su ruta de instalación es versionada
+// (…/plugins/cache/<marketplace>/gainup/<versión>/): el alias de arriba lo mantiene el hook
+// SessionStart del plugin, porque este arnés corre desde `yarn` y no tiene ${CLAUDE_PLUGIN_ROOT}.
+//
+// «Sin instalar» es un estado legítimo y el guardián se salta. «Instalado pero sin resolver»
+// no lo es: sería un verde por no haber validado nada — el verde falso contra el que está
+// montada esta capa. Ese caso revienta nombrando el motivo en vez de saltarse en silencio.
+const PLUGINS_DB = join(homedir(), ".claude", "plugins", "installed_plugins.json");
+function gainupPluginInstalled(): boolean {
+	try {
+		const db = JSON.parse(readFileSync(PLUGINS_DB, "utf8")) as { plugins?: Record<string, unknown> };
+		return Object.keys(db.plugins ?? {}).some((key) => key.startsWith("gainup@"));
+	} catch {
+		return false; // sin fichero o ilegible: no hay plugin del que hablar
+	}
+}
+
+if (gainupPluginInstalled() && !existsSync(TRACE)) {
+	throw new Error(
+		`GAINUP consta instalado como plugin pero el validador no está en ${TRACE}. ` +
+			"Sin él este guardián se saltaría y la suite daría verde sin haber validado nada. " +
+			"Abre una sesión de Claude Code (el hook del plugin recrea el alias) o enlázalo a mano.",
+	);
+}
+
+// El validador deduce la raíz del monorepo subiendo desde el cwd; Jest corre desde el
+// directorio del paquete, así que se la pasamos explícita.
+const ENV = { ...process.env, GAINUP_REPO_ROOT: join(PKG_ROOT, "..", "..") };
+
+// Jest no tiene `describe.skipIf` (es de Vitest): el ternario es su equivalente.
+const describeIfInstalled = existsSync(TRACE) ? describe : describe.skip;
+
+describeIfInstalled("GAINUP traceability", () => {
+	it("sin link-rot, UC sin test ni avisos (--strict)", () => {
+		let output = "";
+		let ok = true;
+		try {
+			output = execFileSync(process.execPath, [TRACE, "griddo-ax", "--strict"], {
+				encoding: "utf8",
+				env: ENV,
+			});
+		} catch (error) {
+			ok = false;
+			const e = error as { stdout?: string; stderr?: string };
+			output = `${e.stdout ?? ""}${e.stderr ?? ""}`;
+		}
+		if (!ok) console.error(output);
+		expect(ok).toBe(true);
+	});
+});

package/src/__tests__/hooks/modals.test.tsx

@@ -327,7 +327,7 @@ describe("useContextMenu hook", () => {
 
 	it("should prevent default when handleContextMenu is called", () => {
 		const { result } = renderHook(() => useContextMenu());
-		const preventDefaultSpy = jest.fn();
+		const preventDefaultSpy = vi.fn();
 
 		const mouseEvent = {
 			preventDefault: preventDefaultSpy,
@@ -347,7 +347,7 @@ describe("useContextMenu hook", () => {
 
 		act(() => {
 			result.current.handleContextMenu({
-				preventDefault: jest.fn(),
+				preventDefault: vi.fn(),
 				clientX: 100,
 				clientY: 200,
 			} as any);
@@ -367,7 +367,7 @@ describe("useContextMenu hook", () => {
 
 		act(() => {
 			result.current.handleContextMenu({
-				preventDefault: jest.fn(),
+				preventDefault: vi.fn(),
 				clientX: 100,
 				clientY: 200,
 			} as any);
@@ -377,7 +377,7 @@ describe("useContextMenu hook", () => {
 
 		act(() => {
 			result.current.handleContextMenu({
-				preventDefault: jest.fn(),
+				preventDefault: vi.fn(),
 				clientX: 300,
 				clientY: 400,
 			} as any);

package/src/__tests__/hooks/users.test.tsx

@@ -1,3 +1,4 @@
+import type { MockedFunction } from "vitest";
 import "@testing-library/jest-dom";
 
 import * as reactRedux from "react-redux";
@@ -7,11 +8,11 @@ import type { PageAccessGrantsSummary } from "@ax/types";
 
 import { renderHook } from "@testing-library/react";
 
-jest.mock("react-redux", () => {
-	const actual = jest.requireActual("react-redux");
+vi.mock("react-redux", async () => {
+	const actual = await vi.importActual("react-redux");
 	return {
 		...actual,
-		useSelector: jest.fn(),
+		useSelector: vi.fn(),
 	};
 });
 
@@ -40,14 +41,14 @@ describe("usePermissionsForPage hook", () => {
 		isSuperAdmin: true,
 	};
 
-	const mockUseSelector = useSelector as jest.MockedFunction<typeof useSelector>;
+	const mockUseSelector = useSelector as MockedFunction<typeof useSelector>;
 
 	const setupMockState = (state: any) => {
 		mockUseSelector.mockImplementation((selector: any) => selector(state));
 	};
 
 	beforeEach(() => {
-		jest.clearAllMocks();
+		vi.clearAllMocks();
 	});
 
 	describe("1. User authentication", () => {

package/src/__tests__/modules/FileDrive/MarkdownFormat.test.tsx

@@ -0,0 +1,58 @@
+import "@testing-library/jest-dom";
+
+import { getFileIcon, parseTheme } from "@ax/helpers";
+import globalTheme from "@ax/themes/theme.json";
+
+import userEvent from "@testing-library/user-event";
+import type { Middleware } from "redux";
+import configureStore from "redux-mock-store";
+import thunk from "redux-thunk";
+import { ThemeProvider } from "styled-components";
+
+import { cleanup, render, screen } from "./../../../../config/tests/test-utils";
+import FileDragAndDrop from "./../../../modules/FileDrive/FileDragAndDrop";
+import Type from "./../../../modules/FileDrive/FileFilters/Type";
+
+const middlewares: Middleware[] = [thunk];
+const mockStore = configureStore(middlewares);
+
+const store = mockStore({
+	fileDrive: { isUploading: false, isSuccess: false, isError: false, errorMsg: "" },
+});
+
+const renderDragAndDrop = () =>
+	render(
+		<ThemeProvider theme={parseTheme(globalTheme)}>
+			<FileDragAndDrop siteID="global" handleUpload={vi.fn()} />
+		</ThemeProvider>,
+		{ store },
+	);
+
+afterEach(cleanup);
+
+describe("[UC-AX-manage-filedrive-files] Markdown entre los formatos del File Drive", () => {
+	it("AC7 · la zona de subida admite markdown y lo anuncia entre los formatos válidos", () => {
+		const { container } = renderDragAndDrop();
+
+		const fileInput = container.querySelector('input[type="file"]');
+
+		expect(fileInput?.getAttribute("accept")).toContain(".md");
+		expect(container.textContent).toContain("txt, md");
+	});
+
+	it("AC8 · un markdown se representa con su icono propio y se puede filtrar por tipo", async () => {
+		expect(getFileIcon("md")).toBe("markdown.svg");
+		expect(getFileIcon("md")).not.toBe(getFileIcon("unknown-format"));
+
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<Type filterItems={vi.fn()} />
+			</ThemeProvider>,
+			{ store },
+		);
+
+		await userEvent.click(screen.getByTestId("type-wrapper"));
+
+		expect(screen.getByText("MD")).toBeInTheDocument();
+	});
+});