@protobase/ui 0.63.3 → 0.63.5

package/dist/account/devices-section.js

@@ -1,8 +1,8 @@
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
-import { formatDateTime } from "../format/date.js";
 import { Badge } from "../primitives/badge.js";
+import { formatDateTime } from "../format/date.js";
 import { AccountSection, SectionError } from "./account-section.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { deviceOf } from "./device-name.js";

package/dist/account/passkeys-section.js

@@ -1,9 +1,9 @@
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
+import { Badge } from "../primitives/badge.js";
 import { formatDate } from "../format/date.js";
 import { Input } from "../primitives/input.js";
-import { Badge } from "../primitives/badge.js";
 import { AccountSection, SectionError } from "./account-section.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { useState } from "react";

package/dist/account/staff-sign-in-log.js

@@ -1,6 +1,6 @@
 import { text } from "./messages.js";
-import { formatDateTime } from "../format/date.js";
 import { Badge } from "../primitives/badge.js";
+import { formatDateTime } from "../format/date.js";
 import { AccountSection, SectionError } from "./account-section.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/account/staff-sign-in-log.tsx

package/dist/activity-chart/activity-chart.js

@@ -1,8 +1,8 @@
 import { cn } from "../lib/cn.js";
 import { useMediaQuery } from "../lib/use-media-query.js";
-import { activitySeries } from "../mocks/activity.js";
-import { formatInt } from "../format/number.js";
 import { formatDayShort } from "../format/date.js";
+import { formatInt } from "../format/number.js";
+import { activitySeries } from "../mocks/activity.js";
 import { Segmented } from "../primitives/segmented.js";
 import { halfOverHalfDelta, totalCount } from "./activity-math.js";
 import { ActivityTooltip } from "./activity-tooltip.js";

package/dist/activity-chart/activity-tooltip.js

@@ -1,5 +1,5 @@
-import { formatInt } from "../format/number.js";
 import { formatDate } from "../format/date.js";
+import { formatInt } from "../format/number.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/activity-chart/activity-tooltip.tsx
 const ActivityTooltip = ({ active, payload, noun }) => {

package/dist/app/app.js

@@ -5,7 +5,6 @@ import { ApiProvider } from "../data/api-provider.js";
 import { sourceStatusOf } from "../data/with-sources.js";
 import { MetaGate, Notice, useAdminMeta } from "./meta-gate.js";
 import { pageTabs, shownPageTab } from "./pages/page-tabs.js";
-import { ToastProvider } from "../toasts/toast-provider.js";
 import { humanize } from "../live/naming.js";
 import { text } from "./messages.js";
 import { Router, useRouter } from "./router.js";
@@ -17,6 +16,7 @@ import { isAdmin, userToShell } from "../auth/user-to-shell.js";
 import { startErrorReporting } from "./error-reporting.js";
 import { slotted } from "../locale/slotted.js";
 import { CustomBoundary } from "./pages/custom-boundary.js";
+import { ToastProvider } from "../toasts/toast-provider.js";
 import { useSidebarNoticeShown } from "../app-shell/sidebar-notice.js";
 import { AppShell } from "../app-shell/app-shell.js";
 import { useSignInAddress } from "../auth/use-sign-in-address.js";

package/dist/app/change-confirm/use-change-confirm.js

@@ -5,13 +5,12 @@ import { asksToConfirm } from "./asks-to-confirm.js";
 import { text } from "./messages.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
 //#region src/app/change-confirm/use-change-confirm.tsx
 /**
 * Whether `node` sits in the question a change asks. The dialog is portalled to the body, so a list cell does not clip
 * it, while its events still bubble through the editor that asked it.
 */
-const inChangeConfirm = (node) => node instanceof Element && node.closest("[data-change-confirm]") !== null;
+const inChangeConfirm = (node) => node instanceof Element && node.closest("[data-dialog=\"change-confirm\"]") !== null;
 /**
 * The field's `onChange`, asking the view's `.confirm()` question before it hands on a change that `asksToConfirm`
 * picks out, and the dialog that asks it. Cancelling drops the change, so the field keeps its value.
@@ -29,22 +28,20 @@ const useChangeConfirm = ({ field, hints, value, stored, onChange }) => {
 	};
 	return {
 		onChange: change,
-		dialog: pending && createPortal(/* @__PURE__ */ jsx("div", {
-			"data-change-confirm": "",
-			children: /* @__PURE__ */ jsx(Dialog, {
-				title: text("title", hints?.label ?? humanize(field.name)),
-				description: hints?.confirm,
-				onClose: cancel,
-				actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
-					onClick: cancel,
-					children: text("cancel")
-				}), /* @__PURE__ */ jsx(Button, {
-					variant: "primary",
-					onClick: confirm,
-					children: text("change")
-				})] })
-			})
-		}), document.body)
+		dialog: pending && /* @__PURE__ */ jsx(Dialog, {
+			name: "change-confirm",
+			title: text("title", hints?.label ?? humanize(field.name)),
+			description: hints?.confirm,
+			onClose: cancel,
+			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+				onClick: cancel,
+				children: text("cancel")
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				onClick: confirm,
+				children: text("change")
+			})] })
+		})
 	};
 };
 //#endregion

