@protobase/ui 0.19.9 → 0.19.11

package/dist/app/pages/blocks/record-row.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../../meta-gate.js";
-import { RecordRowBody } from "../../record-row/record-row-body.js";
 import { propsOf } from "./block-props.js";
 import { CardFrame } from "./card-frame.js";
+import { RecordRowBody } from "../../record-row/record-row-body.js";
 import { SavedRecordRow } from "../../record-row/saved-record-row.js";
 import { SavedSearchRows } from "../../searches/saved-search-rows.js";
 import { jsx } from "react/jsx-runtime";

package/dist/app/pages/blocks/show.js

@@ -1,9 +1,9 @@
 import { useClient } from "../../../data/api-provider.js";
 import { useAdminMeta } from "../../meta-gate.js";
-import { countQuery } from "../use-layout-data.js";
-import { usePathValues } from "../use-path-value.js";
 import { useLayoutRecord } from "../record-scope.js";
+import { countQuery } from "../use-layout-data.js";
 import { propsOf } from "./block-props.js";
+import { usePathValues } from "../use-path-value.js";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import { useQueries } from "@tanstack/react-query";

package/dist/app/pages/blocks/stat.js

@@ -1,12 +1,12 @@
 import { Skeleton } from "../../../primitives/skeleton.js";
 import { useAdminMeta } from "../../meta-gate.js";
+import { useLayoutRecord } from "../record-scope.js";
 import { AppLink } from "../../use-app-address.js";
 import { useCount } from "../use-layout-data.js";
-import { FieldValue } from "../field-value.js";
-import { usePathValue } from "../use-path-value.js";
-import { useLayoutRecord } from "../record-scope.js";
 import { propsOf } from "./block-props.js";
 import { CardFrame } from "./card-frame.js";
+import { FieldValue } from "../field-value.js";
+import { usePathValue } from "../use-path-value.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/pages/blocks/stat.tsx
 const big = "text-2xl font-semibold tracking-tight tabular-nums";

package/dist/app/pages/blocks/table.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../../meta-gate.js";
-import { EmbeddedDisplaySwitch, EmbeddedList } from "../../embedded-list/embedded-list.js";
 import { propsOf } from "./block-props.js";
 import { CardFrame } from "./card-frame.js";
+import { EmbeddedDisplaySwitch, EmbeddedList } from "../../embedded-list/embedded-list.js";
 import { useEmbeddedDisplay } from "../../embedded-list/use-embedded-display.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/pages/blocks/table.tsx

package/dist/app/pages/field-value.js

@@ -1,17 +1,17 @@
 import { cn } from "../../lib/cn.js";
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
-import { fetchLabels } from "../../live/relation-labels.js";
+import { useAdminMeta } from "../meta-gate.js";
 import { fileShown, shownImage } from "../../live/file-values.js";
 import { displayValue } from "../../live/display-value.js";
-import { useAdminMeta } from "../meta-gate.js";
 import { AppLink } from "../use-app-address.js";
 import { FileImage } from "../../live/file-image.js";
+import { fetchLabels } from "../../live/relation-labels.js";
 import { useShownWidget } from "../field-types/shown-widget.js";
 import { WidgetPart } from "../field-types/widget-part.js";
-import { Markdown } from "../../markdown/markdown.js";
 import { isMarkdown } from "../../markdown/markdown-hint.js";
 import { ValueBadge } from "../value-badge.js";
+import { Markdown } from "../../markdown/markdown.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 //#region src/app/pages/field-value.tsx

package/dist/app/pages/record-actions.js

@@ -1,7 +1,7 @@
-import { AppLink, useAppAddress } from "../use-app-address.js";
-import { ActionRail } from "../../record-view/action-rail.js";
 import { ConfirmAction } from "./confirm-action.js";
+import { AppLink, useAppAddress } from "../use-app-address.js";
 import { useActionRunner } from "./use-run-action.js";
+import { ActionRail } from "../../record-view/action-rail.js";
 import { actionIcon } from "../action-icon.js";
 import { useState } from "react";
 import { Pencil, Trash2 } from "lucide-react";

package/dist/app/pages/use-run-action.js

@@ -2,10 +2,10 @@ import { useClient, useResourceClient } from "../../data/api-provider.js";
 import { useToast } from "../../toasts/toast-provider.js";
 import { useProjectUi } from "./project-ui.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
