@cosmicdrift/kumiko-bundled-features 0.240.0 → 0.241.0

package/src/audit/web/audit-log-screen.tsx

@@ -1,290 +0,0 @@
-// @runtime client
-// Paginated tenant-scoped audit log (event store). Rows link to the
-// audit-log-detail screen; the screen title lives in the shell breadcrumb.
-
-import {
-  type DataTableSort,
-  formatWhen,
-  sortByAccessor,
-  useDispatcher,
-  useNav,
-  usePrimitives,
-  useTranslation,
-} from "@cosmicdrift/kumiko-renderer";
-import { Filter, RotateCcw } from "lucide-react";
-import { type ReactNode, useCallback, useEffect, useRef, useState } from "react";
-import { TenantQueries } from "../../tenant/constants";
-import {
-  ANONYMOUS_USER_ID,
-  AUDIT_LOG_DETAIL_SCREEN_ID,
-  AuditQueries,
-  SYSTEM_ACTOR_IDS,
-} from "../constants";
-
-type AuditRow = {
-  readonly id: string;
-  readonly aggregateId: string;
-  readonly aggregateType: string;
-  readonly type: string;
-  readonly createdBy: string;
-  readonly createdAt: string;
-  readonly payload: Record<string, unknown>;
-};
-
-type AuditResponse = { readonly rows: readonly AuditRow[]; readonly nextBefore: string | null };
-
-type MemberRow = {
-  readonly userId: string;
-  readonly email: string | null;
-  readonly displayName: string | null;
-};
-
-type Filters = {
-  readonly eventType: string;
-  readonly from: string;
-  readonly to: string;
-};
-
-type State =
-  | { readonly kind: "loading" }
-  | { readonly kind: "error"; readonly message: string }
-  | {
-      readonly kind: "ready";
-      readonly rows: readonly AuditRow[];
-      readonly nextBefore: string | null;
-      readonly names: ReadonlyMap<string, string>;
-    };
-
-const EMPTY_FILTERS: Filters = { eventType: "", from: "", to: "" };
-
-function actorLabel(
-  createdBy: string,
-  names: ReadonlyMap<string, string>,
-  t: (key: string) => string,
-): string {
-  if (SYSTEM_ACTOR_IDS.has(createdBy)) return t("audit.log.actor.system");
-  if (createdBy === ANONYMOUS_USER_ID) return t("audit.log.actor.anonymous");
-  return names.get(createdBy) ?? t("audit.log.actor.unknown");
-}
-
-export function AuditLogScreen(): ReactNode {
-  const t = useTranslation();
-  const { Banner, Button, DataTable, Field, Input, Text } = usePrimitives();
-  const dispatcher = useDispatcher();
-  const nav = useNav();
-  const [state, setState] = useState<State>({ kind: "loading" });
-  const [before, setBefore] = useState<string | undefined>(undefined);
-  const [filters, setFilters] = useState<Filters>(EMPTY_FILTERS);
-  const [sort, setSort] = useState<DataTableSort | null>(null);
-
-  const filtersRef = useRef(filters);
-  filtersRef.current = filters;
-
-  // Loaded once per screen lifetime, not per page — members rarely change
-  // mid-session and refetching on every "older" click is wasted work.
-  const membersRef = useRef<Promise<ReadonlyMap<string, string>> | null>(null);
-
-  // Tenant/dispatcher identity can change without remounting — drop the cache.
-  const dispatcherIdentityRef = useRef(dispatcher);
-  if (dispatcherIdentityRef.current !== dispatcher) {
-    dispatcherIdentityRef.current = dispatcher;
-    membersRef.current = null;
-  }
-
-  const load = useCallback(
-    async (cursor?: string, overrideFilters?: Filters): Promise<void> => {
-      setState({ kind: "loading" });
-      const f = overrideFilters ?? filtersRef.current;
-      if (!membersRef.current) {
-        const p = dispatcher.query<readonly MemberRow[]>(TenantQueries.members, {}).then((res) => {
-          if (!res.isSuccess) {
-            // Soft failure: clear so a later filter/page retry can refetch
-            // instead of freezing an empty actor column for the session.
-            if (membersRef.current === p) membersRef.current = null;
-            return new Map<string, string>();
-          }
-          return new Map(res.data.map((m) => [m.userId, m.displayName ?? m.email ?? ""] as const));
-        });
-        membersRef.current = p;
-        void p.catch(() => {
-          if (membersRef.current === p) membersRef.current = null;
-        });
-      }
-      const [res, names] = await Promise.all([
-        dispatcher.query<AuditResponse>(AuditQueries.list, {
-          limit: 50,
-          ...(cursor !== undefined && { before: cursor }),
-          ...(f.eventType.trim() !== "" && { eventType: f.eventType.trim() }),
-          ...(f.from !== "" && { from: toIsoStart(f.from) }),
-          ...(f.to !== "" && { to: toIsoEnd(f.to) }),
-        }),
-        membersRef.current,
-      ]);
-      if (!res.isSuccess) {
-        setState({ kind: "error", message: res.error.message });
-        return;
-      }
-      setState({ kind: "ready", rows: res.data.rows, nextBefore: res.data.nextBefore, names });
-    },
-    [dispatcher],
-  );
-
-  // kumiko-lint-ignore no-raw-hooks Phase-3 conversion tracked in #2312
-  useEffect(() => {
-    void load(before);
-  }, [load, before]);
-
-  if (state.kind === "loading") {
-    return (
-      <div className="p-6" data-testid="audit-log-screen">
-        <Text variant="small">{t("audit.log.loading")}</Text>
-      </div>
-    );
-  }
-
-  if (state.kind === "error") {
-    return (
-      <div className="p-6" data-testid="audit-log-screen">
-        <Banner variant="error">{state.message}</Banner>
-      </div>
-    );
-  }
-
-  const openDetail = (id: string): void =>
-    nav.navigate({ screenId: AUDIT_LOG_DETAIL_SCREEN_ID, entityId: id });
-
-  return (
-    <div className="w-full" data-testid="audit-log-screen">
-      <div className="flex flex-wrap items-end gap-4 px-6 pt-6">
-        <div className="min-w-40 max-w-64 flex-1">
-          <Field id="audit-filter-event" label={t("audit.log.filter.eventType")}>
-            <Input
-              kind="text"
-              id="audit-filter-event"
-              name="audit-filter-event"
-              value={filters.eventType}
-              onChange={(v: string) => setFilters((f) => ({ ...f, eventType: v }))}
-            />
-          </Field>
-        </div>
-        <div className="min-w-40 max-w-64 flex-1">
-          <Field id="audit-filter-from" label={t("audit.log.filter.from")}>
-            <Input
-              kind="date"
-              id="audit-filter-from"
-              name="audit-filter-from"
-              value={filters.from}
-              onChange={(v) => setFilters((f) => ({ ...f, from: v ?? "" }))}
-            />
-          </Field>
-        </div>
-        <div className="min-w-40 max-w-64 flex-1">
-          <Field id="audit-filter-to" label={t("audit.log.filter.to")}>
-            <Input
-              kind="date"
-              id="audit-filter-to"
-              name="audit-filter-to"
-              value={filters.to}
-              onChange={(v) => setFilters((f) => ({ ...f, to: v ?? "" }))}
-            />
-          </Field>
-        </div>
-        <div className="flex gap-2">
-          <Button
-            type="button"
-            variant="primary"
-            onClick={() => {
-              setBefore(undefined);
-              void load(undefined);
-            }}
-            testId="audit-log-apply-filters"
-          >
-            <Filter className="h-4 w-4" aria-hidden="true" />
-            <span>{t("audit.log.filter.apply")}</span>
-          </Button>
-          <Button
-            type="button"
-            variant="secondary"
-            onClick={() => {
-              setFilters(EMPTY_FILTERS);
-              setBefore(undefined);
-              void load(undefined, EMPTY_FILTERS);
-            }}
-            testId="audit-log-reset-filters"
-          >
-            <RotateCcw className="h-4 w-4" aria-hidden="true" />
-            <span>{t("audit.log.filter.reset")}</span>
-          </Button>
-        </div>
-      </div>
-
-      <DataTable
-        testId="audit-log-table"
-        columns={[
-          { field: "when", label: t("audit.log.col.when"), type: "string", sortable: true },
-          { field: "type", label: t("audit.log.col.type"), type: "string", sortable: true },
-          { field: "actor", label: t("audit.log.col.actor"), type: "string", sortable: false },
-        ]}
-        sort={sort}
-        onSortChange={setSort}
-        rows={sortByAccessor(state.rows, sort, SORT_ACCESSORS).map((row) => ({
-          id: row.id,
-          values: {
-            when: formatWhen(row.createdAt),
-            type: row.type,
-            actor: actorLabel(row.createdBy, state.names, t),
-          },
-        }))}
-        onRowClick={(row) => openDetail(row.id)}
-        rowActions={[
-          {
-            id: "details",
-            label: t("audit.log.details"),
-            style: "secondary",
-            onTrigger: (row) => openDetail(row.id),
-          },
-        ]}
-        rowActionMode="inline"
-        emptyState={<Text variant="small">{t("audit.log.empty")}</Text>}
-      />
-
-      <div className="flex gap-2 px-6 pb-6">
-        {before !== undefined && (
-          <Button
-            type="button"
-            variant="secondary"
-            onClick={() => setBefore(undefined)}
-            testId="audit-log-newest"
-          >
-            {t("audit.log.newest")}
-          </Button>
-        )}
-        {state.nextBefore !== null && (
-          <Button
-            type="button"
-            variant="secondary"
-            onClick={() => setBefore(state.nextBefore ?? undefined)}
-            testId="audit-log-older"
-          >
-            {t("audit.log.older")}
-          </Button>
-        )}
-      </div>
-    </div>
-  );
-}
-
-// Client-sort over the loaded page (≤50 rows). createdAt is an ISO string, so
-// lexicographic compare is chronological. Cross-page order stays cursor-based.
-const SORT_ACCESSORS: Record<string, (r: AuditRow) => string> = {
-  when: (r) => r.createdAt,
-  type: (r) => r.type,
-};
-
-function toIsoStart(date: string): string {
-  return new Date(`${date}T00:00:00.000Z`).toISOString();
-}
-
-function toIsoEnd(date: string): string {
-  return new Date(`${date}T23:59:59.999Z`).toISOString();
-}