package/dist/app/charts/chart-view.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../meta-gate.js";
 import { viewerZone } from "../../format/zone.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { labelFieldOf } from "../../live/model-helpers.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { useAggregate } from "../../data/use-aggregates.js";
 import { text } from "./messages.js";
 import { periodPoints, valueSlices } from "./chart-groups.js";

package/dist/app/comments/comment-composer.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { Button } from "../../primitives/button.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { refusalReason } from "../displays/board-columns.js";
 import { useNavigationGuard } from "../router.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { mentionedIds } from "../../mentions/mention-text.js";
 import { MentionBox, emptyDraft } from "../../mentions/mention-box.js";
 import { usePostComment } from "./use-post-comment.js";

package/dist/app/comments/comments-section.js

@@ -1,8 +1,8 @@
 import { Button } from "../../primitives/button.js";
-import { formatDateTime, formatRelativeTime } from "../../format/date.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { Avatar } from "../../primitives/avatar.js";
 import { Section } from "../../record-view/section.js";
+import { formatDateTime, formatRelativeTime } from "../../format/date.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { hueOf, initialsOf } from "../../auth/user-to-shell.js";
 import { CommentBody } from "./comment-body.js";

package/dist/app/create/create-record-form.js

@@ -1,5 +1,5 @@
-import { Field } from "../../record-view/field.js";
 import { Section } from "../../record-view/section.js";
+import { Field } from "../../record-view/field.js";
 import { text } from "./messages.js";
 import { Form } from "./form.js";
 import { jsx } from "react/jsx-runtime";

package/dist/app/custom-section.js

@@ -1,6 +1,6 @@
 import { Section } from "../record-view/section.js";
-import { SidebarCard } from "../record-view/record-sidebar.js";
 import { text } from "./messages.js";
+import { SidebarCard } from "../record-view/record-sidebar.js";
 import { useProjectUi } from "./pages/project-ui.js";
 import { Problem } from "./pages/problem.js";
 import { slotted } from "../locale/slotted.js";

package/dist/app/delete/use-delete-flow.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { humanize } from "../../live/naming.js";
 import { useAppAddress } from "../use-app-address.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { text } from "./messages.js";
 import { blockedDelete } from "./blocked-delete.js";
 import { BulkDeleteDialog, ConfirmDeleteDialog, ConflictDialog } from "./dialogs.js";

package/dist/app/displays/board-column.js

@@ -1,10 +1,10 @@
 import { formatTag } from "../../locale/active-locale.js";
 import { cn } from "../../lib/cn.js";
 import { Button } from "../../primitives/button.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
 import { boardCard } from "./board-columns.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { rowAllows } from "../permissions.js";
 import { ValueBadge } from "../value-badge.js";

package/dist/app/displays/calendar-display.js

