@protobase/ui 0.33.4 → 0.34.1

package/dist/account/account-security-page.js

@@ -4,6 +4,7 @@ import { PageHeader } from "../app-shell/page-header.js";
 import { authMessage, providerMessage } from "../auth/auth-messages.js";
 import { readProviderError, withoutSignInLink } from "../auth/provider-link.js";
 import { useAuth } from "../auth/auth-provider.js";
+import { ConnectedAppsSection } from "./connected-apps-section.js";
 import { PasskeysSection } from "./passkeys-section.js";
 import { SignInProvidersSection } from "./sign-in-providers-section.js";
 import { TwoFactorSection } from "./two-factor-section.js";
@@ -16,9 +17,12 @@ const takeLinkError = () => {
 	if (code) window.history.replaceState(window.history.state, "", withoutSignInLink(window.location.href));
 	return code;
 };
-/** The signed-in person's passkeys, two-factor authentication and connected accounts, within what the sign-in policy allows. */
+/**
+* The signed-in person's passkeys, two-factor authentication and connected accounts, within what the sign-in policy
+* allows, and with MCP on the apps they allowed to act as them.
+*/
 const AccountSecurityPage = ({ email }) => {
-	const { session, signInProviders, socialProviders, linkProvider } = useAuth();
+	const { session, signInProviders, socialProviders, linkProvider, mcp } = useAuth();
 	const linkable = signInProviders.filter((provider) => socialProviders.includes(provider.id));
 	const { account } = session;
 	const [loaded, setLoaded] = useState();
@@ -28,13 +32,15 @@ const AccountSecurityPage = ({ email }) => {
 		Promise.all([
 			account.signInMethods(),
 			account.passkeys(),
-			account.linkedProviders()
-		]).then(([methods, passkeys, linked]) => setLoaded({
+			account.linkedProviders(),
+			mcp ? account.connectedApps() : []
+		]).then(([methods, passkeys, linked, apps]) => setLoaded({
 			methods,
 			passkeys,
-			linked
+			linked,
+			apps
 		}), (failure) => setError(failure instanceof AuthError ? authMessage(failure) : text("couldNotReadMethods")));
-	}, [account]);
+	}, [account, mcp]);
 	useEffect(reload, [reload]);
 	const thenReload = (change) => change.then((result) => (reload(), result));
 	return /* @__PURE__ */ jsxs("div", {
@@ -68,6 +74,10 @@ const AccountSecurityPage = ({ email }) => {
 				linked: loaded.linked,
 				onConnect: linkProvider,
 				error: linkError && providerMessage(linkError, linkable.length === 1 ? linkable[0].name : text("theProvider"))
+			}),
+			mcp && /* @__PURE__ */ jsx(ConnectedAppsSection, {
+				apps: loaded.apps,
+				onDisconnect: (clientId) => thenReload(account.disconnectApp(clientId))
 			})
 		] }) : error ? /* @__PURE__ */ jsx("p", {
 			role: "alert",

package/dist/account/connected-apps-section.js

@@ -0,0 +1,93 @@
+import { authMessage } from "../auth/auth-messages.js";
+import { clientName } from "../connect/client-name.js";
+import { clientPublisher } from "../connect/client-publisher.js";
+import { formatDate } from "../format/date.js";
+import { Button } from "../primitives/button.js";
+import { Dialog } from "../primitives/dialog.js";
+import { AccountSection, SectionError } from "./account-section.js";
+import { useState } from "react";
+import { Bot } from "lucide-react";
+import { AuthError } from "@protobase/client";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/account/connected-apps-section.tsx
+const nameOf = (app) => clientName(app.name) ?? "An unnamed app";
+const accessOf = (app) => app.access.map(({ role, organization }) => `as ${role || "no role"}${organization ? ` in ${organization}` : ""}`).join(", ");
+/** The apps, such as MCP clients, the person allowed to act as them, each of which they can disconnect. */
+const ConnectedAppsSection = ({ apps, onDisconnect }) => {
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState();
+	const [disconnecting, setDisconnecting] = useState();
+	const disconnect = async (app) => {
+		setBusy(true);
+		setError(void 0);
+		try {
+			await onDisconnect(app.clientId);
+			setDisconnecting(void 0);
+		} catch (failure) {
+			if (!(failure instanceof AuthError)) throw failure;
+			setError(authMessage(failure));
+		}
+		setBusy(false);
+	};
+	return /* @__PURE__ */ jsxs(AccountSection, {
+		title: "Connected apps",
+		description: "AI assistants and other apps you allowed to act as you here. Disconnecting one stops it within 15 minutes; it has to ask you again to come back.",
+		children: [
+			/* @__PURE__ */ jsx(SectionError, { message: disconnecting ? void 0 : error }),
+			apps.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: "No apps are connected. Add this app's MCP address to an AI assistant to connect one."
+			}) : /* @__PURE__ */ jsx("ul", {
+				className: "divide-y rounded-md border",
+				children: apps.map((app) => {
+					const publisher = clientPublisher(app.clientId);
+					return /* @__PURE__ */ jsxs("li", {
+						className: "flex flex-wrap items-center gap-3 px-3 py-2.5",
+						children: [
+							/* @__PURE__ */ jsx(Bot, { className: "size-4 shrink-0 text-muted-foreground" }),
+							/* @__PURE__ */ jsxs("span", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ jsx("bdi", {
+									className: "block truncate font-medium",
+									children: nameOf(app)
+								}), /* @__PURE__ */ jsxs("span", {
+									className: "block text-xs text-muted-foreground",
+									children: [
+										publisher && `Published by ${publisher} · `,
+										"Allowed ",
+										formatDate(Date.parse(app.allowedAt)),
+										" · ",
+										accessOf(app)
+									]
+								})]
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => setDisconnecting(app),
+								children: "Disconnect"
+							})
+						]
+					}, app.clientId);
+				})
+			}),
+			disconnecting && /* @__PURE__ */ jsx(Dialog, {
+				title: `Disconnect ${nameOf(disconnecting)}?`,
+				description: "It can no longer read or change anything as you. What it already started may keep working for up to 15 minutes.",
+				onClose: () => setDisconnecting(void 0),
+				actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+					onClick: () => setDisconnecting(void 0),
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "danger",
+					loading: busy,
+					onClick: () => void disconnect(disconnecting),
+					children: "Disconnect"
+				})] }),
+				children: error && /* @__PURE__ */ jsx(SectionError, { message: error })
+			})
+		]
+	});
+};
+//#endregion
+export { ConnectedAppsSection };

