@oj-module/cli 0.2.2 → 0.2.5

package/templates/web/src/oj-market/__tests__/marketClient.fake.ts

@@ -0,0 +1,70 @@
+import type { MarketClient } from "../api/client";
+// 内存实现 MarketClient（BDD 测试注入用，无需真实后端）。
+import type { EnableInput, IndexRow, InstallInput, MarketHistory, TaskRecord, UninstallImpact } from "../types";
+
+export interface FakeState {
+	indexRows?: IndexRow[]
+	indexError?: Error
+	taskRecord?: TaskRecord
+	historyRows?: MarketHistory[]
+	impact?: UninstallImpact
+	enableResult?: { ok: boolean, message: string }
+	uninstallResult?: { ok: boolean, message: string }
+	installResult?: { task_id: string }
+}
+
+export class InMemoryMarketClient implements MarketClient {
+	calls: string[] = [];
+	constructor(private state: FakeState = {}) {}
+
+	async meta() {
+		this.calls.push("meta");
+		return { apiVersion: "0.1.0" };
+	}
+
+	async index() {
+		this.calls.push("index");
+		if (this.state.indexError)
+			throw this.state.indexError;
+		return this.state.indexRows ?? [];
+	}
+
+	async install(input: InstallInput) {
+		this.calls.push(`install:${input.name}@${input.version ?? "latest"}`);
+		return this.state.installResult ?? { task_id: "t1" };
+	}
+
+	async task(id: string) {
+		this.calls.push(`task:${id}`);
+		return this.state.taskRecord ?? ({
+			id,
+			name: "",
+			version: "",
+			status: "done",
+			stage: "done",
+			progress: 100,
+			message: "ok",
+			stages: [],
+		} as TaskRecord);
+	}
+
+	async enable(input: EnableInput) {
+		this.calls.push(`enable:${input.name}:${input.enabled}`);
+		return this.state.enableResult ?? { ok: true, message: "ok" };
+	}
+
+	async history() {
+		this.calls.push("history");
+		return this.state.historyRows ?? [];
+	}
+
+	async uninstallImpact(name: string) {
+		this.calls.push(`uninstallImpact:${name}`);
+		return this.state.impact ?? { name, affectedRoles: 0, affectedUsers: 0 };
+	}
+
+	async uninstall(name: string) {
+		this.calls.push(`uninstall:${name}`);
+		return this.state.uninstallResult ?? { ok: true, message: "ok" };
+	}
+}

package/templates/web/src/oj-market/__tests__/poll.test.ts

@@ -0,0 +1,24 @@
+import { describe, expect, it } from "vitest";
+import { poll } from "../utils/poll";
+
+describe("poll 轮询工具（BDD）", () => {
+	it("given 首次非终态 When 轮询 Then 在终态返回且不抛错", async () => {
+		let n = 0;
+		const result = await poll(
+			async () => ++n,
+			v => v >= 3,
+			{ intervalMs: 1, timeoutMs: 1000 },
+		);
+		expect(result).toBe(3);
+	});
+
+	it("given 始终非终态超过超时 When 轮询 Then 返回最近一次值（不抛）", async () => {
+		let n = 0;
+		const result = await poll(
+			async () => ++n,
+			() => false,
+			{ intervalMs: 1, timeoutMs: 10 },
+		);
+		expect(result).toBeGreaterThan(0);
+	});
+});

package/templates/web/src/oj-market/__tests__/render.tsx

@@ -0,0 +1,14 @@
+import type { MarketClient } from "../api/client";
+import { render } from "@testing-library/react";
+import { ConfigProvider } from "antd";
+import React from "react";
+import { MarketClientProvider } from "../api/MarketClientProvider";
+
+/** BDD 测试渲染器：注入客户端 + antd ConfigProvider（关闭按钮内 CJK 空格插入，保证文本断言精确） */
+export function renderWithProviders(ui: React.ReactElement, client: MarketClient) {
+	return render(
+		<ConfigProvider button={{ autoInsertSpace: false }}>
+			<MarketClientProvider client={client}>{ui}</MarketClientProvider>
+		</ConfigProvider>,
+	);
+}

package/templates/web/src/oj-market/__tests__/runtime-stub.ts

