@object-ui/app-shell 4.0.6 → 4.0.8

package/CHANGELOG.md

@@ -1,5 +1,141 @@
 # @object-ui/app-shell — Changelog
 
+## 4.0.8
+
+### Patch Changes
+
+- 3d58eaa: fix(auth,app-shell): hide Log out menu item when auth is disabled (guest/preview mode)
+
+  When the console runs against a server with `discovery.services.auth.enabled === false`
+  (or in preview mode), `AuthProvider` hardcodes `isAuthenticated: true` and the mock
+  `signOut()` has no real backend. Previously, clicking "Log out" in the user menu had
+  no visible effect — the user/session were nulled but the UI stayed authenticated.
+
+  Changes:
+  - **`@object-ui/auth`** — added `isAuthEnabled: boolean` to `AuthContextValue`
+    (`true` only when real auth is in use, `false` for guest/preview modes).
+  - **`@object-ui/app-shell`** — `AppHeader` and `AppSidebar` now hide the "Log out"
+    menu item entirely when `!isAuthEnabled`, so users aren't presented with an action
+    that can't actually do anything. Also fixed two missed i18n strings in
+    `AppSidebar` ("Settings", "Log out").
+  - **`@object-ui/i18n`** — added `user.{profile,settings,logout}` namespace to all
+    10 built-in locales (en/zh translated; ja/ko/de/fr/es/pt/ru/ar fall back to
+    English pending native translation).
+
+- Updated dependencies [3d58eaa]
+  - @object-ui/auth@4.0.8
+  - @object-ui/i18n@4.0.8
+  - @object-ui/components@4.0.8
+  - @object-ui/fields@4.0.8
+  - @object-ui/plugin-calendar@4.0.8
+  - @object-ui/plugin-charts@4.0.8
+  - @object-ui/plugin-dashboard@4.0.8
+  - @object-ui/plugin-designer@4.0.8
+  - @object-ui/plugin-list@4.0.8
+  - @object-ui/react@4.0.8
+  - @object-ui/layout@4.0.8
+  - @object-ui/plugin-chatbot@4.0.8
+  - @object-ui/plugin-detail@4.0.8
+  - @object-ui/plugin-form@4.0.8
+  - @object-ui/plugin-grid@4.0.8
+  - @object-ui/plugin-kanban@4.0.8
+  - @object-ui/plugin-report@4.0.8
+  - @object-ui/plugin-view@4.0.8
+  - @object-ui/types@4.0.8
+  - @object-ui/core@4.0.8
+  - @object-ui/data-objectstack@4.0.8
+  - @object-ui/permissions@4.0.8
+  - @object-ui/collaboration@4.0.8
+
+## 4.0.7
+
+### Patch Changes
+
+- 7c9b85c: Fix compatibility with the framework's normalized Expression envelope format.
+
+  `@objectstack/spec` now emits predicate (`visible` / `enabled`) and template
+  (`titleFormat`) fields as `{ dialect, source }` envelopes instead of bare
+  strings. The previous implementation assumed strings and crashed the record
+  detail view (`TypeError: titleFormat.replace is not a function`) and printed
+  `Failed to evaluate expression: ${[object Object]}` for every action visibility
+  predicate.
+  - `@object-ui/core`: `ExpressionEvaluator.evaluate` / `evaluateCondition` now
+    unwrap Expression envelopes transparently.
+  - `@object-ui/react`: new `toPredicateInput()` helper to safely normalize
+    `boolean | string | Expression` predicate inputs into the `${expr}` form
+    expected by `useCondition`.
+  - `@object-ui/components`: `action-bar`, `action-button`, `action-group`,
+    `action-icon`, `action-menu` renderers use `toPredicateInput()` instead of
+    template-literal interpolation that produced `${[object Object]}`.
+  - `@object-ui/plugin-detail`, `@object-ui/plugin-kanban`,
+    `@object-ui/plugin-calendar`, `@object-ui/app-shell`,
+    `@object-ui/console`: title-format helpers accept both legacy strings and
+    the new `{ source }` envelope.
+
+  All changes are backward-compatible — legacy bare strings continue to work.
+
+- fd15918: Comprehensive i18n refactor + CI test fix.
+
+  **i18n (`@object-ui/i18n`)**
+  - Added ~130 new keys under 12 new top-level namespaces: `layout`, `search`,
+    `empty`, `renderer`, `actionDialog`, `rowAction`, `navigationSync`,
+    `objectActions`, `objectViewActions`, `dashboardActions`, `recordDetail`,
+    `cellRender`, plus `grid.{empty,yes,no,systemFields,openMenu}`.
+  - Mirrored all new top-level namespaces to all 10 built-in locales
+    (en, zh, ja, ko, de, fr, es, pt, ru, ar) to maintain key parity required
+    by the locale-structure test. Non-en/zh locales seed with English values
+    and rely on `fallbackLng: 'en'` until human translation lands.
+
+  **App shell (`@object-ui/app-shell`)** — replaced hardcoded English in 14
+  files with `useObjectTranslation`:
+  - Layout: `AppSidebar`, `ActivityFeed` (locale-aware relative time),
+    `MetadataInspector`.
+  - Views: `SearchResultsPage`, `ActionParamDialog`, `RecordFormPage`,
+    `RecordDetailView`, `PageView`, `DashboardView` (PDF / forecast toasts),
+    `ReportView`, `ObjectView` (rename / delete view toasts).
+  - Console: `AppContent` (no-apps empty state).
+  - Components: `PageRenderer`, `FormRenderer`, `DashboardRenderer`.
+  - Hooks: `useNavigationSync` (16 toasts incl. Undo label),
+    `useObjectActions` (delete confirm + success / failure toasts).
+
+  **Plugin grid (`@object-ui/plugin-grid`)**
+  - `ObjectGrid` record-detail panel now translates Empty / Yes / No / System
+    via the existing `useGridTranslation` safe-fallback wrapper.
+  - `RowActionMenu` adopts a local safe-fallback i18n wrapper for
+    `Open menu` / `Edit` / `Delete`, preserving standalone-usage guarantees.
+
+  **CLI test fix (`@object-ui/cli`)**
+  - `cli-bin.test.ts` auto-builds the package on first run when `dist/cli.js`
+    is missing, instead of throwing. This unbreaks `pnpm test:coverage` in CI
+    (root vitest run does not honor turbo's `^build` deps) and removes the
+    manual `pnpm --filter @object-ui/cli build` requirement for local dev.
+
+- Updated dependencies [7c9b85c]
+- Updated dependencies [fd15918]
+  - @object-ui/core@4.0.7
+  - @object-ui/react@4.0.7
+  - @object-ui/components@4.0.7
+  - @object-ui/plugin-detail@4.0.7
+  - @object-ui/plugin-kanban@4.0.7
+  - @object-ui/plugin-calendar@4.0.7
+  - @object-ui/i18n@4.0.7
+  - @object-ui/plugin-grid@4.0.7
+  - @object-ui/data-objectstack@4.0.7
+  - @object-ui/fields@4.0.7
+  - @object-ui/layout@4.0.7
+  - @object-ui/plugin-charts@4.0.7
+  - @object-ui/plugin-chatbot@4.0.7
+  - @object-ui/plugin-dashboard@4.0.7
+  - @object-ui/plugin-designer@4.0.7
+  - @object-ui/plugin-form@4.0.7
+  - @object-ui/plugin-list@4.0.7
+  - @object-ui/plugin-report@4.0.7
+  - @object-ui/plugin-view@4.0.7
+  - @object-ui/types@4.0.7
+  - @object-ui/auth@4.0.7
+  - @object-ui/permissions@4.0.7
+  - @object-ui/collaboration@4.0.7
+
 ## 4.0.6
 
 ### Patch Changes

package/dist/components/DashboardRenderer.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SchemaRendererProvider } from '@object-ui/react';
+import { useObjectTranslation } from '@object-ui/i18n';
 /**
  * DashboardRenderer - Renders dashboard layouts from schema
  *
@@ -7,8 +8,9 @@ import { SchemaRendererProvider } from '@object-ui/react';
  * Delegates to registered dashboard plugins.
  */
 export function DashboardRenderer({ schema, dataSource, dashboardName, }) {
+    const { t } = useObjectTranslation();
     if (!schema) {
-        return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("div", { className: "text-muted-foreground", children: "No dashboard schema provided" }) }));
+        return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("div", { className: "text-muted-foreground", children: t('renderer.noDashboardSchema') }) }));
     }