-import { useAppAddress } from "../use-app-address.js";
 import { can } from "../permissions.js";
-import { useRefreshResource } from "./use-layout-data.js";
+import { useAppAddress } from "../use-app-address.js";
 import { actionFor, linkTarget, openLink } from "./action-href.js";
+import { useRefreshResource } from "./use-layout-data.js";
 import { useState } from "react";
 import { fillAddress } from "@protobase/schema/internal";
 //#region src/app/pages/use-run-action.ts

package/dist/app/record-page.js

@@ -9,29 +9,29 @@ import { useRecord } from "../data/use-record.js";
 import { recordTitle } from "../live/model-helpers.js";
 import { humanize } from "../live/naming.js";
 import { useProjectUi } from "./pages/project-ui.js";
+import { Notice, useAdminMeta, usePermissions } from "./meta-gate.js";
+import { can, fieldAccess } from "./permissions.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";
 import { shownWidget } from "./field-types/shown-widget.js";
 import { WidgetPart } from "./field-types/widget-part.js";
-import { Markdown } from "../markdown/markdown.js";
 import { isMarkdown } from "../markdown/markdown-hint.js";
-import { FieldEditor } from "./field-editor.js";
-import { can, fieldAccess } from "./permissions.js";
+import { toneFor } from "../live/columns-from-model.js";
+import { ValueBadge } from "./value-badge.js";
+import { Markdown } from "../markdown/markdown.js";
+import { FieldValue } from "./pages/field-value.js";
 import { Field } from "../record-view/field.js";
 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 { FieldEditor } from "./field-editor.js";
+import { namedIcon } from "./named-icon.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";
 import { CustomSection } from "./custom-section.js";
 import { MapSection } from "./map/map-section.js";

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

@@ -1,14 +1,14 @@
 import { useIsXs } from "../../lib/use-media-query.js";
 import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
+import { useAdminMeta } from "../meta-gate.js";
 import { displaysOf, loadedFields } from "../displays/list-displays.js";
 import { defaultOrderBy } from "../list-order.js";
-import { useAdminMeta } from "../meta-gate.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { useLiveRows } from "../../live/use-live-rows.js";
-import { FilterChipList } from "../searches/filter-chip-list.js";
 import { viewAllAddress } from "../embedded-list/embedded-display.js";
+import { FilterChipList } from "../searches/filter-chip-list.js";
 import { useFilterChips } from "../searches/use-filter-chips.js";
 import { RecordRow } from "./record-row.js";
 import { useMemo } from "react";

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

@@ -1,7 +1,7 @@
 import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
-import { listedResource } from "../current-address.js";
 import { useAdminMeta } from "../meta-gate.js";
+import { listedResource } from "../current-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { savedScope } from "../saved/saved-records.js";
 import { useSavedRecords } from "../saved/use-saved-records.js";

package/dist/app/related-section.js

@@ -3,8 +3,8 @@ import { keys } from "../data/query-keys.js";
 import { useClient } from "../data/api-provider.js";
 import { useAdminMeta } from "./meta-gate.js";
 import { ErrorBanner } from "./error-banner.js";
-import { Section } from "../record-view/section.js";
 import { listColumnNames } from "../live/columns-from-model.js";
+import { Section } from "../record-view/section.js";
 import { EmbeddedDisplaySwitch, EmbeddedList } from "./embedded-list/embedded-list.js";
 import { useEmbeddedDisplay } from "./embedded-list/use-embedded-display.js";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,25 +1,49 @@
-import { formatDateTime } from "../../format/date.js";
+import { formatAgo, formatDateTime } from "../../format/date.js";
 import { isApiError } from "@protobase/client";
 //#region src/app/runtime/runtime-status.ts
 /** The top bar shows the update button only when there is an update and the endpoint wants it shown. */
 const showsUpdateButton = (status) => Boolean(status?.updateAvailable && status.indicator);
+/** How often the status is read again: rarely, and every few seconds while an update runs so its progress shows. */
+const refreshMs = (updating) => updating ? 5e3 : 18e5;
 const policyLabels = {
 	immediate: "Updates as soon as a release is out",
 	weekly: "Updates at a set time every week",
 	scheduled: "Updates at the time set for this release",
 	manual: "Updates only when asked to"
 };