@@ -0,0 +1,14 @@
+// 测试用运行时桩：组件测试经 MarketClientContext 注入内存 fake，从不真正调用 request，
+// 故只需 defineModule（identity）与最小 ky 形态 request，避免引入宿主构建期注入的全局（__APP_INFO__）。
+export function defineModule(def: unknown) {
+	return def;
+}
+
+export const request = {
+	get(_url: string, _opts?: unknown) {
+		return Promise.resolve({ json: () => Promise.resolve({}) });
+	},
+	post(_url: string, _opts?: unknown) {
+		return Promise.resolve({ json: () => Promise.resolve({}) });
+	},
+};

package/templates/web/src/oj-market/__tests__/semver.test.ts

@@ -0,0 +1,26 @@
+import { describe, expect, it } from "vitest";
+import { compareVersions } from "../utils/semver";
+
+describe("compareVersions 版本比较（BDD）", () => {
+	it("given 同版本 When 比较 Then 返回 0", () => {
+		expect(compareVersions("1.2.0", "1.2.0")).toBe(0);
+		expect(compareVersions("0.1.0", "0.1.0")).toBe(0);
+	});
+
+	it("given 主/次/修订不同 When 比较 Then 逐段定序", () => {
+		expect(compareVersions("1.2.0", "1.1.9")).toBeGreaterThan(0);
+		expect(compareVersions("1.1.9", "1.2.0")).toBeLessThan(0);
+		expect(compareVersions("2.0.0", "1.9.9")).toBeGreaterThan(0);
+		expect(compareVersions("0.1.0", "0.1.1")).toBeLessThan(0);
+	});
+
+	it("given 段数不同 When 比较 Then 缺段按 0 补齐", () => {
+		expect(compareVersions("1.2", "1.2.0")).toBe(0);
+		expect(compareVersions("1.2.1", "1.2")).toBeGreaterThan(0);
+	});
+
+	it("given 预发布连字符 When 比较 Then 数值段口径不崩", () => {
+		// 前端口径：连字符按分隔处理，非数值记 0（服务端 semver 为权威，此处仅 UI 排序）
+		expect(typeof compareVersions("1.0.0-beta", "1.0.0")).toBe("number");
+	});
+});

package/templates/web/src/oj-market/api/MarketClientProvider.tsx

@@ -0,0 +1,12 @@
+import type { MarketClient } from "./client";
+import React from "react";
+import { MarketClientContext } from "./context";
+import { httpMarketClient } from "./defaultClient";
+
+/**
+ * 注入市场客户端（默认走运行时 HTTP 实现，测试传内存 fake）。
+ * 单独成文件：`react-refresh` 要求组件文件只导出组件，context 在 ./context。
+ */
+export function MarketClientProvider({ client, children }: { client?: MarketClient, children: React.ReactNode }) {
+	return React.createElement(MarketClientContext.Provider, { value: client ?? httpMarketClient }, children);
+}

package/templates/web/src/oj-market/api/client.ts