-    return (_jsx(SchemaRendererProvider, { dataSource: dataSource, children: _jsxs("div", { className: "dashboard-renderer h-full p-4", children: [_jsx("h1", { className: "mb-4 text-2xl font-bold", children: schema.title || dashboardName || 'Dashboard' }), _jsxs("div", { className: "text-muted-foreground", children: ["Dashboard rendering: ", schema.title || dashboardName] })] }) }));
+    return (_jsx(SchemaRendererProvider, { dataSource: dataSource, children: _jsxs("div", { className: "dashboard-renderer h-full p-4", children: [_jsx("h1", { className: "mb-4 text-2xl font-bold", children: schema.title || dashboardName || t('renderer.dashboard') }), _jsx("div", { className: "text-muted-foreground", children: t('renderer.dashboardRendering', { name: schema.title || dashboardName }) })] }) }));
 }

package/dist/components/FormRenderer.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SchemaRendererProvider } from '@object-ui/react';
+import { useObjectTranslation } from '@object-ui/i18n';
 /**
  * FormRenderer - Renders forms (modal or inline)
  *
@@ -7,8 +8,9 @@ import { SchemaRendererProvider } from '@object-ui/react';
  * Handles both create and edit modes.
  */
 export function FormRenderer({ schema, dataSource, mode = 'create', recordId, onSuccess, onCancel, objectDef, }) {
+    const { t } = useObjectTranslation();
     if (!schema) {
-        return (_jsx("div", { className: "flex items-center justify-center p-4", children: _jsx("div", { className: "text-muted-foreground", children: "No form schema provided" }) }));
+        return (_jsx("div", { className: "flex items-center justify-center p-4", children: _jsx("div", { className: "text-muted-foreground", children: t('renderer.noFormSchema') }) }));
     }
     const handleSubmit = async (data) => {
         try {
@@ -25,5 +27,5 @@ export function FormRenderer({ schema, dataSource, mode = 'create', recordId, on
             console.error('Form submission error:', error);
         }
     };
-    return (_jsx(SchemaRendererProvider, { dataSource: dataSource, children: _jsxs("div", { className: "form-renderer p-4", children: [_jsx("h2", { className: "mb-4 text-xl font-semibold", children: schema.title || (mode === 'create' ? 'Create Record' : 'Edit Record') }), _jsxs("div", { className: "text-muted-foreground", children: ["Form rendering in ", mode, " mode", recordId && ` for record ${recordId}`] }), _jsxs("div", { className: "mt-4 flex gap-2", children: [_jsx("button", { onClick: () => handleSubmit({}), className: "rounded bg-primary px-4 py-2 text-primary-foreground", children: "Save" }), onCancel && (_jsx("button", { onClick: onCancel, className: "rounded border px-4 py-2", children: "Cancel" }))] })] }) }));
+    return (_jsx(SchemaRendererProvider, { dataSource: dataSource, children: _jsxs("div", { className: "form-renderer p-4", children: [_jsx("h2", { className: "mb-4 text-xl font-semibold", children: schema.title || (mode === 'create' ? t('renderer.createRecord') : t('renderer.editRecord')) }), _jsxs("div", { className: "text-muted-foreground", children: [t('renderer.formRenderingMode', { mode }), recordId && ` ${t('renderer.formRenderingFor', { id: recordId })}`] }), _jsxs("div", { className: "mt-4 flex gap-2", children: [_jsx("button", { onClick: () => handleSubmit({}), className: "rounded bg-primary px-4 py-2 text-primary-foreground", children: t('renderer.save') }), onCancel && (_jsx("button", { onClick: onCancel, className: "rounded border px-4 py-2", children: t('renderer.cancel') }))] })] }) }));
 }

package/dist/components/PageRenderer.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useObjectTranslation } from '@object-ui/i18n';
 /**
  * PageRenderer - Renders custom page schemas
  *
  * Framework-agnostic component that renders a page based on JSON schema.
  */
 export function PageRenderer({ schema, pageName }) {
+    const { t } = useObjectTranslation();
     if (!schema) {
-        return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("div", { className: "text-muted-foreground", children: "No page schema provided" }) }));
+        return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("div", { className: "text-muted-foreground", children: t('renderer.noPageSchema') }) }));
     }
