@cosmicdrift/kumiko-renderer 0.369.0 → 0.371.0

package/dist/app/app-features-context.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { FeatureSchema } from "./feature-schema.js";
+import type { FeatureSchema } from "./feature-schema.ts";
 export type AppFeaturesProviderProps = {
     readonly features: readonly FeatureSchema[];
     readonly children: ReactNode;

package/dist/app/edit-prefill.d.ts

@@ -1,5 +1,5 @@
 import type { EditFieldSpec } from "@cosmicdrift/kumiko-framework/ui-types";
-import type { CurrentUser } from "../current-user.js";
+import type { CurrentUser } from "../current-user.tsx";
 type NormalizedEditField = Exclude<EditFieldSpec, string>;
 /** Calendar date (`YYYY-MM-DD`) of `now` in the given IANA zone. The en-CA
  *  locale is used only because it formats dates as year-month-day. */

package/dist/app/header-actions.d.ts

@@ -1,4 +1,4 @@
-import type { RenderEditAction } from "../components/render-edit-types.js";
+import type { RenderEditAction } from "../components/render-edit-types.ts";
 export declare function primaryHeaderAction(actions: readonly RenderEditAction[], preferredId?: string): RenderEditAction | undefined;
 export type CompactHeaderPrimary = {
     readonly action: RenderEditAction;

package/dist/app/kumiko-screen.d.ts

@@ -1,10 +1,10 @@
 import type { ScreenDefinition } from "@cosmicdrift/kumiko-framework/ui-types";
 import type { FormValues, ListRowViewModel, Translate } from "@cosmicdrift/kumiko-headless";
 import { type ReactNode } from "react";
-import { type ListSort } from "../hooks/use-list-url-state.js";
-import type { FeatureSchema } from "./feature-schema.js";
-import { qualifyScreenId } from "./qualify-screen-id.js";
-import { screenAccessAllows } from "./screen-access.js";
+import { type ListSort } from "../hooks/use-list-url-state.ts";
+import type { FeatureSchema } from "./feature-schema.ts";
+import { qualifyScreenId } from "./qualify-screen-id.ts";
+import { screenAccessAllows } from "./screen-access.ts";
 export type KumikoScreenProps = {
     readonly schema: FeatureSchema;
     readonly qn: string;

package/dist/app/kumiko-screen.js

@@ -134,7 +134,10 @@ export function ScreenMissingState({ screenQn, homeScreenId, testId = "kumiko-sc
     useEffect(() => {
         console.warn(`[kumiko] screen "${screenQn}" is not in the schema (feature disabled, stale link or miswired screen).`);
     }, [screenQn]);
-    return (_jsxs(Card, { options: { padded: true }, testId: testId, children: [_jsx(Text, { testId: `${testId}-title`, children: t("kumiko.screen-missing.title") }), _jsx(Text, { variant: "muted", children: t("kumiko.screen-missing.hint") }), homeScreenId !== undefined && (_jsx(ScreenMissingHomeButton, { homeScreenId: homeScreenId, testId: `${testId}-home` }))] }));
+    return (_jsx(Card, { options: { padded: true }, slots: {
+            title: _jsx(Text, { testId: `${testId}-title`, children: t("kumiko.screen-missing.title") }),
+            subtitle: _jsx(Text, { variant: "muted", children: t("kumiko.screen-missing.hint") }),
+        }, testId: testId, children: homeScreenId !== undefined ? (_jsx(ScreenMissingHomeButton, { homeScreenId: homeScreenId, testId: `${testId}-home` })) : null }));
 }
 function ScreenAccessDeniedBanner({ screenQn, testId, }) {
     const { Banner } = usePrimitives();

package/dist/app/list-empty-content.d.ts

@@ -1,7 +1,7 @@
 import type { ListEmptyStateSpec } from "@cosmicdrift/kumiko-framework/ui-types";
 import type { Translate } from "@cosmicdrift/kumiko-headless";
-import type { ListEmptyStateContent } from "../components/list-empty-state.js";
-import { buildRecordActions } from "./row-actions.js";
+import type { ListEmptyStateContent } from "../components/list-empty-state.tsx";
+import { buildRecordActions } from "./row-actions.ts";
 type ActionBindings = Pick<Parameters<typeof buildRecordActions>[0], "nav" | "host" | "dispatcher" | "openDrawer" | "onWriteSuccess">;
 export declare function useListEmptyContent(spec: ListEmptyStateSpec | undefined, translate: Translate, bindings: ActionBindings): ListEmptyStateContent | undefined;
 export declare function isListNarrowed(search: string, filters: Readonly<Record<string, readonly string[]>>, defaultFilters?: Readonly<Record<string, readonly string[]>>): boolean;

package/dist/app/list-facets.d.ts

@@ -1,6 +1,6 @@
 import type { EntityListFacetConfig, ListFacetSpec } from "@cosmicdrift/kumiko-framework/ui-types";
 import type { Translate } from "@cosmicdrift/kumiko-headless";
-import type { DataTableFacet, DataTableFacetChip } from "../primitives.js";
+import type { DataTableFacet, DataTableFacetChip } from "../primitives.tsx";
 export type ResolvedFacetSpec = {
     readonly field: string;
     readonly type: "select" | "boolean" | "reference";

package/dist/app/nav.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { FeatureSchema } from "./feature-schema.js";
+import type { FeatureSchema } from "./feature-schema.ts";
 export type NavRoute = {
     readonly workspaceId?: string;
     readonly screenId: string;

package/dist/app/reference-facet-bridge.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { ResolvedFacetSpec } from "./list-facets.js";
+import type { ResolvedFacetSpec } from "./list-facets.ts";
 export type ReferenceFacetOption = {
     readonly value: string;
     readonly label: string;

package/dist/app/return-to.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-import type { FeatureSchema } from "./feature-schema.js";
-import { type NavApi, type NavTarget, type ScreenTarget } from "./nav.js";
+import type { FeatureSchema } from "./feature-schema.ts";
+import { type NavApi, type NavTarget, type ScreenTarget } from "./nav.tsx";
 export declare const RETURN_TO_PARAM = "returnTo";
 export type ReturnHost = {
     readonly screenId: string;

package/dist/app/row-actions.d.ts

@@ -1,10 +1,10 @@
 import type { EntityEditScreenDefinition, RelatedListToolbarAction, RowAction, RowActionDrawer, RowActionNavigate, RowActionWriteHandler, RowFieldExtractor, ToolbarAction } from "@cosmicdrift/kumiko-framework/ui-types";
 import type { Dispatcher, ListRowViewModel, Translate } from "@cosmicdrift/kumiko-headless";
-import type { RenderEditAction } from "../components/render-edit-types.js";
-import type { ToolbarActionButton } from "../components/render-list.js";
-import type { DataTableRowAction } from "../primitives.js";
-import type { NavApi } from "./nav.js";
-import { type ReturnHost } from "./return-to.js";
+import type { RenderEditAction } from "../components/render-edit-types.ts";
+import type { ToolbarActionButton } from "../components/render-list.tsx";
+import type { DataTableRowAction } from "../primitives.tsx";
+import type { NavApi } from "./nav.tsx";
+import { type ReturnHost } from "./return-to.tsx";
 export declare function buildDefaultEditRowAction(editScreen: EntityEditScreenDefinition | undefined, idColumn?: string): RowActionNavigate | undefined;
 export declare function evalRowExtractor(extractor: RowFieldExtractor, row: Record<string, unknown>): Record<string, unknown>;
 export declare function isWriteHandlerRowAction(action: RowAction): action is RowActionWriteHandler;

package/dist/app/secret-mint-body.d.ts

@@ -1,7 +1,7 @@
 import type { SecretMintScreenDefinition } from "@cosmicdrift/kumiko-framework/ui-types";
 import type { Translate } from "@cosmicdrift/kumiko-headless";
 import { type ReactNode } from "react";
-import type { FeatureSchema } from "./feature-schema.js";
+import type { FeatureSchema } from "./feature-schema.ts";
 export type SecretMintBodyProps = {
     readonly schema: FeatureSchema;
     readonly screen: SecretMintScreenDefinition;

package/dist/app/use-embedded-screen.d.ts

@@ -1,4 +1,4 @@
-import type { FeatureSchema } from "./feature-schema.js";
+import type { FeatureSchema } from "./feature-schema.ts";
 export type EmbeddedScreenTarget = {
     readonly schema: FeatureSchema;
     readonly qn: string;

package/dist/app/variable-chips.d.ts

@@ -3,5 +3,7 @@ export type VariableChipsProps = {
     readonly variables: readonly string[];
     readonly onInsert: (name: string) => void;
     readonly disabled?: boolean;
+    /** Display text per variable name; a named chip keeps the raw name as tooltip. */
+    readonly labels?: Readonly<Record<string, string>>;
 };
-export declare function VariableChips({ variables, onInsert, disabled }: VariableChipsProps): ReactNode;
+export declare function VariableChips({ variables, onInsert, disabled, labels, }: VariableChipsProps): ReactNode;

package/dist/app/variable-chips.js

@@ -9,8 +9,11 @@ import { usePrimitives } from "../primitives.js";
 // No wrapping element: @cosmicdrift/kumiko-renderer is DOM-free (native impls
 // have no <div>), and layout is a platform concern anyway — the caller
 // (PlainContentEditor et al.) places these buttons in its own container.
-export function VariableChips({ variables, onInsert, disabled }) {
+export function VariableChips({ variables, onInsert, disabled, labels, }) {
     const { Button } = usePrimitives();
     const t = useTranslation();
-    return (_jsx(Fragment, { children: variables.map((name) => (_jsx(Button, { type: "button", variant: "secondary", size: "sm", disabled: disabled, onClick: () => onInsert(name), ariaLabel: t("kumiko.contentEditor.insertVariable", { name }), children: `{{${name}}}` }, name))) }));
+    return (_jsx(Fragment, { children: variables.map((name) => {
+            const label = labels !== undefined && Object.hasOwn(labels, name) ? labels[name] : undefined;
+            return (_jsx(Button, { type: "button", variant: "secondary", size: "sm", disabled: disabled, onClick: () => onInsert(name), ariaLabel: t("kumiko.contentEditor.insertVariable", { name: label ?? name }), ...(label !== undefined && { title: name }), children: label ?? `{{${name}}}` }, name));
+        }) }));
 }

package/dist/app/visible-when.d.ts

@@ -1,5 +1,5 @@
 import type { DashboardPanelVisibility } from "@cosmicdrift/kumiko-framework/ui-types";
-import type { UseQueryResult } from "../hooks/use-query.js";
+import type { UseQueryResult } from "../hooks/use-query.ts";
 export type VisibleWhenVerdict = "loading" | "visible" | "hidden" | "error";
 export declare function evalVisibleWhen(visibleWhen: DashboardPanelVisibility, result: UseQueryResult<Readonly<Record<string, unknown>>> | undefined): VisibleWhenVerdict;
 export declare function evalVisibleWhenAfterShown(visibleWhen: DashboardPanelVisibility, result: UseQueryResult<Readonly<Record<string, unknown>>> | undefined, wasShown: boolean): VisibleWhenVerdict;

package/dist/components/grid-cell-for-field.d.ts

@@ -1,6 +1,6 @@
 import type { EditFieldViewModel, FieldIssue } from "@cosmicdrift/kumiko-headless";
 import type { ReactNode } from "react";
-import type { FieldCellWidth, FieldProps, usePrimitives } from "../primitives.js";
+import type { FieldCellWidth, FieldProps, usePrimitives } from "../primitives.tsx";
 export type GridCellForFieldProps = {
     readonly field: EditFieldViewModel;
     readonly columns: number;

package/dist/components/list-empty-state.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { RenderEditAction } from "./render-edit-types.js";
+import type { RenderEditAction } from "./render-edit-types.ts";
 export type ListEmptyStateContent = {
     readonly title: string;
     readonly description?: string;

package/dist/components/related-list-section.js

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useAppFeatures } from "../app/app-features-context.js";
 import { buildFilterFacets, buildFilterPayload, mergeReferenceFacetOptions, resolveProjectionFacetSpecs, } from "../app/list-facets.js";
 import { useNav } from "../app/nav.js";
-import { ReferenceFacetBridges } from "../app/reference-facet-bridge.js";
+import { ReferenceFacetBridges, } from "../app/reference-facet-bridge.js";
 import { navigateWithReturnTo, useReturnHost } from "../app/return-to.js";
 import { buildDefaultEditRowAction, buildProjectionRowActions, buildProjectionToolbarActions, buildRecordActions, runProjectionRowNavigate, } from "../app/row-actions.js";
 import { findEditScreenFor } from "../app/screen-access.js";

package/dist/components/render-edit-action-button.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-import type { usePrimitives } from "../primitives.js";
-import type { RenderEditAction } from "./render-edit-types.js";
+import type { usePrimitives } from "../primitives.tsx";
+import type { RenderEditAction } from "./render-edit-types.ts";
 export declare function needsActionConfirm(action: Pick<RenderEditAction, "confirm" | "confirmRequired" | "style">): boolean;
 export declare function RenderEditActionConfirmDialog({ action, open, onOpenChange, onConfirm, Dialog, }: {
     readonly action: RenderEditAction;

package/dist/components/render-edit.d.ts

@@ -1,6 +1,6 @@
 import type { FormValues } from "@cosmicdrift/kumiko-headless";
-import type { RenderEditProps } from "./render-edit-types.js";
-export type { RenderEditAction, RenderEditChangeState, RenderEditControls, RenderEditProps, } from "./render-edit-types.js";
+import type { RenderEditProps } from "./render-edit-types.ts";
+export type { RenderEditAction, RenderEditChangeState, RenderEditControls, RenderEditProps, } from "./render-edit-types.ts";
 import { type ReactNode } from "react";
 export declare const PATCH_DRAFT_SAVE_DEBOUNCE_MS = 500;
 /** A record title is a non-blank string; anything else leaves the screen title alone. */

package/dist/components/render-field.d.ts

@@ -1,6 +1,6 @@
 import { type EditFieldViewModel, type FieldIssue } from "@cosmicdrift/kumiko-headless";
 import { type ReactNode } from "react";
-import { type FieldProps } from "../primitives.js";
+import { type FieldProps } from "../primitives.tsx";
 export type RenderFieldProps = {
     readonly field: EditFieldViewModel;
     readonly issues?: readonly FieldIssue[];

package/dist/components/render-list.d.ts

@@ -1,9 +1,9 @@
 import type { EntityDefinition, EntityListScreenDefinition, IconKey } from "@cosmicdrift/kumiko-framework/ui-types";
 import type { ListRowViewModel, Translate } from "@cosmicdrift/kumiko-headless";
 import { type ReactNode } from "react";
-import type { ListSort } from "../hooks/use-list-url-state.js";
-import { type DataTableDateRangeFacet, type DataTableFacet, type DataTableProps, type DataTableRowAction, type DataTableRowActionMode, type DataTableRowGrouping } from "../primitives.js";
-import { type ListEmptyStateContent } from "./list-empty-state.js";
+import type { ListSort } from "../hooks/use-list-url-state.ts";
+import { type DataTableDateRangeFacet, type DataTableFacet, type DataTableProps, type DataTableRowAction, type DataTableRowActionMode, type DataTableRowGrouping } from "../primitives.tsx";
+import { type ListEmptyStateContent } from "./list-empty-state.tsx";
 export type RenderListProps = {
     readonly screen: EntityListScreenDefinition;
     readonly entity: EntityDefinition;

package/dist/components/use-action-menu-items.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-import type { ActionMenuItemSpec, usePrimitives } from "../primitives.js";
-import type { RenderEditAction } from "./render-edit-types.js";
+import type { ActionMenuItemSpec, usePrimitives } from "../primitives.tsx";
+import type { RenderEditAction } from "./render-edit-types.ts";
 export declare function useActionMenuItems({ Dialog, onError, }: {
     readonly Dialog: ReturnType<typeof usePrimitives>["Dialog"];
     readonly onError: (text: string | null) => void;

package/dist/context/dispatcher-context.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatcher, DispatcherStatus } from "@cosmicdrift/kumiko-headless";
 import { type ReactNode } from "react";
-import { type QueryPools } from "./query-pool.js";
+import { type QueryPools } from "./query-pool.ts";
 export type DispatcherProviderProps = {
     readonly dispatcher: Dispatcher;
     readonly children: ReactNode;

package/dist/hooks/use-list-url-state.d.ts

@@ -1,4 +1,4 @@
-import type { DataTableSort, DataTableSortDir } from "../primitives.js";
+import type { DataTableSort, DataTableSortDir } from "../primitives.tsx";
 export declare const NO_FILTER_URL_VALUE = "~";
 export type ListSortDir = DataTableSortDir;
 export type ListSort = DataTableSort;

package/dist/hooks/use-report-step-complete.d.ts

@@ -1,2 +1,2 @@
-import type { ExtensionSectionProps } from "../app/extension-sections.js";
+import type { ExtensionSectionProps } from "../app/extension-sections.tsx";
 export declare function useReportStepComplete(reportStepComplete: ExtensionSectionProps["reportStepComplete"], complete: boolean | null): void;

package/dist/i18n-defaults.d.ts

@@ -1,2 +1,2 @@
-import type { TranslationsByLocale } from "./i18n.js";
+import type { TranslationsByLocale } from "./i18n.tsx";
 export declare const kumikoDefaultTranslations: TranslationsByLocale;

package/dist/i18n-defaults.js

@@ -257,6 +257,7 @@ export const kumikoDefaultTranslations = {
         "errors.validation.failed": "Validation failed.",
         "errors.feature.disabled": "This feature is currently unavailable.",
         "errors.access.denied": "You don't have permission to do this.",
+        "errors.demoReadOnly": "This live demo is read-only.",
         "errors.notFound": "Not found.",
         "errors.conflict": "Conflict — the operation could not be completed.",
         "errors.versionConflict": "The record was modified in the meantime. Reload and try again.",

package/dist/index.d.ts

@@ -1,87 +1,87 @@
 export { type Formality, formalLocaleTag } from "@cosmicdrift/kumiko-framework/ui-types";
-export { synthesizeActionFormEntity, synthesizeActionFormScreen } from "./app/action-form-shim.js";
-export type { AppFeaturesProviderProps } from "./app/app-features-context.js";
-export { AppFeaturesProvider, useAppFeatures } from "./app/app-features-context.js";
-export type { ColumnRendererComponent, ColumnRendererProps, ColumnRenderersMap, ColumnRenderersProviderProps, } from "./app/column-renderers.js";
-export { ColumnRenderersProvider, useColumnRenderer } from "./app/column-renderers.js";
-export type { ContentEditorComponent, ContentEditorProps, ContentEditorsMap, ContentEditorsProviderProps, } from "./app/content-editors.js";
-export { CONTENT_EDITOR_ELEMENT_ID, ContentEditorsProvider, TextareaContentEditor, useContentEditor, } from "./app/content-editors.js";
-export type { ContentPreviewProps } from "./app/content-preview.js";
-export { ContentPreview, substituteVariables } from "./app/content-preview.js";
-export type { CustomScreensMap, CustomScreensProviderProps } from "./app/custom-screens.js";
-export { CustomScreensProvider, useCustomScreenComponent } from "./app/custom-screens.js";
-export type { DashboardBodyProps, DashboardBodyProviderProps } from "./app/dashboard-body.js";
-export { DashboardBodyProvider, useDashboardBody } from "./app/dashboard-body.js";
-export type { ExtensionFormRegistry, ExtensionFormSubmitHandler, ExtensionSubmitContext, ExtensionSubmitResult, } from "./app/extension-form-submit.js";
-export { ExtensionFormRegistryProvider, useExtensionFormSubmit, } from "./app/extension-form-submit.js";
-export type { ExtensionSectionComponent, ExtensionSectionProps, ExtensionSectionsMap, ExtensionSectionsProviderProps, } from "./app/extension-sections.js";
-export { ExtensionSectionsProvider, extensionSectionName, useExtensionSectionComponent, } from "./app/extension-sections.js";
-export type { AppSchema, FeatureSchema, QualifiedContentCollection, WorkspaceSchema, } from "./app/feature-schema.js";
-export { isAppSchema, toAppSchema } from "./app/feature-schema.js";
-export type { KumikoScreenProps } from "./app/kumiko-screen.js";
-export { KumikoScreen, qualifyNavId, qualifyScreenId, ScreenMissingState, } from "./app/kumiko-screen.js";
-export type { DateRangeBound, DateRangeValue, ResolvedDateRangeFacet } from "./app/list-facets.js";
-export { buildDateRangePayload, clampDateRange, readDateRange, resolveDateRangeFacets, } from "./app/list-facets.js";
-export type { NavApi, NavigateOptions, NavProviderProps, NavRoute, NavTarget, ObjectTarget, ScreenTarget, } from "./app/nav.js";
-export { formatPath, hasDetailScreen, NavProvider, parsePath, resolveTarget, useNav, useNavigateWithInitialValues, } from "./app/nav.js";
-export { lastSegment } from "./app/qn.js";
-export type { ReturnHost, ReturnTo } from "./app/return-to.js";
-export { navigateToReturn, navigateToReturnOr, navigateWithReturnTo, RETURN_TO_PARAM, ReturnHostProvider, resolveReturnTarget, splitReturnTo, useReturnHost, useReturnTarget, } from "./app/return-to.js";
-export type { EmbeddedScreenTarget } from "./app/use-embedded-screen.js";
-export { useEmbeddedScreen } from "./app/use-embedded-screen.js";
-export type { VariableChipsProps } from "./app/variable-chips.js";
-export { VariableChips } from "./app/variable-chips.js";
-export { evalVisibleWhen, type VisibleWhenVerdict } from "./app/visible-when.js";
-export { dispatcherErrorText, WriteFailedError } from "./app/write-failed-error.js";
-export type { ErrorBoundaryFallbackProps, ErrorBoundaryProps, } from "./components/error-boundary.js";
-export { ErrorBoundary } from "./components/error-boundary.js";
-export { RelatedListSection } from "./components/related-list-section.js";
-export type { RenderEditAction, RenderEditChangeState, RenderEditControls, RenderEditProps, } from "./components/render-edit.js";
-export { RenderEdit } from "./components/render-edit.js";
-export { needsActionConfirm } from "./components/render-edit-action-button.js";
-export type { RenderFieldProps } from "./components/render-field.js";
-export { RenderField } from "./components/render-field.js";
-export type { RenderListProps } from "./components/render-list.js";
-export { RenderList } from "./components/render-list.js";
-export type { DispatcherProviderProps } from "./context/dispatcher-context.js";
-export { DispatcherProvider, useDispatcher, useDispatcherStatus, useOptionalDispatcher, } from "./context/dispatcher-context.js";
-export type { DraftStorage, DraftStorageProviderProps } from "./context/draft-storage-context.js";
-export { DraftStorageProvider, useDraftStorage } from "./context/draft-storage-context.js";
-export { EmbeddedScreenProvider, useIsEmbeddedScreen } from "./context/embedded-screen-context.js";
-export type { UserRolesProviderProps } from "./context/user-roles-context.js";
-export { UserRolesProvider, useUserRoles } from "./context/user-roles-context.js";
-export type { CurrentUser } from "./current-user.js";
-export { CurrentUserProvider, useOptionalCurrentUser } from "./current-user.js";
-export { formatWhen } from "./format-when.js";
-export { REFERENCE_COMBOBOX_LIMIT, REFERENCE_LIST_LOOKUP_LIMIT, REFERENCE_SEARCH_DEBOUNCE_MS, } from "./hooks/reference-limits.js";
-export type { AiTextActionState, AiTextMode, AiTextRewriteStyle, AiTextRunPayload, AiTextRunResult, AiTextUsage, UseAiTextActionResult, UseCompletionResult, } from "./hooks/use-ai-text.js";
-export { AI_TEXT_RUN_QN, useAiTextAction, useCompletion } from "./hooks/use-ai-text.js";
-export type { UseDisclosureResult } from "./hooks/use-disclosure.js";
-export { useDisclosure } from "./hooks/use-disclosure.js";
-export type { UseFormOptions, UseFormResult } from "./hooks/use-form.js";
-export { useForm } from "./hooks/use-form.js";
-export type { ListSort, ListSortDir, ListUrlState, ListUrlStateApi, } from "./hooks/use-list-url-state.js";
-export { listFilterUrlKey, useListUrlState } from "./hooks/use-list-url-state.js";
-export type { UseMutationResult } from "./hooks/use-mutation.js";
-export { useMutation } from "./hooks/use-mutation.js";
-export type { UseQueryOptions, UseQueryResult } from "./hooks/use-query.js";
-export { entityFromQueryType, useQuery } from "./hooks/use-query.js";
-export { useReportStepComplete } from "./hooks/use-report-step-complete.js";
-export { useStore, useStoreSelector } from "./hooks/use-store.js";
-export type { StreamStatus, UseStreamHandlerOptions, UseStreamHandlerResult, } from "./hooks/use-stream-handler.js";
-export { useStreamHandler } from "./hooks/use-stream-handler.js";
-export type { LocaleProviderProps, TranslationBundle, TranslationsByKey, TranslationsByLocale, } from "./i18n.js";
-export { createStaticLocaleResolver, FormalityProvider, LocaleProvider, mergeTranslations, translationsByKeyFromLocales, translationsByLocaleFromKeys, useFormality, useLocale, useOptionalLocale, useOptionalTranslation, useTranslation, } from "./i18n.js";
-export { kumikoDefaultTranslations } from "./i18n-defaults.js";
-export { InsideDrawerProvider, useInsideDrawer } from "./inside-drawer.js";
-export { PageHeaderCompactProvider, PageHeaderSlotAvailableProvider, usePageHeaderCompact, usePageHeaderSlotAvailable, } from "./page-header-slot.js";
-export type { ActionMenuItemSpec, ActionOverflowMenuProps, AppPrimitives, BannerProps, ButtonProps, CardOptions, CardProps, CardSlots, CopyButtonProps, CorePrimitives, DataTableDateRangeFacet, DataTableFacet, DataTableFacetChip, DataTableProps, DataTableRowAction, DataTableRowActionMode, DataTableRowGrouping, DataTableSort, DataTableSortDir, DialogProps, DrawerProps, EmbeddedListCellType, EmbeddedListColumn, EmbeddedListInputProps, EmbeddedListTotal, FieldCellWidth, FieldProps, FillContainerProps, FooterActionMarker, FooterActionRole, FormProps, FormSectionNavItem, FormWidth, GridCellProps, GridProps, HeadingProps, InputProps, JsonViewProps, LightboxImage, LightboxProps, LinkProps, MetricBandProps, MetricProps, ModalProps, PageHeaderProps, PickedFile, PrimitivesProviderProps, PrimitivesRegistry, ProgressProps, ProgressTone, PromoPanelAction, PromoPanelProps, RuntimeRenderer, SecretRevealProps, SecretRevealValue, SectionProps, ShareButtonProps, StatusBadgeProps, StatusTone, StepBarProps, StickyActionBarProps, StickyPrimaryActionMarker, TabsProps, TextProps, TrailingInputAction, WizardStepGroupProps, } from "./primitives.js";
-export { FOOTER_ACTION_ROLE_PROP, NARROW_LABEL_PROP, PrimitivesProvider, STICKY_PRIMARY_ACTION_PROP, shouldRenderActionsIconOnly, statusToneForOptionTone, statusToneForValue, useOptionalPrimitives, usePrimitives, } from "./primitives.js";
-export type { SessionEndedSignal, SessionEndedSignalProviderProps, } from "./session/session-ended.js";
-export { createSessionEndedSignal, isSessionEndedError, SESSION_ENDED_ERROR_CODES, SessionEndedSignalProvider, useSessionEndedSignal, withSessionEndedDetection, } from "./session/session-ended.js";
-export { buildWhatsAppShareUrl } from "./share-links.js";
-export { sortByAccessor } from "./sort-by-accessor.js";
-export type { LiveEvent, LiveEventSubscriber, LiveEventsProviderProps } from "./sse/live-events.js";
-export { LiveEventsProvider, useLiveEvents } from "./sse/live-events.js";
-export type { AppTokens, ColorTokens, CoreTokens, FontTokens, RadiusTokens, ShadowTokens, SpacingTokens, ThemeMode, ThemePreference, Tokens, TokensApi, TokensProviderProps, } from "./tokens.js";
-export { cssVarTokens, TokensProvider, useTokenController, useTokens } from "./tokens.js";
+export { synthesizeActionFormEntity, synthesizeActionFormScreen } from "./app/action-form-shim.ts";
+export type { AppFeaturesProviderProps } from "./app/app-features-context.tsx";
+export { AppFeaturesProvider, useAppFeatures } from "./app/app-features-context.tsx";
+export type { ColumnRendererComponent, ColumnRendererProps, ColumnRenderersMap, ColumnRenderersProviderProps, } from "./app/column-renderers.tsx";
+export { ColumnRenderersProvider, useColumnRenderer } from "./app/column-renderers.tsx";
+export type { ContentEditorComponent, ContentEditorProps, ContentEditorsMap, ContentEditorsProviderProps, } from "./app/content-editors.tsx";
+export { CONTENT_EDITOR_ELEMENT_ID, ContentEditorsProvider, TextareaContentEditor, useContentEditor, } from "./app/content-editors.tsx";
+export type { ContentPreviewProps } from "./app/content-preview.tsx";
+export { ContentPreview, substituteVariables } from "./app/content-preview.tsx";
+export type { CustomScreensMap, CustomScreensProviderProps } from "./app/custom-screens.tsx";
+export { CustomScreensProvider, useCustomScreenComponent } from "./app/custom-screens.tsx";
+export type { DashboardBodyProps, DashboardBodyProviderProps } from "./app/dashboard-body.tsx";
+export { DashboardBodyProvider, useDashboardBody } from "./app/dashboard-body.tsx";
+export type { ExtensionFormRegistry, ExtensionFormSubmitHandler, ExtensionSubmitContext, ExtensionSubmitResult, } from "./app/extension-form-submit.tsx";
+export { ExtensionFormRegistryProvider, useExtensionFormSubmit, } from "./app/extension-form-submit.tsx";
+export type { ExtensionSectionComponent, ExtensionSectionProps, ExtensionSectionsMap, ExtensionSectionsProviderProps, } from "./app/extension-sections.tsx";
+export { ExtensionSectionsProvider, extensionSectionName, useExtensionSectionComponent, } from "./app/extension-sections.tsx";
+export type { AppSchema, FeatureSchema, QualifiedContentCollection, WorkspaceSchema, } from "./app/feature-schema.ts";
+export { isAppSchema, toAppSchema } from "./app/feature-schema.ts";
+export type { KumikoScreenProps } from "./app/kumiko-screen.tsx";
+export { KumikoScreen, qualifyNavId, qualifyScreenId, ScreenMissingState, } from "./app/kumiko-screen.tsx";
+export type { DateRangeBound, DateRangeValue, ResolvedDateRangeFacet } from "./app/list-facets.ts";
+export { buildDateRangePayload, clampDateRange, readDateRange, resolveDateRangeFacets, } from "./app/list-facets.ts";
+export type { NavApi, NavigateOptions, NavProviderProps, NavRoute, NavTarget, ObjectTarget, ScreenTarget, } from "./app/nav.tsx";
+export { formatPath, hasDetailScreen, NavProvider, parsePath, resolveTarget, useNav, useNavigateWithInitialValues, } from "./app/nav.tsx";
+export { lastSegment } from "./app/qn.ts";
+export type { ReturnHost, ReturnTo } from "./app/return-to.tsx";
+export { navigateToReturn, navigateToReturnOr, navigateWithReturnTo, RETURN_TO_PARAM, ReturnHostProvider, resolveReturnTarget, splitReturnTo, useReturnHost, useReturnTarget, } from "./app/return-to.tsx";
+export type { EmbeddedScreenTarget } from "./app/use-embedded-screen.ts";
+export { useEmbeddedScreen } from "./app/use-embedded-screen.ts";
+export type { VariableChipsProps } from "./app/variable-chips.tsx";
+export { VariableChips } from "./app/variable-chips.tsx";
+export { evalVisibleWhen, type VisibleWhenVerdict } from "./app/visible-when.ts";
+export { dispatcherErrorText, WriteFailedError } from "./app/write-failed-error.ts";
+export type { ErrorBoundaryFallbackProps, ErrorBoundaryProps, } from "./components/error-boundary.tsx";
+export { ErrorBoundary } from "./components/error-boundary.tsx";
+export { RelatedListSection } from "./components/related-list-section.tsx";
+export type { RenderEditAction, RenderEditChangeState, RenderEditControls, RenderEditProps, } from "./components/render-edit.tsx";
+export { RenderEdit } from "./components/render-edit.tsx";
+export { needsActionConfirm } from "./components/render-edit-action-button.tsx";
+export type { RenderFieldProps } from "./components/render-field.tsx";
+export { RenderField } from "./components/render-field.tsx";
+export type { RenderListProps } from "./components/render-list.tsx";
+export { RenderList } from "./components/render-list.tsx";
+export type { DispatcherProviderProps } from "./context/dispatcher-context.tsx";
+export { DispatcherProvider, useDispatcher, useDispatcherStatus, useOptionalDispatcher, } from "./context/dispatcher-context.tsx";
+export type { DraftStorage, DraftStorageProviderProps } from "./context/draft-storage-context.tsx";
+export { DraftStorageProvider, useDraftStorage } from "./context/draft-storage-context.tsx";
+export { EmbeddedScreenProvider, useIsEmbeddedScreen } from "./context/embedded-screen-context.tsx";
+export type { UserRolesProviderProps } from "./context/user-roles-context.tsx";
+export { UserRolesProvider, useUserRoles } from "./context/user-roles-context.tsx";
+export type { CurrentUser } from "./current-user.tsx";
+export { CurrentUserProvider, useOptionalCurrentUser } from "./current-user.tsx";
+export { formatWhen } from "./format-when.ts";
+export { REFERENCE_COMBOBOX_LIMIT, REFERENCE_LIST_LOOKUP_LIMIT, REFERENCE_SEARCH_DEBOUNCE_MS, } from "./hooks/reference-limits.ts";
+export type { AiTextActionState, AiTextMode, AiTextRewriteStyle, AiTextRunPayload, AiTextRunResult, AiTextUsage, UseAiTextActionResult, UseCompletionResult, } from "./hooks/use-ai-text.ts";
+export { AI_TEXT_RUN_QN, useAiTextAction, useCompletion } from "./hooks/use-ai-text.ts";
+export type { UseDisclosureResult } from "./hooks/use-disclosure.ts";
+export { useDisclosure } from "./hooks/use-disclosure.ts";
+export type { UseFormOptions, UseFormResult } from "./hooks/use-form.ts";
+export { useForm } from "./hooks/use-form.ts";
+export type { ListSort, ListSortDir, ListUrlState, ListUrlStateApi, } from "./hooks/use-list-url-state.ts";
+export { listFilterUrlKey, useListUrlState } from "./hooks/use-list-url-state.ts";
+export type { UseMutationResult } from "./hooks/use-mutation.ts";
+export { useMutation } from "./hooks/use-mutation.ts";
+export type { UseQueryOptions, UseQueryResult } from "./hooks/use-query.ts";
+export { entityFromQueryType, useQuery } from "./hooks/use-query.ts";
+export { useReportStepComplete } from "./hooks/use-report-step-complete.ts";
+export { useStore, useStoreSelector } from "./hooks/use-store.ts";
+export type { StreamStatus, UseStreamHandlerOptions, UseStreamHandlerResult, } from "./hooks/use-stream-handler.ts";
+export { useStreamHandler } from "./hooks/use-stream-handler.ts";
+export type { LocaleProviderProps, TranslationBundle, TranslationsByKey, TranslationsByLocale, } from "./i18n.tsx";
+export { createStaticLocaleResolver, FormalityProvider, LocaleProvider, mergeTranslations, translationsByKeyFromLocales, translationsByLocaleFromKeys, useFormality, useLocale, useOptionalLocale, useOptionalTranslation, useTranslation, } from "./i18n.tsx";
+export { kumikoDefaultTranslations } from "./i18n-defaults.ts";
+export { InsideDrawerProvider, useInsideDrawer } from "./inside-drawer.ts";
+export { PageHeaderCompactProvider, PageHeaderSlotAvailableProvider, usePageHeaderCompact, usePageHeaderSlotAvailable, } from "./page-header-slot.ts";
+export type { ActionMenuItemSpec, ActionOverflowMenuProps, AppPrimitives, BannerProps, ButtonProps, CardOptions, CardProps, CardSlots, CopyButtonProps, CorePrimitives, DataTableDateRangeFacet, DataTableFacet, DataTableFacetChip, DataTableProps, DataTableRowAction, DataTableRowActionMode, DataTableRowGrouping, DataTableSort, DataTableSortDir, DialogProps, DrawerProps, EmbeddedListCellType, EmbeddedListColumn, EmbeddedListInputProps, EmbeddedListTotal, FieldCellWidth, FieldProps, FillContainerProps, FooterActionMarker, FooterActionRole, FormProps, FormSectionNavItem, FormWidth, GridCellProps, GridProps, HeadingProps, InputProps, JsonViewProps, LightboxImage, LightboxProps, LinkProps, MetricBandProps, MetricProps, ModalProps, PageHeaderProps, PickedFile, PrimitivesProviderProps, PrimitivesRegistry, ProgressProps, ProgressTone, PromoPanelAction, PromoPanelProps, RuntimeRenderer, SecretRevealProps, SecretRevealValue, SectionProps, ShareButtonProps, StatusBadgeProps, StatusTone, StepBarProps, StickyActionBarProps, StickyPrimaryActionMarker, TabsProps, TextProps, TrailingInputAction, WizardStepGroupProps, } from "./primitives.tsx";
+export { FOOTER_ACTION_ROLE_PROP, NARROW_LABEL_PROP, PrimitivesProvider, STICKY_PRIMARY_ACTION_PROP, shouldRenderActionsIconOnly, statusToneForOptionTone, statusToneForValue, useOptionalPrimitives, usePrimitives, } from "./primitives.tsx";
+export type { SessionEndedSignal, SessionEndedSignalProviderProps, } from "./session/session-ended.tsx";
+export { createSessionEndedSignal, isSessionEndedError, SESSION_ENDED_ERROR_CODES, SessionEndedSignalProvider, useSessionEndedSignal, withSessionEndedDetection, } from "./session/session-ended.tsx";
+export { buildWhatsAppShareUrl } from "./share-links.ts";
+export { sortByAccessor } from "./sort-by-accessor.ts";
+export type { LiveEvent, LiveEventSubscriber, LiveEventsProviderProps, } from "./sse/live-events.tsx";
+export { LiveEventsProvider, useLiveEvents } from "./sse/live-events.tsx";
+export type { AppTokens, ColorTokens, CoreTokens, FontTokens, RadiusTokens, ShadowTokens, SpacingTokens, ThemeMode, ThemePreference, Tokens, TokensApi, TokensProviderProps, } from "./tokens.tsx";
+export { cssVarTokens, TokensProvider, useTokenController, useTokens } from "./tokens.tsx";

package/dist/sort-by-accessor.d.ts

@@ -1,4 +1,4 @@
-import type { DataTableSort } from "./primitives.js";
+import type { DataTableSort } from "./primitives.tsx";
 type SortValue = string | number | null;
 /** Sorts `rows` by a `DataTableSort` against a field->accessor map. Unknown
  *  field or `sort === null` returns `rows` unchanged (no-op, not an error —

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer",
-  "version": "0.369.0",
+  "version": "0.371.0",
   "description": "Platform-agnostic React renderer for Kumiko screens. Contains the shared logic — primitives-contract, hooks, KumikoScreen, navigation & SSE abstractions — that any platform-specific renderer (web, native) composes. No DOM, no EventSource, no react-dom.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -15,9 +15,9 @@
     }
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-framework": "0.369.0",
-    "@cosmicdrift/kumiko-headless": "0.369.0",
-    "@cosmicdrift/kumiko-types": "0.369.0",
+    "@cosmicdrift/kumiko-framework": "0.371.0",
+    "@cosmicdrift/kumiko-headless": "0.371.0",
+    "@cosmicdrift/kumiko-types": "0.371.0",
     "react": "^19.2.6",
     "temporal-polyfill": "^0.3.2",
     "zod": "^4.4.3"
@@ -28,7 +28,7 @@
     "@types/react-dom": "^19.2.3",
     "jsdom": "^29.1.1",
     "react-dom": "^19.2.6",
-    "@cosmicdrift/kumiko-locale-de": "0.369.0"
+    "@cosmicdrift/kumiko-locale-de": "0.371.0"
   },
   "repository": {
     "type": "git",

package/src/changes.json

@@ -1,4 +1,10 @@
 [
+  {
+    "version": "0.371.0",
+    "type": "improvement",
+    "title": "Missing-screen page spaces title and hint like other cards",
+    "detail": "The page-not-available card renders title and hint through the Card title and subtitle slots."
+  },
   {
     "version": "0.368.0",
     "type": "fix",