@protobase/ui 0.19.4 → 0.19.6

package/dist/app/record-page.js

@@ -10,6 +10,7 @@ import { recordTitle } from "../live/model-helpers.js";
 import { humanize } from "../live/naming.js";
 import { useProjectUi } from "./pages/project-ui.js";
 import { displayValue } from "../live/display-value.js";
+import { filledFields } from "./filled-fields.js";
 import { Notice, useAdminMeta, usePermissions } from "./meta-gate.js";
 import { AppLink, useAppAddress } from "./use-app-address.js";
 import { ErrorBanner } from "./error-banner.js";
@@ -22,9 +23,11 @@ import { Section } from "../record-view/section.js";
 import { MetadataCard, RelatedRecords, SidebarCard } from "../record-view/record-sidebar.js";
 import { RecordHeader } from "../record-view/record-header.js";
 import { SpecTable } from "../record-view/spec-table.js";
+import { KeyFacts } from "../record-view/key-facts.js";
 import { toneFor } from "../live/columns-from-model.js";
 import { useDeleteFlow } from "./delete/use-delete-flow.js";
 import { useRestore } from "./delete/use-restore.js";
+import { namedIcon } from "./named-icon.js";
 import { ValueBadge } from "./value-badge.js";
 import { FieldValue } from "./pages/field-value.js";
 import { auditField } from "../live/audit-fields.js";
