ConusAI vendor v0.1.0-beta.114

2026-11-14 09:56:45 +00:00
commit 1ce8d23c35
867 changed files with 122104 additions and 0 deletions
@@ -0,0 +1,73 @@
+// The project's documents, one row each, with where they are in the pipeline and how many lines wait
+// for a person. Part of a page's view (F10): it holds no state, and every string is passed in.
+
+import { type ResourceColumn, ResourceList } from "@conusai-kit/ui/patterns"
+import type { ReactElement } from "react"
+import type { DocumentView } from "../contract/index.js"
+
+export interface DocumentListLabels {
+  readonly caption: string
+  readonly empty: string
+  readonly file: string
+  readonly status: string
+  readonly pages: string
+  readonly pending: string
+  readonly approved: string
+  readonly uploaded: string
+  readonly actions: string
+  /** `Download {filename}`: a same-origin, project-scoped file stream. */
+  readonly download: string
+  /** `Review {filename}`: the link's accessible name, so a list of links is not a list of "Review". */
+  readonly review: string
+  /** The status and failure texts, by code. */
+  readonly statuses: Readonly<Record<DocumentView["status"], string>>
+  readonly failures: Readonly<Record<NonNullable<DocumentView["failureCode"]>, string>>
+}
+
+export function DocumentList({
+  documents,
+  hrefFor,
+  downloadHrefFor,
+  labels,
+  formatDate,
+}: {
+  documents: readonly DocumentView[]
+  hrefFor: (fileId: string) => string
+  downloadHrefFor: (fileId: string) => string
+  labels: DocumentListLabels
+  formatDate: (iso: string) => string
+}): ReactElement {
+  const columns: ResourceColumn<DocumentView>[] = [
+    { id: "filename", header: labels.file, wrap: true, minWidth: "10rem" },
+    {
+      id: "status",
+      header: labels.status,
+      wrap: true,
+      cell: (document) =>
+        `${labels.statuses[document.status]}${document.failureCode ? ` ${labels.failures[document.failureCode]}` : ""}`,
+    },
+    { id: "pageCount", header: labels.pages, align: "end", cell: (document) => document.pageCount ?? "" },
+    { id: "pending", header: labels.pending, align: "end" },
+    { id: "approved", header: labels.approved, align: "end" },
+    { id: "uploadedAt", header: labels.uploaded, cell: (document) => formatDate(document.uploadedAt) },
+    {
+      id: "actions",
+      header: labels.actions,
+      cell: (document) => (
+        <a href={downloadHrefFor(document.fileId)}>{labels.download.replace("{filename}", document.filename)}</a>
+      ),
+    },
+  ]
+  return (
+    <ResourceList
+      label={labels.caption}
+      columns={columns}
+      data={documents}
+      rowId={(document) => document.fileId}
+      rowHref={(document) => hrefFor(document.fileId)}
+      rowLinkLabel={(document) => labels.review.replace("{filename}", document.filename)}
+      rowLabel={(document) => document.filename}
+      empty={{ title: labels.empty }}
+    />
+  )
+}