@@ -0,0 +1,135 @@
+// 市场 API 客户端（DIP）：定义与宿主 _platform 编排面 + market_history 端点的契约。
+// 实现与 ky 形态解耦——组件/hooks 注入 MarketClient，测试可注入内存 fake（见 __tests__）。
+// 第一方专用调用面（R29）：仅市场应用消费 /api/_platform/market/*，第三方方案不得仿照。
+
+import type {
+	EnableInput,
+	IndexRow,
+	InstallInput,
+	MarketHistory,
+	TaskRecord,
+	UninstallImpact,
+} from "../types";
+
+/** ky 形态的最小请求子集（get/post 返回带 .json<T>() 的响应） */
+export interface HttpRequest {
+	get: <T = unknown>(
+		url: string,
+		// silentError：错误体由本客户端消化（未配置市场地址走空态），不弹全局 toast；
+		// retry: 0：503 是配置态而非抖动，默认重试 3 次只会刷出 4 条同样错误。
+		opts?: { searchParams?: Record<string, string>, silentError?: boolean, retry?: number },
+	) => Promise<{ json: <R = T>() => Promise<R> }>
+	post: <T = unknown>(
+		url: string,
+		opts?: { json?: unknown },
+	) => Promise<{ json: <R = T>() => Promise<R> }>
+}
+
+/** 与运行时/生成客户端一致的响应信封（DIP：服务端统一 {code,msg,data} 包裹） */
+interface OjEnvelope<T> {
+	code: number
+	msg?: string
+	data?: T
+}
+
+/** 市场客户端契约（组件/hooks 依赖此接口，而非具体 http 实现） */
+export interface MarketClient {
+	/** 登录即可：{ apiVersion }（peerPlatform 预检口径） */
+	meta: () => Promise<{ apiVersion: string }>
+	/** 卡片数据源（superadmin） */
+	index: () => Promise<IndexRow[]>
+	/** 触发安装，返回轮询用 task_id */
+	install: (input: InstallInput) => Promise<{ task_id: string }>
+	/** 任务轮询消费面（query 形态 ?id=） */
+	task: (id: string) => Promise<TaskRecord>
+	/** 生命周期开关（同步 setEnabled，无任务模型；{ok,message} 200 渲染 ok 位） */
+	enable: (input: EnableInput) => Promise<{ ok: boolean, message: string }>
+	/** 市场操作历史（_platform 只读端点 /_platform/market/history） */
+	history: () => Promise<MarketHistory[]>
+	/** 卸载影响面预检（P3 U1；服务端返回供二次确认，P1-15a 补齐后接通） */
+	uninstallImpact: (name: string) => Promise<UninstallImpact>
+	/** 卸载（P1-15a 补齐后接通） */
+	uninstall: (name: string) => Promise<{ ok: boolean, message: string }>
+}
+
+// 第一方市场端点：相对前缀，由运行时 request 的 VITE_API_BASE_URL（/api）统一加前缀；
+// 此处若再写 /api 会与运行时前缀叠加成 /api/api/（R29 联调发现）。
+const PLATFORM = "/_platform/market";
+const HISTORY = "/_platform/market/history";
+
+/**
+ * 503 = 服务端「未配置市场地址（framework.market_cdn_url）」，是**预期空态**而非故障
+ * （PRD §5.3：卡片区显示「未配置市场地址」）。模板默认不配市场地址，新工程一进市场页
+ * 就会撞它——在此归空数组，交由卡片空态文案承载；其它状态码照旧上抛。
+ */
+function isUnconfigured(e: unknown): boolean {
+	return (e as { response?: { status?: number } } | null)?.response?.status === 503;
+}
+
+/** 默认 HTTP 实现：基于运行时 request（ky 形态） */
+export function createHttpMarketClient(request: HttpRequest): MarketClient {
+	return {
+		async meta() {
+			const r = await request.get<OjEnvelope<{ apiVersion: string }>>(`${PLATFORM}/meta`);
+			const env = await r.json();
+			return env.data!;
+		},
+		async index() {
+			try {
+				const r = await request.get<OjEnvelope<IndexRow[]>>(`${PLATFORM}/index`, {
+					silentError: true,
+					retry: 0,
+				});
+				const env = await r.json();
+				return env.data!;
+			}
+			catch (e) {
+				if (isUnconfigured(e))
+					return [];
+				throw e;
+			}
+		},
+		async install(input: InstallInput) {
+			const r = await request.post<OjEnvelope<{ task_id: string }>>(`${PLATFORM}/install`, {
+				json: {
+					name: input.name,
+					version: input.version ?? null,
+					source: input.source ?? "cdn",
+				},
+			});
+			const env = await r.json();
+			return env.data!;
+		},
+		async task(id: string) {
+			const r = await request.get<OjEnvelope<TaskRecord>>(`${PLATFORM}/task`, { searchParams: { id } });
+			const env = await r.json();
+			return env.data!;
+		},
+		async enable(input: EnableInput) {
+			const r = await request.post<OjEnvelope<{ ok: boolean, message: string }>>(`${PLATFORM}/enable`, {
+				json: { name: input.name, enabled: input.enabled },
+			});
+			const env = await r.json();
+			return env.data!;
+		},
+		async history() {
+			const r = await request.get<OjEnvelope<MarketHistory[]>>(HISTORY);
+			const env = await r.json();
+			return env.data!;
+		},
+		async uninstallImpact(name: string) {
+			const r = await request.get<OjEnvelope<UninstallImpact>>(`${PLATFORM}/uninstall-impact`, {
+				searchParams: { name },
+			});
+			const env = await r.json();
+			return env.data!;
+		},
+		async uninstall(name: string) {
+			const r = await request.post<OjEnvelope<{ ok: boolean, message: string }>>(`${PLATFORM}/uninstall`, {
+				json: { name },
+			});
+			const env = await r.json();
+			return env.data!;
+		},
+	};
+}