-/** When the latest version will be applied on its own, in words. */
-const nextUpdateText = (status) => {
-	if (status.updating) return "Updating now";
+const stageLabels = {
+	job: "Preparing the update",
+	build: "Building"
+};
+const runningText = (status, now) => {
+	if (!status.updateStage) return "Updating now";
+	const label = stageLabels[status.updateStage];
+	if (!status.updateStartedAt) return label;
+	const seconds = Math.max(0, Math.floor((now - Date.parse(status.updateStartedAt)) / 1e3));
+	return `${label}, started ${formatAgo(seconds)}`;
+};
+/** How far the running update is, or when the latest version will be applied on its own, in words; `now` in ms. */
+const nextUpdateText = (status, now = Date.now()) => {
+	if (status.updating) return runningText(status, now);
 	if (status.nextUpdateAt) return `${policyLabels[status.policy]}: next on ${formatDateTime(Date.parse(status.nextUpdateAt))} UTC`;
 	return policyLabels[status.policy];
 };
-/** Why "Update now" failed, in words. */
+/** How the last update ended, in words, with the endpoint's message for the owner when it has one. */
+const lastUpdateText = (last) => {
+	const when = `${formatDateTime(Date.parse(last.finishedAt))} UTC`;
+	const headline = {
+		succeeded: `Updated to ${last.toVersion} on ${when}`,
+		unchanged: `The update to ${last.toVersion} on ${when} changed nothing`,
+		failed: `The update to ${last.toVersion} failed on ${when}`
+	}[last.outcome];
+	return last.message ? `${headline}: ${last.message}` : `${headline}.`;
+};
+/** Why "Update now" failed, in words: the endpoint's own message for a refusal, when it sends one. */
 const updateErrorText = (error) => {
+	if (isApiError(error) && error.status < 500 && error.problem.detail) return error.problem.detail;
 	if (isApiError(error) && error.status === 409) return "Already on the latest version, or an update is running.";
 	if (isApiError(error) && error.status === 403) return "Only an admin can update the runtime.";
 	return "The update could not be started. Try again later.";
 };
 //#endregion
-export { nextUpdateText, showsUpdateButton, updateErrorText };
+export { lastUpdateText, nextUpdateText, refreshMs, showsUpdateButton, updateErrorText };

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

@@ -0,0 +1,66 @@
+import { Spinner } from "../../primitives/spinner.js";
+import { Button } from "../../primitives/button.js";
+import { Dialog } from "../../primitives/dialog.js";
+import { lastUpdateText, nextUpdateText, updateErrorText } from "./runtime-status.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/app/runtime/runtime-update-dialog.tsx
+const Row = ({ label, value }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex justify-between gap-4 py-1",
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: label
+	}), /* @__PURE__ */ jsx("span", {
+		className: "font-medium tabular-nums",
+		children: value
+	})]
+});
+/**
+* The runtime update dialog: the versions, how far a running update is or when the policy applies the latest one, how
+* the last update ended (while none runs), and "Update now".
+*/
+const RuntimeUpdateDialog = ({ status, requesting, error, checkError, onUpdate, onClose }) => {
+	const last = status.updating ? void 0 : status.lastUpdate;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		title: "Runtime update",
+		description: status.updating ? /* @__PURE__ */ jsxs("span", {
+			className: "inline-flex items-center gap-1.5",
+			children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), nextUpdateText(status)]
+		}) : nextUpdateText(status),
+		onClose,
+		actions: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+			onClick: onClose,
+			children: "Close"
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "primary",
+			loading: requesting,
+			disabled: status.updating || !status.updateAvailable,
+			onClick: onUpdate,
+			children: status.updating ? "Updating…" : "Update now"
+		})] }),
+		children: [
+			/* @__PURE__ */ jsx(Row, {
+				label: "Current version",
+				value: status.version
+			}),
+			/* @__PURE__ */ jsx(Row, {
+				label: "Latest version",
+				value: status.latest
+			}),
+			last && /* @__PURE__ */ jsx("p", {
+				className: last.outcome === "failed" ? "mt-3 text-danger-text" : "mt-3 text-muted-foreground",
+				children: lastUpdateText(last)
+			}),
+			error !== void 0 && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "mt-3 text-danger-text",
+				children: updateErrorText(error)
+			}),
+			checkError !== void 0 && /* @__PURE__ */ jsx("p", {
+				className: "mt-3 text-muted-foreground",
+				children: "The status could not be checked again; this is the last one read."
+			})
+		]
+	});
+};
+//#endregion
+export { RuntimeUpdateDialog };

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

