@protobase/ui 0.53.8 → 0.54.1

package/dist/app/nav-recent.js

@@ -11,14 +11,23 @@ const recentRequest = (model, view, recent) => ({
 	fields: [.../* @__PURE__ */ new Set([
 		...model.primaryKey,
 		recordTitleField(model, view),
-		recent.status
+		...recent.status === void 0 ? [] : [recent.status]
 	])]
 });
-/** List rows as sidebar records: titled like the record page, dotted by their status, active while open. */
+const recordStatus = (model, view, recent, row) => {
+	if (recent.status === void 0) return;
+	const value = String(row[recent.status] ?? "");
+	return {
+		label: model.fields[recent.status]?.type === "enum" && value ? enumLabel(value, view.fields[recent.status]?.valueLabels) : value,
+		tone: recent.tones?.[value] ?? "neutral",
+		pulse: recent.pulse?.includes(value) ?? false
+	};
+};
+/** List rows as sidebar records: titled like the record page, dotted by their status when the group has one, active while open. */
 const recentRecords = (model, view, recent, rows, basePath, activeKey) => {
 	return rows.map((row) => {
 		const key = encodeKey(recordKey(model, row));
-		const status = String(row[recent.status] ?? "");
+		const status = recordStatus(model, view, recent, row);
 		return {
 			id: key,
 			label: recordTitle(model, view, row, key),
@@ -27,9 +36,7 @@ const recentRecords = (model, view, recent, rows, basePath, activeKey) => {
 				resource: model.name,
 				key
 			}, basePath),
-			status: model.fields[recent.status]?.type === "enum" && status ? enumLabel(status, view.fields[recent.status]?.valueLabels) : status,
-			tone: recent.tones[status] ?? "neutral",
-			pulse: recent.pulse?.includes(status) ?? false,
+			...status && { status },
 			active: key === activeKey
 		};
 	});

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

