@rebasepro/admin 0.13.1-canary.gef9608c → 0.14.0

package/dist/{RouterCollectionsStudioView-BJylABq3.js → RouterCollectionsStudioView-CwTpdzWF.js}

@@ -1,11 +1,12 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { in as useUrlController } from "./util-DHNXodBo.js";
-import { s as AIModifiedPathsProvider } from "./PropertyEditView-C-31uvpG.js";
-import { t as CollectionEditor } from "./CollectionEditorDialog-7b-kSLno.js";
+import { ln as useUrlController } from "./util-C-D5yD2n.js";
+import { s as AIModifiedPathsProvider } from "./PropertyEditView-CWZlC1gq.js";
+import { t as CollectionEditor } from "./CollectionEditorDialog-CSheud_E.js";
 import { useEffect, useState } from "react";
 import { Button, IconButton, PlusIcon, ResizablePanels, Tooltip, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
 import { IconForView, UnsavedChangesDialog, useUnsavedChangesDialog } from "@rebasepro/app";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { readStoredString, writeStoredString } from "@rebasepro/utils";
 import { useLocation, useNavigate } from "react-router";
 //#region src/collection_editor/ui/collection_editor/CollectionStudioView.tsx
 function CollectionStudioView({ collectionId, onSave, onCancel, ...props }) {
@@ -74,17 +75,12 @@ function CollectionsStudioView({ configController, collections: collectionsProp,
 	};
 	const collections = collectionsProp ?? configController.collections ?? [];
 	const [sidebarSize, setSidebarSize] = useState(() => {
-		try {
-			const saved = localStorage.getItem("rebase_collections_editor_sidebar_size");
-			return saved !== null ? parseFloat(saved) : 25;
-		} catch (e) {
-			return 25;
-		}
+		const saved = readStoredString("rebase_collections_editor_sidebar_size");
+		const parsed = saved === null ? NaN : parseFloat(saved);
+		return Number.isFinite(parsed) && parsed > 0 && parsed < 100 ? parsed : 25;
 	});
 	useEffect(() => {
-		try {
-			localStorage.setItem("rebase_collections_editor_sidebar_size", sidebarSize.toString());
-		} catch (e) {}
+		writeStoredString("rebase_collections_editor_sidebar_size", sidebarSize.toString());
 	}, [sidebarSize]);
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex h-full w-full bg-surface-50 dark:bg-surface-800 overflow-hidden text-text-primary dark:text-text-primary-dark",
@@ -189,4 +185,4 @@ function RouterCollectionsStudioView(props) {
 //#endregion
 export { CollectionStudioView as i, RouterCollectionsStudioView_exports as n, CollectionsStudioView as r, RouterCollectionsStudioView as t };
 
-//# sourceMappingURL=RouterCollectionsStudioView-BJylABq3.js.map
+//# sourceMappingURL=RouterCollectionsStudioView-CwTpdzWF.js.map

package/dist/RouterCollectionsStudioView-CwTpdzWF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterCollectionsStudioView-CwTpdzWF.js","names":[],"sources":["../src/collection_editor/ui/collection_editor/CollectionStudioView.tsx","../src/collection_editor/ui/collection_editor/CollectionsStudioView.tsx","../src/collection_editor/ui/collection_editor/RouterCollectionsStudioView.tsx"],"sourcesContent":["\nimport { useUnsavedChangesDialog, UnsavedChangesDialog } from \"@rebasepro/app\";\nimport * as React from \"react\";\nimport { useState } from \"react\";\nimport { Button, PlusIcon, Typography } from \"@rebasepro/ui\";\nimport { CollectionEditorDialogProps } from \"./CollectionEditorDialog\";\nimport { AIModifiedPathsProvider } from \"./AIModifiedPathsContext\";\nimport { CollectionEditor } from \"./CollectionEditorDialog\";\nimport type { AdminCollection } from \"@rebasepro/admin-types\";\n\nexport type CollectionStudioViewProps = Omit<CollectionEditorDialogProps, \"open\" | \"isNewCollection\" | \"editedCollectionId\" | \"handleClose\" | \"handleCancel\"> & {\n    collectionId?: string | \"new\";\n\n    /**\n     * Called after a successful save.\n     * Receives the saved collection (or undefined if dismissed without saving).\n     * When not provided, save completes silently.\n     */\n    onSave?: (collection?: AdminCollection) => void;\n\n    /**\n     * Called when the user cancels editing.\n     * When not provided, cancel is a no-op.\n     */\n    onCancel?: () => void;\n};\n\nexport function CollectionStudioView({ collectionId, onSave, onCancel, ...props }: CollectionStudioViewProps) {\n\n    // Form state from the editor\n    const [formDirty, setFormDirty] = useState<boolean>(false);\n    const [cancelRequested, setCancelRequested] = useState<boolean>(false);\n\n    const { dialogProps, triggerDialog } = useUnsavedChangesDialog(\n        formDirty,\n        () => setFormDirty(false)\n    );\n\n    const activeCollectionId = collectionId;\n\n    const handleCancelClick = () => {\n        if (!formDirty) {\n            onCancel?.();\n        } else {\n            setCancelRequested(true);\n            triggerDialog();\n        }\n    };\n\n    return (\n        <div className=\"flex-grow flex flex-col h-full w-full bg-surface-50 dark:bg-surface-800\">\n            <AIModifiedPathsProvider>\n                {activeCollectionId ? (\n                    <CollectionEditor\n                        key={activeCollectionId}\n                        {...props}\n                        fullScreen={true}\n                        open={true}\n                        isNewCollection={activeCollectionId === \"new\"}\n                        editedCollectionId={activeCollectionId !== \"new\" ? activeCollectionId : undefined}\n                        handleCancel={handleCancelClick}\n                        handleClose={(savedCollection) => {\n                            setFormDirty(false);\n                            if (savedCollection) {\n                                setTimeout(() => {\n                                    onSave?.(savedCollection);\n                                }, 0);\n                            }\n                        }}\n                        setFormDirty={setFormDirty}\n                    />\n                ) : (\n                    <div className=\"flex-grow flex flex-col items-center justify-center h-full gap-4\">\n                        <Typography variant=\"label\">\n                            Select a collection or create a new one\n                        </Typography>\n                        <Button\n                            disabled={props.configController?.readOnly}\n                            onClick={() => onSave?.()}\n                        >\n                            <PlusIcon/>\n                            Add new collection\n                        </Button>\n                    </div>\n                )}\n\n                <UnsavedChangesDialog\n                    {...dialogProps}\n                    handleOk={() => {\n                        dialogProps.handleOk();\n                        if (cancelRequested) {\n                            onCancel?.();\n                            setCancelRequested(false);\n                        }\n                    }}\n                    handleCancel={() => {\n                        dialogProps.handleCancel();\n                        setCancelRequested(false);\n                    }}\n                />\n            </AIModifiedPathsProvider>\n        </div>\n    );\n}\n","\nimport { IconForView } from \"@rebasepro/app\";\nimport React, { useState, useEffect } from \"react\";\nimport {\n    Button,\n    cls,\n    defaultBorderMixin,\n    IconButton,\n    iconSize,\n    PlusIcon,\n    ResizablePanels,\n    Tooltip,\n    Typography\n} from \"@rebasepro/ui\";\n\nimport { CollectionsConfigController } from \"../../types/config_controller\";\nimport { CollectionStudioView } from \"./CollectionStudioView\";\nimport type { CollectionEditorExtensionProps } from \"../../extensibility_types\";\nimport type { AdminCollection } from \"@rebasepro/admin-types\";\nimport { readStoredString, writeStoredString } from \"@rebasepro/utils\";\n\nexport interface CollectionsStudioViewProps extends CollectionEditorExtensionProps {\n    configController: CollectionsConfigController;\n\n    /**\n     * Collections to show in the sidebar.\n     * When provided, overrides the collections from `configController`.\n     * Use this to control exactly which collections the editor displays.\n     */\n    collections?: AdminCollection[];\n\n    /**\n     * Controlled active collection ID.\n     * When provided together with `onActiveCollectionChange`,\n     * navigation is fully external — no internal state is used.\n     */\n    activeCollectionId?: string;\n\n    /**\n     * Called when the user clicks a collection, \"new\", or navigates.\n     * When provided, the component is fully controlled (no internal state).\n     * When not provided, the component manages selection via internal state.\n     *\n     * Pass `\"new\"` to create a new collection. Pass `undefined` to deselect.\n     */\n    onActiveCollectionChange?: (collectionId: string | undefined) => void;\n}\n\nexport function CollectionsStudioView({\n    configController,\n    collections: collectionsProp,\n    activeCollectionId: controlledActiveId,\n    onActiveCollectionChange,\n    propertyTypePresets,\n    hiddenPropertyTypes,\n    renderExtraPropertyFields,\n    renderExtraCollectionFields,\n    visibleTabs,\n    standalone,\n}: CollectionsStudioViewProps) {\n\n    // ── Navigation state ────────────────────────────────────────────────\n    // If onActiveCollectionChange is provided, the component is controlled.\n    // Otherwise, use internal state.\n    const [internalActiveId, setInternalActiveId] = useState<string | undefined>(undefined);\n    const isControlled = onActiveCollectionChange !== undefined;\n    const activeCollectionId = isControlled ? controlledActiveId : internalActiveId;\n\n    const setActiveCollectionId = (id: string | undefined) => {\n        if (isControlled) {\n            onActiveCollectionChange?.(id);\n        } else {\n            setInternalActiveId(id);\n        }\n    };\n\n    // ── Collections list ────────────────────────────────────────────────\n    const collections = collectionsProp ?? configController.collections ?? [];\n\n    // ── Sidebar sizing ──────────────────────────────────────────────────\n    // Checked, not just parsed: `parseFloat` answers NaN for anything it cannot\n    // read, and a NaN pane size lays the sidebar out to nothing — with the bad\n    // value still in storage on reload. `SplitListView.getSavedPanelSize` is the\n    // same read, done this way.\n    const [sidebarSize, setSidebarSize] = useState(() => {\n        const saved = readStoredString(\"rebase_collections_editor_sidebar_size\");\n        const parsed = saved === null ? NaN : parseFloat(saved);\n        return Number.isFinite(parsed) && parsed > 0 && parsed < 100 ? parsed : 25;\n    });\n\n    useEffect(() => {\n        writeStoredString(\"rebase_collections_editor_sidebar_size\", sidebarSize.toString());\n    }, [sidebarSize]);\n\n    return (\n        <div className=\"flex h-full w-full bg-surface-50 dark:bg-surface-800 overflow-hidden text-text-primary dark:text-text-primary-dark\">\n            <ResizablePanels\n                orientation=\"horizontal\"\n                panelSizePercent={sidebarSize}\n                onPanelSizeChange={setSidebarSize}\n                minPanelSizePx={220}\n                firstPanel={\n                    <div className={cls(\"flex flex-col h-full w-full bg-surface-50 dark:bg-surface-800 border-r\", defaultBorderMixin)}>\n                        <div className={cls(\"flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]\", defaultBorderMixin)}>\n                            <Typography variant=\"caption\" className=\"font-semibold text-[11px] uppercase tracking-wider text-surface-400 dark:text-surface-400\">\n                                Collections\n                            </Typography>\n                            <Tooltip title={configController.readOnly ? configController.readOnlyReason || \"Read only\" : \"Add collection\"}>\n                                <div>\n                                    <IconButton\n                                        size=\"small\"\n                                        disabled={configController.readOnly}\n                                        onClick={() => setActiveCollectionId(\"new\")}\n                                        className={activeCollectionId === \"new\" ? \"text-primary dark:text-primary-dark\" : \"text-text-secondary dark:text-text-secondary-dark\"}\n                                    >\n                                        <PlusIcon size={iconSize.smallest}/>\n                                    </IconButton>\n                                </div>\n                            </Tooltip>\n                        </div>\n\n                        <div className=\"flex-grow overflow-y-auto w-full no-scrollbar p-2 space-y-0.5\">\n                            {collections.length === 0 && (\n                                <div className=\"p-4 text-center\">\n                                    <Typography variant=\"caption\" className=\"text-text-disabled dark:text-text-disabled-dark italic\">\n                                        No collections yet.\n                                    </Typography>\n                                </div>\n                            )}\n                            {collections.map((collection) => {\n                                const collectionKey = collection.slug;\n                                const isSelected = activeCollectionId === collectionKey;\n                                return (\n                                    <div\n                                        key={collectionKey}\n                                        onClick={() => setActiveCollectionId(collectionKey)}\n                                        className={cls(\n                                            \"flex items-center gap-2.5 px-3 h-[30px] cursor-pointer rounded-lg text-[13px] font-medium transition-colors\",\n                                            isSelected\n                                                ? \"bg-primary/8 text-primary dark:bg-primary/10 dark:text-primary-light font-semibold\"\n                                                : \"hover:bg-primary/5 dark:hover:bg-primary/5 text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white\"\n                                        )}\n                                    >\n                                        <IconForView collectionOrView={collection} size={\"smallest\"} className={cls(\n                                            isSelected\n                                                ? \"text-primary dark:text-primary-light\"\n                                                : \"text-surface-500 dark:text-text-secondary-dark\"\n                                        )}/>\n                                        <span className=\"truncate flex-1\">\n                                            {collection.name || collection.slug}\n                                        </span>\n                                    </div>\n                                );\n                            })}\n                        </div>\n                    </div>\n                }\n                secondPanel={\n                    <div className=\"flex-grow flex flex-col min-w-0 h-full w-full\">\n                        {/* We use key to force unmount when switching collections, preventing stale state */}\n                        {activeCollectionId ? (\n                            <CollectionStudioView\n                                key={activeCollectionId}\n                                configController={configController}\n                                collectionId={activeCollectionId}\n                                onSave={(savedCollection) => {\n                                    // After creating a new collection, switch to it\n                                    if (activeCollectionId === \"new\" && savedCollection?.slug) {\n                                        setActiveCollectionId(savedCollection.slug);\n                                    }\n                                }}\n                                onCancel={() => setActiveCollectionId(undefined)}\n                                propertyTypePresets={propertyTypePresets}\n                                hiddenPropertyTypes={hiddenPropertyTypes}\n                                renderExtraPropertyFields={renderExtraPropertyFields}\n                                renderExtraCollectionFields={renderExtraCollectionFields}\n                                visibleTabs={visibleTabs}\n                                standalone={standalone}\n                            />\n                        ) : (\n                            <div className=\"flex flex-col items-center justify-center h-full gap-4\">\n                                <Typography variant=\"label\">\n                                    Select a collection or create a new one to start editing\n                                </Typography>\n                                <Button\n                                    disabled={configController.readOnly}\n                                    onClick={() => setActiveCollectionId(\"new\")}\n                                >\n                                    <PlusIcon/>\n                                    Add new collection\n                                </Button>\n                            </div>\n                        )}\n                    </div>\n                }\n            />\n        </div>\n    );\n}\n","/**\n * Router-aware wrapper around CollectionsStudioView.\n *\n * This component provides the react-router-based navigation behavior\n * that Rebase Studio expects: the active collection is derived from the\n * URL, and clicking a collection navigates via react-router.\n *\n * External consumers should use `CollectionsStudioView` directly\n * (which has no react-router dependency).\n */\nimport React from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\nimport { useUrlController } from \"../../_cms_internals\";\nimport { CollectionsStudioView, CollectionsStudioViewProps } from \"./CollectionsStudioView\";\n\nexport type RouterCollectionsStudioViewProps = Omit<CollectionsStudioViewProps, \"activeCollectionId\" | \"onActiveCollectionChange\">;\n\nexport function RouterCollectionsStudioView(props: RouterCollectionsStudioViewProps) {\n    const navigate = useNavigate();\n    const urlController = useUrlController();\n    const location = useLocation();\n\n    // Determine the active collection from the URL segment after \"schema/\"\n    const basePath = urlController.buildAppUrlPath(\"schema\");\n    const relativePath = location.pathname.replace(basePath, \"\").replace(/^\\//, \"\");\n    const activeCollectionId = relativePath.split(\"/\")[0] || undefined;\n\n    return (\n        <CollectionsStudioView\n            {...props}\n            activeCollectionId={activeCollectionId}\n            onActiveCollectionChange={(id) => {\n                if (id) {\n                    navigate(urlController.buildAppUrlPath(`schema/${id}`));\n                } else {\n                    navigate(urlController.buildAppUrlPath(\"schema\"));\n                }\n            }}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/collection_editor/serializable_types.d.ts

@@ -116,6 +116,7 @@ export interface SerializableAdminRelationOptions extends SerializableAdminBaseO
     fixedFilter?: FilterValues<string>;
     includeId?: boolean;
     includeEntityLink?: boolean;
+    renderInForm?: boolean;
 }
 /** JSON-serializable version of `AdminArrayOptions`. */
 export interface SerializableAdminArrayOptions extends SerializableAdminBaseOptions {

package/dist/collection_editor_ui.js

@@ -1,7 +1,7 @@
-import { in as useUrlController } from "./util-DHNXodBo.js";
-import { n as PropertyForm, r as PropertyFormDialog } from "./PropertyEditView-C-31uvpG.js";
-import { n as CollectionEditorDialog } from "./CollectionEditorDialog-7b-kSLno.js";
-import { i as CollectionStudioView, r as CollectionsStudioView, t as RouterCollectionsStudioView } from "./RouterCollectionsStudioView-BJylABq3.js";
+import { ln as useUrlController } from "./util-C-D5yD2n.js";
+import { n as PropertyForm, r as PropertyFormDialog } from "./PropertyEditView-CWZlC1gq.js";
+import { n as CollectionEditorDialog } from "./CollectionEditorDialog-CSheud_E.js";
+import { i as CollectionStudioView, r as CollectionsStudioView, t as RouterCollectionsStudioView } from "./RouterCollectionsStudioView-CwTpdzWF.js";
 import "react";
 import { useSnackbarController } from "@rebasepro/app";
 import { jsx } from "react/jsx-runtime";

package/dist/components/ClearFilterSortButton.d.ts

@@ -1,5 +1,11 @@
 import { EntityTableController } from "@rebasepro/admin-types";
-export declare function ClearFilterSortButton({ tableController, enabled }: {
+export declare function ClearFilterSortButton({ tableController, enabled, compact }: {
     enabled: boolean;
     tableController: EntityTableController;
+    /**
+     * Toolbar showing icon-only controls (split view, or a layout too narrow
+     * for the filters button's label). Only decides the icon size, which
+     * follows that button — see `CollectionViewStartActions`.
+     */
+    compact?: boolean;
 }): import("react").JSX.Element | null;

package/dist/components/CollectionViewBinding/EntityCardBinding.d.ts

@@ -2,6 +2,8 @@ import React from "react";
 import { Entity } from "@rebasepro/types";
 import { CollectionSize, AdminCollection } from "@rebasepro/admin-types";
 export type EntityCardBindingProps<M extends Record<string, unknown> = Record<string, unknown>> = {
+    /** The active search, so a card can mark the hit and say where it was. */
+    searchString?: string;
     entity: Entity<M>;
     collection: AdminCollection<M>;
     onClick?: (entity: Entity<M>) => void;
@@ -18,4 +20,4 @@ export type EntityCardBindingProps<M extends Record<string, unknown> = Record<st
  * Card component for displaying a entity in a grid view.
  * Shows thumbnail, title, and preview properties via the shared slot system.
  */
-export declare function EntityCardBinding<M extends Record<string, unknown> = Record<string, unknown>>({ entity, collection, onClick, selected, highlighted, onSelectionChange, selectionEnabled, size }: EntityCardBindingProps<M>): React.JSX.Element;
+export declare function EntityCardBinding<M extends Record<string, unknown> = Record<string, unknown>>({ entity, collection, onClick, selected, highlighted, onSelectionChange, selectionEnabled, size, searchString }: EntityCardBindingProps<M>): React.JSX.Element;

package/dist/components/CollectionViewBinding/SearchExplanation.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import type { SearchMatch } from "@rebasepro/types";
+/**
+ * The one place a view asks "why is this row here?" and gets something to draw.
+ *
+ * List, cards and board all render the same title-and-subtitle slots over the
+ * same machinery. An explanation that shows up in one of them and not the others
+ * reads as randomness rather than as a feature, so the decision and the markup
+ * live here and each view calls them.
+ */
+/**
+ * Terms to mark inside values the row already shows, plus the single match
+ * worth putting where the subtitle would go — or nothing, when the row is not
+ * the product of a search or the hit is already visible.
+ *
+ * Prefers the server's `_matches`, which knows the stemming the index used, and
+ * falls back to reading the row directly. That fallback is not belt-and-braces:
+ * rows reach the panel over REST, the realtime socket and the offline cache,
+ * and only one of those carries query metadata.
+ */
+export declare function useSearchExplanation(entity: {
+    values?: Record<string, unknown>;
+    searchMatches?: SearchMatch[];
+}, properties: Record<string, unknown> | undefined, shownKeys: (string | undefined)[], searchString: string | undefined): {
+    terms: string[];
+    offSlot: SearchMatch | undefined;
+};
+/**
+ * Which field the hit was in, and the text around it.
+ *
+ * Sits where the subtitle would have gone. Deliberately quiet — a small amber
+ * caption and one line — because it is context for a result, not the result. It
+ * has to survive a narrow column, so it truncates rather than wraps.
+ */
+export declare function MatchExplanation({ match, label }: {
+    match: SearchMatch;
+    label: string;
+}): React.JSX.Element;
+/**
+ * What to call a matched field on screen.
+ *
+ * The path is what the config and the server speak — `questionnaire.
+ * certifications` — and is unreadable in a list. Resolve it to the property's
+ * declared `name`, walking into `map` properties for a dotted path, and fall
+ * back to the last segment humanised, so an unnamed field still reads as words
+ * rather than as a path.
+ */
+export declare function fieldLabel(properties: Record<string, unknown> | undefined, path: string): string;

package/dist/components/CollectionViewBinding/SearchHighlight.d.ts

@@ -0,0 +1,101 @@
+import React from "react";
+import type { SearchMatch } from "@rebasepro/types";
+/**
+ * Pull the first mark near the front of the snippet.
+ *
+ * The snippet renders on one truncated line whose width is not knowable here —
+ * a list column is wide, the same list beside an open record is not. Whatever
+ * precedes the mark competes with it for that width, and when the mark loses
+ * the reader gets a fragment of their record with nothing highlighted in it,
+ * which reads as the feature being broken rather than as a narrow column.
+ *
+ * `ts_headline` centres its fragment on the match, so roughly half the window
+ * is lead-in; that is the right shape for a paragraph and the wrong one for a
+ * line. Trimming here rather than asking Postgres for a smaller window keeps
+ * the trailing context, which is what actually explains the hit — and applies
+ * the same shape to the snippets built in the browser, so a row looks the same
+ * whichever path produced it.
+ */
+export declare function trimSnippetLead(text: string, lead?: number): string;
+export declare function Snippet({ text, className }: {
+    text: string;
+    className?: string;
+}): React.JSX.Element;
+/**
+ * Mark every occurrence of the searched terms inside a plain value.
+ *
+ * Used for values the list already renders, where the server's snippet would be
+ * the wrong thing to show: the snippet is truncated to a fragment and folded to
+ * the indexed form, while the cell should keep the record's real text. So the
+ * terms are re-matched here, on the display value.
+ *
+ * Deliberately dumber than the server's matching, and it has to be: this cannot
+ * stem or unaccent without reimplementing the text search configuration in the
+ * browser and getting it subtly different. It marks what it can find as a
+ * prefix, case- and accent-insensitively, and marks nothing when it cannot —
+ * a highlight that is merely absent reads as "no hit in this field", which is
+ * the honest answer for a stem the browser cannot reproduce.
+ */
+export declare function Highlighted({ text, terms, className }: {
+    text: string;
+    terms: string[];
+    className?: string;
+}): React.JSX.Element;
+interface Segment {
+    text: string;
+    hit: boolean;
+}
+/**
+ * Split `text` into hit / non-hit runs.
+ *
+ * Matches on the *folded* form but slices the original, so the marked text
+ * keeps its accents and case — `Gestión`, not `gestion`. Folding is
+ * length-preserving for the diacritics this handles, which is what makes the
+ * indices transferable; a fold that changed length would misalign the slices.
+ */
+export declare function splitOnTerms(text: string, terms: string[]): Segment[];
+/**
+ * The terms a searcher typed, as things to look for in a rendered value.
+ *
+ * Quoted phrases stay whole; `-excluded` terms are dropped, since marking a
+ * word the user asked *not* to see would be actively wrong. `websearch_to_tsquery`
+ * reads the same syntax on the server.
+ */
+export declare function searchTerms(searchString: string | undefined): string[];
+/**
+ * The best match to show when the term is nowhere the list already displays.
+ *
+ * `shownKeys` are the property paths the row is already rendering, so a match
+ * there needs no explaining — {@link Highlighted} marks it in place and the
+ * subtitle keeps its own job. Anything else is invisible, and one of those is
+ * what the subtitle slot gets replaced with.
+ *
+ * The first such match wins, and the server returns them in the order the
+ * collection declared its `search` fields — so the field an author put first is
+ * the one a reader sees, rather than whichever the database aggregated first.
+ */
+export declare function offSlotMatch(matches: SearchMatch[] | undefined, shownKeys: (string | undefined)[]): SearchMatch | undefined;
+/**
+ * Where a search term appears in a row, computed from the row itself.
+ *
+ * The server can say this too — `_matches`, from `ts_headline` — and its answer
+ * is better, because it knows the stemming the index used. This exists because
+ * the admin cannot rely on getting it: rows reach the panel over three
+ * different transports (REST, the realtime socket, the offline cache) and only
+ * one of them carries query metadata. A feature that explains a result on some
+ * loads and not others is worse than one that always gives a slightly simpler
+ * answer.
+ *
+ * So: use the server's when it is there, fall back to this. Both produce the
+ * same `{ field, snippet }` shape, and this one marks with the same `<mark>`.
+ */
+export declare function localRowMatch(values: Record<string, unknown> | undefined, properties: Record<string, unknown> | undefined, terms: string[], shownKeys: (string | undefined)[]): SearchMatch | undefined;
+/**
+ * The text around the first hit, with every hit in view marked.
+ *
+ * Trimmed to a readable window rather than the whole field: a match in a long
+ * body should show the sentence it is in, not the first line of the document,
+ * and certainly not the document.
+ */
+export declare function snippetAround(text: string, terms: string[]): string | undefined;
+export {};

package/dist/components/CollectionViewBinding/SlotValue.d.ts

@@ -35,3 +35,29 @@ export interface SlotValueProps {
  * seven versions.
  */
 export declare function SlotValue({ slot, size, textOnly, fill }: SlotValueProps): React.JSX.Element | null;
+/**
+ * The `tags` slot, as chips beside the status.
+ *
+ * Honours both arms the same way the rest of the file does. A declared **path**
+ * goes through {@link SlotValue}, so an array of enum values keeps its own
+ * colours — that is the stated advantage of naming a property. A **resolver**
+ * returns bare strings with no property to render them as, so they become plain
+ * chips; a single string is accepted as one tag, which the role's type documents.
+ *
+ * Lives here rather than in the list, the card and the board card because that is
+ * three copies of the same decision, and this file exists to hold exactly one.
+ */
+export declare function TagChips({ slot, max }: {
+    slot: PreviewSlot;
+    max?: number;
+}): React.JSX.Element | null;
+/**
+ * Whether a computed image string can be fetched as-is, or has to be resolved
+ * through storage first.
+ *
+ * Exported because it is the whole decision: rendering either branch needs a
+ * provider (a storage source, a DOM), and the thing worth pinning is which
+ * branch a given string takes. `//host/x` is protocol-relative and equally
+ * fetchable; `data:` and `blob:` are already the bytes.
+ */
+export declare function isFetchableImageUrl(value: string): boolean;

package/dist/components/CollectionViewBinding/SortButton.d.ts

@@ -8,6 +8,12 @@ export type SortButtonProps<M extends Record<string, unknown>> = {
      * the options offered.
      */
     properties: Properties;
+    /**
+     * Toolbar showing icon-only controls (split view, or a layout too narrow
+     * for the filters button's label). Only decides the icon size, which
+     * follows that button — see `CollectionViewStartActions`.
+     */
+    compact?: boolean;
 };
 /**
  * Toolbar control that orders the collection by one property.
@@ -21,4 +27,4 @@ export type SortButtonProps<M extends Record<string, unknown>> = {
  * is one click rather than a trip through a direction selector; clicking a
  * different one starts it ascending. The popover stays open through both.
  */
-export declare function SortButton<M extends Record<string, unknown>>({ tableController, properties }: SortButtonProps<M>): React.JSX.Element | null;
+export declare function SortButton<M extends Record<string, unknown>>({ tableController, properties, compact }: SortButtonProps<M>): React.JSX.Element | null;

package/dist/components/CollectionViewBinding/SplitListCloseButton.d.ts

@@ -3,10 +3,21 @@ import React from "react";
  * Closes the list of a split view, leaving the open record on its own.
  *
  * It leads the record's own app bar, where the breadcrumb starts — this is the
- * entity pane's old "Open full screen" button, moved to that edge and wearing a
- * double chevron pointing at the list it folds away: closing the list and
- * opening the record full screen are the same thing, so there is one control
- * and one route (`#full`) rather than two. Full screen carries the mirrored
- * chevron to bring the list back.
+ * entity pane's old "Open full screen" button, moved to that edge: closing the
+ * list and opening the record full screen are the same thing, so there is one
+ * control and one route (`#full`) rather than two. Full screen carries the
+ * mirrored icon to bring the list back.
+ *
+ * A pane glyph rather than the double chevron it wore first. Now that the bar
+ * ends in a ✕ that dismisses the record, an arrow pointing off the left edge of
+ * the record's own bar was the other thing on it that read as "close me" — and
+ * it is the one control here that does not act on the record at all.
  */
-export declare function SplitListCloseButton(): React.JSX.Element | null;
+export declare function SplitListCloseButton({ onBeforeHide }?: {
+    /**
+     * Run before the layout changes, while this form is still mounted: the edit
+     * view uses it to hand its edit in progress to the full-screen form that is
+     * about to show the same record.
+     */
+    onBeforeHide?: () => void;
+}): React.JSX.Element | null;

package/dist/components/CollectionViewBinding/SplitListShowButton.d.ts

@@ -3,7 +3,7 @@ import React from "react";
  * Brings the list back beside a record that was opened full screen.
  *
  * The mirror of {@link SplitListCloseButton}: the same edge of the same bar,
- * the same double chevron pointing the other way, and the same single route —
+ * the same pane glyph opening rather than closing, and the same single route —
  * showing the list is dropping the `#full` hash. It replaces the back arrow
  * where it applies, because the list it unfolds already holds the record.
  */

package/dist/components/CollectionViewBinding/usePreviewSlots.d.ts

@@ -1,6 +1,6 @@
 import type { Property, RelationProperty } from "@rebasepro/types";
 import type { Entity } from "@rebasepro/types";
-import type { PropertyConfig, AdminCollection } from "@rebasepro/admin-types";
+import type { PropertyConfig, AdminCollection, EntityDisplayRole } from "@rebasepro/admin-types";
 import type { AuthController } from "@rebasepro/admin-types";
 import { ChipColorScheme } from "@rebasepro/ui";
 /**
@@ -17,6 +17,16 @@ export interface PreviewSlot {
     property?: Property;
     propertyKey?: string;
     value: unknown;
+    /**
+     * Which display role this slot fills.
+     *
+     * Load-bearing for the computed case. Without a property there is nothing to
+     * infer from, and "render it as text" is right for a title and wrong for an
+     * image: a resolver that returned a URL had that URL printed inside the card's
+     * image frame. The role is the one thing that distinguishes them, so it
+     * travels with the slot rather than being re-derived at each call site.
+     */
+    role?: EntityDisplayRole;
 }
 /**
  * Date slot extends the base with a pre-formatted string.
@@ -72,6 +82,19 @@ export interface EntityPreviewSlots {
     status: PreviewSlot | undefined;
     /** META — date / timestamp */
     date: DatePreviewSlot | undefined;
+    /**
+     * TAGS — free chips beside the status.
+     *
+     * Declared only. Every other role has an inference ladder behind it, and
+     * this one deliberately does not: there is no "first enum" or "looks like a
+     * timestamp" that means *labels*, so guessing would scatter arbitrary chips
+     * across every row of every panel that never asked for them.
+     *
+     * The role existed on `EntityDisplay` and in `useEntityDisplay` before this
+     * field did, which is why a declared `display.tags` resolved correctly and
+     * then had nowhere to go.
+     */
+    tags: PreviewSlot | undefined;
     /** Entity ID (always available) */
     entityId: string | number;
 }
@@ -88,6 +111,8 @@ export interface CollectionSlotKeys {
     relationKeys: string[];
     statusKey: string | undefined;
     dateKey: string | undefined;
+    /** Declared only — see {@link EntityPreviewSlots.tags}. */
+    tagsKey: string | undefined;
 }
 /**
  * Resolve which property key fills each slot for a given collection.

package/dist/components/DetailViewBinding.d.ts

@@ -24,6 +24,13 @@ export interface DetailViewBindingProps<M extends Record<string, unknown> = Reco
     parentEntityIds: string[];
     onTabChange?: (props: OnTabChangeParams<M>) => void;
     onEditClick?: () => void;
+    /**
+     * Dismiss this record — the ✕ at the identity bar's trailing edge.
+     *
+     * Set by the layouts that own the record's place on screen but are not side
+     * dialogs: the split, where dismissing is navigating back to the collection.
+     */
+    onCloseRequest?: () => void;
     layout?: "side_panel" | "full_screen" | "split" | "dialog";
     barActions?: (params: BarActionsParams) => React.ReactNode;
     /**

package/dist/components/DrawerNavigationGroup.d.ts

@@ -45,8 +45,10 @@ export interface DrawerNavigationGroupProps {
     /**
      * Lucide icon name for the group header, from `NavigationGroupMapping.icon`.
      *
-     * Supplying one moves the visual anchor from the rows to the group: the header
-     * gets the icon, and the entries below trade theirs for an indent.
+     * It decorates the header and nothing else: the entries below are untouched and
+     * keep their own icons. An app that wants the categorised look — rows giving up
+     * their icons to indent under the group — builds it in its own drawer, by
+     * overriding `Shell.DrawerNavigationItem` and passing `indented`.
      */
     icon?: string;
 }

package/dist/components/DrawerNavigationItem.d.ts

@@ -1,5 +1,9 @@
 import React from "react";
-export declare function DrawerNavigationItem({ name, icon, drawerOpen, url, onClick, indented }: {
+/**
+ * Props of a drawer navigation row, named so an app overriding
+ * `Shell.DrawerNavigationItem` can type its wrapper against them.
+ */
+export type DrawerNavigationItemProps = {
     icon: React.ReactElement;
     name: string;
     /** @deprecated No longer read: the tooltip is uncontrolled. */
@@ -10,9 +14,13 @@ export declare function DrawerNavigationItem({ name, icon, drawerOpen, url, onCl
     url: string;
     onClick?: () => void;
     /**
-     * Render as a child of an icon-bearing group: no icon of its own, indented to
-     * sit under the group's label. Set by {@link DrawerNavigationGroup} only when
-     * the group actually has an icon and the drawer is expanded.
+     * Drop the row's icon and indent the label into the space it occupied, so the
+     * row reads as a child of the group header above it.
+     *
+     * Nothing in the framework sets this: the stock drawer always passes `false`,
+     * and an app that wants the categorised look opts into it by overriding
+     * `Shell.DrawerNavigationItem` and deciding for itself which rows get it.
      */
     indented?: boolean;
-}): React.JSX.Element;
+};
+export declare function DrawerNavigationItem({ name, icon, drawerOpen, url, onClick, indented }: DrawerNavigationItemProps): React.JSX.Element;

package/dist/components/EditViewBinding.d.ts

@@ -10,14 +10,19 @@ export type BarActionsParams = {
     status: EntityStatus;
     path: string;
     entityId?: string | number;
+    /** Whether `values` differ from what is stored. */
+    dirty: boolean;
     /**
-     * Whether `values` differ from what is stored. The side panel's "open full
-     * screen" hands the in-flight edit to the full-screen route through the
-     * memory cache, and a record loaded from that cache opens *dirty*: without
-     * this it stashed the values unconditionally, so expanding a record you had
-     * only looked at arrived saying "Unsaved changes" with Save enabled.
+     * Hand the edit in progress to the layout this action is about to open, so
+     * the record arrives showing — and still holding — what the user typed here.
+     * Call it from any action that changes layout without leaving the record;
+     * it decides on its own whether there is anything worth carrying, so a
+     * record nobody edited still arrives clean.
+     *
+     * Only supplied where there is a form to carry: the detail view passes no
+     * such thing.
      */
-    dirty: boolean;
+    carryEdit?: () => void;
 };
 export type OnTabChangeParams<M extends Record<string, unknown>> = {
     path: string;
@@ -41,6 +46,16 @@ export interface EditViewBindingProps<M extends Record<string, unknown> = Record
     onSaved?: (params: OnUpdateParams) => void;
     onTabChange?: (props: OnTabChangeParams<M>) => void;
     navigateBack?: () => void;
+    /**
+     * Dismiss this record — the ✕ at the identity bar's trailing edge, and what
+     * "save and close" reaches once the save lands.
+     *
+     * Set by the layouts that own the record's place on screen but are not side
+     * dialogs: the split, where dismissing is navigating back to the collection.
+     * The side panel and the dialog close through {@link useSideDialogContext}
+     * instead, which is what runs their unsaved-changes prompt.
+     */
+    onCloseRequest?: () => void;
     layout?: "side_panel" | "full_screen" | "split" | "dialog";
     barActions?: (params: BarActionsParams) => React.ReactNode;
     /**
@@ -67,7 +82,7 @@ export interface EditViewBindingProps<M extends Record<string, unknown> = Record
  * a record is opened.
  */
 export declare function EditViewBinding<M extends Record<string, unknown>>({ entityId, ...props }: EditViewBindingProps<M>): React.JSX.Element;
-export declare function EditViewBindingInner<M extends Record<string, unknown>>({ path, entityId, selectedTab: selectedTabProp, collection, parentCollectionSlugs, parentEntityIds, onValuesModified, onSaved, onTabChange, navigateBack, entity, initialDirtyValues, dataLoading, layout, barActions, barActionsStart, onShowList, status, setStatus, formProps, canEdit }: EditViewBindingProps<M> & {
+export declare function EditViewBindingInner<M extends Record<string, unknown>>({ path, entityId, selectedTab: selectedTabProp, collection, parentCollectionSlugs, parentEntityIds, onValuesModified, onSaved, onTabChange, navigateBack, onCloseRequest, entity, initialDirtyValues, dataLoading, layout, barActions, barActionsStart, onShowList, status, setStatus, formProps, canEdit }: EditViewBindingProps<M> & {
     entity?: Entity<M>;
     initialDirtyValues?: Partial<M>;
     dataLoading: boolean;

package/dist/components/EntityIdentityBar.d.ts

@@ -29,6 +29,29 @@ export interface EntityIdentityBarProps {
      * action is "done with this record" rather than "keep editing".
      */
     onSaveAndClose?: () => void;
+    /**
+     * Where {@link onSaveAndClose} is offered.
+     *
+     * `"button"` — its own filled button, and Save demotes to text. For the
+     * overlays, where you opened the record to do one thing to it and closing is
+     * the dominant intent.
+     *
+     * `"menu"` — a `▾` welded to the Save button. For the split, where the list
+     * is right there and `j`/`k` walk from record to record: there, saving and
+     * *staying* is the common case, so it keeps the filled button and dismissing
+     * is one step further in. The gesture still exists, so muscle memory carried
+     * over from the side panel finds it.
+     */
+    saveAndClosePlacement?: "button" | "menu";
+    /**
+     * Dismiss this record, from the ✕ at the bar's trailing edge.
+     *
+     * Fenced off from Save by a separator: it is chrome, not the last item in
+     * the action row. The panel that supplies it decides what dismissing means —
+     * in the split it is a navigation, which the layout's unsaved-changes
+     * blocker already guards, so the ✕ cannot drop an edit without asking.
+     */
+    onClose?: () => void;
     onBack?: () => void;
     onInspect?: () => void;
     /** Opens the inspector straight on its history tab. */
@@ -69,4 +92,4 @@ export interface EntityIdentityBarProps {
  * editing. They live here instead, and the left half of a bar that was
  * previously empty now does the work.
  */
-export declare function EntityIdentityBar({ collection, collectionUrl, title, entityId, status, dirty, saving, onSave, onDiscard, saveDisabled, hasErrors, onSaveAndClose, onBack, onInspect, onViewHistory, externalLink, recordActions, pluginActions, trailing, leading }: EntityIdentityBarProps): React.JSX.Element;
+export declare function EntityIdentityBar({ collection, collectionUrl, title, entityId, status, dirty, saving, onSave, onDiscard, saveDisabled, hasErrors, onSaveAndClose, saveAndClosePlacement, onClose, onBack, onInspect, onViewHistory, externalLink, recordActions, pluginActions, trailing, leading }: EntityIdentityBarProps): React.JSX.Element;

package/dist/components/RelationSelector.d.ts

@@ -47,7 +47,20 @@ export interface RelationSelectorProps {
     pageSize?: number;
     emptyPlaceholder?: string;
     searchPlaceholder?: string;
+    /** Shown in the open list when a search matched nothing. */
     noResultsText?: string;
+    /**
+     * Shown on the closed trigger when nothing is selected. Says only that the
+     * field is empty — see the note by `resolvedPlaceholder` for why it cannot
+     * say whether there is anything to pick.
+     */
+    emptyText?: string;
+    /**
+     * Shown in the open list when the target collection turned out to hold no
+     * rows at all, as opposed to a search simply not matching. Defaults to a
+     * sentence naming the target collection.
+     */
+    emptyCollectionText?: string;
     loadingText?: string;
 }
 export declare const RelationSelector: React.ForwardRefExoticComponent<RelationSelectorProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/data_export/export/export.d.ts

@@ -17,6 +17,13 @@ export interface DownloadEntitiesExportParams<M extends Record<string, unknown>>
 export declare function downloadEntitiesExport<M extends Record<string, unknown>>({ data, additionalData, properties, propertiesOrder, name, flattenArrays, additionalHeaders, exportType, dateExportType }: DownloadEntitiesExportParams<M>): void;
 export declare function getEntityCSVExportableData(data: Entity<Record<string, unknown>>[], additionalData: Record<string, unknown>[] | undefined, properties: Properties, headers: Header[], dateExportType: "timestamp" | "string"): unknown[][];
 export declare function getEntityJsonExportableData(data: Entity<Record<string, unknown>>[], additionalData: Record<string, unknown>[] | undefined, properties: Properties, dateExportType: "timestamp" | "string"): Record<string, unknown>[];
+/**
+ * Neutralise a cell that a spreadsheet would otherwise evaluate, by prefixing a
+ * single quote — the standard OWASP mitigation. The apostrophe is consumed by
+ * the spreadsheet as "treat the rest as text", so the value reads back intact.
+ */
+export declare function escapeCsvFormula(value: string): string;
+export declare function entryToCSVRow(entry: unknown[]): string;
 export declare function downloadBlob(content: BlobPart[], filename: string, contentType: string): void;
 export declare function downloadDataAsCsv(data: object[], name: string): void;
 export {};