@@ -2,8 +2,8 @@ import { cn } from "../../lib/cn.js";
 import { usePermissions } from "../meta-gate.js";
 import { dayIn, viewerZone } from "../../format/zone.js";
 import { formatDate, formatWeekday } from "../../format/date.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { text } from "./messages.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { can, rowAllows } from "../permissions.js";

package/dist/app/displays/cards-display.js

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/cn.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { RecordCard } from "./record-card.js";
 import { DisplayFooter, DisplayState } from "./display-frame.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/app/displays/list-cards.js

@@ -1,7 +1,7 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
 import { displayRow } from "./list-displays.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { RecordCard } from "./record-card.js";
 import { VirtualCards } from "./virtual-cards.js";

package/dist/app/displays/timeline-display.js

@@ -1,9 +1,9 @@
 import { usePermissions } from "../meta-gate.js";
 import { dayIn, viewerZone } from "../../format/zone.js";
 import { formatDate } from "../../format/date.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { can, rowAllows } from "../permissions.js";
 import { addDays, inStartOrder, recordDays } from "./calendar-range.js";

package/dist/app/displays/use-board-move.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { text } from "./messages.js";
 import { refusalReason } from "./board-columns.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { dropWrite } from "./board-drop.js";
 import { text as text$1 } from "../hand-order/messages.js";

package/dist/app/displays/use-calendar-move.js

@@ -1,9 +1,9 @@
 import { useClient } from "../../data/api-provider.js";
 import { formatDate } from "../../format/date.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { text } from "./messages.js";
 import { refusalReason } from "./board-columns.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { movedPatch } from "./calendar-range.js";
 import { useState } from "react";

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

@@ -1,10 +1,10 @@
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
 import { useIsDesktop, useIsXs } from "../../lib/use-media-query.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { listColumnNames } from "../../live/columns-from-model.js";
 import { displayRow, loadedFields, shownDisplay } from "../displays/list-displays.js";
 import { defaultOrderBy, parseSort, sortToOrderBy } from "../list-order.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink, useAppAddress } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { useProjectUi } from "../pages/project-ui.js";

package/dist/app/field-editor.js

@@ -1,13 +1,13 @@
 import { cn } from "../lib/cn.js";
 import { buttonClass } from "../primitives/button.js";
-import { useFieldControl } from "../primitives/field-control.js";
-import { Input } from "../primitives/input.js";
 import { humanize } from "../live/naming.js";
 import { isMarkdown } from "../markdown/markdown-hint.js";
 import { contactFormat, contactInputProps } from "../live/contact-links.js";
 import { displayValue, valueTitle } from "../live/display-value.js";
 import { text } from "./messages.js";
 import { AppLink } from "./use-app-address.js";
+import { useFieldControl } from "../primitives/field-control.js";
+import { Input } from "../primitives/input.js";
 import { fromDraft, isEditable, toFieldDraft } from "../live/field-values.js";
 import { Switch } from "../primitives/switch.js";
 import { Textarea } from "../primitives/textarea.js";

package/dist/app/gallery/gallery-section.js

@@ -1,9 +1,9 @@
 import { cn } from "../../lib/cn.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { Section } from "../../record-view/section.js";
 import { shownImage } from "../../live/file-values.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { FileImage } from "../../live/file-image.js";
 import { galleryTiles } from "./gallery-layout.js";

package/dist/app/gallery/photo-details.js

@@ -1,5 +1,5 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { SpecTable } from "../../record-view/spec-table.js";
 import { ErrorBanner } from "../error-banner.js";

package/dist/app/hand-order/hand-sorted-list.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { recordKey, recordTitle } from "../../live/model-helpers.js";
 import { loadedFields } from "../displays/list-displays.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { useAppAddress } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { useProjectUi } from "../pages/project-ui.js";

package/dist/app/hand-order/use-hand-order.js