package/dist/app/app.js

@@ -3,12 +3,16 @@ import { accountMenuItems } from "../account/account-pages.js";
 import { AppShell } from "../app-shell/app-shell.js";
 import { AuthProvider, useAuth } from "../auth/auth-provider.js";
 import { AccountSecurityPage } from "../account/account-security-page.js";
-import { SignInPolicyPage } from "../account/sign-in-policy-page.js";
-import { ApiProvider } from "../data/api-provider.js";
 import { text } from "./messages.js";
 import { Router, useRouter } from "./router.js";
-import { slotted } from "../locale/slotted.js";
 import { useSignInAddress } from "../auth/use-sign-in-address.js";
+import { SignInPrompt } from "../auth/sign-in-prompt.js";
+import { ApiProvider } from "../data/api-provider.js";
+import { sourceStatusOf } from "../data/with-sources.js";
+import { MetaGate, Notice, useAdminMeta } from "./meta-gate.js";
+import { ConnectPage } from "../connect/connect-page.js";
+import { SignInPolicyPage } from "../account/sign-in-policy-page.js";
+import { slotted } from "../locale/slotted.js";
 import { managesOrganization, organizationMenuItems, organizationPageTitle } from "../organizations/organization-paths.js";
 import { startErrorReporting } from "./error-reporting.js";
 import { CustomBoundary } from "./pages/custom-boundary.js";