package/src/jobs/web/__tests__/job-runs-screen.test.tsx

@@ -1,225 +0,0 @@
-// @runtime client
-// DOM test for JobRunsScreen trigger panel (#1602).
-// Provider wrapper is local — renderer-web → bundled-features forbids importing
-// renderer-web test-utils from here.
-
-// CI runs this file in its own `bun test` process via `bun run test:dom:isolated`
-// (excluded from shared bunfig.dom.toml) — same #457 happy-dom accumulation class
-// as privacy-center / deletion-screens.
-
-import { describe, expect, test } from "bun:test";
-import { createStore, type Dispatcher, type DispatcherStatus } from "@cosmicdrift/kumiko-headless";
-import {
-  createStaticLocaleResolver,
-  DispatcherProvider,
-  kumikoDefaultTranslations,
-  type LiveEventSubscriber,
-  LiveEventsProvider,
-  LocaleProvider,
-  type NavApi,
-  NavProvider,
-  PrimitivesProvider,
-  TokensProvider,
-} from "@cosmicdrift/kumiko-renderer";
-import { defaultPrimitives, defaultTokens } from "@cosmicdrift/kumiko-renderer-web";
-import { fireEvent, render, waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import type { ReactNode } from "react";
-import { JobHandlers, JobQueries } from "../../constants";
-import { defaultTranslations } from "../i18n";
-import { JobRunsScreen } from "../job-runs-screen";
-
-if (typeof globalThis.ResizeObserver === "undefined") {
-  globalThis.ResizeObserver = class {
-    observe(): void {}
-    unobserve(): void {}
-    disconnect(): void {}
-  } as unknown as typeof ResizeObserver;
-}
-
-const stubLiveEvents: LiveEventSubscriber = () => () => {};
-const stubTokens = {
-  tokens: defaultTokens,
-  mode: "light" as const,
-  setMode: () => {},
-  toggleMode: () => {},
-};
-const stubResolver = createStaticLocaleResolver();
-const stubNav: NavApi = {
-  route: undefined,
-  navigate: () => {},
-  replace: () => {},
-  hrefFor: (target) => {
-    if (!("screenId" in target)) return "";
-    return target.entityId !== undefined
-      ? `/${target.screenId}/${target.entityId}`
-      : `/${target.screenId}`;
-  },
-  searchParams: {},
-  setSearchParams: () => {},
-};
-
-type CatalogRow = {
-  readonly jobName: string;
-  readonly perTenant: boolean;
-  readonly payloadSchema: Record<string, unknown> | null;
-};
-
-type Fixture = {
-  readonly catalogRows?: readonly CatalogRow[];
-  readonly listRows?: readonly Record<string, unknown>[];
-};
-
-function makeDispatcher(
-  fixture: Fixture,
-  writes: Array<{ type: string; payload: unknown }>,
-  queries: Array<{ type: string; payload: unknown }>,
-): Dispatcher {
-  const statusStore = createStore<DispatcherStatus>("online");
-  const query = (async (type: string, payload: unknown) => {
-    queries.push({ type, payload });
-    if (type === JobQueries.catalog) {
-      return { isSuccess: true, data: { rows: fixture.catalogRows ?? [] } };
-    }
-    if (type === JobQueries.list) {
-      return { isSuccess: true, data: { rows: fixture.listRows ?? [] } };
-    }
-    return { isSuccess: true, data: null };
-  }) as unknown as Dispatcher["query"];
-  const write = (async (type: string, payload: unknown) => {
-    writes.push({ type, payload });
-    return {
-      isSuccess: true,
-      data: { jobName: (payload as { jobName: string }).jobName, bullJobId: "bull-1" },
-    };
-  }) as unknown as Dispatcher["write"];
-  return {
-    write,
-    query,
-    batch: (async () => ({ isSuccess: true, results: [] })) as unknown as Dispatcher["batch"],
-    statusStore,
-    async *stream() {},
-    pendingWrites: () => [],
-    pendingFiles: () => [],
-  } as unknown as Dispatcher; // @cast-boundary test-stub
-}
-
-function renderScreen(fixture: Fixture = {}): {
-  view: ReturnType<typeof render>;
-  writes: Array<{ type: string; payload: unknown }>;
-  queries: Array<{ type: string; payload: unknown }>;
-} {
-  const writes: Array<{ type: string; payload: unknown }> = [];
-  const queries: Array<{ type: string; payload: unknown }> = [];
-  const wrapper = ({ children }: { readonly children: ReactNode }): ReactNode => (
-    <TokensProvider value={stubTokens}>
-      <LocaleProvider
-        resolver={stubResolver}
-        fallbackBundles={[defaultTranslations, kumikoDefaultTranslations]}
-      >
-        <PrimitivesProvider value={defaultPrimitives}>
-          <NavProvider value={stubNav}>
-            <LiveEventsProvider value={stubLiveEvents}>
-              <DispatcherProvider dispatcher={makeDispatcher(fixture, writes, queries)}>
-                {children}
-              </DispatcherProvider>
-            </LiveEventsProvider>
-          </NavProvider>
-        </PrimitivesProvider>
-      </LocaleProvider>
-    </TokensProvider>
-  );
-  return { view: render(<JobRunsScreen />, { wrapper }), writes, queries };
-}
-
-const REINDEX: CatalogRow = {
-  jobName: "jobs:job:reindex-entity",
-  perTenant: true,
-  payloadSchema: {
-    type: "object",
-    properties: { entity: { type: "string" } },
-    required: ["entity"],
-  },
-};
-
-describe("JobRunsScreen — manual trigger panel", () => {
-  test("loads catalog + list via QNs and renders translated trigger UI", async () => {
-    const { view, queries } = renderScreen({ catalogRows: [REINDEX] });
-    await waitFor(() => {
-      if (view.queryByTestId("job-runs-screen") === null) throw new Error("not mounted");
-    });
-    expect(view.getByTestId("job-trigger-panel")).toBeTruthy();
-    expect(view.getByTestId("job-trigger-form")).toBeTruthy();
-    expect(view.container.textContent).not.toContain("jobs.trigger.");
-    expect(view.container.textContent).not.toContain("jobs.runs.");
-
-    await waitFor(() => {
-      const catalogHit = queries.some((q) => q.type === JobQueries.catalog);
-      const listHit = queries.some((q) => q.type === JobQueries.list);
-      if (!catalogHit || !listHit) throw new Error("expected catalog + list queries");
-    });
-  });
-
-  test("empty catalog shows empty copy, no form", async () => {
-    const { view } = renderScreen({ catalogRows: [] });
-    await waitFor(() => {
-      if (view.queryByTestId("job-trigger-empty") === null) throw new Error("empty missing");
-    });
-    expect(view.queryByTestId("job-trigger-form")).toBeNull();
-  });
-
-  test("select job + JSON payload → jobs:write:trigger", async () => {
-    const user = userEvent.setup();
-    const { view, writes } = renderScreen({ catalogRows: [REINDEX] });
-    await waitFor(() => {
-      if (view.queryByTestId("job-trigger-form") === null) throw new Error("form missing");
-    });
-
-    await user.click(view.getByTestId("combobox-job-trigger-name"));
-    const option = await view.findByText("jobs:job:reindex-entity");
-    await user.click(option);
-
-    await waitFor(() => {
-      if (view.queryByTestId("job-trigger-per-tenant") === null) {
-        throw new Error("perTenant hint missing");
-      }
-    });
-    expect(view.getByTestId("job-trigger-schema-hint").textContent).toContain("entity");
-
-    const payload = view.container.querySelector<HTMLTextAreaElement>("#job-trigger-payload");
-    if (!payload) throw new Error("payload textarea missing");
-    fireEvent.change(payload, { target: { value: '{"entity":"credit"}' } });
-
-    await user.click(view.getByTestId("job-trigger-submit"));
-
-    await waitFor(() => {
-      if (writes.length === 0) throw new Error("no write yet");
-    });
-    expect(writes[0]).toEqual({
-      type: JobHandlers.trigger,
-      payload: { jobName: "jobs:job:reindex-entity", payload: { entity: "credit" } },
-    });
-    expect(view.getByTestId("job-trigger-success")).toBeTruthy();
-  });
-
-  test("invalid JSON payload → client error, no write", async () => {
-    const user = userEvent.setup();
-    const { view, writes } = renderScreen({ catalogRows: [REINDEX] });
-    await waitFor(() => {
-      if (view.queryByTestId("job-trigger-form") === null) throw new Error("form missing");
-    });
-
-    await user.click(view.getByTestId("combobox-job-trigger-name"));
-    await user.click(await view.findByText("jobs:job:reindex-entity"));
-
-    const payload = view.container.querySelector<HTMLTextAreaElement>("#job-trigger-payload");
-    if (!payload) throw new Error("payload textarea missing");
-    fireEvent.change(payload, { target: { value: "{not-json" } });
-    await user.click(view.getByTestId("job-trigger-submit"));
-
-    await waitFor(() => {
-      if (view.queryByTestId("job-trigger-error") === null) throw new Error("error missing");
-    });
-    expect(writes).toEqual([]);
-  });
-});

package/src/jobs/web/job-run-detail-screen.tsx

@@ -1,181 +0,0 @@
-// @runtime client
-// Single job-run detail + logs. Route entityId = run uuid.
-
-import {
-  formatWhen,
-  useDispatcher,
-  useNav,
-  usePrimitives,
-  useTranslation,
-} from "@cosmicdrift/kumiko-renderer";
-import { FormScreenShell } from "@cosmicdrift/kumiko-renderer-web";
-import { type ReactNode, useCallback, useEffect, useState } from "react";
-import { JOB_RUNS_SCREEN_ID, JobHandlers, JobQueries } from "../constants";
-
-type LogRow = {
-  readonly level: string;
-  readonly message: string;
-  readonly timestamp: string;
-};
-
-type JobRunDetail = {
-  readonly id: string;
-  readonly jobName: string;
-  readonly status: string;
-  readonly startedAt: string;
-  readonly finishedAt?: string | null;
-  readonly duration?: number | null;
-  readonly error?: string | null;
-  readonly logs: readonly LogRow[];
-};
-
-type State =
-  | { readonly kind: "loading" }
-  | { readonly kind: "missing" }
-  | { readonly kind: "error"; readonly message: string }
-  | { readonly kind: "ready"; readonly run: JobRunDetail };
-
-export function JobRunDetailScreen(): ReactNode {
-  const t = useTranslation();
-  const { Banner, Button, Card, Text } = usePrimitives();
-  const dispatcher = useDispatcher();
-  const nav = useNav();
-  const runId = nav.route?.entityId;
-  const [state, setState] = useState<State>({ kind: "loading" });
-  const [retrying, setRetrying] = useState(false);
-  const [actionError, setActionError] = useState<string | null>(null);
-
-  const load = useCallback(async (): Promise<void> => {
-    if (runId === undefined || runId === "") {
-      setState({ kind: "missing" });
-      return;
-    }
-    setState({ kind: "loading" });
-    const res = await dispatcher.query<JobRunDetail | null>(JobQueries.details, { runId });
-    if (!res.isSuccess) {
-      setState({ kind: "error", message: res.error.message });
-      return;
-    }
-    if (res.data === null) {
-      setState({ kind: "missing" });
-      return;
-    }
-    setState({ kind: "ready", run: res.data });
-  }, [dispatcher, runId]);
-
-  // kumiko-lint-ignore no-raw-hooks Phase-3 conversion tracked in #2312
-  useEffect(() => {
-    void load();
-  }, [load]);
-
-  const onRetry = async (): Promise<void> => {
-    if (runId === undefined || runId === "") return;
-    setActionError(null);
-    setRetrying(true);
-    const res = await dispatcher.write(JobHandlers.retry, { runId });
-    setRetrying(false);
-    if (!res.isSuccess) {
-      setActionError(res.error.message);
-      return;
-    }
-    nav.navigate({ screenId: JOB_RUNS_SCREEN_ID });
-  };
-
-  if (state.kind === "loading") {
-    return (
-      <FormScreenShell testId="job-run-detail-screen">
-        <Text variant="small">{t("jobs.detail.loading")}</Text>
-      </FormScreenShell>
-    );
-  }
-
-  if (state.kind === "missing") {
-    return (
-      <FormScreenShell testId="job-run-detail-screen">
-        <Banner variant="error">{t("jobs.detail.missing")}</Banner>
-      </FormScreenShell>
-    );
-  }
-
-  if (state.kind === "error") {
-    return (
-      <FormScreenShell testId="job-run-detail-screen">
-        <Banner variant="error">{state.message}</Banner>
-      </FormScreenShell>
-    );
-  }
-
-  const { run } = state;
-
-  return (
-    <FormScreenShell testId="job-run-detail-screen" className="flex flex-col gap-6">
-      <Card slots={{ title: run.jobName }}>
-        <dl className="grid gap-3 text-sm">
-          <div>
-            <dt className="font-medium">{t("jobs.detail.field.status")}</dt>
-            <dd data-testid="job-run-status">{run.status}</dd>
-          </div>
-          <div>
-            <dt className="font-medium">{t("jobs.detail.field.started")}</dt>
-            <dd data-testid="job-run-started">{formatWhen(run.startedAt)}</dd>
-          </div>
-          {run.finishedAt !== undefined && run.finishedAt !== null && (
-            <div>
-              <dt className="font-medium">{t("jobs.detail.field.finished")}</dt>
-              <dd data-testid="job-run-finished">{formatWhen(run.finishedAt)}</dd>
-            </div>
-          )}
-          {run.duration !== undefined && run.duration !== null && (
-            <div>
-              <dt className="font-medium">{t("jobs.detail.field.duration")}</dt>
-              <dd data-testid="job-run-duration">{run.duration}</dd>
-            </div>
-          )}
-          <div>
-            <dt className="font-medium">{t("jobs.detail.field.id")}</dt>
-            <dd>
-              <Text variant="code">{run.id}</Text>
-            </dd>
-          </div>
-          {run.error !== undefined && run.error !== null && run.error !== "" && (
-            <div>
-              <dt className="font-medium">{t("jobs.detail.field.error")}</dt>
-              <dd>
-                <Banner variant="error">{run.error}</Banner>
-              </dd>
-            </div>
-          )}
-        </dl>
-      </Card>
-
-      {run.status === "failed" && (
-        <Button
-          type="button"
-          variant="primary"
-          disabled={retrying}
-          loading={retrying}
-          onClick={() => void onRetry()}
-          testId="job-run-retry"
-        >
-          {retrying ? t("jobs.detail.retrying") : t("jobs.detail.retry")}
-        </Button>
-      )}
-
-      {actionError !== null && <Banner variant="error">{actionError}</Banner>}
-
-      <Card slots={{ title: t("jobs.detail.logs") }}>
-        {run.logs.length === 0 ? (
-          <Text variant="small">{t("jobs.detail.logs.empty")}</Text>
-        ) : (
-          <ul className="flex flex-col gap-1 font-mono text-sm" data-testid="job-run-logs">
-            {run.logs.map((log) => (
-              <li key={`${log.timestamp}-${log.level}-${log.message}`}>
-                <span className="text-muted-foreground">[{log.level}]</span> {log.message}
-              </li>
-            ))}
-          </ul>
-        )}
-      </Card>
-    </FormScreenShell>
-  );
-}