@@ -1,10 +1,10 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordId, recordKey, recordTitle } from "../../live/model-helpers.js";
 import { refusalReason } from "../displays/board-columns.js";
 import { displayRow } from "../displays/list-displays.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { listLabels, withLabels } from "../../live/relation-labels.js";
 import { text } from "./messages.js";

package/dist/app/history/history-section.js

@@ -1,7 +1,7 @@
 import { Button } from "../../primitives/button.js";
+import { Section } from "../../record-view/section.js";
 import { formatDateTime, formatRelativeTime } from "../../format/date.js";
 import { Skeleton } from "../../primitives/skeleton.js";
-import { Section } from "../../record-view/section.js";
 import { ErrorBanner } from "../error-banner.js";
 import { describeChange } from "./describe-change.js";
 import { useRecordHistory } from "./use-record-history.js";

package/dist/app/incoming-card.js

@@ -1,8 +1,8 @@
 import { useAdminMeta } from "./meta-gate.js";
 import { formatInt } from "../format/number.js";
 import { Skeleton } from "../primitives/skeleton.js";
-import { SidebarCard } from "../record-view/record-sidebar.js";
 import { AppLink } from "./use-app-address.js";
+import { SidebarCard } from "../record-view/record-sidebar.js";
 import { text } from "./record-messages.js";
 import { incomingAddress, incomingRelations } from "./incoming-relations.js";
 import { useIncomingCounts } from "./use-incoming-counts.js";

package/dist/app/lines-plan.js