package/templates/web/src/oj-market/api/context.ts

@@ -0,0 +1,11 @@
+import type { MarketClient } from "./client";
+import { createContext, useContext } from "react";
+import { httpMarketClient } from "./defaultClient";
+
+/** 市场客户端上下文（依赖注入位；默认 = 运行时 HTTP 实现，测试可替换为内存 fake） */
+export const MarketClientContext = createContext<MarketClient>(httpMarketClient);
+
+/** 组件/hooks 取客户端（默认注入运行时实现） */
+export function useMarketClient(): MarketClient {
+	return useContext(MarketClientContext);
+}

package/templates/web/src/oj-market/api/defaultClient.ts

@@ -0,0 +1,7 @@
+// 默认市场客户端单例：基于运行时 request（ky 形态）。
+// 组件经 MarketClientContext 消费，测试可注入内存 fake，避免依赖真实后端（DIP）。
+import { request } from "@oj-module/runtime";
+import { createHttpMarketClient } from "./client";
+
+/** 运行时 request 形态与 HttpRequest 兼容（ky get/post 返回带 .json<T>() 的响应） */
+export const httpMarketClient = createHttpMarketClient(request as unknown as Parameters<typeof createHttpMarketClient>[0]);

package/templates/web/src/oj-market/components/CardGrid.tsx

@@ -0,0 +1,76 @@
+import type { IndexRow } from "../types";
+import { Empty, Spin } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { CardItem } from "./CardItem";
+
+export interface CardGridProps {
+	/** 加载态：true 时渲染加载骨架 */
+	loading?: boolean
+	/** 错误态：非空时渲染错误 + 重试 */
+	error?: string | null
+	rows: IndexRow[]
+	busyName?: string | null
+	onInstall: (row: IndexRow) => void
+	onEnableToggle: (row: IndexRow) => void
+	onDetails: (row: IndexRow) => void
+	onHistory: (row: IndexRow) => void
+	onUninstall: (row: IndexRow) => void
+	onRollback: (row: IndexRow) => void
+	onRetry: () => void
+}
+
+/** 卡片网格容器：三态（加载/空/错误）+ 正常网格，DRY 渲染交由 CardItem */
+export function CardGrid(props: CardGridProps) {
+	const { t } = useTranslation();
+	const { loading, error, rows, busyName, onInstall, onEnableToggle, onDetails, onHistory, onUninstall, onRollback, onRetry } = props;
+
+	if (loading) {
+		return (
+			<div data-testid="card-grid-loading" style={{ padding: 48, textAlign: "center" }}>
+				<Spin />
+			</div>
+		);
+	}
+
+	if (error) {
+		return (
+			<div data-testid="card-grid-error" style={{ padding: 48, textAlign: "center" }}>
+				<Empty description={t("oj-market:card:error")} />
+				<div style={{ marginTop: 12 }}>{error}</div>
+				<button data-testid="card-grid-retry" onClick={onRetry}>
+					{t("oj-market:card:retry")}
+				</button>
+			</div>
+		);
+	}
+
+	if (rows.length === 0) {
+		return (
+			<div data-testid="card-grid-empty" style={{ padding: 48, textAlign: "center" }}>
+				<Empty description={t("oj-market:card:empty")} />
+			</div>
+		);
+	}
+
+	return (
+		<div
+			data-testid="card-grid"
+			style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", gap: 16 }}
+		>
+			{rows.map(row => (
+				<CardItem
+					key={row.name}
+					row={row}
+					busy={busyName === row.name}
+					onInstall={onInstall}
+					onEnableToggle={onEnableToggle}
+					onDetails={onDetails}
+					onHistory={onHistory}
+					onUninstall={onUninstall}
+					onRollback={onRollback}
+				/>
+			))}
+		</div>
+	);
+}

package/templates/web/src/oj-market/components/CardItem.tsx

