@vertesia/ui 1.0.0-dev.20260305.083323Z → 1.0.0

package/src/features/store/objects/layout/renderers.tsx

@@ -2,7 +2,7 @@ import dayjs from "dayjs";
 import LocalizedFormat from "dayjs/plugin/localizedFormat";
 import RelativeTime from "dayjs/plugin/relativeTime";
 import { shortId } from "../../../utils";
-import { Eye } from "lucide-react";
+import { ExternalLink, Eye } from "lucide-react";
 import { Button } from "@vertesia/ui/core";
 dayjs.extend(RelativeTime);
 dayjs.extend(LocalizedFormat);
@@ -161,6 +161,32 @@ const renderers: Record<string, (params?: URLSearchParams, onClick?: (id: string
             return <td key={index}>{value?.name || "n/a"}</td>;
         };
     },
+    revision(_params?: URLSearchParams, _onClick?: (id: string) => void) {
+        return (value: any, index: number) => {
+            const rev = value?.revision;
+            if (!rev) return <td key={index} />;
+            return (
+                <td key={index}>
+                    <div className="flex flex-col gap-0.5">
+                        {rev.root &&
+                            <div className="flex items-center gap-1">
+                                <span className="text-xs text-muted font-mono">
+                                    root: ~{rev.root.slice(-7)}
+                                </span>
+                                <a
+                                    href={`/store/objects/${rev.root}`}
+                                    onClick={(e) => e.stopPropagation()}
+                                >
+                                    <ExternalLink className="size-3 text-muted" />
+                                </a>
+                            </div>
+                        }
+                        {rev.label && <span className="text-xs text-muted">label: {rev.label}</span>}
+                    </div>
+                </td>
+            );
+        };
+    },
     date(params?: URLSearchParams, _onClick?: (id: string) => void) {
         let method = "format";
         let arg: string | undefined = "LLL";

package/src/features/store/objects/search/DocumentSearchContext.ts

@@ -61,7 +61,7 @@ export class DocumentSearch implements SearchInterface {
 
     clearFilters(autoSearch: boolean = true) {
         // Preserve search-related fields when clearing filters
-        const { parent, full_text, vector, weights, score_aggregation, dynamic_scaling, limit } = this.query;
+        const { parent, full_text, vector, weights, score_aggregation, dynamic_scaling, limit, all_revisions } = this.query;
         this.query = {
             parent,
             ...(full_text !== undefined && { full_text }),
@@ -69,7 +69,8 @@ export class DocumentSearch implements SearchInterface {
             ...(weights !== undefined && { weights }),
             ...(score_aggregation !== undefined && { score_aggregation }),
             ...(dynamic_scaling !== undefined && { dynamic_scaling }),
-            ...(limit !== undefined && { limit })
+            ...(limit !== undefined && { limit }),
+            ...(all_revisions !== undefined && { all_revisions })
         };
 
         if (autoSearch) {

package/src/features/store/objects/search/DocumentSearchProvider.tsx

@@ -41,6 +41,9 @@ export function DocumentSearchProvider({ children, limit, parent, typeId, facets
         search.query.type = typeId;
         search.query.parent = parent;
         search.query.name = name;
+        if (collectionId) {
+            search.query.all_revisions = true;
+        }
         return search;
     }, [typeId, limit, collectionId]);
 

package/src/features/store/objects/selection/ObjectsActionContext.tsx

@@ -1,112 +1,38 @@
-import { createContext, ReactNode, useContext, useEffect, useMemo } from 'react';
+import { ReactNode, useMemo } from 'react';
 
+import { ColumnLayout } from '@vertesia/common';
 import { ErrorBox, useFetch, useToast } from '@vertesia/ui/core';
 import { useUserSession } from '@vertesia/ui/session';
+import { useUITranslation } from '../../../../i18n/index.js';
 
-import { useDocumentSearch, useDocumentSelection } from '../../../store';
+import { useDocumentSelection } from '../DocumentSelectionProvider';
+import { useDocumentSearch } from '../search/DocumentSearchContext';
 import { AddToCollectionAction } from './actions/AddToCollectionAction';
 import { ChangeTypeAction } from './actions/ChangeTypeAction';
 import { DeleteObjectsAction, DeleteObjectsFromCollectionsAction } from './actions/DeleteObjectsAction';
 import { ExportPropertiesAction } from './actions/ExportPropertiesAction';
 import { RemoveFromCollectionAction } from './actions/RemoveFromCollectionAction';
 import { StartWorkflowAction, StartWorkflowComponent } from './actions/StartWorkflowComponent';
-import { ObjectsActionParams, ObjectsActionSpec } from './ObjectsActionSpec';
-
-export type ObjectsActionCallback = (params: ObjectsActionParams) => Promise<unknown>;
-
-export class ObjectsActionContext {
-    allActions: ObjectsActionSpec[] = [
-        ExportPropertiesAction,
-        ChangeTypeAction,
-        StartWorkflowAction,
-        AddToCollectionAction,
-        DeleteObjectsAction,
-        RemoveFromCollectionAction,
-        DeleteObjectsFromCollectionsAction
-    ];
-    wfRules: ObjectsActionSpec[] = [];
-    callbacks: Record<string, ObjectsActionCallback> = {};
-    startWorkflow?: ObjectsActionCallback;
-
-    constructor(public params: Omit<ObjectsActionParams, 'action'>) { }
-
-    get actions(): ObjectsActionSpec[] {
-        const isInCollection = !!this.params.selection?.collectionId;
-
-        if (isInCollection) {
-            return this.allActions.filter(action =>
-                action.id !== 'addToCollection' && action.id !== 'delete'
-            );
-        } else {
-            return this.allActions.filter(action =>
-                action.id !== 'removeFromCollection' && action.id !== 'deleteFromCollections'
-            );
-        }
-    }
-
-    async loadWorkflows() {
-        this.params.client.workflows.rules.list().then((rules) => {
-            this.wfRules = rules.map(rule => (
-                {
-                    id: rule.id,
-                    name: rule.name,
-                    description: rule.description,
-                    confirm: false,
-                    isWorkflow: true,
-                    component: StartWorkflowComponent
-                }
-            )).sort((a, b) => a.name.localeCompare(b.name));
-        });
-        return this.wfRules;
-    }
-
-    registerCallback(name: string, cb: (params: ObjectsActionParams) => Promise<unknown>) {
-        this.callbacks[name] = cb;
-        return () => {
-            delete this.callbacks[name];
-        }
-    }
-
-    unregisterCallback(name: string) {
-        delete this.callbacks[name];
-    }
-
-    findAction(actionId: string) {
-        let action = this.allActions.find(a => a.id === actionId);
-        if (!action) {
-            action = this.wfRules.find(a => a.id === actionId);
-        }
-        return action;
-    }
-
-    async run(actionId: string): Promise<unknown> {
-        const action = this.findAction(actionId);
-        if (!action) {
-            throw new Error(`Action ${actionId} not found`);
-        }
-        const params = { ...this.params, action };
-        // if (action.isWorkflow) {
-        //     if (!this.startWorkflow) {
-        //         throw new Error("No startWorkflow callback set");
-        //     }
-        //     return this.startWorkflow(params);
-        // } else {
-        const cb = this.callbacks[actionId];
-        if (cb) {
-            return cb(params);
-        } else {
-            throw new Error("No action callback set");
-        }
-        //        }
-    }
-}
-
-const ObjectsActionContextReact = createContext<ObjectsActionContext>(undefined as any);
+import { ObjectsActionContext } from './ObjectsActionContextClass';
+import { ObjectsActionContextReact, useObjectsActionContext } from './ObjectsActionHooks';
+import { ObjectsActionSpec } from './ObjectsActionSpec';
+
+const DEFAULT_ACTIONS: ObjectsActionSpec[] = [
+    ExportPropertiesAction,
+    ChangeTypeAction,
+    StartWorkflowAction,
+    AddToCollectionAction,
+    DeleteObjectsAction,
+    RemoveFromCollectionAction,
+    DeleteObjectsFromCollectionsAction,
+];
 
 interface ObjectsActionContextProps {
     children: ReactNode;
+    table_layout?: ColumnLayout[];
 }
-export function ObjectsActionContextProvider({ children }: ObjectsActionContextProps) {
+export function ObjectsActionContextProvider({ children, table_layout }: ObjectsActionContextProps) {
+    const { t } = useUITranslation();
     const selection = useDocumentSelection();
     const toast = useToast();
     const { client } = useUserSession();
@@ -129,14 +55,15 @@ export function ObjectsActionContextProvider({ children }: ObjectsActionContextP
 
     const context = useMemo(() => {
         const context = new ObjectsActionContext({
-            selection, toast, client, search
+            selection, toast, client, search, table_layout
         });
+        context.allActions = DEFAULT_ACTIONS;
         context.wfRules = rules!;
         return context;
-    }, [selection, rules]);
+    }, [selection, rules, table_layout]);
 
     if (error) {
-        return <ErrorBox title="Failed to fetch workflows">{error.message}</ErrorBox>
+        return <ErrorBox title={t('store.failedToFetchWorkflows')}>{error.message}</ErrorBox>
     }
 
     return (
@@ -149,9 +76,7 @@ export function ObjectsActionContextProvider({ children }: ObjectsActionContextP
     )
 }
 
-interface ActionsProps {
-}
-function Actions({ }: ActionsProps) {
+function Actions() {
     const context = useObjectsActionContext();
 
     const selection = context.params.selection;
@@ -168,30 +93,3 @@ function Actions({ }: ActionsProps) {
         </div>
     )
 }
-
-export function useObjectsActionContext() {
-    const ctx = useContext(ObjectsActionContextReact);
-    if (!ctx) {
-        throw new Error("You cannot use useActionContext outside an ActionProvider");
-    }
-    return ctx;
-}
-
-export function useObjectsActionCallback(name: string, cb: ObjectsActionCallback) {
-    const ctx = useObjectsActionContext();
-    useEffect(() => {
-        return ctx.registerCallback(name, cb);
-    }, [ctx, name, cb]);
-    return ctx;
-}
-
-export function useStartWorkflowCallback(cb: ObjectsActionCallback) {
-    const ctx = useObjectsActionContext();
-    useEffect(() => {
-        ctx.startWorkflow = cb;
-        return () => {
-            ctx.startWorkflow = undefined;
-        }
-    }, [cb, ctx]);
-    return ctx;
-}

package/src/features/store/objects/selection/ObjectsActionContextClass.ts

@@ -0,0 +1,59 @@
+import { ObjectsActionParams, ObjectsActionSpec } from './ObjectsActionSpec';
+
+export type ObjectsActionCallback = (params: ObjectsActionParams) => Promise<unknown>;
+
+export class ObjectsActionContext {
+    allActions: ObjectsActionSpec[] = [];
+    wfRules: ObjectsActionSpec[] = [];
+    callbacks: Record<string, ObjectsActionCallback> = {};
+    startWorkflow?: ObjectsActionCallback;
+
+    constructor(public params: Omit<ObjectsActionParams, 'action'>) { }
+
+    get actions(): ObjectsActionSpec[] {
+        const isInCollection = !!this.params.selection?.collectionId;
+
+        if (isInCollection) {
+            return this.allActions.filter(action =>
+                action.id !== 'addToCollection' && action.id !== 'delete'
+            );
+        } else {
+            return this.allActions.filter(action =>
+                action.id !== 'removeFromCollection' && action.id !== 'deleteFromCollections'
+            );
+        }
+    }
+
+    registerCallback(name: string, cb: (params: ObjectsActionParams) => Promise<unknown>) {
+        this.callbacks[name] = cb;
+        return () => {
+            delete this.callbacks[name];
+        }
+    }
+
+    unregisterCallback(name: string) {
+        delete this.callbacks[name];
+    }
+
+    findAction(actionId: string) {
+        let action = this.allActions.find(a => a.id === actionId);
+        if (!action) {
+            action = this.wfRules.find(a => a.id === actionId);
+        }
+        return action;
+    }
+
+    async run(actionId: string): Promise<unknown> {
+        const action = this.findAction(actionId);
+        if (!action) {
+            throw new Error(`Action ${actionId} not found`);
+        }
+        const params = { ...this.params, action };
+        const cb = this.callbacks[actionId];
+        if (cb) {
+            return cb(params);
+        } else {
+            throw new Error("No action callback set");
+        }
+    }
+}

package/src/features/store/objects/selection/ObjectsActionHooks.ts

@@ -0,0 +1,33 @@
+import { createContext, useContext, useEffect } from 'react';
+import { ObjectsActionContext, type ObjectsActionCallback } from './ObjectsActionContextClass';
+
+export { type ObjectsActionCallback };
+
+export const ObjectsActionContextReact = createContext<ObjectsActionContext>(undefined as any);
+
+export function useObjectsActionContext() {
+    const ctx = useContext(ObjectsActionContextReact);
+    if (!ctx) {
+        throw new Error("You cannot use useActionContext outside an ActionProvider");
+    }
+    return ctx;
+}
+
+export function useObjectsActionCallback(name: string, cb: ObjectsActionCallback) {
+    const ctx = useObjectsActionContext();
+    useEffect(() => {
+        return ctx.registerCallback(name, cb);
+    }, [ctx, name, cb]);
+    return ctx;
+}
+
+export function useStartWorkflowCallback(cb: ObjectsActionCallback) {
+    const ctx = useObjectsActionContext();
+    useEffect(() => {
+        ctx.startWorkflow = cb;
+        return () => {
+            ctx.startWorkflow = undefined;
+        }
+    }, [cb, ctx]);
+    return ctx;
+}

package/src/features/store/objects/selection/ObjectsActionSpec.ts

@@ -1,6 +1,8 @@
 import { VertesiaClient } from "@vertesia/client";
+import { ColumnLayout } from "@vertesia/common";
 import { ToastFn } from "@vertesia/ui/core";
-import { DocumentSearch, DocumentSelection } from "../../../store";
+import { DocumentSelection } from '../DocumentSelectionProvider';
+import { DocumentSearch } from '../search/DocumentSearchContext';
 
 export interface ObjectsActionSpec {
     id: string;
@@ -19,6 +21,7 @@ export interface ObjectsActionParams {
     selection: DocumentSelection,
     toast: ToastFn,
     search: DocumentSearch,
+    table_layout?: ColumnLayout[],
 }
 
 export interface ActionComponentTypeProps {

package/src/features/store/objects/selection/SelectionActions.tsx

@@ -1,15 +1,21 @@
+import { ColumnLayout } from '@vertesia/common';
 import { Button, Popover, PopoverContent, PopoverTrigger, SelectList } from '@vertesia/ui/core';
 import clsx from 'clsx';
 import { EllipsisVertical, X } from 'lucide-react';
 
 import { useState } from "react";
+import { useUITranslation } from '../../../../i18n/index.js';
 import { DocumentSelection, DocumentUploadModal, useDocumentSelection } from "../../../store";
 import { ExportPropertiesAction } from "./actions/ExportPropertiesAction";
 import { StartWorkflowAction } from "./actions/StartWorkflowComponent";
-import { ObjectsActionContextProvider, useObjectsActionContext } from "./ObjectsActionContext";
+import { ObjectsActionContextProvider } from "./ObjectsActionContext";
+import { useObjectsActionContext } from "./ObjectsActionHooks";
 import { ObjectsActionSpec } from "./ObjectsActionSpec";
 
-export function SelectionActions() {
+interface SelectionActionsProps {
+    table_layout?: ColumnLayout[];
+}
+export function SelectionActions({ table_layout }: SelectionActionsProps) {
     const selection = useDocumentSelection();
     const size = selection.size();
     const plural = size > 1 ? "s" : "";
@@ -22,7 +28,7 @@ export function SelectionActions() {
     };
 
     return (
-        <ObjectsActionContextProvider>
+        <ObjectsActionContextProvider table_layout={table_layout}>
             <div className="flex items-center gap-x-2">
                 {hasSelection && !hasSingleSelection &&
                     <div className="flex items-center gap-x-1 shrink-0">
@@ -54,6 +60,7 @@ function ActionsWrapper({ }: ActionsWrapperProps) {
 }
 
 export function UploadObjectsButton({ collectionId, allowFolders = true }: { collectionId?: string, allowFolders?: boolean }) {
+    const { t } = useUITranslation();
     const [files, setFiles] = useState<File[]>([]);
     const [isOpen, setIsOpen] = useState(false);
 
@@ -64,7 +71,7 @@ export function UploadObjectsButton({ collectionId, allowFolders = true }: { col
 
     return (
         <>
-            <Button onClick={() => setIsOpen(true)}>Upload</Button>
+            <Button onClick={() => setIsOpen(true)}>{t('store.upload')}</Button>
             <DocumentUploadModal
                 collectionId={collectionId ?? ''}
                 isOpen={isOpen}
@@ -85,13 +92,14 @@ export function UploadObjectsButton({ collectionId, allowFolders = true }: { col
 
 function StartWorkflowButton() {
     const ctx = useObjectsActionContext();
+    const { t } = useUITranslation();
 
     const selection = ctx.params.selection;
     const hasSelection = selection.hasSelection();
 
     return (
         hasSelection &&
-        <Button onClick={() => ctx.run(StartWorkflowAction.id)}>Start Workflow</Button>
+        <Button onClick={() => ctx.run(StartWorkflowAction.id)}>{t('store.actions.startWorkflow')}</Button>
     )
 }
 function optionLayout(option: ObjectsActionSpec) {
@@ -134,7 +142,7 @@ function PopoverBody({ executeAction, selection }: PopoverBodyProps) {
         executeAction(action);
     }
 
-    const _selection = selection?.hasSelection() ? context.actions.filter(action => !action.hideInList) : [ExportPropertiesAction];
+    const _selection = selection?.hasSelection() ? context.actions.filter((action: ObjectsActionSpec) => !action.hideInList) : [ExportPropertiesAction];
 
     return (
         <div className="rounded-md shadow-md py-2">

package/src/features/store/objects/selection/actions/AddToCollectionAction.tsx

@@ -1,8 +1,10 @@
-import { Button, DialogDescription, Heading, Portal, useToast, Modal, ModalBody, ModalFooter, ModalTitle, Tabs, TabsBar, TabsPanel } from "@vertesia/ui/core";
+import { Button, DialogDescription, Heading, Modal, ModalBody, ModalFooter, ModalTitle, Portal, Tabs, TabsBar, TabsPanel, useToast } from "@vertesia/ui/core";
 import { useUserSession } from "@vertesia/ui/session";
 import { useCallback, useState } from "react";
+import { useUITranslation } from '../../../../../i18n/index.js';
+import { i18nInstance, NAMESPACE } from '../../../../../i18n/instance.js';
 import { CreateCollectionForm, SelectCollection } from "../../../collections";
-import { useObjectsActionCallback } from "../ObjectsActionContext";
+import { useObjectsActionCallback } from "../ObjectsActionHooks";
 import { ActionComponentTypeProps, ObjectsActionSpec } from "../ObjectsActionSpec";
 
 export function AddToCollectionActionComponent({ action, objectIds }: ActionComponentTypeProps) {
@@ -25,10 +27,11 @@ export function AddToCollectionActionComponent({ action, objectIds }: ActionComp
     </Portal>;
 }
 
+const t = i18nInstance.getFixedT(null, NAMESPACE);
 export const AddToCollectionAction: ObjectsActionSpec = {
     id: "addToCollection",
-    name: 'Add to Collection',
-    description: 'Add documents to a collection',
+    name: t('store.actions.addToCollection'),
+    description: t('store.actions.addToCollectionDesc'),
     confirm: false,
     component: AddToCollectionActionComponent,
 }
@@ -40,13 +43,14 @@ interface SelectCollectionModalProps {
     objectIds: string[];
 }
 function SelectCollectionModal({ isOpen, onClose, objectIds }: SelectCollectionModalProps) {
+    const { t } = useUITranslation();
     return (
         <Modal isOpen={isOpen} onClose={onClose} className="max-w-lg w-full min-w-0 overflow-hidden">
             <ModalTitle className="flex flex-col min-w-0 overflow-hidden">
-                Add to a Collection
+                {t('store.actions.addToCollectionTitle')}
             </ModalTitle>
             <DialogDescription className="min-w-0 overflow-hidden">
-                Add the selected objects to an existing collection or create a new one.
+                {t('store.actions.addToCollectionBody')}
             </DialogDescription>
             <div className="min-w-0 max-w-full overflow-hidden">
                 <AddToCollectionForm onClose={onClose} objectIds={objectIds} />
@@ -60,6 +64,7 @@ interface AddToCollectionFormProps {
     onClose: () => void;
 }
 function AddToCollectionForm({ onClose, objectIds }: AddToCollectionFormProps) {
+    const { t } = useUITranslation();
     const toast = useToast();
     const { client } = useUserSession();
     const [selectedCollectionId, setSelectedCollectionId] = useState<string>();
@@ -69,17 +74,17 @@ function AddToCollectionForm({ onClose, objectIds }: AddToCollectionFormProps) {
         }
         client.store.collections.addMembers(collectionId, objectIds).then(() => {
             toast({
-                title: 'Add to collection success',
+                title: t('store.actions.addToCollectionSuccess'),
                 status: 'success',
-                description: `Added ${objectIds.length} objects to the selected collection`,
+                description: t('store.actions.addToCollectionSuccessDesc', { count: objectIds.length }),
                 duration: 3000
             });
             onClose();
         }).catch(() => {
             toast({
-                title: 'Add to collection failure',
+                title: t('store.actions.addToCollectionFailure'),
                 status: 'error',
-                description: `Failed to add the selected objects to the collection`,
+                description: t('store.actions.addToCollectionFailureDesc'),
                 duration: 5000
             });
         });
@@ -98,10 +103,10 @@ function AddToCollectionForm({ onClose, objectIds }: AddToCollectionFormProps) {
     const tabs = [
         {
             name: 'select',
-            label: 'Select Collection',
+            label: t('store.actions.selectCollection'),
             content: (
                 <div className="p-4 min-w-0 max-w-full overflow-hidden">
-                    <Heading level={5}>Choose from existing collections</Heading>
+                    <Heading level={5}>{t('store.actions.chooseExistingCollections')}</Heading>
                     <ModalBody className="min-w-0 max-w-full overflow-hidden">
                         <div className="mb-4 min-w-0 max-w-full overflow-hidden">
                             <SelectCollection onChange={onCollectionChange} value={selectedCollectionId} />
@@ -112,7 +117,7 @@ function AddToCollectionForm({ onClose, objectIds }: AddToCollectionFormProps) {
                             isDisabled={!selectedCollectionId}
                             onClick={() => selectedCollectionId && onAddToCollection({ collectionId: selectedCollectionId })}
                         >
-                            Add to Collection
+                            {t('store.actions.addToCollectionButton')}
                         </Button>
                     </ModalFooter>
                 </div>
@@ -120,7 +125,7 @@ function AddToCollectionForm({ onClose, objectIds }: AddToCollectionFormProps) {
         },
         {
             name: 'create',
-            label: 'Create new',
+            label: t('store.actions.createNew'),
             content:
                 <div className="p-4">
                     <CreateCollectionForm onClose={onClose} onAddToCollection={(id: string) => onAddToCollection({ collectionId: id })} redirect={false} />

package/src/features/store/objects/selection/actions/ChangeTypeAction.tsx

@@ -1,11 +1,14 @@
 import { useToast } from "@vertesia/ui/core";
 import { useUserSession } from "@vertesia/ui/session";
 import { useCallback, useState } from "react";
+import { useUITranslation } from '../../../../../i18n/index.js';
+import { i18nInstance, NAMESPACE } from '../../../../../i18n/instance.js';
 import { SelectContentTypeModal } from "../../../types";
-import { useObjectsActionCallback } from "../ObjectsActionContext";
+import { useObjectsActionCallback } from "../ObjectsActionHooks";
 import { ActionComponentTypeProps, ObjectsActionSpec } from "../ObjectsActionSpec";
 
 export function ChangeTypeActionComponent({ action, objectIds, children }: ActionComponentTypeProps) {
+    const { t } = useUITranslation();
     const { store } = useUserSession();
     const toast = useToast();
     const [isOpen, setOpen] = useState(false);
@@ -33,14 +36,14 @@ export function ChangeTypeActionComponent({ action, objectIds, children }: Actio
         }).then((r) => {
             toast({
                 status: 'success',
-                title: 'Change Type',
+                title: t('store.actions.changeType'),
                 description: `Change the type of ${objectIds.length} objects is ${r.status === 'in_progress' ? 'in progress' : 'completed'}`,
                 duration: 2000
             });
         }).catch(err => {
             toast({
                 status: 'error',
-                title: 'Error changing type',
+                title: t('store.actions.errorChangingType'),
                 description: err.message,
                 duration: 5000
             });
@@ -63,10 +66,11 @@ export function ChangeTypeActionComponent({ action, objectIds, children }: Actio
     )
 }
 
+const t = i18nInstance.getFixedT(null, NAMESPACE);
 export const ChangeTypeAction: ObjectsActionSpec = {
     id: "changeType",
-    name: 'Change Content Type',
-    description: 'Change the Content Type of the selected documents',
+    name: t('store.actions.changeContentType'),
+    description: t('store.actions.changeContentTypeDesc'),
     confirm: false,
     component: ChangeTypeActionComponent,
 }

package/src/features/store/objects/selection/actions/ConfirmAction.tsx

@@ -1,6 +1,7 @@
 import { ConfirmModal } from "@vertesia/ui/core";
 import { useCallback, useState } from "react";
-import { ObjectsActionCallback, useObjectsActionCallback } from "../ObjectsActionContext";
+import { useUITranslation } from '../../../../../i18n/index.js';
+import { ObjectsActionCallback, useObjectsActionCallback } from '../ObjectsActionHooks';
 import { ObjectsActionParams, ObjectsActionSpec } from "../ObjectsActionSpec";
 
 interface ObjectsActionComponentProps {
@@ -15,7 +16,7 @@ interface ObjectsActionComponentProps {
  * @returns
  */
 export default function ConfirmAction({ action, callback, children }: ObjectsActionComponentProps) {
-
+    const { t } = useUITranslation();
     const [showConfirmModal, setShowConfirmModal] = useState(false);
     const confirmationText = action.confirmationText || `Are you sure you want to ${action.name}?`;
 
@@ -38,7 +39,7 @@ export default function ConfirmAction({ action, callback, children }: ObjectsAct
     return (
         <>
             {children}
-            <ConfirmModal onConfirm={onConfirm} onCancel={() => setShowConfirmModal(false)} title={"Are you sure?"} content={confirmationText} isOpen={showConfirmModal} />
+            <ConfirmModal onConfirm={onConfirm} onCancel={() => setShowConfirmModal(false)} title={t('store.actions.areYouSure')} content={confirmationText} isOpen={showConfirmModal} />
         </>
     );