@cosmicdrift/kumiko-bundled-features 0.239.0 → 0.241.0

package/src/admin-shell/web/platform-overview-screen.tsx

@@ -1,91 +0,0 @@
-// @runtime client
-
-import { useDispatcher, useTranslation } from "@cosmicdrift/kumiko-renderer";
-import { type ReactNode, useEffect, useState } from "react";
-import { JobQueries } from "../../jobs/constants";
-import { TenantQueries } from "../../tenant/constants";
-import { UserQueries } from "../../user/constants";
-import { OverviewLayout, type OverviewState } from "./overview-layout";
-import { overviewQuery } from "./overview-query";
-
-export function PlatformOverviewScreen(): ReactNode {
-  const t = useTranslation();
-  const dispatcher = useDispatcher();
-  const [state, setState] = useState<OverviewState>({ kind: "loading" });
-
-  // kumiko-lint-ignore no-raw-hooks Phase-3 conversion tracked in #2312
-  useEffect(() => {
-    let cancelled = false;
-    void (async (): Promise<void> => {
-      const tenantsRes = await overviewQuery<{ readonly total: number }>(
-        "platform",
-        dispatcher,
-        TenantQueries.list,
-        { totalCount: true },
-      );
-      if (cancelled) return;
-      if (!tenantsRes.isSuccess) {
-        setState({ kind: "error", message: tenantsRes.error.message });
-        return;
-      }
-
-      const usersRes = await overviewQuery<{ readonly total: number }>(
-        "platform",
-        dispatcher,
-        UserQueries.list,
-        { totalCount: true },
-      );
-      if (cancelled) return;
-      if (!usersRes.isSuccess) {
-        setState({ kind: "error", message: usersRes.error.message });
-        return;
-      }
-
-      const failedJobsRes = await overviewQuery<{ readonly total: number }>(
-        "platform",
-        dispatcher,
-        JobQueries.list,
-        { status: "failed", totalCount: true },
-      );
-      if (cancelled) return;
-      if (!failedJobsRes.isSuccess) {
-        setState({ kind: "error", message: failedJobsRes.error.message });
-        return;
-      }
-
-      setState({
-        kind: "ready",
-        cards: [
-          {
-            label: t("admin-shell:overview.tenants"),
-            value: String(tenantsRes.data.total),
-          },
-          {
-            label: t("admin-shell:overview.users"),
-            value: String(usersRes.data.total),
-          },
-          {
-            label: t("admin-shell:overview.failedJobs"),
-            value: String(failedJobsRes.data.total),
-            hint:
-              failedJobsRes.data.total > 0 ? t("admin-shell:overview.failedJobsHint") : undefined,
-            attention: failedJobsRes.data.total > 0,
-          },
-        ],
-      });
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [dispatcher, t]);
-
-  return (
-    <OverviewLayout
-      testId="platform-overview-screen"
-      title={t("admin-shell:overview.platformTitle")}
-      state={state}
-      loadingLabel={t("admin-shell:overview.loading")}
-      columns={3}
-    />
-  );
-}

package/src/admin-shell/web/tenant-overview-screen.tsx

@@ -1,91 +0,0 @@
-// @runtime client
-
-import { useDispatcher, useTranslation } from "@cosmicdrift/kumiko-renderer";
-import { type ReactNode, useEffect, useState } from "react";
-import { ConfigQueries } from "../../config/constants";
-import { TenantQueries } from "../../tenant/constants";
-import { OverviewLayout, type OverviewState } from "./overview-layout";
-import { overviewQuery } from "./overview-query";
-
-export function TenantOverviewScreen(): ReactNode {
-  const t = useTranslation();
-  const dispatcher = useDispatcher();
-  const [state, setState] = useState<OverviewState>({ kind: "loading" });
-
-  // kumiko-lint-ignore no-raw-hooks Phase-3 conversion tracked in #2312
-  useEffect(() => {
-    let cancelled = false;
-    void (async (): Promise<void> => {
-      const invitationsRes = await overviewQuery<readonly unknown[]>(
-        "tenant",
-        dispatcher,
-        TenantQueries.invitations,
-        {},
-      );
-      if (cancelled) return;
-      if (!invitationsRes.isSuccess) {
-        setState({ kind: "error", message: invitationsRes.error.message });
-        return;
-      }
-
-      const membersRes = await overviewQuery<readonly unknown[]>(
-        "tenant",
-        dispatcher,
-        TenantQueries.members,
-        {},
-      );
-      if (cancelled) return;
-      if (!membersRes.isSuccess) {
-        setState({ kind: "error", message: membersRes.error.message });
-        return;
-      }
-
-      const readinessRes = await overviewQuery<{ readonly missing: readonly unknown[] }>(
-        "tenant",
-        dispatcher,
-        ConfigQueries.readiness,
-        {},
-      );
-      if (cancelled) return;
-      if (!readinessRes.isSuccess) {
-        setState({ kind: "error", message: readinessRes.error.message });
-        return;
-      }
-
-      setState({
-        kind: "ready",
-        cards: [
-          {
-            label: t("admin-shell:overview.pendingInvitations"),
-            value: String(invitationsRes.data.length),
-          },
-          {
-            label: t("admin-shell:overview.members"),
-            value: String(membersRes.data.length),
-          },
-          {
-            label: t("admin-shell:overview.missingConfig"),
-            value: String(readinessRes.data.missing.length),
-            hint:
-              readinessRes.data.missing.length > 0
-                ? t("admin-shell:overview.missingConfigHint")
-                : undefined,
-            attention: readinessRes.data.missing.length > 0,
-          },
-        ],
-      });
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [dispatcher, t]);
-
-  return (
-    <OverviewLayout
-      testId="tenant-overview-screen"
-      title={t("admin-shell:overview.tenantTitle")}
-      state={state}
-      loadingLabel={t("admin-shell:overview.loading")}
-    />
-  );
-}

package/src/audit/__tests__/audit-log-screen.test.tsx

@@ -1,302 +0,0 @@
-// @runtime client
-// DOM test for AuditLogScreen actor-name resolution (#audit-log-actor-name).
-// Provider wrapper is local — renderer-web → bundled-features forbids importing
-// renderer-web test-utils from here.
-
-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 { render, waitFor } from "@testing-library/react";
-import type { ReactNode } from "react";
-import { TenantQueries } from "../../tenant/constants";
-import { AUDIT_LOG_DETAIL_SCREEN_ID, AuditQueries } from "../constants";
-import { AuditLogDetailScreen } from "../web/audit-log-detail-screen";
-import { AuditLogScreen } from "../web/audit-log-screen";
-import { defaultTranslations } from "../web/i18n";
-
-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 AuditRowFixture = {
-  readonly id: string;
-  readonly aggregateId: string;
-  readonly aggregateType: string;
-  readonly type: string;
-  readonly createdBy: string;
-  readonly createdAt: string;
-  readonly payload: Record<string, unknown>;
-};
-
-type MemberRowFixture = {
-  readonly userId: string;
-  readonly email: string | null;
-  readonly displayName: string | null;
-};
-
-const AUDIT_ROWS: readonly AuditRowFixture[] = [
-  {
-    id: "1",
-    aggregateId: "agg-1",
-    aggregateType: "widget",
-    type: "widget.created",
-    createdBy: "user-1",
-    createdAt: "2026-08-01T00:00:00.000Z",
-    payload: {},
-  },
-  {
-    id: "2",
-    aggregateId: "agg-2",
-    aggregateType: "widget",
-    type: "widget.updated",
-    createdBy: "user-2",
-    createdAt: "2026-08-02T00:00:00.000Z",
-    payload: {},
-  },
-  {
-    id: "3",
-    aggregateId: "agg-3",
-    aggregateType: "widget",
-    type: "widget.deleted",
-    createdBy: "user-missing",
-    createdAt: "2026-08-03T00:00:00.000Z",
-    payload: {},
-  },
-  {
-    id: "4",
-    aggregateId: "agg-4",
-    aggregateType: "widget",
-    type: "widget.synced",
-    createdBy: "system",
-    createdAt: "2026-08-04T00:00:00.000Z",
-    payload: {},
-  },
-  {
-    id: "5",
-    aggregateId: "agg-5",
-    aggregateType: "widget",
-    type: "widget.archived",
-    createdBy: "3f2504e0-4f89-11d3-9a0c-0305e82c3301",
-    createdAt: "2026-08-05T00:00:00.000Z",
-    payload: {},
-  },
-];
-
-const MEMBERS: readonly MemberRowFixture[] = [
-  { userId: "user-1", email: "alice@example.com", displayName: "Alice Example" },
-  { userId: "user-2", email: "bob@example.com", displayName: null },
-];
-
-type AuditDetailFixture = AuditRowFixture & { readonly metadata: Record<string, unknown> };
-
-function detailFixtureFor(row: AuditRowFixture): AuditDetailFixture {
-  return { ...row, metadata: {} };
-}
-
-type MembersResult =
-  | { readonly isSuccess: true; readonly data: readonly MemberRowFixture[] }
-  | { readonly isSuccess: false; readonly error: { readonly message: string } };
-
-function makeDispatcher(
-  options: {
-    readonly detail?: AuditDetailFixture | null;
-    readonly membersResult?: MembersResult;
-  } = {},
-): Dispatcher {
-  const statusStore = createStore<DispatcherStatus>("online");
-  const query = (async (type: string) => {
-    if (type === AuditQueries.list) {
-      return { isSuccess: true, data: { rows: AUDIT_ROWS, nextBefore: null } };
-    }
-    if (type === AuditQueries.details) {
-      return { isSuccess: true, data: options.detail ?? null };
-    }
-    if (type === TenantQueries.members) {
-      return options.membersResult ?? { isSuccess: true, data: MEMBERS };
-    }
-    return { isSuccess: true, data: null };
-  }) as unknown as Dispatcher["query"];
-  return {
-    write: (async () => ({ isSuccess: true, data: null })) as unknown as Dispatcher["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 renderWithProviders(
-  ui: ReactNode,
-  options: { readonly nav?: NavApi; readonly dispatcher?: Dispatcher } = {},
-): ReturnType<typeof render> {
-  const nav = options.nav ?? stubNav;
-  const dispatcher = options.dispatcher ?? makeDispatcher();
-  const wrapper = ({ children }: { readonly children: ReactNode }): ReactNode => (
-    <TokensProvider value={stubTokens}>
-      <LocaleProvider
-        resolver={stubResolver}
-        fallbackBundles={[defaultTranslations, kumikoDefaultTranslations]}
-      >
-        <PrimitivesProvider value={defaultPrimitives}>
-          <NavProvider value={nav}>
-            <LiveEventsProvider value={stubLiveEvents}>
-              <DispatcherProvider dispatcher={dispatcher}>{children}</DispatcherProvider>
-            </LiveEventsProvider>
-          </NavProvider>
-        </PrimitivesProvider>
-      </LocaleProvider>
-    </TokensProvider>
-  );
-  return render(ui, { wrapper });
-}
-
-function renderScreen(dispatcher?: Dispatcher): ReturnType<typeof render> {
-  return renderWithProviders(<AuditLogScreen />, { dispatcher });
-}
-
-function renderDetailScreen(entityId: string, dispatcher: Dispatcher): ReturnType<typeof render> {
-  const nav: NavApi = { ...stubNav, route: { screenId: AUDIT_LOG_DETAIL_SCREEN_ID, entityId } };
-  return renderWithProviders(<AuditLogDetailScreen />, { nav, dispatcher });
-}
-
-describe("AuditLogScreen — actor name resolution", () => {
-  test("known member with displayName → cell shows the display name", async () => {
-    const view = renderScreen();
-    await waitFor(() => {
-      const cell = view.queryByTestId("cell-1-actor");
-      if (cell === null) throw new Error("actor cell not rendered yet");
-    });
-    expect(view.getByTestId("cell-1-actor").textContent).toBe("Alice Example");
-  });
-
-  test("known member without displayName → cell falls back to email", async () => {
-    const view = renderScreen();
-    await waitFor(() => {
-      const cell = view.queryByTestId("cell-2-actor");
-      if (cell === null) throw new Error("actor cell not rendered yet");
-    });
-    expect(view.getByTestId("cell-2-actor").textContent).toBe("bob@example.com");
-  });
-
-  test("createdBy not in members list → cell shows Unknown actor, never the raw id", async () => {
-    const view = renderScreen();
-    await waitFor(() => {
-      const cell = view.queryByTestId("cell-3-actor");
-      if (cell === null) throw new Error("actor cell not rendered yet");
-    });
-    const cell = view.getByTestId("cell-3-actor");
-    expect(cell.textContent).toBe("Unknown actor");
-    expect(cell.textContent).not.toBe("user-missing");
-  });
-
-  test("table has no aggregate column", async () => {
-    const view = renderScreen();
-    await waitFor(() => {
-      const cell = view.queryByTestId("cell-1-actor");
-      if (cell === null) throw new Error("table not rendered yet");
-    });
-    expect(view.queryByTestId("cell-1-aggregate")).toBeNull();
-    expect(view.container.textContent).not.toContain("agg-1");
-  });
-
-  test("createdBy is the system literal → cell shows the System label", async () => {
-    const view = renderScreen();
-    await waitFor(() => {
-      const cell = view.queryByTestId("cell-4-actor");
-      if (cell === null) throw new Error("actor cell not rendered yet");
-    });
-    expect(view.getByTestId("cell-4-actor").textContent).toBe("System");
-  });
-
-  test("createdBy is an unresolvable UUID → Unknown actor label, raw UUID never rendered", async () => {
-    const view = renderScreen();
-    await waitFor(() => {
-      const cell = view.queryByTestId("cell-5-actor");
-      if (cell === null) throw new Error("actor cell not rendered yet");
-    });
-    const cell = view.getByTestId("cell-5-actor");
-    expect(cell.textContent).toBe("Unknown actor");
-    expect(view.container.textContent).not.toContain("3f2504e0-4f89-11d3-9a0c-0305e82c3301");
-  });
-});
-
-describe("AuditLogScreen — members query failure", () => {
-  test("members query returns isSuccess:false → list still renders, no crash", async () => {
-    const dispatcher = makeDispatcher({
-      membersResult: { isSuccess: false, error: { message: "members unavailable" } },
-    });
-    const view = renderScreen(dispatcher);
-    await waitFor(() => {
-      const cell = view.queryByTestId("cell-1-type");
-      if (cell === null) throw new Error("table not rendered yet");
-    });
-    expect(view.getByTestId("cell-1-type").textContent).toBe("widget.created");
-    expect(view.getByTestId("cell-1-actor").textContent).toBe("Unknown actor");
-  });
-});
-
-describe("AuditLogDetailScreen — actor name resolution", () => {
-  test("known member with displayName → detail actor field shows the display name", async () => {
-    const row = AUDIT_ROWS[0];
-    if (row === undefined) throw new Error("fixture missing");
-    const dispatcher = makeDispatcher({ detail: detailFixtureFor(row) });
-    const view = renderDetailScreen(row.id, dispatcher);
-    await waitFor(() => {
-      const cell = view.queryByTestId("audit-detail-actor");
-      if (cell === null) throw new Error("actor field not rendered yet");
-    });
-    expect(view.getByTestId("audit-detail-actor").textContent).toBe("Alice Example");
-  });
-
-  test("known member without displayName → detail actor field falls back to email", async () => {
-    const row = AUDIT_ROWS[1];
-    if (row === undefined) throw new Error("fixture missing");
-    const dispatcher = makeDispatcher({ detail: detailFixtureFor(row) });
-    const view = renderDetailScreen(row.id, dispatcher);
-    await waitFor(() => {
-      const cell = view.queryByTestId("audit-detail-actor");
-      if (cell === null) throw new Error("actor field not rendered yet");
-    });
-    expect(view.getByTestId("audit-detail-actor").textContent).toBe("bob@example.com");
-  });
-});

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

@@ -1,173 +0,0 @@
-// @runtime client
-// Single audit event detail. Route entityId = event-store id (bigint string).
-
-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 { TenantQueries } from "../../tenant/constants";
-import { ANONYMOUS_USER_ID, AuditQueries, SYSTEM_ACTOR_IDS } from "../constants";
-
-type AuditDetail = {
-  readonly id: string;
-  readonly aggregateId: string;
-  readonly aggregateType: string;
-  readonly type: string;
-  readonly createdBy: string;
-  readonly createdAt: string;
-  readonly payload: Record<string, unknown>;
-  readonly metadata: Record<string, unknown>;
-};
-
-type MemberRow = {
-  readonly userId: string;
-  readonly email: string | null;
-  readonly displayName: string | null;
-};
-
-type State =
-  | { readonly kind: "loading" }
-  | { readonly kind: "missing" }
-  | { readonly kind: "error"; readonly message: string }
-  | {
-      readonly kind: "ready";
-      readonly event: AuditDetail;
-      /** Resolved member display string, or "" if unknown. System actor is
-       *  flagged separately so the translated label is formed in render
-       *  (avoids refetch on locale change — fw#2297). */
-      readonly memberLabel: string;
-      readonly isSystemActor: boolean;
-    };
-
-export function AuditLogDetailScreen(): ReactNode {
-  const t = useTranslation();
-  const { Banner, Card, Text } = usePrimitives();
-  const dispatcher = useDispatcher();
-  const nav = useNav();
-  const eventId = nav.route?.entityId;
-  const [state, setState] = useState<State>({ kind: "loading" });
-
-  const load = useCallback(async (): Promise<void> => {
-    if (eventId === undefined || eventId === "") {
-      setState({ kind: "missing" });
-      return;
-    }
-    setState({ kind: "loading" });
-    const res = await dispatcher.query<AuditDetail | null>(AuditQueries.details, { id: eventId });
-    if (!res.isSuccess) {
-      setState({ kind: "error", message: res.error.message });
-      return;
-    }
-    if (res.data === null) {
-      setState({ kind: "missing" });
-      return;
-    }
-    const event = res.data;
-    if (SYSTEM_ACTOR_IDS.has(event.createdBy)) {
-      setState({ kind: "ready", event, memberLabel: "", isSystemActor: true });
-      return;
-    }
-    // Single-user filter — do not decrypt the whole tenant roster for one name.
-    const membersRes = await dispatcher.query<readonly MemberRow[]>(TenantQueries.members, {
-      userId: event.createdBy,
-    });
-    const member = membersRes.isSuccess
-      ? membersRes.data.find((m) => m.userId === event.createdBy)
-      : undefined;
-    setState({
-      kind: "ready",
-      event,
-      memberLabel: member ? (member.displayName ?? member.email ?? "") : "",
-      isSystemActor: false,
-    });
-  }, [dispatcher, eventId]);
-
-  // kumiko-lint-ignore no-raw-hooks Phase-3 conversion tracked in #2312
-  useEffect(() => {
-    void load();
-  }, [load]);
-
-  if (state.kind === "loading") {
-    return (
-      <FormScreenShell testId="audit-log-detail-screen" maxWidth="3xl">
-        <Text variant="small">{t("audit.log.detail.loading")}</Text>
-      </FormScreenShell>
-    );
-  }
-
-  if (state.kind === "missing") {
-    return (
-      <FormScreenShell testId="audit-log-detail-screen" maxWidth="3xl">
-        <Banner variant="error">{t("audit.log.detail.missing")}</Banner>
-      </FormScreenShell>
-    );
-  }
-
-  if (state.kind === "error") {
-    return (
-      <FormScreenShell testId="audit-log-detail-screen" maxWidth="3xl">
-        <Banner variant="error">{state.message}</Banner>
-      </FormScreenShell>
-    );
-  }
-
-  const { event, memberLabel, isSystemActor } = state;
-  const actorName = isSystemActor
-    ? t("audit.log.actor.system")
-    : event.createdBy === ANONYMOUS_USER_ID
-      ? t("audit.log.actor.anonymous")
-      : memberLabel || t("audit.log.actor.unknown");
-
-  return (
-    <FormScreenShell
-      testId="audit-log-detail-screen"
-      maxWidth="3xl"
-      className="flex flex-col gap-6"
-    >
-      <Card slots={{ title: event.type }}>
-        <dl className="grid gap-3 text-sm">
-          <div>
-            <dt className="font-medium">{t("audit.log.col.when")}</dt>
-            <dd data-testid="audit-detail-when">{formatWhen(event.createdAt)}</dd>
-          </div>
-          <div>
-            <dt className="font-medium">{t("audit.log.col.aggregate")}</dt>
-            <dd data-testid="audit-detail-aggregate">
-              {event.aggregateType} / {event.aggregateId}
-            </dd>
-          </div>
-          <div>
-            <dt className="font-medium">{t("audit.log.col.actor")}</dt>
-            <dd data-testid="audit-detail-actor">{actorName}</dd>
-          </div>
-          <div>
-            <dt className="font-medium">{t("audit.log.detail.field.id")}</dt>
-            <dd>
-              <Text variant="code">{event.id}</Text>
-            </dd>
-          </div>
-        </dl>
-      </Card>
-
-      <Card slots={{ title: t("audit.log.detail.payload") }}>
-        <pre
-          className="max-h-96 overflow-auto whitespace-pre-wrap break-all text-xs"
-          data-testid="audit-detail-payload"
-        >
-          {JSON.stringify(event.payload, null, 2)}
-        </pre>
-      </Card>
-
-      <Card slots={{ title: t("audit.log.detail.metadata") }}>
-        <pre className="max-h-96 overflow-auto whitespace-pre-wrap break-all text-xs">
-          {JSON.stringify(event.metadata, null, 2)}
-        </pre>
-      </Card>
-    </FormScreenShell>
-  );
-}