@@ -1,24 +1,14 @@
 import { Button } from "../../primitives/button.js";
-import { Dialog } from "../../primitives/dialog.js";
-import { nextUpdateText, showsUpdateButton, updateErrorText } from "./runtime-status.js";
+import { showsUpdateButton } from "./runtime-status.js";
+import { RuntimeUpdateDialog } from "./runtime-update-dialog.js";
 import { useRuntimeClient, useRuntimeStatus } from "./use-runtime-status.js";
 import { useState } from "react";
 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",
-	children: [/* @__PURE__ */ jsx("span", {
-		className: "text-muted-foreground",
-		children: label
-	}), /* @__PURE__ */ jsx("span", {
-		className: "font-medium tabular-nums",
-		children: value
-	})]
-});
 /**
 * The top bar's runtime update button, shown while the endpoint reports an update and wants it shown, and the dialog
-* it opens: the versions, when the update policy applies the latest one, and "Update now". Below `md` only the icon shows.
+* it opens. On mobile only the icon shows.
 */
 const RuntimeUpdate = ({ client }) => {
 	const { status, update, requesting, error, checkError } = useRuntimeStatus(client);
@@ -35,39 +25,13 @@ const RuntimeUpdate = ({ client }) => {
 			className: "max-md:sr-only",
 			children: "Update"
 		})]
-	}), open && /* @__PURE__ */ jsxs(Dialog, {
-		title: "Runtime update",
-		description: nextUpdateText(status),
-		onClose: () => setOpen(false),
-		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
-			onClick: () => setOpen(false),
-			children: "Close"
-		}), /* @__PURE__ */ jsx(Button, {
-			variant: "primary",
-			loading: requesting,
-			disabled: status.updating || !status.updateAvailable,
-			onClick: () => void update(),
-			children: status.updating ? "Updating…" : "Update now"
-		})] }),
-		children: [
-			/* @__PURE__ */ jsx(Row, {
-				label: "Current version",
-				value: status.version
-			}),
-			/* @__PURE__ */ jsx(Row, {
-				label: "Latest version",
-				value: status.latest
-			}),
-			error !== void 0 && /* @__PURE__ */ jsx("p", {
-				role: "alert",
-				className: "mt-3 text-danger-text",
-				children: updateErrorText(error)
-			}),
-			checkError !== void 0 && /* @__PURE__ */ jsx("p", {
-				className: "mt-3 text-muted-foreground",
-				children: "The status could not be checked again; this is the last one read."
-			})
-		]
+	}), open && /* @__PURE__ */ jsx(RuntimeUpdateDialog, {
+		status,
+		requesting,
+		error,
+		checkError,
+		onUpdate: () => void update(),
+		onClose: () => setOpen(false)
 	})] });
 };
 const OwnRuntimeUpdate = ({ url }) => /* @__PURE__ */ jsx(RuntimeUpdate, { client: useRuntimeClient(url) });

package/dist/app/runtime/use-runtime-status.js

@@ -1,10 +1,8 @@
 import { useApiToken } from "../../auth/use-api-token.js";
+import { refreshMs } from "./runtime-status.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { createRuntimeClient } from "@protobase/client";
 //#region src/app/runtime/use-runtime-status.ts
-/** How often the status is read again: rarely, and more often while an update runs so the button goes away when it is done. */
-const refreshMs = 18e5;
-const updatingRefreshMs = 3e4;
 /** A client of the runtime endpoint at `url`, authenticated as the signed-in user; `undefined` until their token is there. */
 const useRuntimeClient = (url) => {
 	const token = useApiToken();
@@ -17,7 +15,7 @@ const useRuntimeClient = (url) => {
 	}) : void 0, [url, ready]);
 };
 /**
-* The runtime's status, read on load and every half hour after, and `update` to apply the latest version now.
+* The runtime's status, read on load and every half hour after (every few seconds while an update runs), and `update` to apply the latest version now.
 * `status` keeps the last answer when a later read fails, which `checkError` then holds; `error` is why "Update now" failed.
 */
 const useRuntimeStatus = (client) => {
@@ -35,7 +33,7 @@ const useRuntimeStatus = (client) => {
 			setCheckError(void 0);
 		}, (reason) => active && setCheckError(reason));
 		read();