@@ -70,13 +70,13 @@ const SidebarGroup = ({ item, recent, mode, active, onNavigate }) => {
 				}),
 				recent.state === "ready" && recent.records.map((record) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", {
 					...link(record.href),
-					"aria-label": `${record.label}, ${record.status}`,
-					title: `${record.label} (${record.status})`,
+					"aria-label": record.status ? `${record.label}, ${record.status.label}` : record.label,
+					title: record.status ? `${record.label} (${record.status.label})` : record.label,
 					"aria-current": record.active ? "page" : void 0,
 					className: cn("flex min-w-0 items-center rounded-md font-medium transition-colors", row[mode], record.active ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"),
-					children: [/* @__PURE__ */ jsx(StatusDot, {
-						tone: record.tone,
-						pulse: record.pulse
+					children: [record.status && /* @__PURE__ */ jsx(StatusDot, {
+						tone: record.status.tone,
+						pulse: record.status.pulse
 					}), /* @__PURE__ */ jsx("span", {
 						className: "truncate",
 						children: record.label

package/dist/data/query-keys.js

@@ -155,6 +155,8 @@ const keys = {
 	inboxUnread: ["inbox", "unread"],
 	/** The pages of the user's notification history. */
 	inboxPages: ["inbox", "pages"],
+	/** The people of the organization the session of this user works in (`useMembers`). */
+	members: (userId) => ["members", userId],
 	/** A public form, as `/-/forms/<name>` draws it. */
 	publicForm: (name) => ["public-form", name]
 };

package/dist/index.d.ts

@@ -25,6 +25,7 @@ import { ListDisplayRow, RecordCardProps } from "./app/displays/list-displays.js
 import { ListDisplay, useListDisplay } from "./app/displays/display-context.js";
 import { RecordLink } from "./app/displays/record-link.js";
 import { useApiToken } from "./auth/use-api-token.js";
+import { MembersResult, useMembers } from "./people/use-members.js";
 import { PushState } from "./notifications/push/web-push.js";
 import { usePushNotifications } from "./notifications/push/use-push-notifications.js";
 import { useInbox, useMarkNotificationsRead, useUnreadNotifications } from "./notifications/bell/use-inbox.js";
@@ -79,4 +80,4 @@ import { Section } from "./record-view/section.js";
 import { Form, FormProps } from "./app/create/form.js";
 import { RecordPicker, RecordPickerProps } from "./app/record-picker.js";
 import { Spinner } from "./primitives/spinner.js";
-export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ActionInputError, type ActionInputProps, ApiProvider, type ApiProviderProps, App, AppLink, type AppProps, AssistantDock, type AssistantDockProps, AuthLayout, type AuthLayoutProps, type BackendData, type BackendRefresh, type BeforeSignInProps, type BoardDrop, type BoardDropContext, type BoardDropUndo, type BoardDropWrite, Button, type ButtonProps, type CardAction, type CardTone, Carousel, type CarouselImage, type CarouselProps, type ChatAuthor, ChatDivider, type ChatDividerProps, ChatMessage, type ChatMessageProps, 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, type Drop, type DropRule, 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, Markdown, type MarkdownContentProps as MarkdownProps, MentionBox, type MentionBoxProps, type MentionDraft, MentionedText, MenuSelect, type MenuSelectProps, type MetaData, OtpInput, type OtpInputProps, PartView, type PeopleSearch, type PickedUser, type PluginInfo, type ProjectUi, type PushState, type RecordCardProps, RecordLink, RecordPicker, type RecordPickerProps, 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, allowDelayMs, buttonClass, chatDayLabel, definePlugin, defineUi, diffStats, emptyDraft, isConflict, isFramed, mentionedIds, mergeUi, parseDiff, pluginApi, protobaseVersion, sameChatDay, uiFromModule, useApiToken, useAppAddress, useArmedAfterFocus, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useFieldControl, useGuardedPress, useHistogram, useInbox, useLayoutRecord, useList, useListDisplay, useMarkNotificationsRead, useMeta, usePlugin, usePushNotifications, useRecord, useResourceClient, useSeries, useUnreadNotifications, useUpdateRecord };
+export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ActionInputError, type ActionInputProps, ApiProvider, type ApiProviderProps, App, AppLink, type AppProps, AssistantDock, type AssistantDockProps, AuthLayout, type AuthLayoutProps, type BackendData, type BackendRefresh, type BeforeSignInProps, type BoardDrop, type BoardDropContext, type BoardDropUndo, type BoardDropWrite, Button, type ButtonProps, type CardAction, type CardTone, Carousel, type CarouselImage, type CarouselProps, type ChatAuthor, ChatDivider, type ChatDividerProps, ChatMessage, type ChatMessageProps, 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, type Drop, type DropRule, 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, Markdown, type MarkdownContentProps as MarkdownProps, type MembersResult, MentionBox, type MentionBoxProps, type MentionDraft, MentionedText, MenuSelect, type MenuSelectProps, type MetaData, OtpInput, type OtpInputProps, PartView, type PeopleSearch, type PickedUser, type PluginInfo, type ProjectUi, type PushState, type RecordCardProps, RecordLink, RecordPicker, type RecordPickerProps, 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, allowDelayMs, buttonClass, chatDayLabel, definePlugin, defineUi, diffStats, emptyDraft, isConflict, isFramed, mentionedIds, mergeUi, parseDiff, pluginApi, protobaseVersion, sameChatDay, uiFromModule, useApiToken, useAppAddress, useArmedAfterFocus, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useFieldControl, useGuardedPress, useHistogram, useInbox, useLayoutRecord, useList, useListDisplay, useMarkNotificationsRead, useMembers, useMeta, usePlugin, usePushNotifications, useRecord, useResourceClient, useSeries, useUnreadNotifications, useUpdateRecord };

package/dist/index.js

@@ -58,7 +58,8 @@ import { useInbox, useMarkNotificationsRead, useUnreadNotifications } from "./no
 import { isConflict, useUpdateRecord } from "./data/use-update-record.js";
 import { App } from "./app/app.js";
 import { RecordLink } from "./app/displays/record-link.js";
+import { useMembers } from "./people/use-members.js";
 import { Carousel } from "./carousel/carousel.js";
 import { Choices } from "./primitives/choices.js";
 import { RecordPicker } from "./app/record-picker.js";
-export { ActionCard, ActionInputError, ApiProvider, App, AppLink, AssistantDock, AuthLayout, Button, Carousel, ChatDivider, ChatMessage, ChatThread, Choices, CodeForm, CompactTable, Composer, Dialog, DiffView, Field, FieldList, Form, Input, LogoMark, Markdown, MentionBox, MentionedText, MenuSelect, OtpInput, PartView, RecordLink, RecordPicker, ResendCodeButton, ResponsiveDialog, Section, Segmented, SidePanel, SignInPrompt, Spinner, StepList, Textarea, allowDelayMs, buttonClass, chatDayLabel, definePlugin, defineUi, diffStats, emptyDraft, isConflict, isFramed, mentionedIds, mergeUi, parseDiff, pluginApi, protobaseVersion, sameChatDay, uiFromModule, useApiToken, useAppAddress, useArmedAfterFocus, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useFieldControl, useGuardedPress, useHistogram, useInbox, useLayoutRecord, useList, useListDisplay, useMarkNotificationsRead, useMeta, usePlugin, usePushNotifications, useRecord, useResourceClient, useSeries, useUnreadNotifications, useUpdateRecord };
+export { ActionCard, ActionInputError, ApiProvider, App, AppLink, AssistantDock, AuthLayout, Button, Carousel, ChatDivider, ChatMessage, ChatThread, Choices, CodeForm, CompactTable, Composer, Dialog, DiffView, Field, FieldList, Form, Input, LogoMark, Markdown, MentionBox, MentionedText, MenuSelect, OtpInput, PartView, RecordLink, RecordPicker, ResendCodeButton, ResponsiveDialog, Section, Segmented, SidePanel, SignInPrompt, Spinner, StepList, Textarea, allowDelayMs, buttonClass, chatDayLabel, definePlugin, defineUi, diffStats, emptyDraft, isConflict, isFramed, mentionedIds, mergeUi, parseDiff, pluginApi, protobaseVersion, sameChatDay, uiFromModule, useApiToken, useAppAddress, useArmedAfterFocus, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useFieldControl, useGuardedPress, useHistogram, useInbox, useLayoutRecord, useList, useListDisplay, useMarkNotificationsRead, useMembers, useMeta, usePlugin, usePushNotifications, useRecord, useResourceClient, useSeries, useUnreadNotifications, useUpdateRecord };

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.53.8";
+var version = "0.54.1";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };

package/dist/people/use-members.d.ts

@@ -0,0 +1,15 @@
+import { OrganizationPerson } from "@protobase/client";
+import { UseQueryResult } from "@tanstack/react-query";
+//#region src/people/use-members.d.ts
+export type MembersResult = UseQueryResult<OrganizationPerson[]> & {
+  /** The member with this user id; an unknown one reads the list again (see `asksAgainFor`). */
+  member: (id: string) => OrganizationPerson | undefined;
+};
+/**
+ * The members of the organization the session works in, as `{ id, name, image? }` with `id` the user id that
+ * `.author()` stores and mentions hold, by name, readable by every member and without addresses. Read again on focus
+ * once 30 s old, and when `member` is asked for an id it lacks. Without organizations or the app's auth it fails
+ * saying so.
+ */
+export declare const useMembers: () => MembersResult;
+//#endregion

package/dist/people/use-members.js

@@ -0,0 +1,44 @@
+import { useOptionalAuth } from "../auth/auth-provider.js";
+import { keys } from "../data/query-keys.js";
+import { useCallback, useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+//#region src/people/use-members.ts
+/** How old the list must be before an id it lacks, such as a newcomer's, reads it again. */
+const unknownIdRefetchMs = 1e4;
+/** Whether an id the list lacks reads it again: once it has loaded, is not being read, and is old enough. */
+const asksAgainFor = (query, now = Date.now()) => query.isSuccess && !query.isFetching && now - query.dataUpdatedAt >= 1e4;
+/**
+* The members of the organization the session works in, as `{ id, name, image? }` with `id` the user id that
+* `.author()` stores and mentions hold, by name, readable by every member and without addresses. Read again on focus
+* once 30 s old, and when `member` is asked for an id it lacks. Without organizations or the app's auth it fails
+* saying so.
+*/
+const useMembers = () => {
+	const auth = useOptionalAuth();
+	const user = auth?.state.kind === "signed-in" ? auth.state.user : void 0;
+	const query = useQuery({
+		queryKey: keys.members(user?.id ?? ""),
+		enabled: user !== void 0,
+		queryFn: () => {
+			if (!auth?.organizations) throw new Error("useMembers() needs organizations: turn them on in the auth config.");
+			return auth.session.organizations.people();
+		}
+	});
+	const byId = useMemo(() => new Map((query.data ?? []).map((person) => [person.id, person])), [query.data]);
+	const { refetch } = query;
+	const member = useCallback((id) => {
+		const found = byId.get(id);
+		if (!found && asksAgainFor(query)) setTimeout(() => void refetch(), 0);
+		return found;
+	}, [
+		byId,
+		query,
+		refetch
+	]);
+	return {
+		...query,
+		member
+	};
+};
+//#endregion
+export { asksAgainFor, unknownIdRefetchMs, useMembers };