@@ -0,0 +1,116 @@
+import { recordId, recordKey } from "../live/model-helpers.js";
+import { differs, toPatchValue } from "../live/field-values.js";
+import { encodeKey } from "@protobase/schema/internal";
+//#region src/app/lines-plan.ts
+const emptyLinesState = {
+	added: [],
+	edits: {},
+	removed: []
+};
+/** The ids on screen, in order: the stored lines that are kept, then the new ones, as far as `order` does not say otherwise. */
+const shownIds = (storedIds, state) => {
+	const kept = [...storedIds.filter((id) => !state.removed.includes(id)), ...state.added];
+	if (!state.order) return kept;
+	return [...state.order.filter((id) => kept.includes(id)), ...kept.filter((id) => !state.order.includes(id))];
+};
+/** The edited fields that differ from the stored line, as the API takes them. */
+const changedData = (model, edits, line) => Object.fromEntries(Object.entries(edits).flatMap(([name, draft]) => {
+	const field = model.fields[name];
+	return field && differs(field, draft, line[name]) ? [[name, toPatchValue(field, draft)]] : [];
+}));
+/** The fields filled in on a new line; the database's defaults fill the rest. */
+const filledData = (model, edits) => Object.fromEntries(Object.entries(edits).flatMap(([name, draft]) => {
+	const field = model.fields[name];
+	if (!field || field.type !== "boolean" && String(draft ?? "").trim() === "") return [];
+	return [[name, toPatchValue(field, draft)]];
+}));
+/**
+* The batch that writes the lines as they are on screen: removed lines are deleted, edited ones updated with the ETag
+* they were read with, and new ones created with the parent's key and their place. New lines after the kept ones are
+* numbered on from them; new lines between kept ones need the kept ones out of the way first, so those are moved above
+* every position in use, the new lines created at their places, and the kept ones moved to theirs. A kept line the batch
+* wrote before is moved with `*`, as its ETag was checked by that earlier operation of the same transaction.
+*/
+const planLinesOps = ({ model, position, link, stored, state }) => {
+	const plan = {
+		ops: [],
+		rows: []
+	};
+	const push = (op, row) => {
+		plan.ops.push(op);
+		plan.rows.push(row);
+	};
+	const byId = new Map(stored.map((line) => [recordId(model, line), line]));
+	const storedIds = [...byId.keys()];
+	const final = shownIds(storedIds, state);
+	const keyOf = (id) => recordKey(model, byId.get(id));
+	const etagOf = (id) => {
+		const etag = byId.get(id).etag;
+		return typeof etag === "string" ? etag : void 0;
+	};
+	for (const id of state.removed) {
+		if (!byId.has(id)) continue;
+		const etag = etagOf(id);
+		push({
+			op: "delete",
+			resource: model.name,
+			key: keyOf(id),
+			...etag && { etag }
+		}, id);
+	}
+	const written = /* @__PURE__ */ new Set();
+	for (const [id, edits] of Object.entries(state.edits)) {
+		if (!byId.has(id) || state.removed.includes(id)) continue;
+		const data = changedData(model, edits, byId.get(id));
+		if (Object.keys(data).length === 0) continue;
+		const etag = etagOf(id);
+		push({
+			op: "update",
+			resource: model.name,
+			key: keyOf(id),
+			data,
+			...etag && { etag }
+		}, id);
+		written.add(id);
+	}
+	const kept = final.filter((id) => byId.has(id));
+	const added = final.filter((id) => !byId.has(id));
+	const etags = (ids, wildcard) => Object.fromEntries(ids.flatMap((id) => {
+		const etag = wildcard || written.has(id) ? "*" : etagOf(id);
+		return etag ? [[encodeKey(keyOf(id)), etag]] : [];
+	}));
+	const reorder = (keys, start, tags) => ({
+		op: "reorder",
+		resource: model.name,
+		field: position,
+		keys,
+		...start !== 1 && { start },
+		etags: tags
+	});
+	const create = (id, place, ref) => ({
+		op: "create",
+		resource: model.name,
+		data: {
+			...filledData(model, state.edits[id] ?? {}),
+			[link.field]: link.value,
+			[position]: place
+		},
+		...ref && { ref }
+	});
+	const placeOf = (line) => Number(line[position]) || 0;
+	const moved = kept.some((id, index) => id !== storedIds.filter((each) => kept.includes(each))[index]);
+	if (added.every((id) => final.indexOf(id) >= kept.length)) {
+		if (moved) push(reorder(kept.map(keyOf), 1, etags(kept, false)));
+		const last = moved ? kept.length : Math.max(0, ...kept.map((id) => placeOf(byId.get(id))));
+		added.forEach((id, index) => push(create(id, last + 1 + index), id));
+		return plan;
+	}
+	const above = Math.max(final.length, ...stored.map(placeOf)) + 1;
+	if (kept.length > 0) push(reorder(kept.map(keyOf), above, etags(kept, false)));
+	const refOf = (id) => `line${added.indexOf(id) + 1}`;
+	for (const id of added) push(create(id, final.indexOf(id) + 1, refOf(id)), id);
+	push(reorder(final.map((id) => byId.has(id) ? keyOf(id) : { $ref: refOf(id) }), 1, etags(kept, true)));
+	return plan;
+};
+//#endregion
+export { emptyLinesState, planLinesOps, shownIds };

package/dist/app/list-edit/use-list-edits.js

@@ -1,7 +1,7 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordKey } from "../../live/model-helpers.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { text } from "./messages.js";
 import { useRef, useState } from "react";
 import { encodeKey } from "@protobase/schema/internal";

package/dist/app/list-order.js

@@ -1,7 +1,13 @@
 //#region src/app/list-order.ts
