@cosmicdrift/kumiko-bundled-features 0.240.0 → 0.241.0

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

@@ -1,290 +0,0 @@
-// @runtime client
-// SystemAdmin job-run list + manual trigger panel.
-
-import {
-  type DataTableSort,
-  formatWhen,
-  sortByAccessor,
-  useMutation,
-  useNav,
-  usePrimitives,
-  useQuery,
-  useTranslation,
-} from "@cosmicdrift/kumiko-renderer";
-import { type ReactNode, useMemo, useState } from "react";
-import { JOB_RUN_DETAIL_SCREEN_ID, JobHandlers, JobQueries } from "../constants";
-
-type JobRunRow = {
-  readonly id: string;
-  readonly jobName: string;
-  readonly status: string;
-  readonly startedAt: string;
-  readonly finishedAt?: string | null;
-  readonly duration?: number | null;
-  readonly error?: string | null;
-};
-
-type ListResponse = { readonly rows: readonly JobRunRow[] };
-
-type CatalogEntry = {
-  readonly jobName: string;
-  readonly perTenant: boolean;
-  readonly payloadSchema: Record<string, unknown> | null;
-};
-
-type CatalogResponse = { readonly rows: readonly CatalogEntry[] };
-
-type TriggerResult = { readonly jobName: string; readonly bullJobId: string };
-
-const STATUS_FILTER_OPTIONS = [
-  { value: "", labelKey: "jobs.runs.filter.all" },
-  { value: "completed", labelKey: "jobs.runs.filter.completed" },
-  { value: "failed", labelKey: "jobs.runs.filter.failed" },
-  { value: "running", labelKey: "jobs.runs.filter.running" },
-  { value: "queued", labelKey: "jobs.runs.filter.queued" },
-] as const;
-
-export function JobRunsScreen(): ReactNode {
-  const t = useTranslation();
-  const { Banner, Button, DataTable, Field, Form, Heading, Input, Text } = usePrimitives();
-  const nav = useNav();
-  const [statusFilter, setStatusFilter] = useState("");
-  const [sort, setSort] = useState<DataTableSort | null>(null);
-  const [jobName, setJobName] = useState("");
-  const [payloadText, setPayloadText] = useState("{}");
-  const [clientError, setClientError] = useState<string | null>(null);
-  const [successMessage, setSuccessMessage] = useState<string | null>(null);
-
-  const listPayload = useMemo(
-    () => ({
-      limit: 50,
-      ...(statusFilter !== "" && {
-        status: statusFilter as "queued" | "running" | "completed" | "failed",
-      }),
-    }),
-    [statusFilter],
-  );
-
-  const listQuery = useQuery<ListResponse | null>(JobQueries.list, listPayload);
-  const catalogQuery = useQuery<CatalogResponse | null>(JobQueries.catalog, {});
-  const triggerMutation = useMutation<TriggerResult>(JobHandlers.trigger);
-
-  const filterOptions = STATUS_FILTER_OPTIONS.map((opt) => ({
-    value: opt.value,
-    label: t(opt.labelKey),
-  }));
-
-  const catalogRows = catalogQuery.data?.rows ?? [];
-  const selected = catalogRows.find((row) => row.jobName === jobName) ?? null;
-  const jobOptions = catalogRows.map((row) => ({
-    value: row.jobName,
-    label: row.jobName,
-  }));
-
-  const schemaHint =
-    selected?.payloadSchema !== undefined && selected.payloadSchema !== null
-      ? JSON.stringify(selected.payloadSchema, null, 2)
-      : null;
-
-  // Switching jobs invalidates any typed payload/messages against the new
-  // job's schema — reset so a submit can't validate stale payload text
-  // against the wrong job.
-  const handleJobNameChange = (name: string): void => {
-    setJobName(name);
-    setPayloadText("{}");
-    setClientError(null);
-    setSuccessMessage(null);
-  };
-
-  const onTrigger = async (): Promise<void> => {
-    setClientError(null);
-    setSuccessMessage(null);
-    if (jobName === "") return;
-
-    let payload: Record<string, unknown> = {};
-    const trimmed = payloadText.trim();
-    if (trimmed !== "" && trimmed !== "{}") {
-      try {
-        const parsed: unknown = JSON.parse(trimmed);
-        if (parsed === null || typeof parsed !== "object" || Array.isArray(parsed)) {
-          setClientError(t("jobs.trigger.payload.invalidJson"));
-          return;
-        }
-        payload = parsed as Record<string, unknown>;
-      } catch {
-        setClientError(t("jobs.trigger.payload.invalidJson"));
-        return;
-      }
-    }
-
-    const res = await triggerMutation.mutate({
-      jobName,
-      ...(Object.keys(payload).length > 0 ? { payload } : {}),
-    });
-    if (!res.isSuccess) {
-      setClientError(res.error.message);
-      return;
-    }
-    setSuccessMessage(t("jobs.trigger.success"));
-    void listQuery.refetch();
-  };
-
-  const openDetail = (id: string): void =>
-    nav.navigate({ screenId: JOB_RUN_DETAIL_SCREEN_ID, entityId: id });
-
-  const rows = listQuery.data?.rows ?? [];
-  const listLoading = listQuery.loading === true && listQuery.data === null;
-  const submitting = triggerMutation.pending;
-
-  return (
-    <div className="flex flex-col gap-6 p-6" data-testid="job-runs-screen">
-      <section className="flex flex-col gap-3" data-testid="job-trigger-panel">
-        <Heading variant="section">{t("jobs.trigger.title")}</Heading>
-        <Text variant="small">{t("jobs.trigger.explainer")}</Text>
-
-        {catalogQuery.error !== null && (
-          <Banner variant="error" testId="job-trigger-catalog-error">
-            {catalogQuery.error.message}
-          </Banner>
-        )}
-
-        {catalogQuery.error === null &&
-        catalogRows.length === 0 &&
-        catalogQuery.loading !== true ? (
-          <Text variant="small" testId="job-trigger-empty">
-            {t("jobs.trigger.empty")}
-          </Text>
-        ) : catalogQuery.error !== null ? null : (
-          <Form
-            testId="job-trigger-form"
-            onSubmit={(e) => {
-              e?.preventDefault();
-              void onTrigger();
-            }}
-            actions={
-              <Button
-                type="submit"
-                disabled={jobName === "" || submitting}
-                loading={submitting}
-                testId="job-trigger-submit"
-              >
-                {submitting ? t("jobs.trigger.submitting") : t("jobs.trigger.submit")}
-              </Button>
-            }
-          >
-            <Field id="job-trigger-name" label={t("jobs.trigger.job")} required>
-              <Input
-                kind="select"
-                id="job-trigger-name"
-                name="job-trigger-name"
-                value={jobName}
-                onChange={handleJobNameChange}
-                options={jobOptions}
-              />
-            </Field>
-
-            {selected?.perTenant === true && (
-              <Text variant="small" testId="job-trigger-per-tenant">
-                {t("jobs.trigger.perTenant")}
-              </Text>
-            )}
-
-            {schemaHint !== null && (
-              <Text variant="code" testId="job-trigger-schema-hint">
-                {t("jobs.trigger.payload.hint")}: {schemaHint}
-              </Text>
-            )}
-
-            <Field id="job-trigger-payload" label={t("jobs.trigger.payload")}>
-              <Input
-                kind="textarea"
-                id="job-trigger-payload"
-                name="job-trigger-payload"
-                value={payloadText}
-                onChange={setPayloadText}
-              />
-            </Field>
-
-            {clientError !== null && (
-              <Banner variant="error" testId="job-trigger-error">
-                {clientError}
-              </Banner>
-            )}
-            {successMessage !== null && (
-              <Banner variant="info" testId="job-trigger-success">
-                {successMessage}
-              </Banner>
-            )}
-          </Form>
-        )}
-      </section>
-
-      {listQuery.error !== null && (
-        <Banner variant="error" testId="job-runs-list-error">
-          {listQuery.error.message}
-        </Banner>
-      )}
-
-      {listLoading ? (
-        <Text variant="small">{t("jobs.runs.loading")}</Text>
-      ) : listQuery.error !== null ? null : (
-        <DataTable
-          testId="job-runs-table"
-          columns={[
-            { field: "job", label: t("jobs.runs.col.job"), type: "string", sortable: true },
-            { field: "status", label: t("jobs.runs.col.status"), type: "string", sortable: true },
-            { field: "started", label: t("jobs.runs.col.started"), type: "string", sortable: true },
-            {
-              field: "duration",
-              label: t("jobs.runs.col.duration"),
-              type: "string",
-              sortable: false,
-            },
-          ]}
-          sort={sort}
-          onSortChange={setSort}
-          rows={sortByAccessor(rows, sort, SORT_ACCESSORS).map((row) => ({
-            id: row.id,
-            values: {
-              job: row.jobName,
-              status: row.status,
-              started: formatWhen(row.startedAt),
-              duration: row.duration ?? "—",
-            },
-          }))}
-          onRowClick={(row) => openDetail(row.id)}
-          toolbarStart={
-            <Field id="job-runs-status-filter" label={t("jobs.runs.filter.status")}>
-              <Input
-                kind="select"
-                id="job-runs-status-filter"
-                name="job-runs-status-filter"
-                value={statusFilter}
-                onChange={setStatusFilter}
-                options={filterOptions}
-              />
-            </Field>
-          }
-          rowActions={[
-            {
-              id: "open",
-              label: t("jobs.runs.open"),
-              style: "secondary",
-              onTrigger: (row) => openDetail(row.id),
-            },
-          ]}
-          rowActionMode="inline"
-          emptyState={<Text variant="small">{t("jobs.runs.empty")}</Text>}
-        />
-      )}
-    </div>
-  );
-}
-
-// Client-sort over the loaded page (≤50 rows). startedAt is an ISO string, so
-// lexicographic compare is chronological — no Date parsing needed.
-const SORT_ACCESSORS: Record<string, (r: JobRunRow) => string | number> = {
-  job: (r) => r.jobName,
-  status: (r) => r.status,
-  started: (r) => r.startedAt,
-};