@@ -0,0 +1,102 @@
+import type { IndexRow } from "../types";
+import { Button, Card, Space, Tag } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+
+export interface CardItemProps {
+	row: IndexRow
+	busy?: boolean
+	onInstall: (row: IndexRow) => void
+	onEnableToggle: (row: IndexRow) => void
+	onDetails: (row: IndexRow) => void
+	onHistory: (row: IndexRow) => void
+	onUninstall: (row: IndexRow) => void
+	onRollback: (row: IndexRow) => void
+}
+
+/**
+ * 单张方案卡片：版本/状态标识（enabled/disabled/upgradable）+ 动作按钮。
+ * 双版本展示（P1-15b）：已装且可升级时并列「已装 installed → 最新 latest」（upgradable 对比），
+ * 否则单版本。已装方案提供回滚入口（RollbackDialog 选旧版降级安装）。
+ */
+export function CardItem({ row, busy, onInstall, onEnableToggle, onDetails, onHistory, onUninstall, onRollback }: CardItemProps) {
+	const { t } = useTranslation();
+	const installed = row.installed != null;
+	const enabled = row.enabled === true;
+	const disabled = row.enabled === false;
+	const dualVersion = installed && row.upgradable && row.latest != null;
+
+	return (
+		<Card
+			title={row.name}
+			size="small"
+			data-testid={`card-${row.name}`}
+			extra={(
+				<Space size={4}>
+					{row.upgradable && <Tag color="gold">{t("oj-market:card:upgradable")}</Tag>}
+					{!installed && <Tag>{t("oj-market:card:notInstalled")}</Tag>}
+					{enabled && <Tag color="green">{t("oj-market:card:enabled")}</Tag>}
+					{disabled && <Tag color="default">{t("oj-market:card:disabled")}</Tag>}
+				</Space>
+			)}
+		>
+			<div style={{ minHeight: 40, color: "var(--oo-text-secondary, #888)", marginBottom: 12 }} data-testid={`card-versions-${row.name}`}>
+				{dualVersion
+					? (
+						<span>
+							{t("oj-market:card:installed")}
+							{" "}
+							{row.installed}
+							{" "}
+							→
+							{" "}
+							{t("oj-market:card:latest")}
+							{" "}
+							{row.latest}
+						</span>
+					)
+					: installed
+						? (
+							<span>
+								{t("oj-market:card:version")}
+								:
+								{row.installed}
+							</span>
+						)
+						: (
+							<span>
+								{t("oj-market:card:version")}
+								:
+								{row.latest ?? "-"}
+							</span>
+						)}
+			</div>
+			<Space wrap>
+				<Button type="primary" size="small" loading={busy} onClick={() => onInstall(row)} disabled={busy}>
+					{installed ? t("oj-market:card:upgrade") : t("oj-market:card:install")}
+				</Button>
+				{installed && (
+					<Button size="small" onClick={() => onEnableToggle(row)} disabled={busy}>
+						{enabled ? t("oj-market:card:disable") : t("oj-market:card:enable")}
+					</Button>
+				)}
+				{installed && (
+					<Button size="small" onClick={() => onRollback(row)} disabled={busy} data-testid={`card-rollback-${row.name}`}>
+						{t("oj-market:card:rollback")}
+					</Button>
+				)}
+				{installed && (
+					<Button size="small" danger onClick={() => onUninstall(row)} disabled={busy}>
+						{t("oj-market:card:uninstall")}
+					</Button>
+				)}
+				<Button size="small" onClick={() => onDetails(row)}>
+					{t("oj-market:card:details")}
+				</Button>
+				<Button size="small" onClick={() => onHistory(row)}>
+					{t("oj-market:card:history")}
+				</Button>
+			</Space>
+		</Card>
+	);
+}

package/templates/web/src/oj-market/components/DetailDrawer.tsx