+/**
+* The order a list opens in: the view's sort, else the primary key's when it is sortable. Otherwise none, as the API
+* refuses a sort by a field that is not sortable and orders a list without one by its key anyway.
+*/
 const defaultOrderBy = (model, view) => {
 	const sort = view?.list?.sort?.[0];
-	return sort ? `${sort[0]} ${sort[1]}` : `${model.primaryKey[0]} asc`;
+	if (sort) return `${sort[0]} ${sort[1]}`;
+	const key = model.primaryKey[0];
+	return model.fields[key]?.sortable ? `${key} asc` : "";
 };
 const parseSort = (orderBy) => {
 	const [columnId = "", direction] = orderBy.trim().split(/\s+/);

package/dist/app/new-version/new-version-toast.js

@@ -1,6 +1,6 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { useRouter } from "../router.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { text } from "./messages.js";
 import { useModalOpen } from "./use-modal-open.js";
 import { useEffect, useState } from "react";

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

@@ -1,6 +1,6 @@
 import { useAdminMeta } from "../../meta-gate.js";
-import { Skeleton } from "../../../primitives/skeleton.js";
 import { humanize } from "../../../live/naming.js";
+import { Skeleton } from "../../../primitives/skeleton.js";
 import { useLayoutRecord } from "../record-scope.js";
 import { propsOf } from "./block-props.js";
 import { FieldValue } from "../field-value.js";

package/dist/app/pages/blocks/modal-form.js

@@ -2,15 +2,15 @@ import { useClient } from "../../../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "../../meta-gate.js";
 import { Button } from "../../../primitives/button.js";
 import { Dialog } from "../../../primitives/dialog.js";
-import { useToast } from "../../../toasts/toast-provider.js";
-import { Field } from "../../../record-view/field.js";
 import { humanize } from "../../../live/naming.js";
 import { useNavigationGuard } from "../../router.js";
+import { Field } from "../../../record-view/field.js";
 import { createBody, isChosen } from "../../create/create-values.js";
 import { ErrorBanner } from "../../error-banner.js";
 import { text } from "../messages.js";
 import { FieldEditor } from "../../field-editor.js";
 import { useLayoutRecord } from "../record-scope.js";
+import { useToast } from "../../../toasts/toast-provider.js";
 import { can } from "../../permissions.js";
 import { useFirstRecord, useRefreshResource } from "../use-layout-data.js";
 import { propsOf } from "./block-props.js";

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

@@ -1,15 +1,15 @@
 import { useClient } from "../../../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "../../meta-gate.js";
 import { Button } from "../../../primitives/button.js";
+import { humanize } from "../../../live/naming.js";
 import { Skeleton } from "../../../primitives/skeleton.js";
-import { useToast } from "../../../toasts/toast-provider.js";
 import { Field } from "../../../record-view/field.js";
-import { humanize } from "../../../live/naming.js";
 import { differs } from "../../../live/field-values.js";
 import { createBody } from "../../create/create-values.js";
 import { ErrorBanner } from "../../error-banner.js";
 import { text } from "../messages.js";
 import { FieldEditor } from "../../field-editor.js";
+import { useToast } from "../../../toasts/toast-provider.js";
 import { can } from "../../permissions.js";
 import { scopeOf, useFirstRecord, useRefreshResource } from "../use-layout-data.js";
 import { propsOf } from "./block-props.js";

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

@@ -1,6 +1,6 @@
-import { ActionRail } from "../../record-view/action-rail.js";
 import { RouteLink } from "../../primitives/route-link.js";
 import { AppLink, useAppAddress } from "../use-app-address.js";
+import { ActionRail } from "../../record-view/action-rail.js";
 import { ActionMenu } from "../../record-view/action-menu.js";
 import { ActionPrompt, asksFirst, isDanger } from "./action-prompt.js";
 import { useActionRunner } from "./use-run-action.js";

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

@@ -1,9 +1,9 @@
 import { useClient, useResourceClient } from "../../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { useAppAddress } from "../use-app-address.js";
 import { useProjectUi } from "./project-ui.js";
 import { text } from "./messages.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { can } from "../permissions.js";
 import { actionApplies } from "./action-when.js";
 import { actionFor, linkTarget, openLink } from "./action-href.js";

package/dist/app/picker/picker-combobox.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
-import { Input } from "../../primitives/input.js";
 import { text } from "../messages.js";
+import { Input } from "../../primitives/input.js";
 import { useEffect, useId, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/picker/picker-combobox.tsx

package/dist/app/record-chart/record-chart-section.js

@@ -1,8 +1,8 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { viewerZone } from "../../format/zone.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { Section } from "../../record-view/section.js";
+import { viewerZone } from "../../format/zone.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { Segmented } from "../../primitives/segmented.js";
 import { useAggregates } from "../../data/use-aggregates.js";
 import { PeriodChart } from "../charts/period-chart.js";