-		const timer = setInterval(() => void read(), updating ? updatingRefreshMs : refreshMs);
+		const timer = setInterval(() => void read(), refreshMs(updating));
 		return () => {
 			active = false;
 			clearInterval(timer);

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

@@ -5,8 +5,8 @@ import { useAdminMeta } from "../meta-gate.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { InlineFilterChips } from "./filter-chip-list.js";
-import { useSavedSearches } from "./use-saved-searches.js";
 import { RecordRowBody } from "../record-row/record-row-body.js";
+import { useSavedSearches } from "./use-saved-searches.js";
 import { useSearchRow } from "./use-search-row.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { encodeKey } from "@protobase/schema/internal";

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

@@ -5,10 +5,10 @@ import { useToast } from "../../toasts/toast-provider.js";
 import { AppLink } from "../use-app-address.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { InlineFilterChips } from "./filter-chip-list.js";
-import { SearchNameDialog } from "./search-name-dialog.js";
 import { RecordRowBody } from "../record-row/record-row-body.js";
-import { SearchControls } from "./search-controls.js";
 import { useSearchRow } from "./use-search-row.js";
+import { SearchNameDialog } from "./search-name-dialog.js";
+import { SearchControls } from "./search-controls.js";
 import { useState } from "react";
 import { Pencil, Trash2 } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -3,11 +3,11 @@ import { PageHeader } from "../../app-shell/page-header.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { humanize } from "../../live/naming.js";
 import { Notice, useAdminMeta, usePermissions } from "../meta-gate.js";
+import { can } from "../permissions.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
-import { can } from "../permissions.js";
-import { useDeleteFlow } from "../delete/use-delete-flow.js";
 import { useSavedSearches } from "./use-saved-searches.js";
+import { useDeleteFlow } from "../delete/use-delete-flow.js";
 import { SavedSearchSection } from "./saved-search-section.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { encodeKey } from "@protobase/schema/internal";

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

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { humanize } from "../../live/naming.js";
 import { useToast } from "../../toasts/toast-provider.js";
-import { Switch } from "../../primitives/switch.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
+import { Switch } from "../../primitives/switch.js";
 import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMutation } from "@tanstack/react-query";

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

@@ -1,7 +1,7 @@
 import { Input } from "../../primitives/input.js";
 import { Button } from "../../primitives/button.js";