-    return (_jsxs("div", { className: "page-renderer h-full p-4", children: [_jsx("h1", { className: "mb-4 text-2xl font-bold", children: schema.title || pageName || 'Page' }), _jsxs("div", { className: "text-muted-foreground", children: ["Page rendering: ", schema.title || pageName] })] }));
+    return (_jsxs("div", { className: "page-renderer h-full p-4", children: [_jsx("h1", { className: "mb-4 text-2xl font-bold", children: schema.title || pageName || t('renderer.page') }), _jsx("div", { className: "text-muted-foreground", children: t('renderer.pageRendering', { name: schema.title || pageName }) })] }));
 }

package/dist/console/AppContent.js

@@ -257,14 +257,14 @@ export function AppContent({ extraRoutes, extraRoutesNoApp } = {}) {
     const isCreateAppRoute = location.pathname.endsWith('/create-app');
     const isSystemRoute = location.pathname.includes('/system');
     if (!activeApp && !isCreateAppRoute && !isSystemRoute)
-        return (_jsx("div", { className: "h-screen flex items-center justify-center", children: _jsxs(Empty, { children: [_jsx(EmptyTitle, { children: "No Apps Configured" }), _jsx(EmptyDescription, { children: "No applications have been registered. Create your first app or visit System Settings to configure your environment." }), _jsxs("div", { className: "mt-4 flex flex-col sm:flex-row items-center gap-3", children: [_jsx(Button, { onClick: () => navigate('/create-app'), "data-testid": "create-first-app-btn", children: "Create Your First App" }), _jsx(Button, { variant: "outline", onClick: () => navigate('/apps/setup'), "data-testid": "go-to-settings-btn", children: "System Settings" })] })] }) }));
+        return (_jsx("div", { className: "h-screen flex items-center justify-center", children: _jsxs(Empty, { children: [_jsx(EmptyTitle, { children: t('empty.noAppsConfigured') }), _jsx(EmptyDescription, { children: t('empty.noAppsConfiguredDescription') }), _jsxs("div", { className: "mt-4 flex flex-col sm:flex-row items-center gap-3", children: [_jsx(Button, { onClick: () => navigate('/create-app'), "data-testid": "create-first-app-btn", children: t('empty.createFirstApp') }), _jsx(Button, { variant: "outline", onClick: () => navigate('/apps/setup'), "data-testid": "go-to-settings-btn", children: t('empty.systemSettings') })] })] }) }));
     if (!activeApp && (isCreateAppRoute || isSystemRoute)) {
         return (_jsx(Suspense, { fallback: _jsx(LoadingScreen, {}), children: _jsxs(Routes, { children: [_jsx(Route, { path: "create-app", element: _jsx(CreateAppPage, {}) }), extraRoutesNoApp] }) }));
     }
     const expressionUser = user
         ? { name: user.name, email: user.email, role: user.role ?? 'user' }
         : { name: 'Anonymous', email: '', role: 'guest' };
-    return (_jsxs(ExpressionProvider, { user: expressionUser, app: activeApp, data: {}, children: [_jsx(NavigationSyncEffect, {}), _jsxs(ConsoleLayout, { activeAppName: activeApp.name, activeApp: activeApp, onAppChange: handleAppChange, objects: allObjects, connectionState: connectionState, children: [_jsx(CommandPalette, { apps: apps, activeApp: activeApp, objects: allObjects, onAppChange: handleAppChange }), _jsx(KeyboardShortcutsDialog, {}), _jsx(OnboardingWalkthrough, {}), _jsx(ErrorBoundary, { children: _jsx(Suspense, { fallback: _jsx(LoadingScreen, {}), children: _jsxs(Routes, { children: [_jsx(Route, { path: "/", element: _jsx(Navigate, { to: findFirstRoute(activeApp.navigation || []), replace: true }) }), _jsx(Route, { path: ":objectName", element: _jsx(ObjectView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit }) }), _jsx(Route, { path: ":objectName/new", element: _jsx(RecordFormPage, { mode: "create" }) }), _jsx(Route, { path: ":objectName/view/:viewId", element: _jsx(ObjectView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit }) }), _jsx(Route, { path: ":objectName/record/:recordId", element: _jsx(RecordDetailView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit }, refreshKey) }), _jsx(Route, { path: ":objectName/record/:recordId/edit", element: _jsx(RecordFormPage, { mode: "edit" }) }), _jsx(Route, { path: "dashboard/:dashboardName", element: _jsx(DashboardView, { dataSource: dataSource }) }), _jsx(Route, { path: "report/:reportName", element: _jsx(ReportView, { dataSource: dataSource }) }), _jsx(Route, { path: "page/:pageName", element: _jsx(PageView, {}) }), _jsx(Route, { path: "design/page/:pageName", element: _jsx(PageDesignPage, {}) }), _jsx(Route, { path: "design/dashboard/:dashboardName", element: _jsx(DashboardDesignPage, {}) }), _jsx(Route, { path: "search", element: _jsx(SearchResultsPage, {}) }), _jsx(Route, { path: "create-app", element: _jsx(CreateAppPage, {}) }), _jsx(Route, { path: "edit-app/:editAppName", element: _jsx(EditAppPage, {}) }), extraRoutes] }) }) }), currentObjectDef && (_jsx(ModalForm, { schema: {
+    return (_jsxs(ExpressionProvider, { user: expressionUser, app: activeApp, data: {}, children: [_jsx(NavigationSyncEffect, {}), _jsxs(ConsoleLayout, { activeAppName: activeApp.name, activeApp: activeApp, onAppChange: handleAppChange, objects: allObjects, connectionState: connectionState, children: [_jsx(CommandPalette, { apps: apps, activeApp: activeApp, objects: allObjects, onAppChange: handleAppChange }), _jsx(KeyboardShortcutsDialog, {}), _jsx(OnboardingWalkthrough, {}), _jsx(ErrorBoundary, { children: _jsx(Suspense, { fallback: _jsx(LoadingScreen, {}), children: _jsxs(Routes, { children: [_jsx(Route, { path: "/", element: _jsx(Navigate, { to: findFirstRoute(activeApp.navigation || []), replace: true }) }), _jsx(Route, { path: ":objectName", element: _jsx(ObjectView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit, externalRefreshKey: refreshKey }) }), _jsx(Route, { path: ":objectName/new", element: _jsx(RecordFormPage, { mode: "create" }) }), _jsx(Route, { path: ":objectName/view/:viewId", element: _jsx(ObjectView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit, externalRefreshKey: refreshKey }) }), _jsx(Route, { path: ":objectName/record/:recordId", element: _jsx(RecordDetailView, { dataSource: dataSource, objects: allObjects, onEdit: handleEdit }, refreshKey) }), _jsx(Route, { path: ":objectName/record/:recordId/edit", element: _jsx(RecordFormPage, { mode: "edit" }) }), _jsx(Route, { path: "dashboard/:dashboardName", element: _jsx(DashboardView, { dataSource: dataSource }) }), _jsx(Route, { path: "report/:reportName", element: _jsx(ReportView, { dataSource: dataSource }) }), _jsx(Route, { path: "page/:pageName", element: _jsx(PageView, {}) }), _jsx(Route, { path: "design/page/:pageName", element: _jsx(PageDesignPage, {}) }), _jsx(Route, { path: "design/dashboard/:dashboardName", element: _jsx(DashboardDesignPage, {}) }), _jsx(Route, { path: "search", element: _jsx(SearchResultsPage, {}) }), _jsx(Route, { path: "create-app", element: _jsx(CreateAppPage, {}) }), _jsx(Route, { path: "edit-app/:editAppName", element: _jsx(EditAppPage, {}) }), extraRoutes] }) }) }), currentObjectDef && (_jsx(ModalForm, { schema: {
                             type: 'object-form',
                             formType: 'modal',
                             objectName: currentObjectDef.name,
@@ -296,7 +296,9 @@ export function AppContent({ extraRoutes, extraRoutesNoApp } = {}) {
                             onCancel: handleDialogCancel,
                             showSubmit: true,
                             showCancel: true,
-                            submitText: t('form.saveRecord'),
+                            submitText: editingRecord
+                                ? t('form.update', { defaultValue: t('common.save') || '保存' })
+                                : t('form.create', { defaultValue: t('common.create') || '创建' }),
                             cancelText: t('common.cancel'),
                         }, dataSource: dataSource }, editingRecord?.id || 'new'))] })] }));
 }

package/dist/hooks/useNavigationSync.js

@@ -10,6 +10,7 @@
  */
 import { useCallback, useEffect, useRef } from 'react';
 import { toast } from 'sonner';
+import { useObjectTranslation } from '@object-ui/i18n';
 import { useAdapter } from '../providers/AdapterProvider';
 import { useMetadata } from '../providers/MetadataProvider';
 // ============================================================================
@@ -99,6 +100,7 @@ export function navigationEqual(a, b) {
 export function useNavigationSync() {
     const adapter = useAdapter();
     const { apps, refresh } = useMetadata();
+    const { t } = useObjectTranslation();
     // Keep a ref so the undo closure always reads the latest adapter
     const adapterRef = useRef(adapter);
     adapterRef.current = adapter;
@@ -133,25 +135,25 @@ export function useNavigationSync() {
         const updatedApp = { ...app, navigation: updated };
         try {
             await saveApp(appName, updatedApp);
-            toast.success(`Navigation updated: added page "${label || pageName}"`, {
+            toast.success(t('navigationSync.addedPage', { name: label || pageName }), {
                 action: {
-                    label: 'Undo',
+                    label: t('navigationSync.undoLabel'),
                     onClick: async () => {
                         try {
                             await saveApp(appName, { ...app, navigation: prev });
-                            toast.info('Navigation change undone');
+                            toast.info(t('navigationSync.undone'));
                         }
                         catch {
-                            toast.error('Failed to undo navigation change');
+                            toast.error(t('navigationSync.undoFailed'));
                         }
                     },
                 },
             });
         }
         catch {
-            toast.error('Failed to update navigation');
+            toast.error(t('navigationSync.updateFailed'));
         }
-    }, [findApp, saveApp]);
+    }, [findApp, saveApp, t]);
     const syncDashboardCreated = useCallback(async (appName, dashboardName, label) => {
         const app = findApp(appName);
         if (!app)
@@ -168,25 +170,25 @@ export function useNavigationSync() {
         const updatedApp = { ...app, navigation: updated };
         try {
             await saveApp(appName, updatedApp);
-            toast.success(`Navigation updated: added dashboard "${label || dashboardName}"`, {
+            toast.success(t('navigationSync.addedDashboard', { name: label || dashboardName }), {
                 action: {
-                    label: 'Undo',
+                    label: t('navigationSync.undoLabel'),
                     onClick: async () => {
                         try {
                             await saveApp(appName, { ...app, navigation: prev });
-                            toast.info('Navigation change undone');
+                            toast.info(t('navigationSync.undone'));
                         }
                         catch {
-                            toast.error('Failed to undo navigation change');
+                            toast.error(t('navigationSync.undoFailed'));
                         }
                     },
                 },
             });
         }
         catch {
-            toast.error('Failed to update navigation');
+            toast.error(t('navigationSync.updateFailed'));
         }
-    }, [findApp, saveApp]);
+    }, [findApp, saveApp, t]);
     // ------------------------------------------------------------------
     // Deleted
     // ------------------------------------------------------------------
@@ -201,25 +203,25 @@ export function useNavigationSync() {
         const updatedApp = { ...app, navigation: updated };
         try {
             await saveApp(appName, updatedApp);
-            toast.success(`Navigation updated: removed page "${pageName}"`, {
+            toast.success(t('navigationSync.removedPage', { name: pageName }), {
                 action: {
-                    label: 'Undo',
+                    label: t('navigationSync.undoLabel'),
                     onClick: async () => {
                         try {
                             await saveApp(appName, { ...app, navigation: prev });
-                            toast.info('Navigation change undone');
+                            toast.info(t('navigationSync.undone'));
                         }
                         catch {
-                            toast.error('Failed to undo navigation change');
+                            toast.error(t('navigationSync.undoFailed'));
                         }
                     },
                 },
             });
         }
         catch {
-            toast.error('Failed to update navigation');
+            toast.error(t('navigationSync.updateFailed'));
         }
-    }, [findApp, saveApp]);
+    }, [findApp, saveApp, t]);
     const syncDashboardDeleted = useCallback(async (appName, dashboardName) => {
         const app = findApp(appName);
         if (!app)
@@ -231,25 +233,25 @@ export function useNavigationSync() {
         const updatedApp = { ...app, navigation: updated };
         try {
             await saveApp(appName, updatedApp);
-            toast.success(`Navigation updated: removed dashboard "${dashboardName}"`, {
+            toast.success(t('navigationSync.removedDashboard', { name: dashboardName }), {
                 action: {
-                    label: 'Undo',
+                    label: t('navigationSync.undoLabel'),
                     onClick: async () => {
                         try {
                             await saveApp(appName, { ...app, navigation: prev });
-                            toast.info('Navigation change undone');
+                            toast.info(t('navigationSync.undone'));
                         }
                         catch {
-                            toast.error('Failed to undo navigation change');
+                            toast.error(t('navigationSync.undoFailed'));
                         }
                     },
                 },
             });
         }
         catch {
-            toast.error('Failed to update navigation');
+            toast.error(t('navigationSync.updateFailed'));
         }
-    }, [findApp, saveApp]);
+    }, [findApp, saveApp, t]);
     // ------------------------------------------------------------------
     // Renamed
     // ------------------------------------------------------------------
@@ -264,25 +266,25 @@ export function useNavigationSync() {
         const updatedApp = { ...app, navigation: updated };
         try {
             await saveApp(appName, updatedApp);
-            toast.success(`Navigation updated: renamed page "${oldName}" → "${newName}"`, {
+            toast.success(t('navigationSync.renamedPage', { oldName, newName }), {
                 action: {
-                    label: 'Undo',
+                    label: t('navigationSync.undoLabel'),
                     onClick: async () => {
                         try {
                             await saveApp(appName, { ...app, navigation: prev });
-                            toast.info('Navigation change undone');
+                            toast.info(t('navigationSync.undone'));
                         }
                         catch {
-                            toast.error('Failed to undo navigation change');
+                            toast.error(t('navigationSync.undoFailed'));
                         }
                     },
                 },
             });
         }
         catch {
-            toast.error('Failed to update navigation');
+            toast.error(t('navigationSync.updateFailed'));
         }
-    }, [findApp, saveApp]);
+    }, [findApp, saveApp, t]);
     const syncDashboardRenamed = useCallback(async (appName, oldName, newName) => {
         const app = findApp(appName);
         if (!app)
@@ -294,25 +296,25 @@ export function useNavigationSync() {
         const updatedApp = { ...app, navigation: updated };
         try {
             await saveApp(appName, updatedApp);
-            toast.success(`Navigation updated: renamed dashboard "${oldName}" → "${newName}"`, {
+            toast.success(t('navigationSync.renamedDashboard', { oldName, newName }), {
                 action: {
-                    label: 'Undo',
+                    label: t('navigationSync.undoLabel'),
                     onClick: async () => {
                         try {
                             await saveApp(appName, { ...app, navigation: prev });
-                            toast.info('Navigation change undone');
+                            toast.info(t('navigationSync.undone'));
                         }
                         catch {
-                            toast.error('Failed to undo navigation change');
+                            toast.error(t('navigationSync.undoFailed'));
                         }
                     },
                 },
             });
         }
         catch {
-            toast.error('Failed to update navigation');
+            toast.error(t('navigationSync.updateFailed'));
         }
-    }, [findApp, saveApp]);
+    }, [findApp, saveApp, t]);
     // ------------------------------------------------------------------
     // All-Apps convenience methods
     // ------------------------------------------------------------------

package/dist/hooks/useObjectActions.d.ts

@@ -17,6 +17,16 @@ interface ObjectActionConfig {
     dataSource: any;
     onEdit?: (record: any) => void;
     onRefresh?: () => void;
+    /** Optional shadcn-style confirm handler — falls back to window.confirm */
+    onConfirm?: (message: string, options?: {
+        title?: string;
+        confirmText?: string;
+        cancelText?: string;
+    }) => Promise<boolean>;
+    /** Optional toast handler — falls back to sonner */
+    onToast?: (message: string, options?: {
+        type?: string;
+    }) => void;
 }
 interface ObjectActions {
     /** Run an action by schema or type string */
@@ -34,5 +44,5 @@ interface ObjectActions {
     /** Last error message */
     error: string | null;
 }
-export declare function useObjectActions({ objectName, objectLabel, dataSource, onEdit, onRefresh, }: ObjectActionConfig): ObjectActions;
+export declare function useObjectActions({ objectName, objectLabel, dataSource, onEdit, onRefresh, onConfirm, onToast, }: ObjectActionConfig): ObjectActions;
 export {};

package/dist/hooks/useObjectActions.js

@@ -13,10 +13,12 @@
 import { useCallback, useEffect } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useActionRunner } from '@object-ui/react';
+import { useObjectTranslation } from '@object-ui/i18n';
 import { toast } from 'sonner';
-export function useObjectActions({ objectName, objectLabel, dataSource, onEdit, onRefresh, }) {
+export function useObjectActions({ objectName, objectLabel, dataSource, onEdit, onRefresh, onConfirm, onToast, }) {
     const navigate = useNavigate();
     const { appName } = useParams();
+    const { t } = useObjectTranslation();
     const baseUrl = `/apps/${appName}`;
     const { execute, loading, error, runner } = useActionRunner({
         context: {
@@ -24,6 +26,8 @@ export function useObjectActions({ objectName, objectLabel, dataSource, onEdit,
             objectLabel: objectLabel || objectName,
             baseUrl,
         },
+        onConfirm,
+        onToast,
     });
     // Register custom handlers
     useEffect(() => {
@@ -34,17 +38,49 @@ export function useObjectActions({ objectName, objectLabel, dataSource, onEdit,
         });
         // Handler: delete
         runner.registerHandler('delete', async (action) => {
-            const recordId = action.params?.recordId || action.recordId;
+            // Accept several param shapes used across call sites:
+            //   { params: { recordId } }       — toolbar / programmatic deletes
+            //   { params: { record } }         — ObjectGrid row dropdown
+            //   { params: { records: [...] } } — bulk delete (multi-row)
+            //   { recordId } (legacy)          — pre-params shape
+            const records = Array.isArray(action.params?.records)
+                ? action.params.records.filter((r) => r?.id != null)
+                : null;
+            // Bulk path — delete every record in parallel and report a summary.
+            if (records && records.length > 1) {
+                const results = await Promise.allSettled(records.map((r) => dataSource.delete(objectName, r.id)));
+                const failed = results.filter(r => r.status === 'rejected').length;
+                const succeeded = results.length - failed;
+                onRefresh?.();
+                if (failed === 0) {
+                    toast.success(t('objectActions.bulkDeleteSuccess', {
+                        count: succeeded,
+                        label: objectLabel || objectName,
+                        defaultValue: `Deleted ${succeeded} ${objectLabel || objectName} records`,
+                    }));
+                    return { success: true, reload: true };
+                }
+                toast.error(t('objectActions.bulkDeletePartial', {
+                    succeeded,
+                    failed,
+                    defaultValue: `${succeeded} deleted, ${failed} failed`,
+                }));
+                return { success: false, error: `${failed} failed` };
+            }
+            const recordId = action.params?.recordId ??
+                action.params?.record?.id ??
+                records?.[0]?.id ??
+                action.recordId;
             if (!recordId)
-                return { success: false, error: 'No record ID provided' };
+                return { success: false, error: t('objectActions.noRecordId') };
             try {
                 await dataSource.delete(objectName, recordId);
                 onRefresh?.();
-                toast.success(`${objectLabel || objectName} deleted successfully`);
+                toast.success(t('objectActions.deleteSuccess', { label: objectLabel || objectName }));
                 return { success: true, reload: true };
             }
             catch (err) {
-                toast.error(`Failed to delete ${objectLabel || objectName}`, {
+                toast.error(t('objectActions.deleteFailed', { label: objectLabel || objectName }), {
                     description: err.message,
                 });
                 return { success: false, error: err.message };
@@ -63,17 +99,17 @@ export function useObjectActions({ objectName, objectLabel, dataSource, onEdit,
             onRefresh?.();
             return { success: true, reload: true };
         });
-    }, [runner, objectName, dataSource, onEdit, onRefresh, navigate, baseUrl]);
+    }, [runner, objectName, dataSource, onEdit, onRefresh, navigate, baseUrl, t, objectLabel]);
     const create = useCallback(() => {
         onEdit?.(null);
     }, [onEdit]);
     const deleteRecord = useCallback(async (recordId) => {
         return execute({
             type: 'delete',
-            confirmText: `Are you sure you want to delete this record?`,
+            confirmText: t('objectActions.deleteConfirm'),
             params: { recordId },
         });
-    }, [execute]);
+    }, [execute, t]);
     const navigateToView = useCallback((viewId) => {
         navigate(`${baseUrl}/${objectName}/view/${viewId}`);
     }, [navigate, baseUrl, objectName]);