@@ -320,7 +323,7 @@ const LoadedRecord = ({ model, recordKey, stored }) => {
 							})
 						}),
 						shown !== "form" && offersEdit && editor.dirty && /* @__PURE__ */ jsxs("div", {
-							className: "mt-4 flex items-center justify-between gap-3 rounded-lg border bg-surface px-3 py-2 text-[13px]",
+							className: "mt-4 flex items-center justify-between gap-3 rounded-lg border bg-surface px-3 py-2",
 							role: "status",
 							children: [/* @__PURE__ */ jsx("span", { children: "You have unsaved changes to this record." }), /* @__PURE__ */ jsxs("span", {
 								className: "flex gap-2",
@@ -336,7 +339,7 @@ const LoadedRecord = ({ model, recordKey, stored }) => {
 							})]
 						}),
 						shown === "form" && editor.restored && /* @__PURE__ */ jsxs("div", {
-							className: "mt-4 flex items-center justify-between gap-3 rounded-lg border bg-surface px-3 py-2 text-[13px]",
+							className: "mt-4 flex items-center justify-between gap-3 rounded-lg border bg-surface px-3 py-2",
 							role: "status",
 							children: [/* @__PURE__ */ jsx("span", { children: "Your unsaved changes were restored." }), /* @__PURE__ */ jsxs("span", {
 								className: "flex gap-2",
@@ -375,12 +378,18 @@ const LoadedRecord = ({ model, recordKey, stored }) => {
 										recordKey
 									}, `gallery:${index}`)];
 									if (item.kind !== "section") return [];
-									const fields = item.fields.filter((name) => model.fields[name] && visible(name));
+									const visibleFields = item.fields.filter((name) => model.fields[name] && visible(name));
+									const facts = shown === "read" && item.presentation === "facts";
+									const fields = facts ? filledFields(stored.record, visibleFields) : visibleFields;
 									if (fields.length === 0) return [];
 									return [/* @__PURE__ */ jsx(Section, {
 										title: item.title,
 										help: helpShown(item.helpWhen, view, editing) ? item.help : void 0,
-										children: shown === "read" ? /* @__PURE__ */ jsx(SpecTable, { rows: fields.map(readRow) }) : /* @__PURE__ */ jsx("div", {
+										children: facts ? /* @__PURE__ */ jsx(KeyFacts, { facts: fields.map((name) => ({
+											label: readRow(name).label,
+											value: readRow(name).value,
+											icon: namedIcon(hint(name)?.icon)
+										})) }) : shown === "read" ? /* @__PURE__ */ jsx(SpecTable, { rows: fields.map(readRow) }) : /* @__PURE__ */ jsx("div", {
 											className: "grid grid-cols-1 gap-x-6 gap-y-5 sm:grid-cols-2",
 											children: fields.map(fieldView)
 										})

package/dist/app/record-row/record-row-body.js

@@ -68,7 +68,7 @@ const RecordRowBody = ({ model, view, filter, sort = "", display: named, limit,
 			showChips && chips.length > 0 || total !== void 0 || note ? /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-wrap items-center justify-between gap-2",
 				children: [showChips && chips.length > 0 ? /* @__PURE__ */ jsx(FilterChipList, { chips }) : /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsxs("p", {
-					className: "flex flex-wrap gap-x-3 text-[13px] text-muted-foreground",
+					className: "flex flex-wrap gap-x-3 text-muted-foreground",
 					children: [note && /* @__PURE__ */ jsx("span", { children: note }), total !== void 0 && /* @__PURE__ */ jsx("span", {
 						className: "tabular-nums",
 						children: `${total.toLocaleString("en-GB")} ${total === 1 ? singular : plural.toLowerCase()}`
@@ -79,7 +79,7 @@ const RecordRowBody = ({ model, view, filter, sort = "", display: named, limit,
 				title: "Could not load",
 				error: rows.error
 			}) : !source || source.total === 0 ? /* @__PURE__ */ jsx("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: empty ?? `No ${plural.toLowerCase()} match.`
 			}) : /* @__PURE__ */ jsx(RecordRow, {
 				model,
@@ -98,7 +98,7 @@ const RecordRowBody = ({ model, view, filter, sort = "", display: named, limit,
 					resource: list
 				}),
 				onClick: viewAll?.onOpen,
-				className: "flex items-center gap-1 self-end text-[13px] font-medium text-primary-text hover:underline",
+				className: "flex items-center gap-1 self-end font-medium text-primary-text hover:underline",
 				children: [viewAll?.label ?? /* @__PURE__ */ jsxs(Fragment$1, { children: ["View all ", /* @__PURE__ */ jsx("span", {
 					className: "sr-only",
 					children: plural.toLowerCase()

package/dist/app/record-row/saved-record-row.js

@@ -25,7 +25,7 @@ const SavedRecordRow = ({ model, view, empty, ...props }) => {
 	if (!saved.data) return /* @__PURE__ */ jsx(Skeleton, { className: "h-24" });
 	const scope = savedScope(listed.model, saved.data);
 	if (!scope) return /* @__PURE__ */ jsx("p", {
-		className: "text-[13px] text-muted-foreground",
+		className: "text-muted-foreground",
 		children: empty ?? `No ${plural} yet.`
 	});
 	return /* @__PURE__ */ jsx(RecordRowBody, {

package/dist/app/related-section.js

@@ -62,7 +62,7 @@ const Loading = () => /* @__PURE__ */ jsx("div", {
 	children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }, index))
 });
 const Empty = ({ text }) => /* @__PURE__ */ jsx("p", {
-	className: "text-[13px] text-muted-foreground",
+	className: "text-muted-foreground",
 	children: text ?? "Nothing here yet."
 });
 /**

package/dist/app/relation-picker.js

@@ -38,7 +38,7 @@ const RelationPicker = ({ target, view, value, label, invalid, onChange }) => {
 			onChange: (event) => setText(event.target.value)
 		}), open && /* @__PURE__ */ jsxs("ul", {
 			role: "listbox",
-			className: "absolute z-30 mt-1 max-h-60 w-full overflow-y-auto rounded-md border bg-background py-1 text-[13px] shadow-pop",
+			className: "absolute z-30 mt-1 max-h-60 w-full overflow-y-auto rounded-md border bg-background py-1 shadow-pop",
 			children: [
 				options.data?.items.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", {
 					type: "button",

package/dist/app/runtime/runtime-update.js

@@ -7,7 +7,7 @@ import { ArrowUpCircle } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/runtime/runtime-update.tsx
 const Row = ({ label, value }) => /* @__PURE__ */ jsxs("div", {
-	className: "flex justify-between gap-4 py-1 text-[13px]",
+	className: "flex justify-between gap-4 py-1",
 	children: [/* @__PURE__ */ jsx("span", {
 		className: "text-muted-foreground",
 		children: label
@@ -60,11 +60,11 @@ const RuntimeUpdate = ({ client }) => {
 			}),
 			error !== void 0 && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "mt-3 text-[13px] text-danger-text",
+				className: "mt-3 text-danger-text",
 				children: updateErrorText(error)
 			}),
 			checkError !== void 0 && /* @__PURE__ */ jsx("p", {
-				className: "mt-3 text-[13px] text-muted-foreground",
+				className: "mt-3 text-muted-foreground",
 				children: "The status could not be checked again; this is the last one read."
 			})
 		]

package/dist/app/saved/saved-list.js

@@ -30,7 +30,7 @@ const SavedList = ({ model, view, target, children }) => {
 	}));
 	const scope = savedScope(target, saved.data);
 	if (!scope) return frame(/* @__PURE__ */ jsxs("p", {
-		className: "py-8 text-center text-[13px] text-muted-foreground",
+		className: "py-8 text-center text-muted-foreground",
 		children: [
 			"No ",
 			plural.toLowerCase(),

package/dist/app/searches/saved-search-rows.js

@@ -25,7 +25,7 @@ const SearchRowItem = ({ model, view, target, targetView, row }) => {
 		"aria-label": title,
 		className: "flex flex-col gap-3 py-4 first:pt-0 last:pb-0",
 		children: [/* @__PURE__ */ jsx("h3", {
-			className: "text-[14px] font-semibold",
+			className: "text-[15px] font-semibold",
 			children: /* @__PURE__ */ jsx(AppLink, {
 				to: {
 					kind: "record",
@@ -55,7 +55,7 @@ const SavedSearchRows = ({ model, view, empty }) => {
 	});
 	if (!saved.data) return /* @__PURE__ */ jsx(Skeleton, { className: "h-40" });
 	if (saved.data.length === 0) return /* @__PURE__ */ jsx("p", {
-		className: "text-[13px] text-muted-foreground",
+		className: "text-muted-foreground",
 		children: empty ?? `No ${plural} yet.`
 	});
 	return /* @__PURE__ */ jsx("div", {

package/dist/app/searches/saved-search-section.js

@@ -53,7 +53,7 @@ const SavedSearchSection = ({ model, view, of, target, targetView, row, recordKe
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "flex min-w-0 flex-col gap-2",
 					children: /* @__PURE__ */ jsx("h2", {
-						className: "text-[15px] font-semibold",
+						className: "text-[16px] font-semibold",
 						children: /* @__PURE__ */ jsx(AppLink, {
 							to: {
 								kind: "record",

package/dist/app/searches/saved-searches.js

@@ -58,7 +58,7 @@ const SavedSearches = ({ model, view }) => {
 	if (saved.data.length === 0) {
 		const searched = (targetView?.names?.plural ?? humanize(target.name)).toLowerCase();
 		return frame(/* @__PURE__ */ jsxs("p", {
-			className: "py-8 text-center text-[13px] text-muted-foreground",
+			className: "py-8 text-center text-muted-foreground",
 			children: [
 				"No ",
 				plural.toLowerCase(),

package/dist/app/searches/search-controls.js

@@ -22,12 +22,12 @@ const Control = ({ model, view, name, value, onChange }) => {
 	if (field?.type !== "enum") throw new Error(`Not implemented: "${name}" is ${field?.type ?? "unknown"}, and a saved search's controls are enums or booleans`);
 	return /* @__PURE__ */ jsxs("label", {
 		htmlFor: id,
-		className: "flex items-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex items-center gap-2 text-muted-foreground",
 		children: [label, /* @__PURE__ */ jsx("select", {
 			id,
 			value: String(value ?? ""),
 			onChange: (event) => onChange(event.target.value),
-			className: "h-8 rounded-md border border-border-strong bg-background px-2 text-[13px] text-foreground shadow-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20",
+			className: "h-8 rounded-md border border-border-strong bg-background px-2 text-foreground shadow-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20",
 			children: (field.enumValues ?? []).map((option) => /* @__PURE__ */ jsx("option", {
 				value: option,
 				children: enumLabel(option, hints?.valueLabels)

package/dist/app/searches/search-name-dialog.js

@@ -34,7 +34,7 @@ const SearchNameDialog = ({ title, chips, label, required, initial = "", busy, o
 			children: [chips.length > 0 && /* @__PURE__ */ jsx(FilterChipList, { chips }), /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-1.5",
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-baseline justify-between gap-2 text-[13px]",
+					className: "flex items-baseline justify-between gap-2",
 					children: [/* @__PURE__ */ jsx("label", {
 						htmlFor: id,
 						className: "font-medium",

package/dist/app/searches/update-search-dialog.js

@@ -31,7 +31,7 @@ const changeStyle = {
 };
 const FilterChanges = ({ changes }) => /* @__PURE__ */ jsx("ul", {
 	"aria-label": "Filter changes",
-	className: "divide-y rounded-md border text-[13px]",
+	className: "divide-y rounded-md border",
 	children: changes.map((change) => /* @__PURE__ */ jsxs("li", {
 		className: "grid grid-cols-[72px_1fr] gap-3 px-3 py-2",
 		children: [/* @__PURE__ */ jsx("span", {
@@ -70,7 +70,7 @@ const RecordsSide = ({ model, view, title, filter, total, plural }) => {
 		className: "flex flex-col gap-2",
 		children: [
 			/* @__PURE__ */ jsxs("h3", {
-				className: "text-[13px] font-semibold",
+				className: "font-semibold",
 				children: [
 					title,
 					" ",
@@ -95,7 +95,7 @@ const RecordsSide = ({ model, view, title, filter, total, plural }) => {
 				]
 			}),
 			filter === null || total === 0 ? /* @__PURE__ */ jsxs("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: [
 					"No ",
 					plural,
@@ -156,22 +156,19 @@ const UpdateSearchDialog = ({ model, view, title, before, after, saveNewLabel, u
 			className: "flex flex-col gap-4",
 			children: [
 				changes.length > 0 && /* @__PURE__ */ jsx(FilterChanges, { changes }),
-				counted ? /* @__PURE__ */ jsxs("p", {
-					className: "text-[13px]",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "font-semibold",
-						children: netChange(addedCount, removedCount, singular, plural)
-					}), /* @__PURE__ */ jsxs("span", {
-						className: "text-muted-foreground",
-						children: [
-							": ",
-							count(addedCount, singular, plural),
-							" added, ",
-							removedCount,
-							" removed"
-						]
-					})]
-				}) : /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
+				counted ? /* @__PURE__ */ jsxs("p", { children: [/* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: netChange(addedCount, removedCount, singular, plural)
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "text-muted-foreground",
+					children: [
+						": ",
+						count(addedCount, singular, plural),
+						" added, ",
+						removedCount,
+						" removed"
+					]
+				})] }) : /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
 				/* @__PURE__ */ jsx(RecordsSide, {
 					model,
 					view,

package/dist/app/sensitive-field.js

@@ -42,7 +42,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 		})
 	});
 	if (locked) return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-2 py-1 text-[13px]",
+		className: "flex items-center gap-2 py-1",
 		children: [/* @__PURE__ */ jsx("span", {
 			className: cn(shown ? hints?.format === "code" ? "font-mono text-xs" : "" : "tracking-widest text-muted-foreground"),
 			children: shown ? displayValue(field, stored.data, hints) : mask

package/dist/app/source-notice.js

@@ -14,7 +14,7 @@ const reason = (error) => {
 const SourceNotice = ({ status }) => {
 	const queryClient = useQueryClient();
 	if (status.state !== "error") return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full min-h-48 flex-1 items-center justify-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex h-full min-h-48 flex-1 items-center justify-center gap-2 text-muted-foreground",
 		children: [
 			/* @__PURE__ */ jsx(Spinner, {}),
 			" Loading from ",
@@ -27,11 +27,11 @@ const SourceNotice = ({ status }) => {
 			className: "max-w-md text-center",
 			children: [
 				/* @__PURE__ */ jsxs("h1", {
-					className: "text-[15px] font-semibold",
+					className: "text-[16px] font-semibold",
 					children: ["Cannot reach ", status.source.label]
 				}),
 				/* @__PURE__ */ jsxs("p", {
-					className: "mt-1 text-[13px] text-muted-foreground",
+					className: "mt-1 text-muted-foreground",
 					children: [reason(status.error), " The rest of the app works as before."]
 				}),
 				/* @__PURE__ */ jsx(Button, {

package/dist/app/staff-banner.js

@@ -24,7 +24,7 @@ const StaffBanner = ({ signIn, onStop }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		role: "region",
 		"aria-label": "Staff session",
-		className: "flex flex-wrap items-center gap-x-3 gap-y-2 border-b border-warning/40 bg-warning-soft px-4 py-2 text-[13px] text-warning-text",
+		className: "flex flex-wrap items-center gap-x-3 gap-y-2 border-b border-warning/40 bg-warning-soft px-4 py-2 text-warning-text",
 		children: [
 			/* @__PURE__ */ jsx(UserRoundCog, {
 				"aria-hidden": true,

package/dist/app-shell/breadcrumb.js

@@ -8,7 +8,7 @@ const inApp = (event) => event.button === 0 && !event.metaKey && !event.ctrlKey
 /** The trail of where you are; the last crumb, the current page, shows on phones too. */
 const Breadcrumb = ({ parts, onNavigate }) => /* @__PURE__ */ jsx("nav", {
 	"aria-label": "Breadcrumb",
-	className: "flex min-w-0 items-center gap-1.5 text-[13px]",
+	className: "flex min-w-0 items-center gap-1.5",
 	children: parts.map((part, index) => {
 		const last = index === parts.length - 1;
 		const { label, href, loading } = typeof part === "string" ? {

package/dist/app-shell/global-search.js

@@ -94,7 +94,7 @@ const GlobalSearch = ({ search, className = "w-96", autoFocus, showShortcut = tr
 			id: listId,
 			role: "listbox",
 			"aria-label": "Search results",
-			className: "absolute right-0 top-full z-40 mt-1 max-h-96 w-full min-w-72 overflow-y-auto rounded-lg border bg-background py-1 text-[13px] shadow-pop",
+			className: "absolute right-0 top-full z-40 mt-1 max-h-96 w-full min-w-72 overflow-y-auto rounded-lg border bg-background py-1 shadow-pop",
 			children: [search.groups.length === 0 && /* @__PURE__ */ jsx("p", {
 				className: "px-3 py-2 text-muted-foreground",
 				children: search.loading ? "Searching" : `No matches for “${search.query}”`

package/dist/app-shell/page-header.js

@@ -5,7 +5,7 @@ const PageHeader = ({ title, subtitle, aside, actions }) => {
 		className: "text-xl font-semibold tracking-tight",
 		children: title
 	}), subtitle && /* @__PURE__ */ jsx("p", {
-		className: "text-[13px] text-muted-foreground",
+		className: "text-muted-foreground",
 		children: subtitle
 	})] });
 	return /* @__PURE__ */ jsxs("div", {

package/dist/app-shell/profile-menu.js

@@ -7,7 +7,7 @@ import { useEffect, useRef, useState } from "react";
 import { ChevronsUpDown, LogOut } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/profile-menu.tsx
-const menuRow = "flex min-h-11 w-full items-center gap-2.5 px-3 py-1.5 text-left text-[13px] text-muted-foreground hover:bg-muted md:min-h-0";
+const menuRow = "flex min-h-11 w-full items-center gap-2.5 px-3 py-1.5 text-left text-muted-foreground hover:bg-muted md:min-h-0";
 /** The person at the bottom of the sidebar; the menu is fixed to the viewport so a narrow sidebar cannot clip it. */
 const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate, onSignOut, organizations, roles, theme }) => {
 	const activeRole = roles?.roles.find((role) => role.name === roles.active);
@@ -53,7 +53,7 @@ const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate,
 			}), !compact && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
 				className: "min-w-0 flex-1 leading-tight",
 				children: [/* @__PURE__ */ jsx("span", {
-					className: "block truncate text-[13px] font-medium",
+					className: "block truncate font-medium",
 					children: user.name
 				}), /* @__PURE__ */ jsx(Badge, {
 					tone: user.roleTone,
@@ -73,7 +73,7 @@ const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate,
 				/* @__PURE__ */ jsxs("div", {
 					className: "border-b px-3 pb-2 pt-1.5",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-[13px] font-medium",
+						className: "font-medium",
 						children: user.name
 					}), /* @__PURE__ */ jsx("div", {
 						className: "truncate text-xs text-muted-foreground",

package/dist/app-shell/sidebar-group.js

@@ -7,7 +7,7 @@ import { ChevronRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/sidebar-group.tsx
 const row = {
-	"text-large": "h-8 gap-2.5 px-2.5 text-[13px]",
+	"text-large": "h-8 gap-2.5 px-2.5",
 	"text-small": "h-7 gap-2 px-2 text-xs"
 };
 /** Lines the records up under the entry's icon. */

package/dist/app-shell/sidebar-item.js

@@ -10,7 +10,7 @@ const layout = {
 	icon: "size-9 justify-center",
 	"icon-label": "w-full flex-col gap-0.5 py-1.5 text-[10px]",
 	"icon-tooltip": "size-9 justify-center",
-	"icon-expand": "h-8 gap-3 px-3 text-[13px]"
+	"icon-expand": "h-8 gap-3 px-3"
 };
 const SidebarItem = ({ item, mode, active, onNavigate, className }) => {
 	const Icon = item.icon;

package/dist/app-shell/sidebar.js

@@ -62,11 +62,11 @@ const Sidebar = ({ mode, activeItem, user, workspace, forceExpanded, profileMenu
 						theme
 					}) : /* @__PURE__ */ jsxs(Fragment, { children: [theme && inline && /* @__PURE__ */ jsx(ThemeSwitch, {
 						theme,
-						className: "flex min-h-11 w-full items-center gap-2.5 whitespace-nowrap p-1.5 text-[13px] text-muted-foreground md:min-h-0"
+						className: "flex min-h-11 w-full items-center gap-2.5 whitespace-nowrap p-1.5 text-muted-foreground md:min-h-0"
 					}), signIn && /* @__PURE__ */ jsxs(RouteLink, {
 						to: signIn,
 						"aria-label": "Sign in",
-						className: "flex min-h-11 w-full items-center gap-2.5 rounded-md p-1.5 text-left text-[13px] font-medium text-muted-foreground hover:bg-muted hover:text-foreground md:min-h-0",
+						className: "flex min-h-11 w-full items-center gap-2.5 rounded-md p-1.5 text-left font-medium text-muted-foreground hover:bg-muted hover:text-foreground md:min-h-0",
 						children: [/* @__PURE__ */ jsx(LogIn, { className: "size-4 shrink-0" }), inline && /* @__PURE__ */ jsx("span", {
 							className: "whitespace-nowrap",
 							children: "Sign in"

package/dist/assistant-dock/part-view.js

@@ -24,10 +24,7 @@ const PartView = ({ part, onAction }) => {
 			actions: part.actions,
 			onAction: (actionId) => onAction?.(part.id, actionId),
 			children: [
-				part.body && /* @__PURE__ */ jsx("p", {
-					className: "text-[13px]",
-					children: part.body
-				}),
+				part.body && /* @__PURE__ */ jsx("p", { children: part.body }),
 				part.code && /* @__PURE__ */ jsx("pre", {
 					className: "overflow-x-auto rounded-md bg-surface px-2.5 py-2 font-mono text-[11px] whitespace-pre-wrap break-words",
 					children: part.code

package/dist/assistant-dock/widget-view.js

@@ -8,10 +8,7 @@ import { jsx } from "react/jsx-runtime";
 const Fallback = ({ part, note }) => part.fallback ? /* @__PURE__ */ jsx(ActionCard, {
 	title: part.fallback.title,
 	note,
-	children: part.fallback.body && /* @__PURE__ */ jsx("p", {
-		className: "text-[13px]",
-		children: part.fallback.body
-	})
+	children: part.fallback.body && /* @__PURE__ */ jsx("p", { children: part.fallback.body })
 }) : /* @__PURE__ */ jsx("p", {
 	className: "text-xs text-muted-foreground",
 	children: `${part.name}: ${note}`

package/dist/auth/auth-gate.js

@@ -130,13 +130,13 @@ const useAuthPage = (workspace, children) => {
 	};
 	switch (state.kind) {
 		case "loading": return /* @__PURE__ */ jsxs("div", {
-			className: "flex h-full min-h-48 items-center justify-center gap-2 text-[13px] text-muted-foreground",
+			className: "flex h-full min-h-48 items-center justify-center gap-2 text-muted-foreground",
 			children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
 		});
 		case "error": return /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full min-h-48 flex-col items-center justify-center gap-3 p-8 text-center",
 			children: [/* @__PURE__ */ jsxs("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: ["Cannot reach the server: ", state.message]
 			}), /* @__PURE__ */ jsx(Button, {
 				onClick: recheck,

package/dist/auth/auth-layout.js

@@ -15,7 +15,7 @@ const AuthLayout = ({ title, description, children }) => /* @__PURE__ */ jsx("di
 					children: title
 				}),
 				description && /* @__PURE__ */ jsx("p", {
-					className: "mt-1 text-[13px] text-muted-foreground",
+					className: "mt-1 text-muted-foreground",
 					children: description
 				})
 			]

package/dist/auth/code-form.js

@@ -16,7 +16,7 @@ const CodeForm = ({ title, description, explanation, submitLabel, onSubmit, onRe
 		description,
 		children: [
 			/* @__PURE__ */ jsx("p", {
-				className: "mb-4 text-[13px] text-muted-foreground",
+				className: "mb-4 text-muted-foreground",
 				children: explanation
 			}),
 			notice && /* @__PURE__ */ jsx("p", {
@@ -32,7 +32,7 @@ const CodeForm = ({ title, description, explanation, submitLabel, onSubmit, onRe
 				},
 				children: [
 					/* @__PURE__ */ jsxs("label", {
-						className: "flex flex-col gap-1.5 text-[13px] font-medium",
+						className: "flex flex-col gap-1.5 font-medium",
 						children: ["Code", /* @__PURE__ */ jsx(OtpInput, {
 							name: "code",
 							required: true,

package/dist/auth/first-run-page.js

@@ -16,7 +16,7 @@ const FirstRunPage = ({ command = createAdminCommand, onCheckAgain, busy }) => {
 		description: "This Protobase has no users to sign in with.",
 		children: [
 			/* @__PURE__ */ jsx("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: "Run this in the terminal where Protobase runs, then reload. The first admin is created on the server, not in the browser, so nobody else can claim a fresh URL."
 			}),
 			/* @__PURE__ */ jsxs("div", {

package/dist/auth/forgot-password-form.js

@@ -11,7 +11,7 @@ const ForgotPasswordForm = ({ onSubmit, back, busy, error, sentTo }) => {
 	if (sentTo) return /* @__PURE__ */ jsxs(AuthLayout, {
 		title: "Check your email",
 		children: [/* @__PURE__ */ jsxs("p", {
-			className: "text-[13px] text-muted-foreground",
+			className: "text-muted-foreground",
 			children: [
 				"If ",
 				/* @__PURE__ */ jsx("span", {
@@ -37,7 +37,7 @@ const ForgotPasswordForm = ({ onSubmit, back, busy, error, sentTo }) => {
 			},
 			children: [
 				/* @__PURE__ */ jsxs("label", {
-					className: "flex flex-col gap-1.5 text-[13px] font-medium",
+					className: "flex flex-col gap-1.5 font-medium",
 					children: ["Email", /* @__PURE__ */ jsx(Input, {
 						type: "email",
 						name: "email",

package/dist/auth/provider-sign-in-page.js

@@ -13,7 +13,7 @@ const ProviderRedirect = ({ name, workspace }) => /* @__PURE__ */ jsx(AuthLayout
 	description: workspace,
 	children: /* @__PURE__ */ jsxs("p", {
 		role: "status",
-		className: "flex items-center justify-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex items-center justify-center gap-2 text-muted-foreground",
 		children: [
 			/* @__PURE__ */ jsx(Spinner, {}),
 			" Taking you to ",

package/dist/auth/reset-password-form.js

@@ -10,7 +10,7 @@ const ResetPasswordForm = ({ onSubmit, invalidLink, onRequestNewLink, onBack, bu
 	if (invalidLink) return /* @__PURE__ */ jsxs(AuthLayout, {
 		title: "This link no longer works",
 		children: [/* @__PURE__ */ jsx("p", {
-			className: "text-[13px] text-muted-foreground",
+			className: "text-muted-foreground",
 			children: "A reset link works once, for a limited time. Ask for a new one to choose your password."
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "mt-4 flex flex-col gap-2",
@@ -40,7 +40,7 @@ const ResetPasswordForm = ({ onSubmit, invalidLink, onRequestNewLink, onBack, bu
 			},
 			children: [
 				/* @__PURE__ */ jsxs("label", {
-					className: "flex flex-col gap-1.5 text-[13px] font-medium",
+					className: "flex flex-col gap-1.5 font-medium",
 					children: ["New password", /* @__PURE__ */ jsx(Input, {
 						type: "password",
 						name: "new-password",
@@ -55,7 +55,7 @@ const ResetPasswordForm = ({ onSubmit, invalidLink, onRequestNewLink, onBack, bu
 					})]
 				}),
 				/* @__PURE__ */ jsxs("label", {
-					className: "flex flex-col gap-1.5 text-[13px] font-medium",
+					className: "flex flex-col gap-1.5 font-medium",
 					children: ["Repeat new password", /* @__PURE__ */ jsx(Input, {
 						type: "password",
 						name: "repeat-password",

package/dist/auth/setup-required-form.js

@@ -16,7 +16,7 @@ const SetupRequiredForm = ({ step, twoFactor, onAddPasskey, busy, error, onSignO
 		className: "flex flex-col gap-4",
 		children: [
 			/* @__PURE__ */ jsx("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: "A passkey signs you in with Face ID, Touch ID, Windows Hello, your phone or a security key. Your browser asks which one to use."
 			}),
 			error && /* @__PURE__ */ jsx("p", {
@@ -35,7 +35,7 @@ const SetupRequiredForm = ({ step, twoFactor, onAddPasskey, busy, error, onSignO
 	}), /* @__PURE__ */ jsx("button", {
 		type: "button",
 		onClick: onSignOut,
-		className: "mt-4 w-full text-center text-[13px] font-medium text-muted-foreground hover:underline",
+		className: "mt-4 w-full text-center font-medium text-muted-foreground hover:underline",
 		children: "Sign out"
 	})]
 });

package/dist/auth/setup-required-page.js

@@ -28,7 +28,7 @@ const SetupRequiredPage = ({ missing }) => {
 		}
 	};
 	if (!methods && !error) return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full min-h-48 items-center justify-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex h-full min-h-48 items-center justify-center gap-2 text-muted-foreground",
 		children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
 	});
 	return /* @__PURE__ */ jsx(SetupRequiredForm, {