@@ -16,13 +20,11 @@ import { PluginSourceProvider } from "../plugins/plugin-source.js";
 import { AuthGate } from "../auth/auth-gate.js";
 import { isAdmin, userToShell } from "../auth/user-to-shell.js";
 import { AuthLocale } from "../auth/auth-locale.js";
-import { sourceStatusOf } from "../data/with-sources.js";
 import { useLiveUpdates } from "../data/use-live-updates.js";
 import { useOpenedRecord } from "../data/use-record.js";
 import { humanize } from "../live/naming.js";
 import { ToastProvider } from "../toasts/toast-provider.js";
 import { recordTitle } from "../live/model-helpers.js";
-import { MetaGate, Notice, useAdminMeta } from "./meta-gate.js";
 import { useAppAddress } from "./use-app-address.js";
 import { documentTitle, titleParts, useDocumentTitle } from "./document-title.js";
 import { ProjectUiContext, useProjectUi } from "./pages/project-ui.js";
@@ -56,6 +58,7 @@ import { useNavRecent } from "./use-nav-recent.js";
 import { useCallback, useEffect, useState } from "react";
 import { viewOfList } from "@protobase/schema/internal";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { connectRoute } from "@protobase/schema";
 //#region src/app/app.tsx
 const placeOf = (address) => {
 	if (address?.kind === "page") return address.page;
@@ -63,6 +66,10 @@ const placeOf = (address) => {
 	return address?.resource;
 };
 const recordOf = (address) => address?.kind === "record" ? address : void 0;
+const connectPrompt = {
+	title: "Sign in to connect an app",
+	description: "An app asks to act as you here. Sign in, then choose whether to allow it."
+};
 const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 	const meta = useAdminMeta();
 	const { state, session, signOut, stopStaffSession, organizations: organizationSettings } = useAuth();
@@ -141,7 +148,7 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 	const current = organizations.current;
 	const outsideOrganizations = Boolean(organizationSettings) && current !== void 0 && !current.organization;
 	const organizationPage = organizationSettings && user ? organizationPageTitle(path) : void 0;
-	const accountPage = !user ? void 0 : path === "/-/account" ? text("signInSecurity") : path === "/-/sign-in-policy" ? text("signInPolicy") : organizationPage;
+	const accountPage = path === connectRoute ? "Connect an app" : !user ? void 0 : path === "/-/account" ? text("signInSecurity") : path === "/-/sign-in-policy" ? text("signInPolicy") : organizationPage;
 	const resourceLabel = view?.names?.plural ?? (resource && humanize(resource));
 	const breadcrumb = accountPage ? [accountPage] : breadcrumbFor({
 		basePath,
@@ -162,7 +169,13 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 		recordTitle: title,
 		recordLoading: titleLoading
 	}), meta.appName));