package/src/tier-engine/web/tier-admin-screen.tsx

@@ -1,168 +0,0 @@
-// @runtime client
-// TierAdminScreen — SystemAdmin weist einem beliebigen Tenant ein Tier zu,
-// ohne Billing-Kauf. Tenant-Picker (tenant:query:list) → aktuelles Tier
-// (get-tenant-tier) → Tier-Dropdown (tier-options) → Speichern
-// (set-tenant-tier). Apps registrieren die Komponente als custom-Screen:
-//   r.screen({ id: "tier-admin", type: "custom",
-//     renderer: { react: { __component: "TierAdminScreen" } },
-//     access: { roles: ["SystemAdmin"] } })
-
-import {
-  useDispatcher,
-  usePrimitives,
-  useQuery,
-  useTranslation,
-} from "@cosmicdrift/kumiko-renderer";
-import { FormScreenShell } from "@cosmicdrift/kumiko-renderer-web";
-import { type ReactNode, useEffect, useState } from "react";
-import { TierEngineHandlers, TierEngineQueries } from "../constants";
-
-const TENANT_LIST_QUERY = "tenant:query:list";
-
-type TenantRow = { readonly id: string; readonly name: string };
-type TenantListResponse = { readonly rows: readonly TenantRow[] };
-type TierAssignmentRow = { readonly tier: string; readonly source: string | null };
-type TierOptionsResponse = { readonly tiers: readonly string[] };
-type SetTenantTierResponse = {
-  readonly tenantId: string;
-  readonly tier: string;
-  readonly isNew: boolean;
-};
-
-type Status =
-  | { kind: "idle" }
-  | { kind: "submitting" }
-  | { kind: "success"; tier: string }
-  | { kind: "error"; messageKey: string };
-
-export function TierAdminScreen(): ReactNode {
-  const t = useTranslation();
-  const { Field, Input, Button, Banner, Form, Text } = usePrimitives();
-  const dispatcher = useDispatcher();
-
-  // ponytail: nur die erste Seite (default-limit, nextCursor ignoriert) —
-  // reicht für Apps mit wenigen Tenants (cashcolt). Pagination/Suche
-  // nachrüsten, wenn ein Operator mit vielen Tenants nicht alle sieht.
-  const tenantsQuery = useQuery<TenantListResponse | null>(TENANT_LIST_QUERY, {});
-  const tierOptionsQuery = useQuery<TierOptionsResponse | null>(TierEngineQueries.tierOptions, {});
-
-  const [tenantId, setTenantId] = useState("");
-  const [tier, setTier] = useState("");
-  const [status, setStatus] = useState<Status>({ kind: "idle" });
-
-  const currentTierQuery = useQuery<TierAssignmentRow | null>(
-    TierEngineQueries.getTenantTier,
-    { tenantId },
-    { enabled: tenantId !== "" },
-  );
-
-  // Tenant switch: reset selection + status so no other tenant's tier stays
-  // shown (UI-level mis-grant guard). tenantId is a pure trigger here (the
-  // body doesn't read it) — Biome's "extra dep" autofix would empty the deps
-  // and limit the reset to mount.
-  // biome-ignore lint/correctness/useExhaustiveDependencies: tenantId is the intended reset trigger, do not remove. kumiko-lint-ignore no-raw-hooks Phase-3 conversion tracked in #2312
-  useEffect(() => {
-    setTier("");
-    setStatus({ kind: "idle" });
-  }, [tenantId]);
-
-  const tenantOptions = (tenantsQuery.data?.rows ?? []).map((row) => ({
-    value: row.id,
-    label: row.name,
-  }));
-  const tierOptions = tierOptionsQuery.data?.tiers ?? [];
-  const currentTier = currentTierQuery.data?.tier ?? null;
-
-  const onSave = async (): Promise<void> => {
-    if (tenantId === "" || tier === "") return;
-    setStatus({ kind: "submitting" });
-    const res = await dispatcher.write<SetTenantTierResponse>(TierEngineHandlers.setTenantTier, {
-      tenantId,
-      tier,
-    });
-    if (!res.isSuccess) {
-      setStatus({ kind: "error", messageKey: "tier-admin.error.generic" });
-      return;
-    }
-    setStatus({ kind: "success", tier: res.data.tier });
-    void currentTierQuery.refetch();
-  };
-
-  const submitting = status.kind === "submitting";
-  const canSubmit = tenantId !== "" && tier !== "" && !submitting;
-
-  return (
-    <FormScreenShell testId="tier-admin-screen" className="flex flex-col gap-6">
-      {tenantsQuery.error !== null && (
-        <Banner variant="error" testId="tier-admin-load-error">
-          {t("tier-admin.error.load")}
-        </Banner>
-      )}
-      {tierOptions.length === 0 && tierOptionsQuery.loading !== true && (
-        <Banner variant="info" testId="tier-admin-no-tiers">
-          {t("tier-admin.error.noTiers")}
-        </Banner>
-      )}
-
-      <Form
-        testId="tier-admin-form"
-        onSubmit={(e) => {
-          e?.preventDefault();
-          void onSave();
-        }}
-        actions={
-          <Button
-            type="submit"
-            disabled={!canSubmit}
-            loading={submitting}
-            testId="tier-admin-submit"
-          >
-            {t("tier-admin.submit")}
-          </Button>
-        }
-      >
-        <Text variant="small">{t("tier-admin.explainer")}</Text>
-
-        <Field id="tier-admin-tenant" label={t("tier-admin.tenant.label")} required>
-          <Input
-            kind="select"
-            id="tier-admin-tenant"
-            name="tier-admin-tenant"
-            value={tenantId}
-            onChange={setTenantId}
-            options={tenantOptions}
-          />
-        </Field>
-
-        {tenantId !== "" && (
-          <Text variant="small" testId="tier-admin-current">
-            {t("tier-admin.current.label")}: {currentTier ?? t("tier-admin.current.none")}
-          </Text>
-        )}
-
-        <Field id="tier-admin-tier" label={t("tier-admin.tier.label")} required>
-          <Input
-            kind="select"
-            id="tier-admin-tier"
-            name="tier-admin-tier"
-            value={tier}
-            onChange={setTier}
-            options={tierOptions}
-            disabled={tierOptions.length === 0}
-          />
-        </Field>
-
-        {status.kind === "success" && (
-          <Banner variant="info" testId="tier-admin-success">
-            {t("tier-admin.success", { tier: status.tier })}
-          </Banner>
-        )}
-        {status.kind === "error" && (
-          <Banner variant="error" testId="tier-admin-error">
-            {t(status.messageKey)}
-          </Banner>
-        )}
-      </Form>
-    </FormScreenShell>
-  );
-}