Let a super admin read the database from the app

A new super admin settings page, /admin/settings/database, lists every table with its record count and size, and one page of the open table's records newest key first. Values are cut inside SQL (400 characters, with a flag saying so) and a record opens whole in a modal, so a table of long texts reads without shipping it all. A search matches every column's text, word by word or as a phrase, which is the one thing that also works on a virtual table. Nothing in it writes: the catalog, the records and the single record are all reads, GET only.
2026-10-23 06:03:42 +01:00
parent 9b26c169d6
commit 41bb4aaac2
48 changed files with 2573 additions and 0 deletions
@@ -0,0 +1,53 @@
+import Span from "@moduletrace/twui/layout/Span";
+import { twMerge } from "tailwind-merge";
+import type { DatabaseCell as DatabaseCellValue } from "@/src/types";
+
+type Props = {
+    cell?: DatabaseCellValue;
+    /**
+     * Whether the cell's record can be opened to read it whole.
+     */
+    openable: boolean;
+    onOpen: () => void;
+};
+
+/**
+ * One value in the records table, cut to three lines so a long column
+ * can't push the rest of the row out of sight. Clicking it opens the
+ * record in full.
+ */
+export default function DatabaseCell({ cell, openable, onOpen }: Props) {
+    if (!cell || cell.kind == "null") {
+        return (
+            <td className="px-3 py-2.5 align-top">
+                <Span size="smaller" variant="faded" className="font-mono">
+                    NULL
+                </Span>
+            </td>
+        );
+    }
+
+    return (
+        <td className="px-3 py-2.5 align-top max-w-[280px]">
+            <Span
+                size="small"
+                className={twMerge(
+                    "block line-clamp-3 whitespace-pre-wrap break-words font-mono",
+                    cell.kind == "number" ? "text-ink-secondary" : "text-ink",
+                    cell.kind == "blob" && "text-ink-secondary",
+                    openable && "cursor-pointer",
+                )}
+                onClick={openable ? onOpen : undefined}
+                title={
+                    openable
+                        ? cell.truncated
+                            ? "Cut short here: open the record to read the rest"
+                            : "Open the record to read it whole"
+                        : undefined
+                }
+            >
+                {cell.text}
+            </Span>
+        </td>
+    );
+}