-	const content = user && path === "/-/account" ? /* @__PURE__ */ jsx(AccountSecurityPage, { email: user.email }) : user && path === "/-/sign-in-policy" ? admin ? /* @__PURE__ */ jsx(SignInPolicyPage, {}) : /* @__PURE__ */ jsx(Notice, {
+	const content = path === connectRoute ? user ? /* @__PURE__ */ jsx(ConnectPage, {
+		email: user.email,
+		appName: meta.appName ?? "this app"
+	}) : /* @__PURE__ */ jsx(SignInPrompt, {
+		as: "page",
+		prompt: connectPrompt
+	}) : user && path === "/-/account" ? /* @__PURE__ */ jsx(AccountSecurityPage, { email: user.email }) : user && path === "/-/sign-in-policy" ? admin ? /* @__PURE__ */ jsx(SignInPolicyPage, {}) : /* @__PURE__ */ jsx(Notice, {
 		title: text("adminsOnly"),
 		children: text("onlyAdminPolicy")
 	}) : organizationPage && path === "/-/organization" ? /* @__PURE__ */ jsx(OrganizationPage, {

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

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

package/dist/app/create/create-page.js

@@ -1,8 +1,8 @@
-import { useClient } from "../../data/api-provider.js";
 import { text } from "../messages.js";
+import { useClient } from "../../data/api-provider.js";
+import { Notice, useAdminMeta, usePermissions } from "../meta-gate.js";
 import { humanize } from "../../live/naming.js";
 import { recordKey } from "../../live/model-helpers.js";
-import { Notice, useAdminMeta, usePermissions } from "../meta-gate.js";
 import { useAppAddress } from "../use-app-address.js";
 import { text as text$1 } from "./messages.js";
 import { createBody, createSections, hasDatabaseDefault, initialDraft, isChosen, isRequired } from "./create-values.js";

package/dist/app/create/create-route.js

@@ -1,5 +1,5 @@
-import { humanize } from "../../live/naming.js";
 import { Notice, useAdminMeta } from "../meta-gate.js";
+import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
 import { ComposedPage } from "../pages/composed-page.js";
 import { CreatePage } from "./create-page.js";

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

@@ -1,7 +1,7 @@
 import { useClient } from "../../data/api-provider.js";
+import { useAdminMeta } from "../meta-gate.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 { text } from "./messages.js";
 import { blockedDelete } from "./blocked-delete.js";

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

@@ -1,8 +1,8 @@
+import { usePermissions } from "../meta-gate.js";
 import { slotted } from "../../locale/slotted.js";
 import { Problem } from "../pages/problem.js";
 import { text } from "./messages.js";
 import { boardCard, boardColumns, boardRank } from "./board-columns.js";
-import { usePermissions } from "../meta-gate.js";
 import { useProjectUi } from "../pages/project-ui.js";
 import { can } from "../permissions.js";
 import { RecordCard } from "./record-card.js";

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

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

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

@@ -1,11 +1,11 @@
 import { formatTag } from "../../locale/active-locale.js";
 import { cn } from "../../lib/cn.js";
 import { Button } from "../../primitives/button.js";
+import { useAdminMeta } from "../meta-gate.js";
 import { Problem } from "../pages/problem.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
 import { mapCards } from "./list-displays.js";
-import { useAdminMeta } from "../meta-gate.js";
 import { ErrorBanner } from "../error-banner.js";
 import { useDebounced } from "../../lib/use-debounced.js";
 import { RecordCard } from "./record-card.js";

package/dist/app/displays/record-card.js

@@ -1,4 +1,5 @@
 import { Badge } from "../../primitives/badge.js";
+import { namedIcon } from "../named-icon.js";
 import { CustomBoundary } from "../pages/custom-boundary.js";
 import { humanize } from "../../live/naming.js";
 import { markdownExcerpt } from "../../markdown/markdown-excerpt.js";
@@ -14,7 +15,6 @@ import { WidgetPart } from "../field-types/widget-part.js";
 import { Markdown } from "../../markdown/markdown.js";
 import { ValueBadge } from "../value-badge.js";
 import { useSeedRecord } from "../record-preview.js";
-import { namedIcon } from "../named-icon.js";
 import { FavoriteButton } from "../saved/favorite-button.js";
 import { CardDots, CardDotsRoom } from "../related-dots/card-dots.js";
 import { cardDotsLines } from "../related-dots/card-dots-lines.js";

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

@@ -1,9 +1,9 @@
 import { Skeleton } from "../../primitives/skeleton.js";
 import { dayIn, viewerZone } from "../../format/zone.js";
 import { formatDate } from "../../format/date.js";
+import { usePermissions } from "../meta-gate.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
-import { usePermissions } from "../meta-gate.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-column.js

@@ -1,5 +1,5 @@
-import { columnFilter } from "./board-columns.js";
 import { useAdminMeta } from "../meta-gate.js";
+import { columnFilter } from "./board-columns.js";
 import { useLiveRows } from "../../live/use-live-rows.js";
 import { useDisplayRows } from "./use-display-rows.js";
 //#region src/app/displays/use-board-column.ts

package/dist/app/displays/use-map-records.js

@@ -1,8 +1,8 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
+import { useAdminMeta } from "../meta-gate.js";
 import { listPhotos, withPhotos } from "../../live/row-photos.js";
 import { displayRow } from "./list-displays.js";
-import { useAdminMeta } from "../meta-gate.js";
 import { listLabels, withLabels } from "../../live/relation-labels.js";
 import { areaFilter, requestZoom } from "../map/map-area.js";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";

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

@@ -1,10 +1,10 @@
 import { useIsDesktop, useIsXs } from "../../lib/use-media-query.js";
 import { Skeleton } from "../../primitives/skeleton.js";
+import { useAdminMeta, usePermissions } from "../meta-gate.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 { useAdminMeta, usePermissions } from "../meta-gate.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/embedded-list/use-embedded-rows.js

@@ -1,8 +1,8 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
+import { useAdminMeta } from "../meta-gate.js";
 import { recordId } from "../../live/model-helpers.js";
 import { listPhotos, withPhotos } from "../../live/row-photos.js";
-import { useAdminMeta } from "../meta-gate.js";
 import { listLabels, withLabels } from "../../live/relation-labels.js";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 //#region src/app/embedded-list/use-embedded-rows.ts

package/dist/app/export/export-dialog.js

@@ -1,8 +1,8 @@
 import { Segmented } from "../../primitives/segmented.js";
 import { formatApproxRows, formatInt } from "../../format/number.js";
 import { Button } from "../../primitives/button.js";
-import { Checkbox } from "../../primitives/checkbox.js";
 import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
+import { Checkbox } from "../../primitives/checkbox.js";
 import { text } from "./messages.js";
 import { exportLimit } from "./export-options.js";
 import { useState } from "react";

package/dist/app/file-field.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { Button } from "../primitives/button.js";
-import { useClient } from "../data/api-provider.js";
 import { text } from "./messages.js";
+import { useClient } from "../data/api-provider.js";
 import { humanize } from "../live/naming.js";
 import { acceptOf, fileShown, formatSize, isPreviewable, shownImage } from "../live/file-values.js";
 import { ErrorBanner } from "./error-banner.js";

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

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

package/dist/app/gallery/lightbox.js

@@ -1,9 +1,9 @@
 import { cn } from "../../lib/cn.js";
 import { useIsDesktop } from "../../lib/use-media-query.js";
 import { useFocusTrap } from "../../lib/use-focus-trap.js";
+import { Sheet } from "../../primitives/sheet.js";
 import { shownImage } from "../../live/file-values.js";
 import { FileImage } from "../../live/file-image.js";
-import { Sheet } from "../../primitives/sheet.js";
 import { keyStep, steppedPhoto, swipeStep, togglesDetails } from "./gallery-layout.js";
 import { readDetailsOpen, writeDetailsOpen } from "./details-open-storage.js";
 import { text } from "./messages.js";

package/dist/app/gallery/use-gallery-photos.js

@@ -2,8 +2,8 @@ import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
 import { galleryItems } from "./gallery-items.js";
-import { useQuery } from "@tanstack/react-query";
 import { createWhere, printFilter } from "@protobase/schema";
+import { useQuery } from "@tanstack/react-query";
 //#region src/app/gallery/use-gallery-photos.ts
 const where$1 = createWhere();
 /**

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

@@ -1,9 +1,9 @@
 import { Skeleton } from "../../primitives/skeleton.js";
+import { useAdminMeta } from "../meta-gate.js";
 import { slotted } from "../../locale/slotted.js";
 import { Problem } from "../pages/problem.js";
 import { recordKey, recordTitle } from "../../live/model-helpers.js";
 import { loadedFields } from "../displays/list-displays.js";
-import { useAdminMeta } from "../meta-gate.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 { useAdminMeta } from "../meta-gate.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/import/import-dialog.js

@@ -1,8 +1,8 @@
 import { formatTag } from "../../locale/active-locale.js";
 import { Button } from "../../primitives/button.js";
+import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { humanize } from "../../live/naming.js";
 import { ErrorBanner } from "../error-banner.js";
-import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { text } from "./messages.js";
 import { unmappedRequired } from "./mapping.js";
 import { ImportCheckStep, ImportChecking } from "./import-check-step.js";

package/dist/app/incoming-card.js

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

package/dist/app/list-page.js

@@ -3,7 +3,10 @@ import { usePageScroll } from "../app-shell/page-scroll.js";
 import { PageHeader } from "../app-shell/page-header.js";
 import { useAuth } from "../auth/auth-provider.js";
 import { Button, buttonClass } from "../primitives/button.js";
+import { Sheet } from "../primitives/sheet.js";
 import { text } from "./messages.js";
+import { SignInPrompt } from "../auth/sign-in-prompt.js";
+import { Notice, useAdminMeta, usePermissions } from "./meta-gate.js";
 import { humanize } from "../live/naming.js";
 import { recordKey, recordTitleField } from "../live/model-helpers.js";
 import { columnsFromModel, listColumnNames } from "../live/columns-from-model.js";
@@ -11,11 +14,9 @@ import { boardRank } from "./displays/board-columns.js";
 import { displayRow, listDisplayChoices, loadedFields, shownListDisplay } from "./displays/list-displays.js";
 import { parseSort, sortToOrderBy } from "./list-order.js";
 import { listedResource } from "./current-address.js";
-import { Notice, useAdminMeta, usePermissions } from "./meta-gate.js";
 import { AppLink, useAppAddress } from "./use-app-address.js";
 import { ErrorBanner } from "./error-banner.js";
 import { useProjectUi } from "./pages/project-ui.js";
-import { Sheet } from "../primitives/sheet.js";
 import { can, rowAllows } from "./permissions.js";
 import { pinnedStorageKey } from "../data-grid/pinned-storage.js";
 import { DataGrid } from "../data-grid/data-grid.js";
@@ -29,7 +30,6 @@ import { stateToText, textToState } from "../live/filter-string.js";
 import { widgetFields } from "../live/view-fields.js";
 import { facetNames, filterChips } from "./searches/saved-search.js";
 import { useSeedRecord } from "./record-preview.js";
-import { SignInPrompt } from "../auth/sign-in-prompt.js";
 import { relatedColumnLoads } from "./related-dots/dot-card.js";
 import { dragsRank, listHandOrder } from "./hand-order/hand-order.js";
 import { useDisplayRows } from "./displays/use-display-rows.js";

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

@@ -1,6 +1,6 @@
+import { useAdminMeta } from "../meta-gate.js";
 import { Section } from "../../record-view/section.js";
 import { SidebarCard } from "../../record-view/record-sidebar.js";
-import { useAdminMeta } from "../meta-gate.js";
 import { recordPosition } from "./record-position.js";
 import { Suspense, lazy } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/app/meta-gate.js

@@ -1,11 +1,11 @@
 import { Spinner } from "../primitives/spinner.js";
 import { ClientProvider, useClient, useSourceClients } from "../data/api-provider.js";
-import { AppLocale } from "../locale/app-locale.js";
-import { withSources } from "../data/with-sources.js";
 import { MetaContext } from "../data/meta-context.js";
 import { allowEverything } from "../data/meta-data.js";
 import { useMeta } from "../data/use-meta.js";
 import { useSourceMetas } from "../data/use-source-metas.js";
+import { withSources } from "../data/with-sources.js";
+import { AppLocale } from "../locale/app-locale.js";
 import { text } from "./meta-gate-messages.js";
 import { useContext, useMemo } from "react";
 import { isApiError, routedClient } from "@protobase/client";

package/dist/app/pages/action-inputs/action-inputs-dialog.js

@@ -1,12 +1,12 @@
 import { Button } from "../../../primitives/button.js";
+import { ResponsiveDialog } from "../../../primitives/responsive-dialog.js";
+import { useAdminMeta } from "../../meta-gate.js";
 import { text } from "../messages.js";
 import { Field } from "../../../record-view/field.js";
-import { useAdminMeta } from "../../meta-gate.js";
 import { isChosen } from "../../create/create-values.js";
 import { ErrorBanner } from "../../error-banner.js";
 import { useProjectUi } from "../project-ui.js";
 import { FieldEditor } from "../../field-editor.js";
-import { ResponsiveDialog } from "../../../primitives/responsive-dialog.js";
 import { answeredValues, inputField, inputHints, refusedAnswers, startingAnswers } from "./input-answers.js";
 import { inputErrors } from "./input-errors.js";
 import { useId, useState } from "react";

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

@@ -1,6 +1,6 @@
 import { Skeleton } from "../../../primitives/skeleton.js";
-import { text } from "../messages.js";
 import { useAdminMeta } from "../../meta-gate.js";
+import { text } from "../messages.js";
 import { ErrorBanner } from "../../error-banner.js";
 import { RecordScope } from "../record-scope.js";
 import { scopeOf, useListPage } from "../use-layout-data.js";

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

@@ -1,6 +1,6 @@
 import { Skeleton } from "../../../primitives/skeleton.js";
-import { humanize } from "../../../live/naming.js";
 import { useAdminMeta } from "../../meta-gate.js";
+import { humanize } from "../../../live/naming.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

@@ -1,11 +1,11 @@
 import { Button } from "../../../primitives/button.js";
 import { Dialog } from "../../../primitives/dialog.js";
 import { useClient } from "../../../data/api-provider.js";
+import { useAdminMeta, usePermissions } from "../../meta-gate.js";
 import { text } from "../messages.js";
 import { humanize } from "../../../live/naming.js";
 import { useToast } from "../../../toasts/toast-provider.js";
 import { Field } from "../../../record-view/field.js";
-import { useAdminMeta, usePermissions } from "../../meta-gate.js";
 import { differs, toDraft, toPatchValue } from "../../../live/field-values.js";
 import { createBody, isChosen } from "../../create/create-values.js";
 import { ErrorBanner } from "../../error-banner.js";

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

@@ -1,6 +1,6 @@
 import { Skeleton } from "../../../primitives/skeleton.js";
-import { text } from "../messages.js";
 import { useAdminMeta } from "../../meta-gate.js";
+import { text } from "../messages.js";
 import { ErrorBanner } from "../../error-banner.js";
 import { RecordScope } from "../record-scope.js";
 import { useFirstRecord } from "../use-layout-data.js";

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

@@ -1,6 +1,6 @@
+import { useAdminMeta } from "../../meta-gate.js";
 import { SectionContent } from "../../../record-view/section.js";
 import { listColumnNames } from "../../../live/columns-from-model.js";
-import { useAdminMeta } from "../../meta-gate.js";
 import { propsOf } from "./block-props.js";
 import { RelatedCards } from "../../related-cards/related-cards.js";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 import { formatTag } from "../../../locale/active-locale.js";
 import { Skeleton } from "../../../primitives/skeleton.js";
-import { text } from "../messages.js";
 import { useAdminMeta } from "../../meta-gate.js";
+import { text } from "../messages.js";
 import { AppLink } from "../../use-app-address.js";
 import { useLayoutRecord } from "../record-scope.js";
 import { useCount } from "../use-layout-data.js";

package/dist/app/pages/composed-page.js

@@ -1,6 +1,6 @@
+import { Notice, useAdminMeta } from "../meta-gate.js";
 import { slotted } from "../../locale/slotted.js";
 import { text } from "./messages.js";
-import { Notice, useAdminMeta } from "../meta-gate.js";
 import { RenderNode } from "./render-node.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/app/pages/composed-page.tsx