-import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { FilterChipList } from "./filter-chip-list.js";
+import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { useId, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/searches/search-name-dialog.tsx

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

@@ -3,11 +3,11 @@ import { Button } from "../../primitives/button.js";
 import { useClient } from "../../data/api-provider.js";
 import { humanize } from "../../live/naming.js";
 import { defaultOrderBy } from "../list-order.js";
-import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { countQuery } from "../pages/use-layout-data.js";
+import { useFilterChips } from "./use-filter-chips.js";
+import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { EmbeddedList } from "../embedded-list/embedded-list.js";
 import { addedFilter, filterChanges, netChange, removedFilter } from "./search-diff.js";
-import { useFilterChips } from "./use-filter-chips.js";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";

package/dist/app/searches/use-filter-chips.js

@@ -1,7 +1,7 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
-import { fetchLabels } from "../../live/relation-labels.js";
 import { useAdminMeta } from "../meta-gate.js";
+import { fetchLabels } from "../../live/relation-labels.js";
 import { chosenRelations, filterChips } from "./saved-search.js";
 import { useQueries, useQueryClient } from "@tanstack/react-query";
 //#region src/app/searches/use-filter-chips.ts

package/dist/app/searches/use-save-search.js

@@ -3,11 +3,11 @@ import { recordKey } from "../../live/model-helpers.js";
 import { humanize } from "../../live/naming.js";
 import { useToast } from "../../toasts/toast-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
-import { useAppAddress } from "../use-app-address.js";
 import { can } from "../permissions.js";
+import { useAppAddress } from "../use-app-address.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
-import { useOpenedSearch } from "./use-opened-search.js";
 import { useSavedSearches } from "./use-saved-searches.js";
+import { useOpenedSearch } from "./use-opened-search.js";
 import { useMutation } from "@tanstack/react-query";
 import { encodeKey } from "@protobase/schema/internal";
 //#region src/app/searches/use-save-search.ts

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

@@ -1,7 +1,7 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
-import { defaultOrderBy } from "../list-order.js";
 import { useAdminMeta } from "../meta-gate.js";
+import { defaultOrderBy } from "../list-order.js";
 import { useQuery } from "@tanstack/react-query";
 //#region src/app/searches/use-saved-searches.ts
 /** Where the user's saved searches of `resource` are cached; a list key, so a write to the resource refreshes it. */

package/dist/app/searches/use-search-row.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { humanize } from "../../live/naming.js";
 import { countQuery, useRefreshResource } from "../pages/use-layout-data.js";
-import { isUnseen, unseenFilter } from "./saved-search.js";
 import { chipsText } from "./filter-chip-list.js";
+import { isUnseen, unseenFilter } from "./saved-search.js";
 import { useFilterChips } from "./use-filter-chips.js";
 import { useMutation, useQuery } from "@tanstack/react-query";
 //#region src/app/searches/use-search-row.ts

package/dist/app/sensitive-field.js

@@ -3,8 +3,8 @@ import { Input } from "../primitives/input.js";
 import { Button } from "../primitives/button.js";
 import { humanize } from "../live/naming.js";
 import { displayValue } from "../live/display-value.js";
-import { toDraft } from "../live/field-values.js";
 import { ErrorBanner } from "./error-banner.js";
+import { toDraft } from "../live/field-values.js";
 import { useState } from "react";
 import { Eye, EyeOff } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/app/use-app-address.js

@@ -1,7 +1,7 @@
 import { useIsXs } from "../lib/use-media-query.js";
 import { Link, useRouter } from "./router.js";
-import { changedList, currentAddress, listDefaults, listedResource } from "./current-address.js";
 import { useAdminMeta } from "./meta-gate.js";
+import { changedList, currentAddress, listDefaults, listedResource } from "./current-address.js";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { appPath, readAppPath } from "@protobase/schema";

package/dist/app/value-badge.js

@@ -1,6 +1,6 @@
 import { Badge } from "../primitives/badge.js";
-import { valueColor } from "../live/value-color.js";
 import { toneFor } from "../live/columns-from-model.js";
+import { valueColor } from "../live/value-color.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/app/value-badge.tsx
 /** A stored value as a badge: filled with the colour the view gives it and in its badge shape, else in its tone. */

package/dist/auth/sign-in-prompt.js

@@ -2,8 +2,8 @@ import { RouteLink } from "../primitives/route-link.js";
 import { useAuth } from "./auth-provider.js";
 import { Button, buttonClass } from "../primitives/button.js";
 import { useSignInAddress } from "./use-sign-in-address.js";
-import { ResponsiveDialog } from "../primitives/responsive-dialog.js";
 import { namedIcon } from "../app/named-icon.js";
+import { ResponsiveDialog } from "../primitives/responsive-dialog.js";
 import { useId } from "react";
 import { Check, LogIn } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/data-grid/cells.js

@@ -6,8 +6,8 @@ import { formatInt, formatPercent, formatSigned } from "../format/number.js";
 import { formatDate, formatDateTime } from "../format/date.js";
 import { fileShown, shownImage } from "../live/file-values.js";
 import { FileImage } from "../live/file-image.js";
-import { userById } from "../mocks/users.js";
 import { valueColor } from "../live/value-color.js";
+import { userById } from "../mocks/users.js";
 import { Check, Paperclip } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { enumLabel } from "@protobase/schema";

package/dist/format/date.js

@@ -19,6 +19,12 @@ const time = new Intl.DateTimeFormat("en-GB", {
 const formatDate = (ms) => day.format(ms);
 const formatDayShort = (ms) => dayShort.format(ms);
 const formatDateTime = (ms) => `${day.format(ms)}, ${time.format(ms)}`;
+const formatAgo = (seconds) => {
+	if (seconds < 60) return `${seconds} s ago`;
+	if (seconds < 3600) return `${Math.floor(seconds / 60)} min ago`;
+	if (seconds < 86400) return `${Math.floor(seconds / 3600)} h ago`;
+	return `${Math.floor(seconds / 86400)} d ago`;
+};
 new Intl.RelativeTimeFormat("en", { numeric: "auto" });
 //#endregion
-export { formatDate, formatDateTime, formatDayShort };
+export { formatAgo, formatDate, formatDateTime, formatDayShort };

package/dist/index.d.ts

@@ -48,5 +48,13 @@ import { CodeForm, CodeFormProps } from "./auth/code-form.js";
 import { ResendCodeButton, ResendCodeButtonProps } from "./auth/resend-code-button.js";
 import { Button, ButtonProps, buttonClass } from "./primitives/button.js";
 import { Input, InputProps } from "./primitives/input.js";
+import { Textarea, TextareaProps } from "./primitives/textarea.js";
+import { Segmented, SegmentedOption, SegmentedProps } from "./primitives/segmented.js";
+import { MenuSelect, MenuSelectProps } from "./primitives/menu-select.js";
+import { ChoiceOption, Choices, ChoicesProps } from "./primitives/choices.js";
+import { Dialog, DialogProps } from "./primitives/dialog.js";
+import { Field, FieldProps } from "./record-view/field.js";
+import { Section } from "./record-view/section.js";
+import { Form, FormProps } from "./app/create/form.js";
 import { Spinner } from "./primitives/spinner.js";
-export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ApiProvider, type ApiProviderProps, App, AppLink, type AppProps, AssistantDock, type AssistantDockProps, AuthLayout, type AuthLayoutProps, type BackendData, type BackendRefresh, type BeforeSignInProps, Button, type ButtonProps, type CardAction, type CardTone, ChatMessage, ChatThread, type ChatThreadProps, CodeForm, type CodeFormProps, CompactTable, type CompactTableProps, Composer, type ComposerProps, type CurrentAddress, type DiffLine, DiffView, type DiffViewProps, FieldList, type FieldWidget, type FieldWidgetEditorProps, type FieldWidgetProps, Input, type InputProps, type LayoutRecord, type ListAddress, type ListChange, type ListDisplay, type ListDisplayRow, LogoMark, type MetaData, OtpInput, type OtpInputProps, PartView, type PluginInfo, type ProjectUi, type RecordCardProps, RecordLink, ResendCodeButton, type ResendCodeButtonProps, ResponsiveDialog, type ResponsiveDialogProps, type ShellLogoProps, SidePanel, type SidePanelProps, SignInPrompt, type SignInPromptProps, Spinner, type Step, StepList, type StepState, buttonClass, definePlugin, defineUi, diffStats, isConflict, mergeUi, parseDiff, pluginApi, protobaseVersion, uiFromModule, useApiToken, useAppAddress, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useHistogram, useLayoutRecord, useList, useListDisplay, useMeta, usePlugin, useRecord, useResourceClient, useSeries, useUpdateRecord };
+export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ApiProvider, type ApiProviderProps, App, AppLink, type AppProps, AssistantDock, type AssistantDockProps, AuthLayout, type AuthLayoutProps, type BackendData, type BackendRefresh, type BeforeSignInProps, Button, type ButtonProps, type CardAction, type CardTone, ChatMessage, ChatThread, type ChatThreadProps, type ChoiceOption, Choices, type ChoicesProps, CodeForm, type CodeFormProps, CompactTable, type CompactTableProps, Composer, type ComposerProps, type CurrentAddress, Dialog, type DialogProps, type DiffLine, DiffView, type DiffViewProps, Field, FieldList, type FieldProps, type FieldWidget, type FieldWidgetEditorProps, type FieldWidgetProps, Form, type FormProps, Input, type InputProps, type LayoutRecord, type ListAddress, type ListChange, type ListDisplay, type ListDisplayRow, LogoMark, MenuSelect, type MenuSelectProps, type MetaData, OtpInput, type OtpInputProps, PartView, type PluginInfo, type ProjectUi, type RecordCardProps, RecordLink, ResendCodeButton, type ResendCodeButtonProps, ResponsiveDialog, type ResponsiveDialogProps, Section, Segmented, type SegmentedOption, type SegmentedProps, type ShellLogoProps, SidePanel, type SidePanelProps, SignInPrompt, type SignInPromptProps, Spinner, type Step, StepList, type StepState, Textarea, type TextareaProps, buttonClass, definePlugin, defineUi, diffStats, isConflict, mergeUi, parseDiff, pluginApi, protobaseVersion, uiFromModule, useApiToken, useAppAddress, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useHistogram, useLayoutRecord, useList, useListDisplay, useMeta, usePlugin, useRecord, useResourceClient, useSeries, useUpdateRecord };