Add bots files handling logic

2026-10-21 17:56:09 +01:00
parent b0af4db1bf
commit d17a4a7bdd
97 changed files with 5843 additions and 41 deletions
@@ -0,0 +1,89 @@
+import Link from "@moduletrace/twui/layout/Link";
+import Row from "@moduletrace/twui/layout/Row";
+import Span from "@moduletrace/twui/layout/Span";
+import Stack from "@moduletrace/twui/layout/Stack";
+import Button from "@moduletrace/twui/layout/Button";
+import { RefreshCw, Trash2 } from "lucide-react";
+import type { MediaType, PublicBotFile } from "@/src/types";
+import relativeTime from "@/src/utils/relative-time";
+import AttachmentIcon from "./attachment-icon";
+
+type Props = {
+    file: PublicBotFile;
+    /**
+     * A crew manager may delete and re-ingest.
+     */
+    can_manage: boolean;
+    busy?: boolean;
+    onIngest: () => void;
+    onDelete: () => void;
+};
+
+/**
+ * One file in the files modal: its type, path, size and age, and what can
+ * be done with it. A file that isn't searchable says why.
+ */
+export default function FileRow({ file, can_manage, busy, onIngest, onDelete }: Props) {
+    return (
+        <Row className="w-full gap-3! flex-nowrap items-start py-2 border-0 border-b border-solid border-hairline last:border-b-0">
+            <Row className="mt-0.5 text-ink-secondary">
+                <AttachmentIcon media_type={file.media_type as MediaType} size={16} />
+            </Row>
+            <Stack className="min-w-0 flex-1 gap-0.5!">
+                <Link
+                    href={file.url}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    title={`Open ${file.name}`}
+                    className="text-[13px] font-bold leading-5 text-ink break-words hover:opacity-80"
+                >
+                    {file.path || file.name}
+                </Link>
+                <Span className="text-[12px] leading-4 text-ink-secondary">
+                    {[
+                        file.scope == "workspace" ? "Workspace" : "Bot files",
+                        `${Math.max(1, Math.round(file.size / 1024))} KB`,
+                        file.created_at ? relativeTime({ at: file.created_at }) : "",
+                        file.ingest_error
+                            ? file.ingest_error
+                            : file.ingested_at
+                              ? "searchable"
+                              : "not searchable yet",
+                    ]
+                        .filter(Boolean)
+                        .join(" · ")}
+                </Span>
+            </Stack>
+            {can_manage ? (
+                <Row className="shrink-0 gap-0!">
+                    <Button
+                        title="Read it again so it can be searched"
+                        aria-label="Reingest"
+                        type="button"
+                        variant="ghost"
+                        color="gray"
+                        size="small"
+                        disabled={busy}
+                        onClick={onIngest}
+                        className="p-1.5!"
+                    >
+                        <RefreshCw size={14} aria-hidden />
+                    </Button>
+                    <Button
+                        title="Delete it"
+                        aria-label="Delete"
+                        type="button"
+                        variant="ghost"
+                        color="gray"
+                        size="small"
+                        disabled={busy}
+                        onClick={onDelete}
+                        className="p-1.5!"
+                    >
+                        <Trash2 size={14} aria-hidden />
+                    </Button>
+                </Row>
+            ) : null}
+        </Row>
+    );
+}