@rebasepro/app 0.12.1-canary.gf5f1d39 → 0.13.0

package/src/components/Debug/UIReferenceView.tsx

@@ -687,6 +687,14 @@ selected: true }, { name: "Tags" }].map(c => (
                                 <TextField label="With value" value="Filled value" onChange={() => {}}/>
                                 <TextField label="Error state" error value="Bad value" onChange={() => {}}/>
                                 <TextField label="Disabled" disabled value="Read only" onChange={() => {}}/>
+                                {/* The smaller sizes are the ones dialogs use, and they
+                                    were absent here — which is how a labelled `small`
+                                    field shipped with its label sitting on top of its
+                                    placeholder. Keep all four so the collision is
+                                    visible on this page rather than in a modal. */}
+                                <TextField size="medium" label="Medium" placeholder="Placeholder under the label"/>
+                                <TextField size="small" label="Small" placeholder="Placeholder under the label"/>
+                                <TextField size="smallest" label="Smallest" value="Filled value" onChange={() => {}}/>
                             </div>
                         </div>
                         <div className="col-span-12 sm:col-span-6 flex flex-col gap-4">
@@ -851,7 +859,7 @@ roles: [] }
                                         <TableCell>
                                             <div className="flex flex-wrap gap-2">
                                                 {user.roles.map(role => (
-                                                    <Chip key={role.id} colorScheme={role.isAdmin ? "purpleDark" : "blueDark"} size="small">
+                                                    <Chip key={role.id} colorScheme={role.isAdmin ? "purple" : "blue"} size="small">
                                                         {role.name}
                                                     </Chip>
                                                 ))}

package/src/components/Debug/collection-views/sample_data.ts

@@ -1,3 +1,5 @@
+import type { ChipColorKey } from "@rebasepro/ui";
+
 export type ProjectStatus = "backlog" | "in_progress" | "in_review" | "done";
 export type ProjectPriority = "low" | "medium" | "high" | "critical";
 
@@ -14,14 +16,14 @@ export interface SampleProject {
     createdAt: string;
 }
 
-export const STATUS_CONFIG: Record<ProjectStatus, { label: string; color: string }> = {
+export const STATUS_CONFIG: Record<ProjectStatus, { label: string; color: ChipColorKey }> = {
     backlog: { label: "Backlog", color: "gray" },
     in_progress: { label: "In Progress", color: "blue" },
     in_review: { label: "In Review", color: "purple" },
     done: { label: "Done", color: "green" }
 };
 
-export const PRIORITY_CONFIG: Record<ProjectPriority, { label: string; color: string }> = {
+export const PRIORITY_CONFIG: Record<ProjectPriority, { label: string; color: ChipColorKey }> = {
     low: { label: "Low", color: "gray" },
     medium: { label: "Medium", color: "yellow" },
     high: { label: "High", color: "orange" },

package/src/components/NotFoundPage.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { Button, Typography } from "@rebasepro/ui";
 import { useTranslation } from "../hooks";
 

package/src/components/common/useDataTableController.tsx

@@ -1,6 +1,6 @@
 
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { useLocation } from "react-router-dom";
+import { useLocation } from "react-router";
 
 import { useData, useRebaseContext } from "../../hooks";
 import { useDataOrder } from "../../hooks/data/useDataOrder";

package/src/core/Rebase.tsx

@@ -415,7 +415,11 @@ export function Rebase<USER extends User>(props: RebaseProps<USER>) {
 
     if (resolvedApiUrl) {
         return (
-            <ApiConfigProvider apiUrl={resolvedApiUrl} getAuthToken={authController.getAuthToken}>
+            <ApiConfigProvider
+                apiUrl={resolvedApiUrl}
+                apiPath={client?.apiPath}
+                getAuthToken={authController.getAuthToken}
+            >
                 {content}
             </ApiConfigProvider>
         );

package/src/core/RebaseRouter.tsx

@@ -1,4 +1,5 @@
-import { createBrowserRouter, RouterProvider } from "react-router-dom"
+import { createBrowserRouter } from "react-router"
+import { RouterProvider } from "react-router/dom"
 import { removeInitialAndTrailingSlashes } from "@rebasepro/app";
 
 export function RebaseRouter({

package/src/core/RebaseRoutes.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Route, Routes, useLocation } from "react-router-dom";
+import { Route, Routes, useLocation } from "react-router";
 
 
 /**

package/src/hooks/ApiConfigContext.tsx

@@ -9,9 +9,24 @@ import React, { useContext } from "react";
  */
 export interface ApiConfig {
     apiUrl: string;
+    /**
+     * The path the backend mounts its API under, appended to {@link apiUrl}.
+     *
+     * `"/api"` by default, which is the server's default `basePath`. It is
+     * carried here because a good deal of UI builds request URLs by hand
+     * instead of going through the client's typed methods, and every one of
+     * those sites used to write `/api` as a literal — so a backend configured
+     * with any other `basePath` served an admin panel whose auth-provider
+     * discovery, storage browser, history panel, user picker and Studio tools
+     * all requested paths that did not exist.
+     */
+    apiPath: string;
     getAuthToken?: () => Promise<string | null>;
 }
 
+/** What the server uses when `basePath` is not configured. */
+export const DEFAULT_API_PATH = "/api";
+
 const ApiConfigContext = React.createContext<ApiConfig | undefined>(undefined);
 
 /**
@@ -23,16 +38,43 @@ export function useApiConfig(): ApiConfig | undefined {
 }
 
 /**
- * Provide API configuration (apiUrl, getAuthToken) to the entire subtree.
+ * `apiUrl` and `apiPath` joined, with no trailing slash — the prefix to build a
+ * request URL from.
+ *
+ * Returns `undefined` when there is no provider, so a caller can keep its own
+ * fallback rather than silently requesting a relative path.
+ */
+export function useApiBase(): string | undefined {
+    const config = useApiConfig();
+    if (!config?.apiUrl) return undefined;
+    return config.apiUrl.replace(/\/+$/, "") + (config.apiPath || DEFAULT_API_PATH);
+}
+
+/**
+ * The same prefix, derived from a client rather than from context.
+ *
+ * For the code that holds a `RebaseClient` but sits outside (or above) an
+ * `ApiConfigProvider`. Returns `undefined` when the client has no base URL,
+ * which is the signal every caller already treats as "cannot build a request".
+ */
+export function apiBaseOf(client?: { baseUrl?: string; apiPath?: string }): string | undefined {
+    if (!client?.baseUrl) return undefined;
+    return client.baseUrl.replace(/\/+$/, "") + (client.apiPath || DEFAULT_API_PATH);
+}
+
+/**
+ * Provide API configuration (apiUrl, apiPath, getAuthToken) to the entire subtree.
  * Typically rendered inside `<Rebase>` or at the app root.
  */
 export function ApiConfigProvider({
     apiUrl,
+    apiPath = DEFAULT_API_PATH,
     getAuthToken,
     children
-}: ApiConfig & { children: React.ReactNode }) {
+}: Omit<ApiConfig, "apiPath"> & { apiPath?: string; children: React.ReactNode }) {
     const value = React.useMemo(() => ({ apiUrl,
-getAuthToken }), [apiUrl, getAuthToken]);
+apiPath,
+getAuthToken }), [apiUrl, apiPath, getAuthToken]);
     return (
         <ApiConfigContext.Provider value={value}>
             {children}

package/src/hooks/useAuthSubscription.ts

@@ -8,16 +8,42 @@ export function useAuthSubscription(authClient?: AuthClient): AuthController {
     const currentSession = authClient?.getSession();
     const [user, setUser] = useState<User | null>(currentSession?.user ?? null);
 
-    const [initialLoading, setInitialLoading] = useState(!currentSession);
     const [authLoading, setAuthLoading] = useState(false);
     const [authError, setAuthError] = useState<Error>();
     const [loginSkipped, setLoginSkipped] = useState(false);
     const [extra, setExtra] = useState<any>();
 
+    /**
+     * Whether asking the server "who am I?" could possibly answer.
+     *
+     * A client configured with `persistSession: false` and JSON auth — the
+     * shape used when one client borrows another's credential, as the hosted
+     * Studio does — has no stored session and no auth cookie, so the probe
+     * below is guaranteed to 401. Sending it anyway put three failing
+     * `GET /auth/me` calls on the wire per mount, each one landing in the
+     * *customer's* request log as an authentication failure against their own
+     * backend.
+     *
+     * A client that does not implement the capability is treated as "might
+     * work" — the historical behaviour.
+     */
+    const mayHaveRestorableSession = authClient?.canRestoreSession?.() ?? true;
+
+    /**
+     * `true` only while a probe is genuinely outstanding.
+     *
+     * It used to be seeded from `!currentSession` alone, which left a client
+     * that cannot restore a session — and therefore never runs the probe that
+     * clears the flag — reporting "still loading" forever. Anything gated on
+     * `initialLoading` (a spinner, a redirect to the login view) would never
+     * resolve.
+     */
+    const [initialLoading, setInitialLoading] = useState(!currentSession && mayHaveRestorableSession);
+
     useEffect(() => {
         if (!authClient) return;
         // If we don't have a session initially, try to get user which restores session if a persistent token exists
-        if (!currentSession) {
+        if (!currentSession && mayHaveRestorableSession) {
             setInitialLoading(true);
             authClient.getUser()
                 .then(user => {
@@ -32,7 +58,7 @@ export function useAuthSubscription(authClient?: AuthClient): AuthController {
                     setInitialLoading(false);
                 });
         }
-    }, [authClient, currentSession]);
+    }, [authClient, currentSession, mayHaveRestorableSession]);
 
     useEffect(() => {
         if (!authClient) return;

package/src/hooks/useBackendStorageSource.ts

@@ -10,12 +10,18 @@ import {
     DownloadConfig,
     StorageListResult
 } from "@rebasepro/types";
+import { DEFAULT_API_PATH } from "./ApiConfigContext";
 
 export interface BackendStorageSourceProps {
     /**
      * Backend API URL (e.g., 'http://localhost:3001')
      */
     apiUrl: string;
+    /**
+     * The path the backend mounts its API under. Defaults to the server's own
+     * default; pass the backend's `basePath` if it was configured otherwise.
+     */
+    apiPath?: string;
     /**
      * Function to get the current auth token
      */
@@ -39,10 +45,11 @@ export interface BackendStorageSourceProps {
  */
 export function useBackendStorageSource({
     apiUrl,
+    apiPath = DEFAULT_API_PATH,
     getAuthToken
 }: BackendStorageSourceProps): StorageSource {
 
-    const storageBasePath = `${apiUrl}/api/storage`;
+    const storageBasePath = `${apiUrl.replace(/\/+$/, "")}${apiPath}/storage`;
 
     // Cache for download URLs to avoid redundant API calls
     const urlsCache = useMemo(() => new Map<string, DownloadConfig>(), []);

package/src/hooks/useNavigationBlocker.tsx

@@ -1,5 +1,5 @@
 import React, { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
-import { Blocker, BlockerFunction, useBlocker } from "react-router-dom";
+import { Blocker, BlockerFunction, useBlocker } from "react-router";
 
 const IDLE_BLOCKER: Blocker = {
     state: "unblocked",

package/src/hooks/useSnackbarController.tsx

@@ -1,7 +1,7 @@
-import type { SnackbarMessageType } from "@rebasepro/admin-types";
+import type { SnackbarAction, SnackbarMessageType } from "@rebasepro/admin-types";
 import React, { useCallback, useMemo } from "react";
 import { useSnackbar } from "notistack";
-;
+import { Button } from "@rebasepro/ui";
 
 /**
  * Hook to retrieve the SnackbarContext.
@@ -24,11 +24,13 @@ export const useSnackbarController = () => {
         title?: string;
         message: React.ReactNode;
         autoHideDuration?: number;
+        action?: SnackbarAction;
     }) => {
         const {
             type,
             message,
-            autoHideDuration
+            autoHideDuration,
+            action
         } = props;
         enqueueSnackbar({
             message: props.title ? <div className={"flex flex-col"}>
@@ -36,13 +38,36 @@ export const useSnackbarController = () => {
                 {message}
             </div> : message,
             variant: type,
-            autoHideDuration
+            autoHideDuration,
+            // The provider sets `preventDuplicate`, which collapses two
+            // snackbars carrying the same message into one. That is right for a
+            // confirmation and wrong for an action: deleting two rows in a row
+            // produces the same "Deleted" text twice, and swallowing the second
+            // would leave the second deletion with no way to undo it. A key
+            // makes each one distinct.
+            ...(action ? { key: nextActionKey() } : {}),
+            action: action
+                ? (key) => (
+                    <Button variant={"text"}
+                            size={"small"}
+                            className={"text-inherit"}
+                            onClick={() => {
+                                action.onClick();
+                                // The offer has been taken; leaving it up
+                                // invites a second click that undoes nothing,
+                                // or worse, undoes something else.
+                                closeSnackbar(key);
+                            }}>
+                        {action.label}
+                    </Button>
+                )
+                : undefined
         })
-    }, []);
+    }, [enqueueSnackbar, closeSnackbar]);
 
     const close = useCallback(() => {
         closeSnackbar();
-    }, []);
+    }, [closeSnackbar]);
 
     return useMemo(() => ({
         open,
@@ -50,3 +75,6 @@ export const useSnackbarController = () => {
     }), [open, close]);
 
 };
+
+let actionKeySeq = 0;
+const nextActionKey = () => `rebase-snackbar-action-${actionKeySeq++}`;

package/src/hooks/useStudioBridge.tsx

@@ -28,6 +28,32 @@ export interface StudioBridge {
     urlController: UrlController;
     navigationState: NavigationStateController;
     breadcrumbs: BreadcrumbsController;
+    capabilities: StudioCapabilities;
+}
+
+/**
+ * What the *host* of these tools can do, as opposed to what the backend can.
+ *
+ * Studio is mounted in two very different places. In a project's own admin
+ * panel it runs next to the collection source files and can edit them through
+ * the schema-editor routes. In the hosted console it runs against somebody
+ * else's deployed container: there is no source to edit — the container is
+ * rebuilt from the customer's repository on every deploy — and the routes that
+ * would edit it are not mounted at all, because the framework switches the
+ * schema editor off under `NODE_ENV=production`.
+ *
+ * Tools that would otherwise offer a write into the codebase read this to
+ * decide whether that write is even meaningful.
+ */
+export interface StudioCapabilities {
+    /**
+     * Whether the host has the project's collection source at hand and can
+     * write to it.
+     *
+     * Defaults to `true`, which is what an admin panel running beside its own
+     * `collectionsDir` has always assumed.
+     */
+    codebase: boolean;
 }
 
 // ─── Noop defaults ──────────────────────────────────────────────────
@@ -71,12 +97,17 @@ const NOOP_BREADCRUMBS: BreadcrumbsController = {
     updateCount: () => {}
 };
 
+const DEFAULT_CAPABILITIES: StudioCapabilities = {
+    codebase: true
+};
+
 const NOOP_BRIDGE: StudioBridge = {
     collectionRegistry: NOOP_COLLECTION_REGISTRY,
     sidePanelController: NOOP_SIDE_PANEL,
     urlController: NOOP_URL_CONTROLLER,
     navigationState: NOOP_NAVIGATION_STATE,
-    breadcrumbs: NOOP_BREADCRUMBS
+    breadcrumbs: NOOP_BREADCRUMBS,
+    capabilities: DEFAULT_CAPABILITIES
 };
 
 // ─── Context & Provider ─────────────────────────────────────────────
@@ -107,10 +138,22 @@ export function StudioBridgeProvider({
     value: Partial<StudioBridge>;
     children: React.ReactNode;
 }) {
+    // Keyed on the slices rather than on `value`: callers write the object
+    // inline (`value={{ collectionRegistry }}`), so a `[value]` dependency
+    // rebuilt the context on every render of the host and re-rendered every
+    // Studio consumer with it.
     const merged = React.useMemo(
         () => ({ ...NOOP_BRIDGE,
 ...value }),
-        [value]
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        [
+            value.collectionRegistry,
+            value.sidePanelController,
+            value.urlController,
+            value.navigationState,
+            value.breadcrumbs,
+            value.capabilities
+        ]
     );
     return (
         <StudioBridgeContext.Provider value={merged}>
@@ -146,6 +189,11 @@ export function useStudioBreadcrumbs(): BreadcrumbsController {
     return useContext(StudioBridgeContext).breadcrumbs;
 }
 
+/** What the host can do — see {@link StudioCapabilities}. */
+export function useStudioCapabilities(): StudioCapabilities {
+    return useContext(StudioBridgeContext).capabilities;
+}
+
 // ─── Self-Assembling Bridge Registry ────────────────────────────────
 
 /**

package/src/index.ts

@@ -9,7 +9,7 @@ export * from "./contexts";
 // @rebasepro/admin and @rebasepro/studio consume them. Named explicitly
 // (not `export *`) so this file is the single place that grows or shrinks
 // the internal surface — see the JSDoc on each symbol for details.
-export { CONTAINER_FULL_WIDTH, ADDITIONAL_TAB_WIDTH, FORM_CONTAINER_WIDTH } from "./internal/common";
+export { CONTAINER_FULL_WIDTH, FORM_CONTAINER_WIDTH, SIDE_PANEL_DEFAULT_WIDTH } from "./internal/common";
 export { useRestoreScroll } from "./internal/useRestoreScroll";
 export { useUnsavedChangesDialog } from "./hooks/useUnsavedChangesDialog";
 export { NavigationBlockerProvider, useNavigationBlocker } from "./hooks/useNavigationBlocker";

package/src/internal/common.tsx

@@ -9,8 +9,20 @@
  */
 export const CONTAINER_FULL_WIDTH = "100vw";
 
-/** @internal See {@link CONTAINER_FULL_WIDTH}. */
-export const ADDITIONAL_TAB_WIDTH = "55vw";
-
 /** @internal See {@link CONTAINER_FULL_WIDTH}. */
 export const FORM_CONTAINER_WIDTH = "768px";
+
+/**
+ * How wide the side panel opens when neither the caller nor the collection
+ * says otherwise.
+ *
+ * Sized from what it has to hold rather than from a round number: the form's
+ * content column plus its metadata rail plus gutters, which is also the width
+ * at which the form stops being a single stack and picks up the same
+ * two-column layout it has in full screen. Capped against the viewport so a
+ * panel never becomes the whole window on a laptop — at that point you want
+ * full screen, and there is a button for it.
+ *
+ * @internal See {@link CONTAINER_FULL_WIDTH}.
+ */
+export const SIDE_PANEL_DEFAULT_WIDTH = "min(1160px, 88vw)";

package/src/internal/useRestoreScroll.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useRef } from "react";
-import { useLocation } from "react-router-dom";
+import { useLocation } from "react-router";
 
 const scrollsMap: Record<string, number> = {};
 

package/src/locales/de.ts

@@ -41,6 +41,8 @@ export const de: RebaseTranslations = {
     clear_filter: "Filter löschen",
     clear_filter_sort: "Filter/Sortierung löschen",
     clear_sort: "Sortierung löschen",
+    sort: "Sortieren",
+    sort_by: "Sortieren nach",
     clear_all: "Alle löschen",
     no_items: "Keine Elemente",
     no_entries_found: "Keine Einträge gefunden",
@@ -74,6 +76,7 @@ export const de: RebaseTranslations = {
     log_out: "Abmelden",
     column_cannot_be_edited: "Diese Spalte kann nicht direkt bearbeitet werden",
     close: "Schließen",
+    hide_list: "Liste ausblenden",
     unsaved_local_changes: "Ungespeicherte lokale Änderungen",
     unsaved_local_changes_description: "Dieses Dokument wurde lokal bearbeitet und weist ungespeicherte Änderungen auf. Diese lokalen Änderungen gehen verloren, wenn Sie sie nicht anwenden.",
     preview_changes: "Änderungen in der Vorschau anzeigen",
@@ -902,6 +905,24 @@ no_filter: "No filter",
     // ─── Markdown property ──────────────────────────────────────
     markdown_paste_behavior: "Einfügeverhalten",
     markdown_strip_html: "HTML beim Einfügen entfernen",
-    markdown_convert_pasted: "Eingefügten Text in Markdown umwandeln"
+    markdown_convert_pasted: "Eingefügten Text in Markdown umwandeln",
+
+    // ─── Entity identity bar and inspector ──────────────────────
+    entity_saved: "Gespeichert",
+    more_actions: "Weitere Aktionen",
+    record_history: "Verlauf",
+    inspect_record: "Datensatz inspizieren",
+    inspect: "Inspizieren",
+    close_inspector: "Inspektor schließen",
+
+    // ─── Revision history ───────────────────────────────────────
+    history_revert: "Auf diese Version zurücksetzen",
+    history_revert_title: "Daten auf diese Version zurücksetzen?",
+    history_reverted: "Auf die gewählte Version zurückgesetzt",
+    history_revert_error: "Fehler beim Zurücksetzen des Datensatzes",
+    history_revert_dirty: "Bitte speichere oder verwirf deine Änderungen vor dem Zurücksetzen",
+    history_empty: "Kein Verlauf vorhanden",
+    history_empty_description: "Beim Speichern eines Datensatzes wird eine neue Version erstellt und im Verlauf abgelegt.",
+    history_new_entity: "Der Verlauf ist nur für vorhandene Datensätze verfügbar",
+    history_no_more: "Kein weiterer Verlauf"
 };
-

package/src/locales/en.ts

@@ -51,6 +51,8 @@ export const en: RebaseTranslations = {
     clear_filter: "Clear filter",
     clear_filter_sort: "Clear filter/sort",
     clear_sort: "Clear sort",
+    sort: "Sort",
+    sort_by: "Sort by",
     clear_all: "Clear all",
     no_items: "No items",
     no_entries_found: "No entries found",
@@ -84,6 +86,7 @@ export const en: RebaseTranslations = {
     log_out: "Log out",
     column_cannot_be_edited: "This column can't be edited directly",
     close: "Close",
+    hide_list: "Hide list",
     unsaved_local_changes: "Unsaved Local changes",
     unsaved_local_changes_description: "This document was edited locally and has unsaved changes. These local changes will be lost if you don't apply them.",
     preview_changes: "Preview Changes",
@@ -981,5 +984,24 @@ export const en: RebaseTranslations = {
     // ─── Markdown property ──────────────────────────────────────
     markdown_paste_behavior: "Paste behavior",
     markdown_strip_html: "Strip HTML on paste",
-    markdown_convert_pasted: "Convert pasted text to markdown"
+    markdown_convert_pasted: "Convert pasted text to markdown",
+
+    // ─── Entity identity bar and inspector ──────────────────────
+    entity_saved: "Saved",
+    more_actions: "More actions",
+    record_history: "History",
+    inspect_record: "Inspect record",
+    inspect: "Inspect",
+    close_inspector: "Close inspector",
+
+    // ─── Revision history ───────────────────────────────────────
+    history_revert: "Revert to this version",
+    history_revert_title: "Revert data to this version?",
+    history_reverted: "Reverted to selected version",
+    history_revert_error: "Error reverting entity",
+    history_revert_dirty: "Please save or discard your changes before reverting",
+    history_empty: "No history available",
+    history_empty_description: "When you save a record, a new version is created and stored in the history.",
+    history_new_entity: "History is only available for existing records",
+    history_no_more: "No more history"
 };

package/src/locales/es.ts

@@ -49,6 +49,8 @@ export const es: RebaseTranslations = {
     clear_filter: "Borrar filtro",
     clear_filter_sort: "Borrar filtro/orden",
     clear_sort: "Borrar orden",
+    sort: "Ordenar",
+    sort_by: "Ordenar por",
     clear_all: "Borrar todo",
     no_items: "Sin elementos",
     no_entries_found: "No se encontraron entradas",
@@ -82,6 +84,7 @@ export const es: RebaseTranslations = {
     log_out: "Cerrar sesión",
     column_cannot_be_edited: "Esta columna no se puede editar directamente",
     close: "Cerrar",
+    hide_list: "Ocultar lista",
     unsaved_local_changes: "Cambios locales sin guardar",
     unsaved_local_changes_description: "Este documento ha sido editado localmente y tiene cambios sin guardar. Estos cambios locales se perderán si no los aplicas.",
     preview_changes: "Previsualizar cambios",
@@ -923,5 +926,24 @@ no_filter: "No filter",
     // ─── Markdown property ──────────────────────────────────────
     markdown_paste_behavior: "Comportamiento al pegar",
     markdown_strip_html: "Eliminar HTML al pegar",
-    markdown_convert_pasted: "Convertir texto pegado a markdown"
+    markdown_convert_pasted: "Convertir texto pegado a markdown",
+
+    // ─── Entity identity bar and inspector ──────────────────────
+    entity_saved: "Guardado",
+    more_actions: "Más acciones",
+    record_history: "Historial",
+    inspect_record: "Inspeccionar registro",
+    inspect: "Inspeccionar",
+    close_inspector: "Cerrar el inspector",
+
+    // ─── Revision history ───────────────────────────────────────
+    history_revert: "Volver a esta versión",
+    history_revert_title: "¿Volver a esta versión de los datos?",
+    history_reverted: "Se volvió a la versión seleccionada",
+    history_revert_error: "Error al revertir el registro",
+    history_revert_dirty: "Guarda o descarta tus cambios antes de revertir",
+    history_empty: "No hay historial disponible",
+    history_empty_description: "Al guardar un registro se crea una nueva versión y se almacena en el historial.",
+    history_new_entity: "El historial solo está disponible para registros existentes",
+    history_no_more: "No hay más historial"
 };

package/src/locales/fr.ts

@@ -41,6 +41,8 @@ export const fr: RebaseTranslations = {
     clear_filter: "Effacer le filtre",
     clear_filter_sort: "Effacer le filtre/tri",
     clear_sort: "Effacer le tri",
+    sort: "Trier",
+    sort_by: "Trier par",
     clear_all: "Tout effacer",
     no_items: "Aucun élément",
     no_entries_found: "Aucune entrée trouvée",
@@ -74,6 +76,7 @@ export const fr: RebaseTranslations = {
     log_out: "Se déconnecter",
     column_cannot_be_edited: "Cette colonne ne peut pas être modifiée directement",
     close: "Fermer",
+    hide_list: "Masquer la liste",
     unsaved_local_changes: "Modifications locales non enregistrées",
     unsaved_local_changes_description: "Ce document a été modifié localement et contient des modifications non enregistrées. Ces modifications locales seront perdues si vous ne les appliquez pas.",
     preview_changes: "Aperçu des modifications",
@@ -902,5 +905,24 @@ no_filter: "No filter",
     // ─── Markdown property ──────────────────────────────────────
     markdown_paste_behavior: "Comportement au collage",
     markdown_strip_html: "Supprimer le HTML au collage",
-    markdown_convert_pasted: "Convertir le texte collé en markdown"
+    markdown_convert_pasted: "Convertir le texte collé en markdown",
+
+    // ─── Entity identity bar and inspector ──────────────────────
+    entity_saved: "Enregistré",
+    more_actions: "Plus d'actions",
+    record_history: "Historique",
+    inspect_record: "Inspecter l'enregistrement",
+    inspect: "Inspecter",
+    close_inspector: "Fermer l'inspecteur",
+
+    // ─── Revision history ───────────────────────────────────────
+    history_revert: "Revenir à cette version",
+    history_revert_title: "Revenir à cette version des données ?",
+    history_reverted: "Retour à la version sélectionnée",
+    history_revert_error: "Erreur lors du retour en arrière",
+    history_revert_dirty: "Enregistrez ou annulez vos modifications avant de revenir en arrière",
+    history_empty: "Aucun historique disponible",
+    history_empty_description: "À chaque enregistrement, une nouvelle version est créée et conservée dans l'historique.",
+    history_new_entity: "L'historique n'est disponible que pour les enregistrements existants",
+    history_no_more: "Plus d'historique"
 };