@@ -0,0 +1,53 @@
+import type { IndexRow } from "../types";
+import { Button, Descriptions, Drawer, Space, Tag } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+
+export interface DetailDrawerProps {
+	row: IndexRow | null
+	open: boolean
+	onClose: () => void
+	onInstall: (row: IndexRow) => void
+	onHistory: (row: IndexRow) => void
+	onRollback: (row: IndexRow) => void
+}
+
+/** 方案详情抽屉：只读展示卡片元信息（含双版本对比）+ 安装/回滚/历史入口 */
+export function DetailDrawer({ row, open, onClose, onInstall, onHistory, onRollback }: DetailDrawerProps) {
+	const { t } = useTranslation();
+	return (
+		<Drawer
+			title={row ? row.name : t("oj-market:card:details")}
+			open={open}
+			onClose={onClose}
+			width={420}
+			data-testid="detail-drawer"
+		>
+			{row && (
+				<>
+					<Descriptions column={1} size="small" bordered>
+						<Descriptions.Item label={t("oj-market:card:latest")}>{row.latest ?? "-"}</Descriptions.Item>
+						<Descriptions.Item label={t("oj-market:card:installed")}>{row.installed ?? t("oj-market:card:notInstalled")}</Descriptions.Item>
+						<Descriptions.Item label={t("oj-market:card:enabled")}>
+							{row.enabled == null ? "-" : row.enabled ? t("oj-market:card:enabled") : t("oj-market:card:disabled")}
+						</Descriptions.Item>
+						<Descriptions.Item label={t("oj-market:card:upgradable")}>
+							{row.upgradable ? <Tag color="gold">{t("oj-market:card:upgradable")}</Tag> : "-"}
+						</Descriptions.Item>
+					</Descriptions>
+					<Space style={{ marginTop: 16 }}>
+						<Button type="primary" onClick={() => onInstall(row)}>
+							{row.installed ? t("oj-market:card:upgrade") : t("oj-market:card:install")}
+						</Button>
+						{row.installed != null && (
+							<Button onClick={() => onRollback(row)} data-testid="detail-rollback">
+								{t("oj-market:card:rollback")}
+							</Button>
+						)}
+						<Button onClick={() => onHistory(row)}>{t("oj-market:card:history")}</Button>
+					</Space>
+				</>
+			)}
+		</Drawer>
+	);
+}

package/templates/web/src/oj-market/components/HistoryDrawer.tsx

@@ -0,0 +1,75 @@
+import type { IndexRow, MarketHistory } from "../types";
+import { Drawer, Table } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { useMarketClient } from "../api/context";
+import { useMarketHistory } from "../hooks/useMarket";
+
+export interface HistoryDrawerProps {
+	row: IndexRow | null
+	open: boolean
+	onClose: () => void
+}
+
+/** 操作历史抽屉：只读消费本仓 market_history 端点，按当前方案过滤 */
+export function HistoryDrawer({ row, open, onClose }: HistoryDrawerProps) {
+	const { t } = useTranslation();
+	const client = useMarketClient();
+	void client;
+	const { status, data, retry } = useMarketHistory();
+
+	const rows: MarketHistory[] = (status === "ok" ? data : []).filter(
+		h => !row || h.solution === row.name,
+	);
+
+	const columns = [
+		{ title: t("oj-market:history:colSolution"), dataIndex: "solution", key: "solution" },
+		{ title: t("oj-market:history:colVersion"), dataIndex: "version", key: "version" },
+		{
+			title: t("oj-market:history:colAction"),
+			dataIndex: "action",
+			key: "action",
+			render: (a: MarketHistory["action"]) => t(`oj-market:history:action.${a}`),
+		},
+		{
+			title: t("oj-market:history:colStatus"),
+			dataIndex: "status",
+			key: "status",
+			render: (s: string) => t(`oj-market:history:status.${s}`, s),
+		},
+		{ title: t("oj-market:history:colOperator"), dataIndex: "operator", key: "operator" },
+		{
+			title: t("oj-market:history:colTime"),
+			dataIndex: "created_at",
+			key: "created_at",
+			render: (ts: number) => new Date(ts * 1000).toLocaleString(),
+		},
+	];
+
+	return (
+		<Drawer
+			title={t("oj-market:history:title")}
+			open={open}
+			onClose={onClose}
+			width={560}
+			data-testid="history-drawer"
+		>
+			{status === "error" && (
+				<div data-testid="history-error">
+					{t("oj-market:card:error")}
+					:
+					{retry && <button onClick={retry}>{t("oj-market:card:retry")}</button>}
+				</div>
+			)}
+			<Table
+				size="small"
+				rowKey="id"
+				dataSource={rows}
+				columns={columns}
+				pagination={false}
+				locale={{ emptyText: t("oj-market:history:empty") }}
+				data-testid="history-table"
+			/>
+		</Drawer>
+	);
+}